/* Style Sheets for [] website
created by bkkwebdesign.com
TOC
	1. Defaults
	2. Structure
	3. Links and Navigation 
	4. Fonts

Notes
*/
 
/* -------------- 1. Defaults --------------------------- */
*{
	margin:0;
	padding:0;
}
body{ font:62.5% Arial, Helvetica, sans-serif; background:url(../images/images/vivaro_background_tile.gif) repeat;}

a img, img{border:0; border:none}
ul{list-style-type:none; }

.clear{clear:both; height:1px;}
.left{float:left;}
.right{float:right;}
fieldset{border:none;}
blockquote{ margin:10px 0 0 30px}   

/* -------------- 2. Structure -------------------------- */
#wrapper {width:790px; margin:0 auto; height:auto; position:relative; top:-25px;}

#masterhead { height:134px; position:relative}
	#logo{background-image:url(../images/images/logo-vivaro.png); height:83px; width:172px; display:block; position:relative; top:45px; left:-52px; text-indent:-100000px}
	* html #logo{background-image:url(../images/images/logo-vivaro.gif);}
	
	#content_bg{ background:url(../images/images/dropshadow_verticaltile_right.png) right 6px repeat-y; width:790px;  overflow:hidden }
	* html #content_bg{ background: url(../images/images/vivaro_bg_content.jpg) right 6px no-repeat; }

	#content{ background:#fff url(../images/images/corner_left-top1.jpg) left top no-repeat;  padding:70px 46px 60px 42px; min-height:320px; height:auto !important; height:320px; margin-right:6px;}
	body.Home #content{padding:43px 46px 60px 42px;}
	* html #content{ margin-right:0}
	
		.right_corner{ position:relative; float:right; height:1px; width:1px }
		.right_corner span{position:absolute;  background:url(../images/images/corner_right-top1.jpg) top left; height:7px; width:6px; float:right; display:block; left:-6px;}
		* html .right_corner span{ width:5px; left:-4px}
		.banner{width:697px; margin-bottom:30px; overflow:hidden}
		
		#content .img{float:right; margin:0 0 30px 30px}
		.Contact_Us #content .img{margin:0}

/* the terms and conditions & privacy statement pages*/	
.scroll_area{ height:550px; overflow:auto; background:url(../images/images/bg_body.jpg) repeat center center; padding:0 15px; border-color:#bcbcca #c2c1d4 #bcbcca #c2c1d4; border-width:1px; border-style: solid}
	.grey_area{ background-color:#d5d6d8; padding:25px 15px; border-left:1px solid #61618f; border-right:1px solid #61618f}
			  .grey_area h3{border-bottom:3px solid #f1f2f2; background:#dedfe0 url(../images/images/bg_h3.jpg) bottom repeat-x; padding:2px 0 1px 7px}
		.grey_area p{background-color:#FFF; border:1px solid #f7f7f7; padding:0 7px}
				

/* Contact page */
	.contact_list{float:left; width:450px; margin-top:10px}
		.contact_list div{width:225px; float:left}


/* Career page */
	.disclosure p{font-size:1em; border-bottom:1px solid #242424; border-top:1px solid #242424; color:#636568; text-align:justify; padding:6px 0; width:385px;}

/* management team */
	.bio{ position:relative; height:320px; }
	.person{ height:118px; width:210px; overflow:hidden; float:left; } /*padding:15px 35px; width:224px; height:122px; }*/
		.person .title{margin-bottom:5px; font-size:1.2em}
		.person, .person p{ color:#2A276A;}
	
		.person .small_photo img{float:left; height:96px; width:72px;}
		.person h2{font-size:.9em; font-weight:bold; color:#666; margin:0;}
		 .person a, .close a{cursor:pointer; color:#333}
		.person div.info_person{ background:url(../images/images/bg_man_team.jpg) bottom repeat-x;  border-right:1px solid #504E85; height:68px; padding-left:79px; margin-top:20px; padding-top:16px; line-height:12px; font-size:.9em; text-align:left; color:#333}
		
		.row1, .row2, .row3{float:left; margin-bottom:15px; }
		.row1{ /*padding-left:250px;*/ }
		.row2{ /*padding-left:100px;*/ }
		.row2  .person2, .row2  .person3{ /*padding-right:20px;*/}
		.row3 .person5, .row3 .person4, .row3 .person6{ /*padding-right:1px*/}
		.row1 .person, .person2, .person4, .person5{padding-right:30px}

	.pop_up{ background:url(../images/images/Management_PopUp_Vivaro.jpg) repeat-y top; width:578px; /*background-color:#e8e9eb; width:660px; filter:alpha(opacity=93); -moz-opacity: 0.93; opacity: 0.93;*/  position:absolute; z-index:1000; left:55px; top:0}
		.pop_up .left_side{ width:162px; float:left; padding:25px 0 0 20px}
		.pop_up .right_side{width:355px;  float:right;  padding:65px 30px 0 0; line-height:18px}
		/*.pop_up .border{background:url(../images/images/bg_pop_side.jpg) center repeat-x; height:300px;width:12px;}*/ 
		
		.close a{text-transform:uppercase; padding:0 12px 0 0; background:url(../images/images/btn_x.gif) right no-repeat; position:absolute; left:500px; top:10px; display:block }
		
	
/* home page */
.main_image{position:relative; height:235px; margin-bottom:13px} 
	.main_image div{position:absolute; left:-42px; width:785px; overflow:hidden; }
	
	.grey_bg{background-color:#efeff0; padding:0 7px; border:1px solid #e6e6e7; border-top:none}
		* html .grey_bg{padding:0 5px 10px;}
		
	/*.box1 h2, .box2 h2, .box3 h2, .box4 h2{text-transform:capitalize; font-size:1.4em; padding:1px 0 0 8px }*/
	.box1 span{margin:0 8px; display:block; line-height:10px}
	.box span{display:none}
	.box1, .box2, .box3, .box4, .box{margin:13px 2px; height:126px; width:121px; float:left; }
	.box1{background:#242424 url(../images/images/bg_box1.jpg) repeat-x bottom;}
	.box2{background:#242424 url(../images/images/bg_box2.jpg) repeat-x bottom;}
	.box3{background:#242424 url(../images/images/bg_box3.jpg) repeat-x bottom;}
	.box4{background:#242424 url(../images/images/bg_box4.jpg) repeat-x bottom;}
	
	.box1 h2, .box2 h2, .box3 h2, .box4 h2{color:#fff; text-transform:capitalize; font-size:.9em; padding:1px 0 0 5px}
	.box1 span, .box2 span, .box3 span, .box4 span{ margin:0 3px 0 5px; display:block;}
	.box1 span p, .box2 span p, .box3 span p, .box4 span p{color:#fff;  line-height:10px; padding-bottom:0; text-align:left}
	
	.box5{width:179px; height:153px; float:right; background:url(../images/images/bg_box5_bot.jpg) repeat-x bottom;}
		.box5 div{/* margin-left:13px;padding-top:39px; color:#636568;*/  
		          /*** 2-3-1010 mtg removed per angela 
					background:url(../images/images/VIVARO_FundamentalsHome.jpg) top no-repeat; 
				*/
		}
		.box5 h4{text-transform:uppercase}
		.box5 span{ text-indent:-20000px}
		 .box5 a{display:block; height:148px; width:177px;}
		.box5 span p{}
		
/* block quote */
.Our_Consumer blockquote{width:608px; margin-left:30px; background:url(../images/images/bg_block.jpg) repeat-x bottom; padding:20px}

.entry_titles ul{border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; padding:20px 0; margin-bottom:20px;}
.entry_titles li a{color:#636568; font-size:1em; font-weight:bold; display:block; margin-bottom:7px}
.entry_titles li{ padding-bottom:0!important}
.entry_titles li a:hover{color:#2A276A;}
		
.position{margin-bottom:8px}		
.position h4 a{cursor:pointer}	

/* -------------- 3. Links and Navigation --------------- */
a {color:#2a276a; outline:none; text-decoration:none;}
a:hover{ color:#2a276a; text-decoration:none;}
.contact_list a{ color:#636568}

/*top nav */
ul#navigation { position:relative; float:right; background:url(../images/images/viaro_bg_nav.jpg) no-repeat left bottom; height:36px; width:478px; left:-51px; top:23px; z-index:1000}
ul#navigation li{float:left;}
ul#navigation li a{float:left; text-indent:-100000px; display:block; height:36px; padding:0px 0 0px 13px; position:relative;}

.nav_about a{ background:url(../images/images/nav/off_about.gif) right 16px no-repeat; width:64px;}
.nav_comnsumer a{ background:url(../images/images/nav/off_our_consumer.gif) right 16px no-repeat; width:91px; }
.nav_product a{ background:url(../images/images/nav/off_prodserv.gif) right 16px no-repeat; width:125px; }
.nav_career a{ background:url(../images/images/nav/off_carreers.gif) right 16px no-repeat; width:57px; }
.nav_contact a{ background:url(../images/images/nav/off_contact.gif) 14px 16px no-repeat; width:76px; }

ul#navigation a:hover, ul#navigation a.on{ background:url(../images/images/nav/nav_on.jpg) repeat-x top; left:-2px}
ul#navigation .nav_contact a.on, ul#navigation .nav_contact a:hover{}

ul#navigation li a span{display:none}
ul#navigation li a.on span, ul#navigation li a:hover span{display:block}

ul#navigation .nav_about a.on span, ul#navigation .nav_about a:hover span{ background:url(../images/images/nav/on_about.gif) no-repeat; width:50px; margin-top:15px}
ul#navigation .nav_comnsumer a.on span, ul#navigation .nav_comnsumer a:hover span{ background:url(../images/images/nav/on_our_consumer.gif) no-repeat; width:77px; margin-top:15px}
ul#navigation .nav_product a.on span, ul#navigation .nav_product a:hover span{ background:url(../images/images/nav/on_prodserv.gif) no-repeat; width:111px; margin-top:15px}
ul#navigation .nav_career a.on span, ul#navigation .nav_career a:hover span{ background:url(../images/images/nav/on_carreers.gif) no-repeat; width:57px; margin-top:15px}
ul#navigation .nav_contact a.on span, ul#navigation .nav_contact a:hover span{ background:url(../images/images/nav/on_contact.gif) no-repeat; width:60px; margin-top:15px}


ul#navigation a.on span.lc, ul#navigation a:hover span.lc{background:url(../images/images/nav/on_box_lc.gif) no-repeat; height:2px; width:2px; position:absolute; left:0; top:-15px; display:block;}
ul#navigation a.on span.rc, ul#navigation a:hover span.rc{background:url(../images/images/nav/on_box_rc.gif) no-repeat; height:2px; width:2px; position:absolute; right:0; top:-15px; display:block;}

* html ul#navigation .nav_about a.on span.rc,  * html ul#navigation .nav_about a:hover span.rc, 
* html ul#navigation .nav_contact a.on span.rc,  * html ul#navigation .nav_contact a:hover span.rc{right:-1px}

ul.nav_second_level{position:absolute; top:32px; left:0; padding-left: 13px; width:488px;}
 /*ul#navigation li.onState ul.nav_second_level{visibility:visible!important; display:block!important}*/

ul#navigation li ul.nav_second_level li{color:#2a276a;  padding:15px 9px 8px 0; float:left;  background: url(../images/images/nav/second_nav_bg.jpg) bottom repeat-x; }
ul#navigation li ul.nav_second_level li a{ text-indent:0px; height:auto; padding: 0 10px 0 1px; width:auto; font-size:.9em; text-transform:uppercase; position:static }

ul#navigation li ul.nav_second_level li a.on_ln, ul#navigation li ul.nav_second_level li a:hover{font-weight:bold}
* html ul#navigation li ul.nav_second_level li{padding:15px 5px 7px 0;}
* html ul#navigation li ul.nav_second_level li a{ padding-right: 3px;}
ul#navigation li ul.nav_second_level li.lc{width:13px; height:20px; padding:0; position:absolute; left:0; bottom:0px;}
* html #navigation li ul.nav_second_level li.lc{bottom:-1px}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul#navigation li ul.nav_second_level li.lc{bottom:2px !important}}

ul#navigation li ul.nav_second_level li.lc span{width:13px; height:20px; display:block; background:url(../images/images/nav/second_nav_bg_l.jpg) left bottom no-repeat;}
ul#navigation li ul.nav_second_level li.rc{padding:0; height:35px; width:14px; position:relative; left:-13px; z-index:100}
ul#navigation li ul.nav_second_level li.rc span{background:url(../images/images/nav/second_nav_bg_r.jpg) right bottom no-repeat; display:block; height:35px; width:14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul#navigation li ul.nav_second_level li.rc{ position:relative; top:-2px}}
ul#navigation li ul.nav_second_level li a:hover, ul#navigation li ul.nav_second_level li a.on{background:none !important;}

/*ul#products{left:180px !important}*/

.language{position:absolute; right:55px; top:80px; display:none}/* TEMP DISABLED TILL SPANISH IS DONE */
.eng, .spa{display:block; text-indent:-100000px; height:9px; float:left; width:35px;}
	.eng{background:url(../images/images/btn_eng.gif) no-repeat;  }
	.spa{background:url(../images/images/btn_span.gif) right  no-repeat;}
	* html .spa{position:relative; top:-2px}

/* -------------- 4. Fonts ------------------------------ */
h1{ font:normal 1.4em Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px 0; text-transform:uppercase}
h1, h2, h3, h5, p a{ /*color:#2a276a;*/color:#340065}
h1, h2, h3{ font-weight:bold}
h2{font:normal 1.6em Arial, Helvetica, sans-serif; padding:0; margin:0 0 5px 0; text-transform:uppercase}
h3{font-size:1.4em}
h4{font-size:1.2em;  color:#636568;  margin:0 0 5px 0}
#position-list h4{font-size:1em; margin:0}
h5{font-size:1.2em;}
h6{font-size:1.1em;  color:#636568;  margin:0}
p{padding-bottom:12px;}
p.disclosure{font-size:.8em; padding:10px 0;}
ol li{ padding-bottom:12px; margin-left:19px; list-style:none}
#content blockquote ul li{line-height:17px; padding-bottom:12px;}
#content ul li{ list-style-type:disc; margin-left:15px;}
#content{font-size:1.1em;  color:#636568; text-align:justify; line-height:17px;}
.box5 p{line-height:1.3em;}

/* -------------- 5. Footer ----------------------------- */


#footer{ width:790px; margin:0 auto 30px; background:url(../images/images/dropshadow_bottomrow_right.png) top center no-repeat; position:relative;  top:-25px;}
* html #footer{background:url(../images/images/vivaro_bg_footer.jpg) top center no-repeat;}
	#footer ul.footer{padding:10px 0 0 200px /*225px;*/}
	#footer ul.footer a, #footer ul.footer {color:#fff; text-decoration:none; font-size:.9em}
	#footer ul.footer li, #footer ul.footer a{float:left; padding-right:8px;}

	#footer ul.bot_links{ position:absolute; top:-40px; left:45px; padding:6px 0; border-bottom:1px solid #d6d6d8; border-top:1px solid #d6d6d8;}	
		#footer ul.bot_links a, #footer ul.bot_links{color:#a9aaac; font-size:.9em}
		#footer ul.bot_links li, #footer ul.bot_links a{float:left; padding-right:5px; white-space:nowrap}
		#footer ul li.spacing{margin-left:30px}
			@media screen and (-webkit-min-device-pixel-ratio:0) {#footer ul li.spacing{margin-left:45px;}}

/* -------------- Notes --------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}