/* 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:#8e938d url(../images/images/kare_bg_body.jpg) repeat-x top;}

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; }

#masterhead { height:110px; position:relative}
	#logo{background-image:url(../images/images/logo-kare.png); height:126px; width:199px; display:block; position:absolute; left:-52px; text-indent:-100000px}
	* html #logo{background-image:url(../images/images/logo-kare.jpg);}
	
	#content_bg{ background:url(../images/images/dropshadow_verticaltile_right.png) right 6px repeat-y; width:791px; overflow:hidden }
	* html #content_bg{ background: url(../images/images/kare_bg_content_bg.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 0 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/kare_corner_right-top1.jpg) top left; height:7px; width:7px; 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}
		body.Home #content .img{margin-right:46px}

/* 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_KareEpanaUnidos.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{}
	.box, .box1{height:157px; width:176px; float:left;}
	
	.box1{background:url(../images/images/kare_bg_box_home.gif) center top no-repeat;}
	
	.box1 img{margin: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}
	
/* 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:#f68934;}
		
.position{margin-bottom:8px}		
.position h4 a{cursor:pointer}
		
/* -------------- 3. Links and Navigation --------------- */
a {color:#f68934; outline:none; text-decoration:none;}
a:hover{ color:#f68934; text-decoration:none;}
.contact_list a{ color:#636568}

/*top nav */
ul#navigation { position:relative; float:right; background:url(../images/images/kare_bg_nav.jpg) no-repeat left bottom; height:36px; width:490px; left:-53px; top:86px; z-index:1000}
ul#navigation li{float:left;}
ul#navigation li a{float:left; text-indent:-100000px; display:block; height:36px; padding-left:10px; position:relative;}

.nav_about a{width:66px; background:url(../images/images/nav/vivaro_off_about.jpg) no-repeat  right 18px}
.nav_retail_network a{ width:103px; background:url(../images/images/nav/vivaro_off_RN.jpg) no-repeat  right 18px}
.nav_product a{ width:131px; background:url(../images/images/nav/vivaro_off_prod.jpg) no-repeat  right 18px}
.nav_career a{ width:62px; background:url(../images/images/nav/vivaro_off_carreers.jpg) no-repeat  right 18px}
.nav_contact a{ width:78px; background:url(../images/images/nav/vivaro_off_contact.jpg) no-repeat  center 18px}

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

ul#navigation li a span{display:none; margin-top:17px} 
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/kare_on_about.gif) no-repeat; width:53px;}
ul#navigation .nav_retail_network a.on span, ul#navigation .nav_retail_network a:hover span{ background:url(../images/images/nav/kare_on_retail.gif) no-repeat; width:90px;}
ul#navigation .nav_product a.on span, ul#navigation .nav_product a:hover span{ background:url(../images/images/nav/kare_on_prodserv.gif) no-repeat; width:120px;}
ul#navigation .nav_career a.on span, ul#navigation .nav_career a:hover span{ background:url(../images/images/nav/kare_on_carreers.gif) no-repeat; width:48px;}
ul#navigation .nav_contact a.on span, ul#navigation .nav_contact a:hover span{ background:url(../images/images/nav/kare_on_contact.gif) no-repeat; width:65px;}


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

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

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

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

ul#navigation li ul.nav_second_level li a.on_ln, ul#navigation li a:hover{font-weight:bold !important; text-decoration:none !important;}
* 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; font-weight:bold}

ul#products{left:180px !important}

.language{position:absolute; right:55px; top:66px; display:none}/* TEMP DISABLED TILL SPANISH IS DONE */
.eng, .spa{display:block; text-indent:-100000px; height:9px; float:left; width:38px;}
	.eng{background:url(../images/images/kare_btn_eng.gif) no-repeat;  }
	.spa{background:url(../images/images/kare_btn_spa.gif) right  no-repeat; margin-left:4px}
	* 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, p a{ color:#f68934}
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; color:#f58025}
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}
#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;}




/* -------------- 5. Footer ----------------------------- */
#footer{ width:790px; margin:0 auto 30px; position:relative; background:url(../images/images/dropshadow_bottomrow_right.png) no-repeat top left;}
* html #footer{background:url(../images/images/kare_bg_footer.jpg) top center no-repeat;}
	#footer ul.footer{padding:10px 0 0 160px /*205px*/;}
	#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:133px}
			@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%;}