body { height: 100%; font-family: Century Gothic, Helvetica, Arial, sans-serif; color: #333; margin: 0; }


/* GENERAL TAGS */
h1,h2,h3,h4,h5,h6 { font-weight: bold; -webkit-text-size-adjust: none;  }
h1 { font-size: 16px; line-height: 18px; }
h2 { font-size: 15px; line-height: 17px; }
h3 { font-size: 13px; line-height: 16px; }
h4 { font-size: 13px; line-height: 15px; }
h5 { font-size: 12px; line-height: 14px; }
h6 { font-size: 11px; line-height: 13px; }
p, li { font-size: 12px; line-height: 14px; margin: 3px 0; -webkit-text-size-adjust: none; }
li { margin: 0; }
a {  color: #0098D9; text-decoration: none; }
a:hover { color: #0098D9; text-decoration: underline; }


/* MAIN STRUCTURE */
#wrapper {
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
	background-color: #fff;
}
#header { background: #fff;}
#content { height: 100%; padding: 0px 25px 25px 25px; }
#footer { width: 100%; padding: 15px 0 40px; background: #627B92; color: #fff; } 
#top_bar { width: 100%; height: 50px; color: #fff; background: #627B92; font-size: 10px;  }
#top_bar a {  color: #0CF; text-decoration: none; }
#top_bar a:hover { color:#627B92; text-decoration: underline; }

/* TOP BAR STUFF */
#top_bar div { width: 900px; margin: 0 auto; padding-top: 5px; }
#top_bar p { float: right; padding-top: 0px; font-size: 11px; line-height: 11px; letter-spacing:.03em; }
#eighthundred { width: 350px; float: left; color: #F4F5F7; }
.eight_num { font-size: 18px; font-weight: bold; }
.eight_title { font-size: 18px; font-weight: normal; }
#minicart { float: right; width: 350px; color: #0CF; font-size:11px; }

/* HEADER STUFF */

#header_outer { width: 100%; height: 160px; background:#F4F5F7; border-bottom: 1px solid #B9C6CF; }
#header_middle { width: 960px; height: 160px; margin: 0 auto; background: #fff; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }
#header_inner { width: 900px; height: 160px; margin: 0 30px; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; background-image:url(../images/landing-pages/cp-header-new-4.jpg); background-repeat: no-repeat; }
#header_inner_oily { width: 900px; height: 160px; margin: 0 30px; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; background-image:url(../images/landing-pages/cp-header-oily.jpg); background-repeat: no-repeat; }

#header_inner .logo {
	float: left;
	background-image: url(../images/clear-poreformance-logo-blue-sm.jpg);
	width: 78px;
	height: 140px;
	text-indent: -3000px;
	overflow: hidden;
	position: relative;
	margin: 5px 0 0 20px;
}
#header_inner_oily .logo {
	float: left;
	background-image: url(../images/clear-poreformance-logo-blue-sm.jpg);
	width: 78px;
	height: 140px;
	text-indent: -3000px;
	overflow: hidden;
	position: relative;
	margin: 5px 0 0 20px;
}

#trustseal { float: right; right: 10px; top: 10px; position:relative; z-index: 99; }

/*nav bar*/
#nav_outer { width: 100%; height: 30px; background:#DEE3E7; border-bottom: 1px solid #B9C6CF; }
#nav_middle { width: 960px; height: 30px; margin: 0 auto; background: #fff; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }
#nav_inner { width: 900px; height: 30px; margin: 0 30px;  border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF;  font-weight: bold; background:#627B92; }

/*nav bar search*/
#quickmenu { width: 600px; height: 30px; float: left; }
#nav_bar { width: 300px; height: 30px; float: right; }
#nav_bar form { float: right; margin: 1px 10px 0px 20px; }
#nav_bar input {
	width:206px;
	height: 30px;
     border-style: hidden;
     border-width: 0px;
     color: #333;
     padding: 0px 0px 7px 12px;
     font-size:9pt;
     background: transparent url(/images/CP_searchbox.png);
	 background-repeat:no-repeat;
     margin-left:3px;
	 float: right;
	 #margin-top: -2px;
}
#nav_bar input[type=submit] { display:hidden; }
#nav_bar input[type=image] { background: none; width:36px; height: 26px; padding: 1px 10px 0px 0; float: right; #margin-top: -2px; }


#upper_outer { width: 100%; height: auto; background:#F4F5F7; border-bottom: 1px solid #B9C6CF; }
#upper_middle { width: 960px; height: auto; margin: 0 auto; background: #fff; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }
#upper_inner { width: 900px; height: auto; margin: 0 30px; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }

#content_upper { padding-bottom: 0;}
#content_upper .box { width: 300px; height: 240px; margin: 30px 0 0 0; float: right; border-left: 1px solid #B9C6CF; position: relative; }
#content_upper .box.left { z-index: 2; position: relative; width: 600px; height: 240px; margin: 30px 300px 0 0; float: left; border-left: 0px; }
#content_upper .box.process { float: left; width: 300px; height: auto; border: 0px; margin-bottom: 30px; }
#content_upper .box.processmiddle { float: left; width: 298px; height: auto; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; margin-bottom: 30px; }
#content_upper .box h1 { margin: 0px 30px 20px 30px; color: #333; }
#content_upper .box h2 { margin: 0px 30px 5px 30px; color: #333; }
#content_upper .box h3 { margin: 0px 30px 5px 30px; color: #333; }
#content_upper .box h4 { margin: 0px 30px 5px 30px; color: #0098d9; font-weight:normal; }
#content_upper .box h5 { margin: 5px 0px 5px 0; }
#content_upper .box img { margin-top: 10px; }
#content_upper .box p { margin: 10px 15px 10px 30px;  font-weight: normal; }
#content_upper .box a { margin: 5px 0 0 20px; display: block; color: #0098d9; }
#content_upper .box ul { margin: 10px 20px 0 45px; padding: 0; }
#content_upper .box li { margin: 0; font-size:11px; line-height:16px; text-transform: none; list-style:square; }
#content_upper .box.productinfo li { text-transform:none; list-style: none; margin-left: 0px;}
#content_upper .box.small { float: left; width: 290px; height: auto; z-index: 99; border: 0px; }
#content_upper .box.small img { margin-top: 0;  }
#content_upper .box.small a { margin-left: 0;  }
#content_upper .button { width: 80px; height: 20px; bottom: 5px; right: -5px; float: right; position: relative; }

#content_upper .box.faq.list { float: left; width: 280px; height: auto; border: 0px; margin: 30px 20px 30px 0px; }
#content_upper .box.faq.answers { float: left; width: 598px; height: auto; border-left: 1px solid #B9C6CF; margin: 30px 0px 30px 0px; }
#content_upper .box.faq.answers a { display: inline-block; }
#content_upper .box.faq p { font-size: 14px; line-height: 18px; margin-bottom: 15px; }
#content_upper .box.faq ol { margin: 10px 20px 0 35px; padding: 0; }
#content_upper .box.faq li { margin-bottom: 10px; font-size:11px; line-height:13px; text-transform: none; list-style:decimal; font-weight: bold; }
#content_upper .box.faq a { margin: 5px 0 0 0px; display: block; color: #0098d9; }

#content_upper .box.productinfo li { list-style: square; }

#content_upper .productsall {width: 900px; height: 300px; background-image:url(../images/product-images/cp-antibacterial-shampoo-conditioner-shave-cs.jpg); }
#content_upper .productsshampoo { width: 900px; height: 300px; background-image:url(../images/product-images/cp-antibacterial-shampoo.jpg); }
#content_upper .productsshampooingredients { width: 900px; height: 300px; background-image:url(../images/product-images/cp-antibacterial-shampoo-ingredients.jpg); }
#content_upper .productsconditioner {width: 900px; height: 300px; background-image:url(../images/product-images/cp-antibacterial-conditioner.jpg); }
#content_upper .productsconditioneringredients {width: 900px; height: 300px; background-image:url(../images/product-images/cp-antibacterial-conditioner-ingredients.jpg); }
#content_upper .productsshave {width: 900px; height: 300px; background-image:url(../images/product-images/cp-antibacterial-shave-cream-cs.jpg); }
#content_upper .productsshaveingredients {width: 900px; height: 300px; background-image:url(../images/product-images/cp-antibacterial-shave-cream-ingredients-cs.jpg); }

/* LANDING PAGES */

#content_upper .box.productinfo h1 { font-size: 22px; line-height: 24px; font-color: #0098d9}
#content_upper .productshomenew { width: 900px; height: 300px; background-image:url(../images/landing-pages/cp-home-new-4.jpg); background-color:#C0C0C0; }
#content_upper .productsshampoonew { width: 900px; height: 300px; }
#content_upper .productsconditionernew { width: 900px; height: 300px; }
#content_upper .productsshavenew { width: 900px; height: 300px; }
#addtocart { float: right; position: relative; right: 20px; bottom: 0px; height: 160px; width: 100px; background-color:#BFBFBF; }
#content_upper .box.contest { float: left; width: 300px; height: 485px; z-index: 99; border: 0px; background-color:#D0D9DF; padding: 0px; margin: 0; }
#content_upper .box.contest input,h6 { margin-left: 30px;}
#content_upper .box.contest h3 { margin-top: 30px;}
#content_upper .completesystem { width: 900px; height: 300px; background-image:url(../images/landing-pages/gradient-bg-2.jpg); }
#content_upper .completesystem p { color:#EAEAEA; }
#content_upper .completesystem img { border: inset 2px #fff; }
.system { font-size:22px; color: #fff; font-weight:100; text-transform:uppercase; text-align:center; }
#content_upper .box.contest p { font-family:Verdana, Geneva, sans-serif; font-size: 9px; color: #fff; font-weight: bold; }
#content_upper .box.contest a { font-family:Verdana, Geneva, sans-serif; font-size: 9px; color: #fff; font-weight: bold; display: inline; margin-left: 0; }


/* end landing page stuff */

#content_upper .thedoctors {width: 900px; height: 300px; z-index: 1; background-image:url(../images/sherilou-inc.jpg); }
#content_upper .sherilou {width: 900px; height: 300px; z-index: 1; background-image:url(../images/sheri-louise.jpg); }
#content_upper .clearporeprocess {width: 900px; height: 300px; z-index: 1; background-image:url(../images/cp-clear-pore-process.jpg); }
#content_upper .thescience {width: 900px; height: 300px; z-index: 1; background-image:url(../images/the-science.jpg); }
#content_upper .crueltyfree {width: 900px; height: 300px; z-index: 1; background-image:url(../images/cruelty-free-banner.jpg); }
#content_upper .testimonials {width: 900px; height: 300px; z-index: 1; background-image:url(../images/testimonials.png); }
#content_upper .press {width: 900px; height: 300px; z-index: 1; background-image:url(../images/press/press.jpg); }
#content_upper .success {width: 900px; height: 300px; z-index: 1; background-image:url(../images/success.jpg); }


#content_upper .infotitle { width: 50px; height: 240px; margin: 30px 10px 0 0;float: right; z-index: 99; }
#content_upper .info { width: 300px; height: 240px; margin: 30px 0 0 0; float: right; z-index: 99; border-left: 1px solid #333; }
#content_upper .productinfo { float:left; width: 600px; height: auto; margin: 30px 0 30px 0px;  border-right: 1px solid #B9C6CF; border-left: 0px; }
#content_upper .productinfo img { float:left; margin: 0px 10px 15px 0px; }
#content_upper .productinfo a { margin: 0; padding: 0; display:inline-block; }

#content_upper .catalog { float:left; width: 100%; height: auto; margin: 30px 0 30px 0px; border: 0px; }
#content_upper .catalog p { margin: 0px; }
#content_upper .catalog a { margin-left: 0px; padding: 0; float: left; margin-bottom: 5px; }


#content_upper .boxnarrowright { width: 300px; height: 300px; float: left; }
#content_upper .boxnarrowright  p { font-family: Century Gothic, Helvetica, Arial, sans-serif; color: #333; }
#testimonials_flash { width: 300px; height: 300px; float: left; }
.signature { text-align:right; font-size: 9px; font-weight:bold; padding-right: 20px; -webkit-text-size-adjust: none; }

/* Contact Us Form */
#content_upper .contact { width: 560px; margin: 20px; height: 375px; }
#content_upper .shippingtable { margin: 20px; padding: 10px; background:#B9C6CF; }

/* PRODUCT OFFERS */
#product_offer { width: 600px; height: 300px; float: right; margin: 0; }
#product_offer .box { float: left; margin: 0; width: 300px; height: 150px; border: none; }
#product_offer .box.two { width: 299px; border-left: 1px solid #B9C6CF; }
#product_offer .box.twotext {  background: #f4eff6; height: 149px; }
#product_offer .box.three { width: 299px; border-bottom: 1px solid #B9C6CF; border-left: 1px solid #B9C6CF; }
#product_offer .box.threetext { border-bottom: 1px solid #B9C6CF; background:#f4eff6; }
#product_offer .box h3 { margin: 20px 0 0 20px; color: #000; #font-size:12px; }
#product_offer .box h5 { margin: 15px 15px 0px; }
#product_offer .box img { margin: 0; padding: 0; }
#product_offer .box p { margin: 10px 20px 0 20px ; font-weight: normal; }
#product_offer .box a { margin: 0; padding: 0; }
#product_offer .box ul { margin: 10px 0 0 10px; padding: 0; }
#product_offer .box li { margin: 2px 0 0 20px; font-size:10px; line-height: 12px; list-style:square; font-weight: bold; }
#product_offer img { border: none;}

/* ADD TO CART BUTTON */
#button { float:right; padding: 5px 10px 0 0;}
#button input { float: right; background-color:#FFF; }
#button input[type=image] { margin:0 0 0 2px ;  background: none; display:block;  float:right;  }
#button input[type=submit] { display:hidden; }

/* CONTENT LOWER */
#lower_outer { width: 100%; height: auto; background:#E8EBF0; border-bottom: 1px solid #B9C6CF; }
#lower_middle { width: 960px; height: auto; margin: 0 auto; background: #fff; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }
#lower_inner { width: 900px; height: 300px; margin: 0 30px; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }

#content_lower { width: 100%; font-size: 10px;}
#content_lower .box { width: 300px; height: 300px; float: left; background-color:#FAFBFD; }
#content_lower .box.otherpages { float:left; height: 300px; width: 30px; background-image:url(../images/title-other-pages-2.png); margin-right: 20px; background-color:#627B92; }
#content_lower .box.twitterupdates { float:left; height: 300px; width: 30px; background-image:url(../images/title-twitter-updates-2.png); margin-right: 10px; background-color:#627B92; }
#content_lower .box.emaillist { float:left; height: 300px; width: 30px; background-image:url(../images/title-email-updates-2.png); margin-right: 20px; background-color:#627B92; }
#content_lower .box h3 { margin: 15px 15px 6px; color:#00BEE4; margin-top: 20px; font-size: 16px; }
#content_lower .box h5 { margin: 15px 15px 0px;  }
#content_lower .box img { margin-top: 10px; clear: both; }
#content_lower .box p { margin: 12px 15px 6px;  font-weight: normal; color: #2F4155;}
#content_lower .box a { margin: 5px 0 0 15px; display: block; font-size: 11px; }
#content_lower li { font-weight: bold; }

/* email sign-up form */
#content_lower label { display: block; margin-top: 10px; font-weight: bold; }
#content_lower input[type=text] { display: block; font-size: 11px; line-height: 12px; padding: 2px; }
#content_lower input[type=submit] { margin: 12px 0 6px;  }

#spacer_outer { width: 100%; height: 30px; background:#F4F5F7; border-bottom: 1px solid #B9C6CF; }
#spacer_middle { width: 960px; height: 30px; margin: 0 auto; background: #fff; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }
#spacer_inner { width: 900px; height: 30px; margin: 0 30px; border-left: 1px solid #B9C6CF; border-right: 1px solid #B9C6CF; }

/* addtl pages menu */
#content_lower li { font-size: 9px; line-height: 13px; list-style: none;}
#content_lower a {  color: #2F4155; text-decoration: none; text-transform: lowercase; }
#content_lower a:hover { color: #0CF; text-decoration: underline; }


/* FOOTER STUFF */
#footer_inner { width: 900px; margin: 0 auto; text-align:center; }
#footer_inner h6, #footer_inner p, #footer_inner ul, #footer_inner form { font-size: 10px; line-height: 12px; margin-left: 15px; }
#footer_inner h6 { padding-bottom: 15px; }
#footer_inner h5 { font-size: 9px; line-height: 11px; color:#fff; letter-spacing: .05em; font-weight: normal; }
#footer_inner a {  color:#E8EBF0; text-decoration: none; }
#footer_inner a:hover { color: #eee; text-decoration: underline; }


/* TWITTER */
#twitter_div { height:250px; overflow: hidden; width: 260px; #width: 240px; text-align:left;  }
#twitter_div img { margin-left: 10px; }
#twitter_div ul { margin: 0px 0 0 0; }
#twitter_div li { margin: 5px 20px 0 10px; padding: 5px 0px 0 0px; font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; #padding-left: 0px; border-top: 1px dotted #D0D9DF; color: #2F4155;}
/* #twitter_div ul a { text-transform: lowercase; font-weight:bold; font-size: 9px; margin: 0; padding: 0; } */


/* misc styles (reusable stuff, etc.) */
.clear-floats { clear: both; height: 0px; line-height: 0; #margin-top: -6px; }
.clear-floats-margin-bottom { clear: both; height: 0px; line-height: 0; #margin-top: -6px; margin-bottom: 20px; }
.float-left { float: left; }
.float-right { float: right; }
.divider { width: 900px; height: 5px; background: #627B92; clear: both; }
.dividerthin { width: 900px; height: 1px; background: #c1d72e; background: #0098d9; clear: both; }
.dividersubnav { width: 900px; height: 5px; background: #0098d9; }


/* IE ONLY STYLES */

#content_upper .button { width: 80px; height: 20px; bottom: 5px; #right: 45px; float: right; position: relative; }

#nav_bar form { #margin:3px 0px 3px 20px; }

#product_offer .box.two { #width: 298px; border-left: 1px solid #B9C6CF; }
#product_offer .box.twotext {  background: #fff; height: 149px; }
#product_offer .box.three { #width: 298px; border-bottom: 1px solid #B9C6CF; border-left: 1px solid #B9C6CF; }
#product_offer .box.threetext { border-bottom: 1px solid #B9C6CF; background:#fff; }
#product_offer .button { width: 80px; height: 20px; bottom: 5px; #right: 30px; float: right; position: relative; }

#content_upper .box.process { #width: 299px; }
.shoppinglinks { font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#0098d9; }