/* structure.css - defines the layout of the site */

/* window properties */

body {
	border:0px none;
	text-align:center;
	background-color:#ffffff;
}

/* main stucture elements */

#header {
	height:137px;
	background-color:#4b4b4b;
	clear:both;
}

#headerSpace {
	margin:0px auto;
	/*border-top:solid 1px #00aae5;*/
	width:675px;
	height:3px;
	overflow:hidden;
	clear:both;
}

#body {
	position:relative;
	margin:0px auto;
	width:693px;
	clear:both;
}

#content {
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
	width:675px;
	text-align:left;
	clear:both;
}

#footer {
	position:relative;
	margin-top:9px;
	width:675px;
	/*height:60px;*/
	clear:both;
	background-color:#6f6f77;
}

/* header elements */

#headerWrapper {
	padding-top:3px;
	width:675px;
	height:107px;
	margin:0px auto;
}

#headerLang {
	padding-bottom:13px;
	padding-top:5px;
	width:675px;
	height:9px;
	clear:both;
	float: left;
}

#logo {
	float:left;
	width:154px;
	height:58px;
}

#breakthrough {
	float:right;
	/*width:301px;*/
	height:58px;
}

#nav {
	width:675px;
	height:49px;
	clear:both;
}

#nav1 { width:84px; height:49px; float:left; }
#nav2 { width:99px; height:49px; float:left; }
#nav3 { width:103px; height:49px; float:left; }
#nav4 { width:126px; height:49px; float:left; }
#nav5 { width:130px; height:49px; float:left; }
#nav6 { width:133px; height:49px; float:left; }

/* body elements */

#flash {
	width:693px;
	height:289px;
}

#contentRow1 {
	clear:both;
	width:675px;
	height:118px;
}

#qa {
	float:left;
	padding-left:7px;
	width:245px;
	height:118px;
}

#coldpacks {
	float:left;
	border-bottom:solid 1px #d6d6d6;
	margin-left:15px;
	padding-right:40px;
	width:368px;
	height:117px;
}

#contentRow2 {
	margin-top:11px;
	width:675px;
	height:85px;
	clear:both;
}

#available {
	float:left;
	width:252px;
	height:85px;
}

#available ul {
	margin:0px;
	list-style-type:none;
}

#available li {
	margin:0px;
}

#evolution {
	float:left;
	margin-left:15px;
	width:189px;
	height:85px;
}

#cbgWrapper {
	float:left;
	margin-left:7px;
	border:solid 1px #dadada;
	padding:5px;
	width:200px;
	height:73px;
}

#cbg {
	width:200px;
	height:73px;
	background-color:#dbdbdb;
}

#cbgText {
	padding-top:6px;
	padding-left:75px;
	float: none;
	
}


/* footer elements */

#footerLeft {
	float:left;
	padding-top:22px;
	width:470px;
	/*height:38px;*/
	text-align:center;
}

#footerRight {
	float:right;
	padding-left:10px;
	padding-top:10px;
	width:195px;
	height:50px;
	background-color:#4b4b4b;
}

/* interior elements */

#leftContent {
	float:left;
	width:252px;
}

#qaInterior {
	margin-left:7px;
	width:245px;
	height:118px;
}

#cbgWrapperInterior {
	margin-top:11px;
	border:solid 1px #dadada;
	padding:5px;
	width:200px;
	height:73px;
}

#rightContent {
	float:left;
	margin-left:15px;
	width:408px;
}

/* 2 column styles */

#contentHeader {
	padding-top:20px;
	height:30px;
	clear:both;
}

#contentColumns {
	width:675px;
	clear:both;
}

#leftColumn {
	float:left;
	width:325px;
	padding-right:10px;
	border-right:solid 1px #d7d7d7;
}

#rightColumn {
	float:left;
	/*margin-left:10px;
	border-left:solid 1px #d7d7d7;*/
	padding-left:14px;
	width:325px;
}

#contentFooter {
	margin-top:18px;
	width:675px;
	clear:both;
}

#faqFooter {
	margin-top:12px;
	width:675px;
	clear:both;
}
#coldpacksFooter {
	float:left;
	margin-left:18px;
	margin-right:36px;
	width:155px;
}

#qaNoMargin {
	float:left;
	width:245px;
	height:118px;
}

/* contact styles */

#indentContent {
	margin-left:30px;
	margin-bottom:20px;
	width:645px;
	clear:both;
}

/* privacy styles */

#spacedContent {
	margin-top:35px;
	margin-bottom:20px;
}

/* products styles */

#productImage {
	width:675px;
	clear:both;
}

#sizesRow {
	padding-top:15px;
	width:675px;
	clear:both;
}
#leftSize { float:left; padding-left:20px; width:195px; }
#middleSize { float:left; margin-left:20px; width:185px; }
#rightSize {
	float:left;
	margin-left:20px;
	width:220px;
}

#proSeries {
	width:645px;
	margin-left:20px;
	clear:both;
}

#productBottomRow {
	margin-left:8px;
	clear:both;
}

#productBtmLeft { float:left; widows:230px; }

#productBlock {
	margin-left:10px;
	/*float:left;*/
	width:230px;
	font-size:1.1em;
	margin-bottom:10px;
}

#blueBox {
	/*float:left;*/
	padding:15px 25px 15px 20px;
	width:195px;
	background-color:#7dc7ea;
	background-image:url(../images/products/bluefade.gif);
	background-repeat:repeat-x;
}

#productBottomMid {
	float:left;
	margin-left:15px;
	margin-right:8px;
	width:185px;
}

#woman {
	float:right;
	margin-top:-185px;
}

/* where to buy styles */

#stores {
	margin-bottom:12px;
	width:675px;
	height:278px;
}

#storesContentRow1 {
	width:675px;
	clear:both;
}

#storesTopLeft {
	float:left;
	width:265px;
}

#storesTopRight {
	float:left;
	width:410px;
}

#cbgWrapperStores {
	border:solid 1px #dadada;
	padding:5px;
	width:200px;
	height:73px;
}

#storesContentRow2 {
	padding-top:15px;
	margin-left:50px;
	width:625px;
	clear:both;
}

#storesContentRow2 ul { list-style:none; }
#storesContentRow2 li { margin-left:0px; }

#storesBtmLeft {
	float:left;
	width:200px;
}

#storesBtmMid {
	float:left;
	margin-left:15px;
	width:190px;
}

#storesBtmRight {
	float:left;
	margin-left:15px;
	width:205px;
}

#storesBtmRight th { font-size:1.1em; padding:0px 20px 0px 0px; }
#storesBtmRight td { font-size:1.1em; padding:5px 20px 0px 0px; }

/* login styles */

#login {
	width:675px;
	background-image:url(../images/cbg/loginblue.gif);
	background-repeat:repeat-x;
	text-align:center;
}

#loginform {
	margin:0px auto;
	padding-top:72px;
	width:195px;
	text-align:left;
}

input.loginfield { width:191px; }
#loginform label { float:right; margin-bottom:10px; }

input.loginBtn { 
	width:64px; 
	height:30px; 
	background-color:transparent;
	border:solid 1px #999999;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1.1em;
}

#loginformBtm { clear:both; margin-top:15px; }
#loginformBtmLeft { float:left; }
#loginformBtmRight { float:right; }

#loginformInfo {
	clear:both;
	margin-top:50px;
	padding-bottom:20px;
	padding-left:240px;
	padding-right:220px;
	text-align:left;
}

/* order form styles */

#orderFormSteps { margin:5px 0px 10px 0px; width:675px; text-align:center; clear:both; }

#orderFormLeft {
	float:left;
	width:242px;
}

div.orderMethod { padding-top:40px; width:242px; clear:both; }
div.orderMethod h1 { margin-bottom:0px; }
div.orderText { float:left; width:120px; }
div.orderLink { float:left; text-align:center; padding-left:5px; }

#cbgWrapperOrderForm {
	margin-top:30px;
	border:solid 1px #dadada;
	padding:5px;
	width:200px;
	height:73px;
}

#cbgTextOrderForm { padding-top:14px; }

#creditcards { margin-top:15px; }
#verisign { margin-top:20px; }

#orderFormRight { 
	float:right;
	margin-top:20px;
	width:410px;
}

table.orderForm { width:410px; }
table.orderForm th { border-bottom:solid 1px #d7d7d7; padding-bottom:5px; padding-right:5px; }
table.orderForm td { border-bottom:solid 1px #d7d7d7; padding-top:5px; padding-bottom:5px; vertical-align:top; }

th.orderImage { width:70px;}
th.orderDesc { width:130px; }
th.orderQty { width:40px; }
th.orderPrice { width:120px; }
th.orderTotals { width:50px; }

input.qty { width:20px; }

#orderFormDiscount {
	clear:both;
	float:right;
	margin-top:10px;
	width:160px;
}
#discountLabel { float:left; padding-top:4px; width:80px; text-align:right; }
#discountField { float:right; }

input.discount { width:64px; }

#orderFormTotal { clear:both; float:right; margin-top:12px; width:160px; }
#orderFormTotalLabel { float:left; width:80px; text-align:right; }
#orderFormTotalValue { float:right; }

#orderFormButtons { clear:both; margin-bottom:15px; padding-top:20px; text-align:right; }

input.orderFormBtn { 
	width:150px; 
	height:24px; 
	background-color:transparent;
	border:solid 1px #999999;
	/*font-weight:bold;*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#00aae5;
	font-size:1.0em;
}

/* checkout styles */

div.checkoutFormRow {
	clear:both;
	padding-top:15px;
	margin-left:40px;
}

div.checkoutFormLeft {
	float:left;
	width:330px;
}

div.checkoutFormRight {
	float:left;
	margin-left:0px;
	width:275px;
}

div.checkoutInput { margin-top:5px; margin-bottom:10px; }
div.checkoutZip { float:left; padding-left:15px; }


input.zip { width:72px; }
input.creditCode { width:58px; }
input.largeField { width:263px; }
select.long { width:265px; }
select.creditMonth { width:110px; }
select.creditYear { width:72px; }

#checkoutFormBottomRow {
	clear:both;
	margin-left:40px;
}

#cardMonth { float:left; }
#cardYear { float:left; margin-left:10px; }
#securityCode { float:left; margin-left:10px; }

#checkSame { float:left; margin-left:5px; }
label.checkSame { margin-left:5px; font-style:italic; font-weight:bold; }

#securityCodeInfo { clear:both;  }
#securityCodeText { float:left; width:175px; }
#securityCodeImage { float:right; }

#checkoutButtonsSpace { clear:both; height:25px; }

#checkoutFormButtons { clear:both; text-align:right; }

input.checkoutFormBtn {
	margin-left:10px;
	width:65px; 
	height:30px; 
	background-color:transparent;
	border:solid 1px #999999;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#00aae5;
	font-size:1.0em;
}

#continueBtn {
	margin-top:12px;
	text-align:right;
}

#checkoutSecurity { clear:both; padding-top:90px; }
#checkoutVerisign { float:left; width:93px; }
#checkoutCards { float:left; margin-left:25px; width:212px; padding-top:11px; }

/* how it works styles */

#worksTopLeft { margin-top:20px; margin-left:7px; width:315px; float:left; }
#worksTopRight { margin-top:20px; margin-left:14px; border-left:solid 1px #d7d7d7; padding-left:14px; width:315px; float:left; }
#worksMiddle { clear:both; margin-top:20px; border-top:solid 1px #d7d7d7; padding-top:20px; padding-left:7px; }
#worksBottom { clear:both; margin-top:15px; }
#worksBottomLeft { float:left; width:455px; }
#worksBottomRight { float:left; }

#cbgWrapperWorks {
	margin-left:8px;
	border:solid 1px #dadada;
	padding:5px;
	width:200px;
	height:73px;
}

.photoLeft { float:left; margin-right:5px; }

/* testimonial styles */

#testimonialLeft { margin-top:30px; float:left; width:315px; padding-right:15px; border-right:solid 1px #d7d7d7; }
#testimonialRight { float:right; margin-top:30px; width:315px; }

#testimonialBottom { clear:both; margin-top:25px; }

#testimonialBottomLeft { float:left; width:245px; }
#testimonialBottomCenter { width:185px; float:left; padding-left:18px; }
#testimonialBottomRight { float:right; }

#testimonialBottomCenter ul { margin:0px; list-style-type:none; }
#testimonialBottomCenter li { margin:0px; }

#testimonialIndent { margin-left:60px; width:215px; font-weight:bold; color:#00aae5; font-style:italic; }

/* temporary */

#comingsoon { padding:40px 40px 0px 40px; font-size:1.1em; font-weight:bold; color:#ffffff; margin-bottom:0.7em; text-transform:uppercase; }

#shortHR { margin-left:20px; }