body {font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}
		table {font-size:inherit;font:100%;}
		/**
		 * Bump up IE to get to 13px equivalent
		 */
		pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
		
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
		
		
		
		/* remember to define focus styles! */
		:focus {
		outline: 0;
		}
		body {
		line-height: 116%;
		color: black;
		background: white;
		}
		ol, ul {
		list-style: none;
		}
		
		li
		{
			font-weight:normal;
		}
		/* tables still need 'cellspacing="0"' in the markup */
		table {
		border-collapse: separate;
		border-spacing: 0;
		}
		caption, th, td {
		text-align: left;
		font-weight: normal;
		vertical-align:middle;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
		content: "";
		}
		blockquote, q {
		quotes: "" "";
		}
		
		img{border:0px;}
		
		/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
		body {
			margin: 0px;
			padding: 0px;
			text-align: center; /* for IE */
			font-family: Arial, Verdana, Helvetica, sans-serif;
			background: #fafafa url('../images/bg_body.jpg') repeat-x;
		}
		
		a{
			outline:0;
		}
		
		/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
		#page_wrapper {
			width:980px;
			padding: 0px;
			margin: 0px auto 0px auto;
			text-align:left;
			overflow:hidden;
			position:relative;
			background:url('../images/bg_page_wrapper.gif');
		}
		
		#shadow_left
		{
			background:url('../images/bocajava_sprite_v2.gif') -851px 0px no-repeat;
			width:10px;
			height:400px;
			float:left;
		}
		 
		#shadow_right
		{
			background:url('../images/bocajava_sprite_v2.gif') -889px 0px no-repeat;
			width:10px;
			height:400px;
			float:left;
		}
		
		#page {
			background: #363636;
			padding: 0px;
			margin: 0px;
			float:left;
			width:960px;
		}
		/*
		
		#shadow_left, #page, #shadow_right
		{	
			padding-bottom: 32767px;
			margin-bottom: -32767px;
		}
		*/
		
		#shadow_bottom
		{
			width:980px;
			height:14px;
			background:url('../images/bocajava_sprite_v2.gif') 0px -660px no-repeat;
			clear:both;
			display:block;
			overflow:hidden;
		}
		
		/** standard elements **/
		
		ul.ul_normal
		{
			list-style-type:disc;
			margin-left:20px;
			margin-bottom:10px;
			
		}
		
		ul.ul_normal li
		{
			list-style-type:disc;
			padding:2px;
			font-size:84%;
		}
		
		.left
		{
		 	float:left;
		}
		
		.right
		{
			float:right;
		}
		
		.clear
		{
			clear:both;
		}
		
		.col
		{
			
		}
		
		.col20
		{
			width:20%;
		}
		
		.col25
		{
			width:25%;
		}
		
		.col33
		{
			width:33%;
			overflow:hidden;
		}
		
		.col40
		{
			width:40%;
			overflow:auto;
			zoom:1;
		}
		
		.col50
		{
			width:50%;
			overflow:auto;
			zoom:1;
		}
		
		.col55
		{
			width:55%;
		}
		
		.col60
		{
			width:60%;
			overflow:auto;
			zoom:1;
		}
		
		.col66
		{
			width:67%;
		}
		
		.col75
		{
			width:75%;
		}
		
		.col100
		{
			width:100%;
			overflow:auto;
			zoom:1;
			clear:both;
		}
		
		.col_inner
		{
			padding:0px 10px 10px 10px;
			overflow:hidden;
			zoom:1;
		}
		
		
		
		
		/*** header ***/
		
		.page_header
		{
			background:#232323;
			padding:0px 20px 10px 20px;
			overflow:auto;
			zoom:1;
			height:200px;
		}
		
		#b_about .page_header
		{
			background:#232323 url('../images/bg_about.jpg') 132px 72px no-repeat;
		}
		
		#b_hospitality .page_header
		{
			background:#232323 url('../images/bg_hospitality.jpg') 132px 72px no-repeat;
		}
		
		#b_retail .page_header
		{
			background:#232323 url('../images/bg_retail.jpg') 132px 72px no-repeat;
		}
		
		#b_office .page_header
		{
			background:#232323 url('../images/bg_office.jpg') 132px 72px no-repeat;
		}
		
		#b_distributors .page_header
		{
			background:#232323 url('../images/bg_distributors.jpg') 132px 72px no-repeat;
		}
		
		#b_contact .page_header
		{
			background:#232323 url('../images/bg_contact.jpg') 132px 72px no-repeat;
		}
		
		.page_header .col1
		{
			width:110px;
			float:left;
		}
		
		.page_header .col1 a
		{
			display:block;
			background:url('../images/logo.gif') no-repeat;
			width:90px;
			height:90px;
		}
		
		.page_header .col2
		{
			width:810px;
			float:left;
			padding-top:35px;
		}
		
		.page_header .col2 h2
		{
			float:right;
			font-size:116%;
			font-weight:normal;
			color:#90815f;
			font-family:'arial black', arial;
		}
		
		ul.nav
		{
			overflow:auto;
			zoom:1;
			padding-bottom:10px;
		}
		
		ul.nav li
		{
			display:inline;
		}
		
		ul.nav li a
		{
			display:block;
			float:left;
			color:#e9e9e9;
			font-size:84%;
			text-decoration: none;
			padding:0px 10px 0px 10px;
			background:url('../images/nav_right.gif') right 50% no-repeat;
		}
		
		ul.nav li a.first
		{
			padding:0px 10px 0px 0px;
		}
			
		ul.nav li a.last
		{
			background-image:none;
		}
		
		
		.page_content ul.nav li a.active, ul.nav li a:hover, #b_about #n_about a, #b_hospitality #n_hospitality a, #b_retail #n_retail a, #b_distributors #n_distributors a, #b_office #n_office a, #b_contact #n_contact a, #b_client #n_client a
		{
			color:#baa577;
		}
		
		/** page content **/
		
		.page_content
		{
			overflow:auto;
			zoom:1;
			padding:20px 20px 0px 130px;
			color:#ebebeb;
			
		}
		

		
		.page_content ul.nav li a
		{
			text-transform: uppercase;
			color:#797979;
		}
		
		
		.page_content .content .col_inner
		{
			padding-left:0px;
			padding-right:150px;
		}
		
		.page_content .col66.content .col_inner
		{
			padding-left:0px;
			padding-right:50px;
		}
		
		.page_content p
		{
			margin-bottom:10px;
			font-size:84%;
			line-height:1.6em;
		}
		
		.page_content b
		{
			font-weight:normal;
			text-transform: uppercase;
			font-size:84%;
			margin-bottom:10px;
			color:#baa577;
		}
		
		.page_content h4
		{
			text-transform: uppercase;
			color:#baa577;
			font-size:84%;
		}
		
		.page_content .section
		{
			display:none;
		}
		
		.page_content .col33 a
		{
			display:block;
			color:#ebebeb;
			font-size:84%;
			padding:5px 5px 5px 20px;
			text-decoration: none;
			text-transform: capitalize;
			border-bottom:1px dotted #ebebeb;
			background:url('../images/icon_pdf.gif') 0px 5px no-repeat;
		}
		
		/** page footer **/
		
		.text_footer
		{
			font-size:84%;
		}
		
		.text_footer a
		{
			color:#fff;
		}
		
		.page_footer
		{
			overflow:auto;
			zoom:1;
			border-top:1px dotted #ebebeb;
			padding:5px 0px 0px 0px;
			margin:20px 20px 20px 130px;
			color:#8d8d8d;
			font-size:84%;
		}
		
		.page_footer a
		{
			color:#8d8d8d;
		}
		
		/** forms **/
		
		/** FORM STYLES **/
		
		
		
		.page_content .in input, .page_content  select, .page_content textarea, .modal_form input, .modal_form  select, .modal_form textarea, .form_horizontal .in input, .form_horizontal select, textarea, #emailForm input, .ship_picker, .form_selection select
		{
			border:1px solid #666;
			padding:2px 2px 2px 2px;
			background:#fff;
		}
		
		
		
		input.btn
		{
			border:0;
			padding:0;
		}
		
		.sub_msg
		{
			margin-top:2px;
			font-size:84%;
			color:#666;
		}
		
		div.sub_msg
		{
			color:#333;
		}
		
		
		ul.form_inline /* for product attributes */
		{
			overflow:hidden;
			zoom:1;
			padding:10px;
		}
		
		ul.form_inline li
		{
			float:left;
			margin-right:5px;
			padding-top:5px;
			height: 35px;
		}
		
		ul.form_inline label
		{
			float:left;
			margin:5px 5px 0px 0px;
		}
		
		ul.form_inline input, ul.form_inline select
		{
			float:left;
		}
		
		ul.form_oneinput  /* for single input forms where input/submit on the same line */
		{
			margin-top:10px;
			overflow:auto;
			zoom:1;
		}
		
		ul.form_oneinput li
		{
			width:45%;
			float:left;
		}
		
		ul.form_oneinput input
		{
			margin-top:2px;
			width:170px;
		}
		
		ul.form_oneinput button
		{
			font-size:84%;
		}
		
		ul.form_vertical, ul.form_horizontal
		{
			margin:0;
			padding:0;
		}
		
		ul.form_vertical li, ul.form_horizontal li
		{
			margin:10px 0px;
			padding:0;
			overflow:hidden;
			zoom:1;
		}
		
		ul.form_vertical label
		{
			display:block;
		}
		
		ul.form_vertical input
		{
			margin-top:2px;
		}
		
		ul.form_vertical li.in input
		{
			
			width:70%;
			float:left;
		}
		
		
		ul.form_horizontal label
		{
			float:left;
			width:25%;
			padding-top:5px;
			padding-bottom:3px;
			text-align:right;
		}
		
		ul.form_horizontal li.in input, ul.form_horizontal li.in select, ul.form_horizontal li textarea
		{
			float:left;
			width:50%;
			font-size:116%;
			margin-left:5px;
			padding:2px 2px 2px 2px;
			max-width:200px;
		}
		
		ul.form_horizontal li textarea
		{
			height:100px;
		}
		
		ul.form_horizontal li img
		{
			margin:5px;
		}
		
		ul.form_horizontal li.in select
		{
			width:55%;
		}
		
		ul.form_horizontal li.in.in_short label
		{
			width:50%;
		}
		
		ul.form_horizontal li.in.in_short input
		{
			width:20%;
			margin-top:10px;
		}
		
		
		
		div.noedit
		{
			float:left;
			width:50%;
			color:#666;
			font-size:116%;
			margin-left:10px;
			padding:2px 0px 2px 2px;
		}
		
		
		.modal_form ul.form_horizontal label
		{
			width:60px;
			margin-right:0px;
		}
		
		.modal_form ul li.in input, .modal_form ul li.in select
		{
			width:50%;
			float:left;
		}
		
		
		ul li.in input, ul li.in select
		{
			font-size:108%;
		}
		
		ul.form_horizontal li button
		{
			margin-left:10px;
		}
		
		input.checkbox
		{
			margin-left:10px;
		}
		
		ul.form_vertical input.checkbox
		{
			margin:0px 10px 0px 0px;
			float:left;
		}
		
		ul li.submit
		{
			text-align:right;
			font-size:116%;
		}
		
		ul li.submit td
		{
			padding:5px;
			white-space:nowrap;
		}
		
		input.btn
		{
			width:auto;
		}
		 
		label
		{
			font-size:100%;
		} 
		
		label span
		{
			display:block;
		}
		
		ul.radio li input
		{
			border:0px;
		}
		
		ul.form_horizontal label{
			padding:6px 20px 2px 2px;
		}
		
		ul.form_horizontal label.req
		{
			background:#fff url('http://www.bocajava.com/images/2008/bg_req.gif') 100% 2px no-repeat;
			padding:2px 20px 2px 2px;
		}
		
		ul.form_vertical label{
			padding:2px 2px 2px 2px;
		}
		
		ul.form_vertical label.req, b.req
		{
			background:#fff url('http://www.bocajava.com/images/2008/bg_req.gif') 0 2px no-repeat;
			padding:2px 2px 2px 20px;
		}
		
		ul.form_selection select, input
		{
			padding:2px;
		}
		
		ul.form_selection li
		{
			margin-bottom:4px;
			overflow:hidden;
			zoom:1;
		}
		
		ul.form_selection label
		{
			width:50%;
			float:left;
			margin-top:3px;
			font-size:93%;
		}
		
		ul.form_selection input
		{
			width:30%;
			float:right;
			border:1px solid #000;
		}
		
		ul.form_selection select
		{
			width:100%;
		}
		
		input.checkIn
		{
			border:1px solid #666;
			padding:2px;
			background:#fff;
			font-size:116%;
			width:25px;	
		}
		
		
		
		
		
		
		/** ajax forms **/
		
		#form_insert #modal_ae
		{
			display:block;
		}
		
		/** VALIDATION STYLES **/
		
		.LV_validation_message{
		    margin:0 0 0 5px;
		}
		
		span.LV_valid {
			width:20px;
			height:22px;
			float:left; 
		    display:block;
			background:url('http://www.bocajava.com/images/2008/bg_valid.gif') 3px 5px no-repeat;
			color:#124a0e;
		}
			
		.LV_invalid {
			display:block;
			clear:both;
		    color:#651816;
			padding:5px 5px 5px 20px;
			background:url('../images/2008/bg_invalid.gif') 0px 50% no-repeat;
			font-size:100%;
			
		}
		
		
		
		ul.form_horizontal .LV_invalid
		{
			float:left;
			width:15%;
			clear:none;
			background:url('http://www.bocajava.com/images/2008/bg_invalid.gif') 0px 3px no-repeat;
		}
		
		
		.modal_form ul.form_horizontal .LV_invalid, td ul.form_horizontal .LV_invalid
		{
			
			display:block;
			clear:both;
			margin-left:34%;
			width:190px;
			text-align:left;
			color:#fff;
		}
		    
		input.LV_valid_field,
		select.LV_valid_field,
		textarea.LV_valid_field,
		input.LV_valid_field:hover, 
		input.LV_valid_field:active,
		textarea.LV_valid_field:hover, 
		textarea.LV_valid_field:active {
		    border: 1px solid #124a0e;
		}
		    
		input.LV_invalid_field, 
		textarea.LV_invalid_field, 
		input.LV_invalid_field:hover, 
		input.LV_invalid_field:active,
		textarea.LV_invalid_field:hover, 
		textarea.LV_invalid_field:active {
		    border: 1px solid #651816;
		}
		
		input#submit
		{
			float:right;
			cursor:pointer;
			margin:10px 50px 0px 0px;
			border:1px solid #bba779;
			color:#fff;
			background:#333;
			padding:5px 15px 5px 15px;
		}
		
		
		table td
		{
			vertical-align: top;
			font-size:84%;
		}


        ul.list
{
    padding:10px;
    background:#fff;
}

ul.list li
{
    margin-bottom:10px;
    border-bottom:1px dashed #666;
    overflow:auto;
    zoom:1;
}

ul.list li.last
{
    border:0px;
    margin-bottom:0;
}

        ul.list p
{
    color:#363636;
    float:right;
    width:66%;
}

ul.list span
{
    float:left;
    width:33%;
}

ul.list b
{
    display:block;
    text-transform:capitalize;
    font-size:108%;
    margin-bottom:0;
    padding-bottom:0;
}

ul.list b a
{
    color:#baa577;
    text-decoration:none;
}

#l_locations td{border-bottom:1px dashed #666;padding:.3em;}
#l_locations td.sub{font-size:84%!important;color:#666;}