
body, html, #wrap, #header, #inner-wrap, ul#navlist, #content-wrap, #teaser, #teaser-text, #content,  #box, #box-top, #box-text, #box-bot, #footer, #footer-int {
	margin: 0;
	padding: 0;
}

body {
	background: #d2d5d8 url(images/body-bg.jpg) top left repeat-x;
	font-family: Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: small;
	color: #231F20;
	line-height: 1.5;
	padding-bottom: 20px;
}

#wrap {
	width: 766px;
	margin: 0 auto;
	position: relative;
}

a img {
	border: none;
}

/* -------------- HEADER -------------- */

#header {
	height: 148px;
	background: transparent url(images/header-bg.png) top left no-repeat;
	width: 719px;
	margin-top: 30px;
}


#logo {
	position: absolute;
	top: 23px;
	left: 40px;
}

img#cart {
	position: absolute;
	top: 49px;
	left: 669px;
}


/* -------------- TEASER -------------- */

#teaser {
	background:url(images/topbar-bg.png) top left repeat-y;
	width: 719px;
	padding-bottom: 10px;
}

#teaserWS {
	background:url(images/topbar-bg-ws.png) top left repeat-y;
	color:#FFF;
	width: 719px;
	padding-bottom: 2px;
}

#teaser_qb {
	background:url(images/topbar-qb.png) top left no-repeat;
	width: 719px; height:116px;
	color:#666666;
}

#teaser p {
	color: #545454;
	margin: 0 40px 0 40px;

}

#teaser p.teaser-text, h1.teaser-text {
	color: #000;
	font-size: 180%;
	margin: 0;
	padding: 20px 0 10px 0;
	text-align: center;
}

#teaser-bottom {
	background:url(images/topbar-bottom-bg.png) top left no-repeat;
	height: 8px;
}

#teaser-bottomWS {
	background:url(images/topbar-bottom-bg-ws.png) top left no-repeat;
	height: 8px;
}

#teaser-bottom_qb {
	background:url(images/topbar-bottom-qb.png) top left no-repeat;
	height: 3px;
}

/* -------------- CONTENT LAYOUT -------------- */

#content-wrap {
	width: 719px;
	font-size: 93%;
	background:url(images/content-wrap.png) top left repeat-y;
}

#product-box {
	background:url(images/white-product-box-sm.jpg) top left no-repeat;
	height: 182px;
	margin-left:1px;
}

#product-box2 {
	height: 185px;
	margin-left:71px;
	margin-right: 71px;
	margin-top: 0;
	text-align: center;
}

#product-box3 {
	height: 182px;
	margin-left:1px;
}

#product-box.small {
	background: none;
	margin-right: 10px;
}

#product-box p {
	margin: 0;
	text-align: center;
}

#product-box a, #product-box2 a {
	text-decoration: none;
}

#product-box a:hover, a:focus {
	text-decoration: underline;
}

#text {
	width: 635px;
	margin-left: 10px;
	margin-right: 10px;	
}

#left-item2 {
	width: 205px;
	float: left;
	margin: 10px 0 0 10px;
	display:inline;
}

#mid-item2 {
	float:right;
	width: 225px;
	margin: 10px 10px 0 0;
	display: inline;
}

#right-item2 {
	float: right;
	width: 200px;
	margin: 10px 12px 0 0;
	display: inline;
}


#left-item {
	width: 205px;
	float: left;
	margin: 10px 0 0 10px;
	display:inline;
}

#mid-item {
	float:right;
	width: 225px;
	margin: 10px 10px 0 0;
	display: inline;
}

#right-item {
	float: right;
	width: 175px;
	margin: 10px 12px 0 0;
	display: inline;
}



#left-item.sm-product {
	width: 180px;
	margin-left: 15px;

}

#mid-item.sm-product {
	width: 200px;
	margin-right: 30px;
}


#right-item.sm-product {
	width: 165px;
}



/* -------------- MENU -------------- */

ul#navlist {
	width: 488px;
	margin-left: 190px;
	padding-top: 97px;
	position: relative;
	font-size: 100%;
	z-index:8000;
}

ul#navlist li {
	float: right;
	list-style: none;
	padding-left: 5px;

}

ul#shop_navlist {
	margin-top:10px;
	margin-bottom: 0;
	margin-right:42px;
	font-size:75%;

}

ul#shop_navlist li {
	float: right;
	list-style: none;
}

ul#navlist a, ul#shop_navlist a {
	color: white;
	text-decoration: none;
	padding-left: 11px;
	font-weight: normal;
	position: relative;
	z-index: 1;
}

ul#navlist li#nav-home {
	padding-left: 0;
}

ul#shop_navlist a:hover,
ul#shop_navlist a:focus,
ul#navlist a:hover,
ul#navlist a:focus,
#home li#nav-home a,
#about li#nav-about a,
#press li#nav-press a,
#benefits li#nav-benefits a,
#faq li#nav-faq a,
#cart li#nav-cart a,
#order li#nav-order a,
#contact li#nav-contact a,
#wholesale li#nav-whole a {
	color: #414243;
}

ul#shop_navlist .highlight{ color: #414243; }


/* -------------- CONTENT -------------- */

#content {
	width: 650px;
	margin-left: 35px;
	padding-top: 20px;
	position: relative;
	z-index: 9000;
}

/* -------------- HEADINGS -------------- */

.no-teaser h1 {
	padding-top: 20px;
	margin-top: 0;
}

h1 {
	text-align: right;
	font-weight: normal;
	margin-right: 45px;
	margin-top: 0;
	padding-top: 10px;
	font-size: 190%;
}

h3 {
	margin-top: 0;
	color: #231f20;
	font-size: 180%;
	font-weight: normal;
}


.no-teaser h1 {
	padding-top: 20px;
	margin-top: 0;
}

h2 {
	text-align: right;
	font-weight: normal;
	font-size: 160%;
	margin-right: 45px;
}

h2 + h3 {
	margin-top: -15px;
	padding-top: 0;
}

.tag2 {
	margin-top: -15px;
}

.tag2 a {
	font-weight: normal;
	font-size: 100%;
	color: #231F20;
	text-decoration: none;
}

.tag2 a:hover {
	text-decoration: underline;
}

h3 {
	font-weight: normal;
	font-size: 160%;
}

.h2-title {
	text-align: left;
	font-weight: normal;
	font-size: 160%;
}


/* -------------- LINKS -------------- */

a {
	color: #231F20;
	font-weight: bold;
	text-decoration: underline;
}

a:hover, a:focus {
	text-decoration: none;
}

/* -------------- LISTS -------------- */

dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dd {
	margin-bottom: 10px;
}

/* -------------- BOX -------------- */

.box {
	width: 627px;
	margin: 30px 0 80px;
	clear: both;
}

#order .box { margin-bottom: 40px; }

.box-top {
	background: transparent url(images/box-top.gif) top left no-repeat;
	height: 16px;
}

.box-bot {
	background: transparent url(images/box-bot.gif) top left no-repeat;
	height: 15px;
}

.box-text {
	background: #d1d1d1;
	padding: 0 15px;
	color: #231F20;
	width: 597px;
	position: relative;
}

.box-text h3 {
	margin-top: 0;
	text-align: left;
}

/* -------------- TSA RULES -------------- */

#tsa-rules .box { margin-bottom: 30px; }

#tsa-rules h3 { font-size: 170%; }

.in-box { 
	margin: 0;
	padding: 5px 0 0 0;
	position: relative;
	width: 597px;
}

.in-box li {
	padding-left: 45px;
	padding-bottom: 15px;
	list-style-type: none;
	background: transparent url(images/three.gif) top left no-repeat;
}

.in-box li.one {
	background-image: url(images/one.gif);
}


a.buy {
	text-transform: uppercase;
	font-size: 200%;
	font-weight: normal;
	text-decoration: none;
}

a.buy:hover { text-decoration: underline; }

/* -------------- FOOTER -------------- */

#footer {
	background: transparent url(images/footer-bg.png) top left no-repeat;
	line-height: 1.3;
	width: 719px;
	height: 262px;
	text-align:center;
}

#footer p {
	margin-top: 0;
	padding-top: 190px;
	color: #d1d1d1;
	position: relative;
	z-index: 500;
}

#footer a {
	color: #d1d1d1;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover, a:focus {
	text-decoration: underline;
}

#credits {
	color: #737577;
	font-size: 85%;
	text-align: center;
}

#credits a { 
	font-weight: normal;
	color:#737577;
}
	

/* -------------- EXTRAS -------------- */

p.testimonial {
	color: #848484;
	font-size: 90%;
	margin: 20px;
}

.left-pic {
	float: left;
	margin-left: 20px;
}

.right-info {
	margin-top: 50px;
	float: right;
}

hr {
	background: #d1d1d1;
	color: #d1d1d1;
	height: 1px; 	
	border: none;	
	margin: 15px 0;
}

input {
	border: 1px solid #666;
	background: white;
	font-size: 100%;
}


img#little-tubes {
	display: none;
}

/* Hide from IE Mac \*/
img#little-tubes {
	position: absolute;
	right: 15px;
	bottom: -120px;
	display: block;
	z-index: 1000;
}
/* End hide from IE Mac */

.f-left {
	float: left;
	margin: 0 10px 10px 0;
}

.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

p.right-testimonial {
	color: #848484;
	font-size: 90%;
	text-align: right;
	margin-right: 30px;
	margin-bottom: 0;
}


.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.buildIntro{margin-bottom:10px;}
.buildColLeft{width:300px; float:left; border-right:#FFFFFF solid 1px; margin-right:10px;}
.buildColRight{float: left; width: 250px; margin-left:10px;}
.buildTotal{padding-top:10px;}
.buildForm{padding-left:150px;}



.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */

/* -------------- CONTACT FORM -------------- */


#contact-form input, #contact-form textarea, #contact-form label, #contact-form fieldset, #contact-form legend, #contact-form select { 
	font-family: Tahoma, Arial, sans-serif; /* DEFINE YOUR FONT FAMILY */ 
	font-size: 100%; /* DEFINE YOUR FONT SIZE. Generally 100% */
}

.radio{ background:none; border:none;}


/* ------------- order forms --------------- */


#order-form{ 
	width:98%; 
	margin:15px 0px;
	padding:5px; 
	background-color:#fff; 
	border:#d1d1d1 solid 1px; 
}

.long {
	border: 1px solid #444; 
}

#order-form label{ font-weight:bold; float:right; }
#order-form form{ margin:0px; padding:0px; }


#bags{ text-align:center; }
#bags img{ margin:0px 20px; }		

.left-column{ width:260px; float:left; }
.right-column{ width:360px; float:right; }

p.cart {
	position: absolute;
	z-index: 9000;
	top: -15px;
	right: 43px;
	margin: 0;
	font-size: 85%;
}

p.cart a {
	color: #231F20;
	text-decoration: none;
	font-weight: normal;
}

p.cart a:hover {
	text-decoration: underline;
}


/* -------------- FOR IE5 MAC -------------- */


/*\*//*/
body, #header, #inner-wrap, #footer { background-image: none; }
#logo-bot { display: none; }
#header {
	width: 673px;
	margin-left: 47px;
	background: #231F20;
}
ul#navlist { margin-left: 273px; }
/**/

/* ------------ IE6/PNG ------------ */

/* commented backslash hack v2 \*/
* html #teaser {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topbar-bg.png', sizingMethod='scale');
}

* html #content-wrap {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content-wrap.png', sizingMethod='scale');
}

* html #header {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header-bg.png', sizingMethod='image');
}

* html #teaser-bottom {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topbar-bottom-bg.png', sizingMethod='image');
}

* html #footer {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer-bg.png', sizingMethod='image');
}


* html #teaser {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topbar-bg.png', sizingMethod='scale');
}

* html #teaserWS {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topbar-bg-ws.png', sizingMethod='scale');
}


* html #teaser-bottomWS {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topbar-bottom-bg-ws.png', sizingMethod='image');
}

* html #teaser-bottom {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topbar-bottom-bg.png', sizingMethod='image');
}

.on_sale{ color:#333; text-decoration:line-through;}
.new_price{ color:#900;}

/* End hide from IE Mac */

