/* 
Title:     		Venus
date:   		October 2007
*/		

				* { margin: 0; padding: 0; list-style-type: none; outline: none}
				body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; color: #000; text-align: center;}
				.background { background-color: #EFEEF1;}
				
				img { border: none; margin: 0; padding: 0;}
				a img { border: none; margin: 0; padding: 0;}
				
				div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th
				{ margin: 0; padding: 0;}
				h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
				
				input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;}
				table { display: block; border-collapse: collapse; border: none;}
				th { text-align: left;}
				
				.padding { padding-left: 25px;}
			
/* structure Styles 
---------------------------------------------------------- */
				#container-home { width: 770px; padding: 0; margin-top: 40px; border: 1px solid #ffffff; text-align: left; margin-left: auto; margin-right: auto; background-color: #ffffff;}
				#container { width: 770px; padding: 0; margin-top: 40px; border: 1px solid #BBBEC0; text-align: left; margin-left: auto; margin-right: auto; background-color: #ffffff;}

				#header { width: 770px; height: 110px;}
							
				#wrapper { margin: 0; padding: 0; width: 770px;}
				#leftcol { float: left; position: relative; width: 180px; font-size: 70%;}
				#twocols { float: right; position: relative; width: 590px;}
				#rightcol { float: right; position: relative; width: 184px; padding-right: 20px; padding-left: 0;}
				#maincol { float: left; display: inline; position: relative; width: 386px;}
				#maincol img { margin: 0; padding: 0; vertical-align: text-top;}
				#footer { clear: both; height: 27px; background-color: #3151A4; margin-top: 15px;}
				#footer2 { clear: both; height: 27px; background-color: #3151A4; margin: 0;}
				
				#leftcol-range { float: left; position: relative; width: 180px; font-size: 70%;}
				#twocols-range { float: right; position: relative; width: 590px;}
				#rightcol-range { float: right; position: relative; width: 238px;}
				#maincol-range { float: left; display: inline; position: relative; width: 303px; margin-left: 20px;}
				
				#leftcol-home { background-color:#FF0000; float: left; position: relative; background: url(../images/email-bg.gif) no-repeat 0 0; width: 150px; height: 82px; margin-left: 10px; padding: 10px;}
				#twocols-home { float: right; position: relative; width: 580px; margin-left: 5px;}
				#maincol-home { background-color:#99FF00; float: left; position: relative; background: url(../images/mainp-bg.gif) no-repeat 0 0; width: 324px; height: 80px; padding: 10px; padding-left: 13px; margin-left: 15px;}
				#rightcol-home { background-color:#00FFFF; float: right; position: relative; width: 165px; background: url(../images/new-bg.gif) no-repeat 0 0; height: 106px; padding: 0; padding-right: 10px;}

				#wrapper-press { width: 770px; margin: 0; padding: 0;}
				#leftcol-press { float: left; width: 354px; height: 177px; margin-top: 25px; padding: 0;}
				#rightcol-press { float: right; position: relative; width: 357px; padding: 0; margin: 0;}
				#rightcol-press p { font-size: 70%; line-height: 13px; color: #999999; margin-top: 5px; padding: 0 8px 0 8px;}
				#leftcol-press p { padding-left: 43px;}
				
				a.press-link, a.press-link:visited { color: #999999; text-decoration: none;}
				a.press-link:hover, a.press-link.active { color: #999999; text-decoration: underline;}

				#leftcol-news { float: left; position: relative; width: 235px; padding-left: 43px;}
				#twocols-news { float: right; position: relative; width: 492px;}
				#maincol-news { float: left; position: relative; width: 246px; padding: 0; margin: 0;}
				#rightcol-news { float: right; position: relative; width: 246px; padding: 0; margin: 0;}
				
				.news-contact { margin-bottom: 10px;}
				.news-contact li { margin-right: 20px; margin-left: 16px; padding: 0 15px 10px 0; color: #999999; font-size: 80%; list-style: disc;}
				.news-contact p { margin: 7px 0 10px 0;}
				
				#twocols-althome { float: right; position: relative; width: 568px;}
				#leftcol-althome { float: left; position: relative; width: 167px; padding: 10px; margin-left: 10px;}
				#maincol-althome { float: left; position: relative; width: 344px; margin: 0 10px 0 10px; padding: 10px 0 10px 0;}
				#rightcol-althome { float: right; position: relative; width: 174px; padding: 10px;}

				#twocols-style { float: right; position: relative; width: 550px;}
				#leftcol-style { float: left; position: relative; width: 190px; margin-left: 10px; margin-right:5px;}
				#maincol-style { float: left; position: relative; width: 345px;}
				#rightcol-style { float: right; position: relative; width: 190px; margin-right: 10px; margin-left: 5px;}

				#twocols-allstyle { float: right; position: relative; width: 527px;}
				#leftcol-allstyle { float: left; position: relative; width: 218px; margin-left: 15px;}
				#maincol-allstyle { float: left; position: relative; width: 257px; margin: 0 10px 0 10px;}
				#rightcol-allstyle { float: right; position: relative; width: 215px; margin-right: 15px;}
				
				#header-col1 { float: left; position: relative; width: 373px; height: 100px;}
				#header-col2 { float: right; display: inline; position: relative; width: 397px; height: 100px;}
				
				#maincol-numbering { float: right; position: relative; width: 538px; padding-right: 25px;}
				#leftcol-numbering { float: left; position: relative; width: 180px; font-size: 70%;}
				
				#header-faq { height: 60px; clear: both;}
				#header-press { width: 697px; margin-left: 43px; margin-right: 30px;}
				#header-press p { font-size: 80%; color: #999999; margin-bottom: 10px;}
				#mainlinks-press { clear: both; height: 153px;}

/* navigation
---------------------------------------------------------- */	
				#nav { position: relative; width: 685px; height: 12px; padding: 0; margin: 8px 0 18px 85px; clear: both;}
				#nav li { padding: 0; margin-right: 30px; float: left; display: inline; list-style-type: none; font-size: 80%;}
				
				#nav.last { margin-right: 0;}
				
				li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 49px; height: 12px; display: block;}
				li.home a { width: 49px; height: 0; display: block; padding-top: 12px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -49px 0;}
				li.home a:hover { background-position: 0 -12px; z-index: 50;}
				li.home-over { background: transparent url(../images/nav/home-over.gif) no-repeat; width: 49px; height: 12px; display: block;}
				
				* html li.home a:link, * html li.home a:visited { height: 12px; he\ight:0;}
				* html li.home a:hover { height: 12px; he\ight:0;}
				
				li.haircare { background: transparent url(../images/nav/haircare.gif) no-repeat 0 0; width: 70px; height: 12px; display: block;}
				li.haircare a { width: 70px; height: 0; display: block; padding-top: 12px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/haircare.gif) no-repeat -70px 0;}
				li.haircare a:hover { background-position: 0 -12px; z-index: 50;}
				li.haircare-over { background: transparent url(../images/nav/haircare-over.gif) no-repeat 0 0; width: 70px; height: 12px; display: block;}
				
				* html li.haircare a:link, * html li.haircare a:visited { height: 12px; he\ight: 0;}
				* html li.haircare a:hover { height: 12px; he\ight: 0;}
								
				li.contact { background: transparent url(../images/nav/contact.gif) no-repeat 0 0; width: 70px; height: 12px; display: block;}
				li.contact a { width: 70px; height: 0; display: block; padding-top: 12px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/contact.gif) no-repeat -70px 0;}
				li.contact a:hover { background-position:0 -12px; z-index: 50;}
				li.contact-over { background:transparent url(../images/nav/contact-over.gif) no-repeat 0 0; width: 70px; height: 12px; display: block;}
				
				* html li.contact a:link, * html li.contact a:visited { height: 12px; he\ight: 0;}
				* html li.contact a:hover { height: 12px; he\ight: 0;}
		
				li.products { background: transparent url(../images/nav/products.gif) no-repeat 0 0; width: 72px; height: 12px; display: block;}
				li.products a { width: 72px; height: 0; display: block; padding-top: 12px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/products.gif) no-repeat -72px 0;}
				li.products a:hover { background-position: 0 -12px; z-index: 50;}
				li.products-over { background: transparent url(../images/nav/products-over.gif) no-repeat; width: 72px; height: 12px; display: block;}
				
				* html li.products a:link, * html li.products a:visited { height: 12px; he\ight:0;}
				* html li.products a:hover { height: 12px; he\ight:0;}

				li.press { background: transparent url(../images/nav/press.gif) no-repeat 0 0; width: 94px; height: 12px; display: block;}
				li.press a { width: 94px; height: 0; display: block; padding-top: 12px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/press.gif) no-repeat -94px 0;}
				li.press a:hover { background-position: 0 -12px; z-index: 50;}
				li.press-over { background: transparent url(../images/nav/press-over.gif) no-repeat; width: 94px; height: 12px; display: block;}
				
				* html li.press a:link, * html li.press a:visited { height: 12px; he\ight:0;}
				* html li.press a:hover { height: 12px; he\ight:0;}

				li.news { background: transparent url(../images/nav/news.gif) no-repeat 0 0; width: 45px; height: 12px; display: block;}
				li.news a { width: 45px; height: 0; display: block; padding-top: 12px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/news.gif) no-repeat -45px 0;}
				li.news a:hover { background-position: 0 -12px; z-index: 50;}
				li.news-over { background: transparent url(../images/nav/news-over.gif) no-repeat; width: 45px; height: 12px; display: block;}
				
				* html li.news a:link, * html li.news a:visited { height: 12px; he\ight:0;}
				* html li.news a:hover { height: 12px; he\ight:0;}
		
				* html #nav a:hover { height: 12px; he\ight: 0;}
				#nav a { display: block; height: 0; overflow: hidden;}
				* html #nav a:link, * html #nav a:visited { height: 12px; he\ight: 0;}
				
				/* Left Nav
				--------------------------------------------------------- */
				
				ul#leftnav { padding: 0; margin: 0;}
				#leftnav ul { margin-bottom: 12px; padding: 0; text-align: right;}
				#leftnav li { margin-bottom: 2px; padding: 0;}
				#leftnav li a { color: #999999; text-decoration: none; margin: 0; padding: 0;}
				#leftnav li a:hover { color: #3151A4; text-decoration: none;}
				#leftnav li a.active { color: #3151A4; text-decoration: none;}
				
				/* Footer Nav
				--------------------------------------------------------- */
				
				#footernav { font-size: 60%; float: right; margin-top: 7px; font-weight: bold;}
				#footernav li { padding-right: 5px; margin-right: 5px; border-right: 1px solid #ffffff; float: left; display: inline; list-style-type: none;}
				#footernav li a { color: #ffffff; text-decoration: none;}
				#footernav li a:hover { color: #ffffff; text-decoration: underline;}
				#footernav .last-footernav { border-right: none;}
								
/* content styles
--------------------------------------------------------- */
				.main-content p { padding-bottom: 10px; font-size: 70%; line-height: 13px;}
				.main-content h1 { font-size: 80%; padding-bottom: 2px; font-weight: normal;}
				.main-content h2 { font-size: 90%;}
				.main-content h3 { font-size: 90%; color: #03A3E5; margin-top: 8px; margin-bottom: 5px}
				.main-content a, .main-content a:visited { color: #999999; text-decoration: none;}
				.main-content a:hover, .main-content a.active { color: #999999; text-decoration: underline;}
				
				ul.venus-faq { padding-bottom: 2px; margin: 0 20px 0 20px; font-size: 70%; }
				ul.venus-faq li { padding-left: 5px; margin-left: 15px; list-style: none; padding-bottom: 2px;}
				ul.venus-faq ul { margin-left: 15px;}
				
				ul.venus-sitemap { padding-bottom: 2px; margin: 0 20px 0 40px; font-size: 75%;}
				ul.venus-sitemap li { padding-left: 5px; margin-left: 30px; list-style: none; padding-bottom: 2px;}
				ul.venus-sitemap ul { margin-left: 30px;}
				
				.solutions-list ul { padding-bottom: 2px; margin: 0; padding: 0;}
				.solutions-list li { margin-left: 15px; padding: 0; list-style: disc; font-size: 70%;}
								
				.main { color: #999999;}
				.alternative { color: #3151A4;}
				.form { margin-left: 40px;}
				
				.fortify h1 { color: #3051a4;}
				.solutions h1 { color: #34AF79;}
				.radiance h1 { color: #FDBD41;}
				
				.fortify-txt { color: #3051a4 ; padding-right: 35px;}
				.solutions-txt { color: #34AF79;}
				.radiance-txt { color: #FDBD41;}
				.home-txt { color: #999999;}
				.hd-left { float: left; position: relative; width: 418px;}
				.other-txt { color: #3051a4 ;}
				
				.legal { color: #999999; margin-left: 42px; margin-right: 25px;}
				
				/* misc.
				---------------------------------------------------------- */					
				.pos-top { margin-top: 7px;}
				.backnext-nav { text-align: right; margin-bottom: 25px;}
				.backnext-nav2 { text-align: right; margin: 10px 0 10px 0; margin-right: 20px;}
				.endofstyle { float: left;}
				.next { margin-left: 20px;}
				.caption-txt { font-size: 70%; text-align: right; padding: 4px; margin-right:5px;}
				.caption-txt a, .caption-txt a:visited { text-decoration: none; color: #3051a4;}
				.hightlighted a, .hightlighted a:hover, .hightlighted a:visited { color: #3051a4; text-decoration: underline;}
				.hightlighted { color: #3051a4;}
				.style-position { height: 145px; margin-bottom: 24px;}
				.style-position1 { margin-bottom: 24px;}
				.style-position2 { margin-bottom: 24px; height: 185px;}
				.style-position3 { margin-bottom: 24px; height: 160px;}
				.style-position4 { margin-bottom: 24px; height: 150px;}
				.nomarginbottom { margin-bottom: 0;}
				.alignright { text-align: right;}
				#bottom-bf { clear: both;}
			
/* forms
---------------------------------------------------------- */					
				#newsletter-form p { float: left;}
				#newsletter-form .text { width: 75px; height: 15px; padding: 1px;}
				#newsletter-form .submitemailbttn { vertical-align: top;}

				#searchForm p { font-size: 80%; color: #999999; margin: 50px 0 0 180px;}
				#searchForm .text { width: 140px; padding: 2px;}
				#searchForm .submitbttn { vertical-align: bottom;}
				
				#searchFAQ { float: right; position: relative; display: inline; width: 352px;}
				#searchFAQ p { padding-left: 20px; padding-top: 5px; font-size: 80%; color: #999999;}
				#searchFAQ .text { width: 225px; height: 15px; padding: 1px; margin-top: 5px;}
				
/* contact forms
---------------------------------------------------------- */					
				input#theform, #theform select, #theform textarea { font: 1.2em arial, helvetica, sans-serif}
				#theform input { font-size: 1.2em; float: left; width: 256px; border: 1px solid #a6b2cd; height: 20px; margin-bottom: 7px;}
				#theform select { font-size: 1.2em; float: left; width: 256px; border: 1px solid #a6b2cd; height: 20px; margin-bottom: 7px;}
				#theform textarea { font-size: 1.2em; float: left; width: 256px; border: 1px solid #a6b2cd; height: 80px;}
				#theform select { width: 258px}
				#theform label { float: left; width: 100px; font-size: 1.2em; font-weight: bold; color: #0375b9; margin: 5px 0 0 10px}				#theform .submitbttn2 { }
				
				#theform .add { clear: both; width: 117px; height: 29px; border: none; margin-left: 155px; margin-bottom: 10px;}
				#theform .error-summary { font-size: 1.2em; font-weight: bold; color: #0375b9; margin: 0 0 10px 10px}
				#theform .error-summary strong { color: red}
				
				.field-required-indicator { color: #f00}
				
				.row { clear: both; width: 400px; margin-bottom: 5px;}

				#formWrapper { clear: both; width: 400px; padding: 10px 0;}
				.optin { float: right; position: relative; color: #0375b9; width: 260px; margin-right: 30px;}
				#theform .checkbox input { float: left; position: relative; width: 20px; margin-left: 55px;}
				#theform .checkbox label { display: none;}
				#theform .checkbox input { width: 55px; border: none;}
				
				.formContainer { font-size: 62.5%; padding: 25px; width: 450px; background: #f2f8fb; margin-top: 10px;} 
				.field-errors { display: none;}
				
				#addresses { margin-top: 20px;}
				
/* additional styles
---------------------------------------------------------- */ 
				.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
				.clearfix { display: inline-table;}
				/* Hides from IE-mac \*/
				* html .clearfix { height: 1%;}
				.clearfix { display: block;}
				/* End hide from IE-mac */