/* CSS Document */

/**
 * COLOR GUIDE
 *
 * C2C5B8:green
 * FF7702:orange
 * 656565:dark grey
 * 999:light grey

 * TYPOGRAPHY HIERARCHY
 * 15 - callout h3
 * 11 - top nav and callouts
 * 10 - left nav
 */

/* Stylesheet Name*/
/* @group RESETS */
* {
	margin:0px;
	padding:0px;
}

ul { list-style:none; } 

a:link,
a:visited,
a:hover,
a:active {
	cursor:default;
	cursor:pointer;
	outline-style: none;
}

a img { border:0px; }

/* @end RESETS */

/* @group ~ GLOBAL */
html { font-size:100%; }

body {
	font-size:62.5%;
	font-family: 'Trebuchet MS', Arial, Helvetica, Tahoma, sans-serif; 
	color:#333;
	background-color:#fff;
}

strong{ font-weight:bold; }

.hidden {
	left:-990px;
	margin-left:-999px;
	position:absolute;
}

.noMargin { margin: 0; }

.search fieldset {
	border:medium none;
	font-size:12px;
	text-align:left;
}

.search fieldset legend{ display:none; }
.search div{ float:right; }
.noSearchResults{ padding:0px 20px; }

#ctl01_btnSearch{
	font-family:Baskerville,"Goudy Old Style",georgia,times,serif;
	font-size:1.03em;
	font-style:italic;
	letter-spacing:0.06em;
	border:none;
	background:none;
	text-transform:lowercase;
	cursor:pointer;
}

#ctl01_tbSearch{
	border:1px solid #787878;
	font-size:9px;
	height:12px;
	margin:0 0 0 6px;
	padding:2px;
	width:61px;
}

li.search #ctl01_Label1{
	display:none;
}

/* @group • CLEARFIX */
.clear {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}

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

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
/* @end • CLEARFIX */
/* @end ~ GLOBAL */

/* @group ~ BASE STYLES */
h1 { }
h2 { } 
h3 { font-size:1em; } 
h4 { }

p {
	line-height: 1.6em;
	margin-bottom: 1.6666666em;
}

p.prodDescription { font-size: 11px; color: #999; }
p.prodDescription strong { font-size: 10px; color: #656565; text-transform: uppercase; }

.pressCover p {
	line-height: 1.4em;
	padding-right: 15px;
}

blockquote {
	padding: 2em 0;
	margin-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
}

blockquote p {
	margin-bottom: 0;
	font-size: 1.3em;
	line-height: 1.5384615em;
}

cite {
	font-weight: bold;
	font-style: normal;
	display: block;
}


/* @group • LINKS */
a:link, a:visited, a:active {
	color:#FF7702;
	text-decoration:none;
}

a:hover { text-decoration:underline; }
/* @end • LINKS */
/* @end ~ BASE STYLES */

/* @group ~ STRUCTURE/LAYOUT */
#mainWrapper {
	position: relative;
	z-index: 1;
	width: 820px;
	margin: 0 auto;
	padding: 40px 0;
}

#header { height:33px; } 
* html #content { height:445px; }

#content {
	position:relative;
	float:left;
	display:inline;
	width:640px;
	min-height:445px;
	margin:0 30px 30px 0;
}

#sidebar {
	display:inline;
	float: left;
	width: 130px;
	padding: 0 20px 0 0;
}

#footer .tectureLogo{
	float:right;
	padding:0 30px 0 0;
}

#footer { clear:both; }

/* @end ~ STRUCTURE/LAYOUT */

/* @group ~ HEADER */
ul#topnav {
	position: relative;
	z-index: 1000;
	float:left;
	display: inline;
	font-size: 1em;
	list-style: none;
	width: 648px;
	margin: 0 0 0 140px;
	padding: 0;
}

ul#topnav li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

ul#topnav li a {
	float: left; 
	font-weight: bold;
	color: #656565;
	text-transform: uppercase;
	padding: 5px 10px
}

ul#topnav li a.has-children {
	background: #fff url(/assets/root/images/icon_nav-arrow.gif) no-repeat right center;
	padding-right: 13px;
}

ul#topnav li:hover a,
ul#topnav li a:hover { color: #FF7702; text-decoration: none; }

ul#topnav li ul.sub {
	position: absolute;
	top: 22px; left: -10px;
	z-index: 100;
	display: none;
	float: left;
	background: #FFF;
	opacity: 0.9;
	list-style: none;
	width: 130px;
	padding: 10px;
}

ul#topnav ul.sub li { width: 100%; }

ul#topnav ul.sub li a {
	display: block;
	float: none; 
	font-size: 11px;
	font-weight: normal;
	color: #656565;
	text-decoration: none;
	text-transform: lowercase;
	height: auto;
	padding: 5px 10px;
}

ul#topnav ul.sub li:hover a,
ul#topnav ul.sub li a:hover { color: #FF7702; text-decoration: none; }

ul#topnav li.topnav-cart { float: right; }

ul#topnav li.topnav-cart a {
	background: #FFF url(/assets/root/images/icon_shopping-cart.gif) no-repeat right 2px;
	padding-right: 18px;
}


/* for active states */

#About Us .headerNavigation .about { color: #CCC; } 

/* @end ~ HEADER */
/* @group ~ SIDEBAR */
a.binthIDLink {
	width:47px;
	height:163px;
	display:block;
	margin:0 0 20px 92px;
}


a.binthIDLink span{
	display:block;
	width:47px;
	height:163px;
	background:url(/assets/root/images/binthIDb.gif) no-repeat 0 0;
}

ul.mainNavigation {
	font-size:9px;
	text-transform: uppercase;
	padding: 20px 0;
}

ul.mainNavigation li { text-align:right; }

ul.mainNavigation li a {
	line-height:19px;
	padding:3px;
}

ul.mainNavigation li a:link,
ul.mainNavigation li a:visited,
ul.mainNavigation li a:active { color:#999; }

ul.mainNavigation li.mainNavNew,
ul.mainNavigation li.mainNavHome,
ul.mainNavigation li.mainNavGiftCertificates {
	margin:0 0 20px 0;
}

ul.mainNavigation li.mainNavBlog {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:.02em;
}

a.binthBlog:link, a.binthBlog:visited, a.binthBlog:active { color:#a6a6a6; }

/* @end ~ SIDEBAR */
/* @group ~ PAGE CONTENT */

/* @group ~ HOMEPAGE */
.homepageContent {
	width:640px;
	height:445px;
	background:url(/assets/root/images/featuredImage.jpg) no-repeat top right;
}

a.homepageFeature {
	display:block;
	width:640px;
	height:445px;
}

a.homepageFeature span{
	position:absolute;
	left:17px;
	bottom:26px;
	display:block;
	font-size:1.1em;
	z-index:2;
}

a.homepageFeature:hover { text-decoration:none; }
/* @end ~ HOMEPAGE */

/* @group ~ CATEGORIES */
.categoryContent {
	width:640px;
	margin:0px auto;
	min-height: 400px;
}

ul.categoryList { overflow: hidden; margin: 0 -10px; }

ul.categoryList li {
	overflow: hidden;
	width:150px;
	float:left;
	display:inline;
	text-align:center;
	margin:0 0 20px 5px;
	height:200px;
}

ul.categoryList li a { display:block; }

span.prodImg {
	/*position:relative;*/
	width:150px;
	height:150px;
	margin:0px auto;
	display:block;
}

.prodImg img { /*display:block;*/ }

span.label {
	display:block;
height:30px;
	margin:10px 0 0 0;
}

ul.categoryList li a:hover span.label { text-decoration:underline; }



/* @end ~ CATEGORIES */


/* @group ~ DETAILS PAGE */

.categoryContent,
#locations,
.pressContent,
.detailsContent {
	position: relative;
	z-index: 1;
	background: #FFF url(/assets/root/images/bg_content-top.jpg) no-repeat left top;
	min-height: 445px;
	width: 600px;
	padding: 20px;
}

#productBottom {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	display: block;
	background: transparent url(/assets/root/images/bg_content-bottom.jpg) no-repeat left bottom;
	width: 640px;
	height: 200px;
	margin: -180px 0 0 0;
}

.pressContent .pressCover,
.pressContent .pressImageContainer,
.pressContent ul.presslist,
.prodThumbs,
.prodImageContainer,
.detailsContent .prodDetails,
#contactUsContainer,
#contactUsImageContainer,
#locationsDropContainer,
#locationsList,
.pressImageSelect,
.faq,
.pressList,
.categoryList {
	position: relative;
	z-index: 5;
}

.categoryName {
	height: 30px;
	padding: 20px 0 0 0;
}

	.categoryName h2 {
		font-size: 1em;
		font-weight: normal;
		color: #CCC;
		text-transform:uppercase;
	}

	.categoryName h2 a { color: #CCC; }
	.categoryName h2 a:hover { color: #FF7702; }

	.detailsContent .prodDetails {
		display:inline;
		float: right;
		width: 200px;
		padding-left: 10px;
	}

	.prodDetails h3 {
		font-size: 18px;
		font-weight: normal;
		color: #A6A320;
		margin:0 0 10px 0;
	}

	.detailsContent .prodTitle h3{
		font-size: 1em;
		font-weight: bold;
		line-height: 3em;
	}

	.prodSpec {
		line-height: 1.25em;
		margin: 20px 0 0 0;
	}

	.prodSpec .sku { padding: 0; }
	.prodSpec .skuDesc { width: 100px; }

	.prodInfo { padding: 0 10px 0 0; }
.prodInfo p { font-size: 1em; }
.quantityInput { width: 20px; }

.prodAdd { padding: 5px 0 0; }
.prodAdd span { padding: 0 3px 0 0; }

.prodAdd a {
	font-size: 10px;
	color: #333;
	background: #EAEAEA url(/assets/root/images/icon_shopping-cart-grey.gif) no-repeat right center;

	border: 1px solid #CCC;
	margin: 0 0 0 4px;
	padding: 2px 26px 2px 8px;
}

.prodAdd a:hover { color: #FF7702; text-decoration: none; }

.add-this {
	text-align: center;
	margin: 45px 0 0 0;
}

.tellFriend a {
	background: url(/assets/root/images/tellFriend.gif) no-repeat center left;
	padding: 6px 0 4px 23px;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 6em;
}

.prodImageContainer {
	overflow: hidden;
	height: 400px;
	width: 390px;
}

.prodImage {
	height: 375px;
	width: 375px;
	margin: 0 auto; /*CENTERS MAIN PRODUCT IMAGE*/
	text-align:center;
}

.prodThumbs {
	width: 380px;
	padding: 10px 0 0;
}

.prodThumbs a {
	overflow: hidden;
	display: block;
	float: left;
	margin: 0 4px 4px 0;
	height: 50px;
	width: 50px;
}

.prodThumbs img { }

/* @end */

/* @group ~ PRESS PAGE */

.pressContent {
	/*width: 640px;
	padding-bottom:20px;*/
}

.pressContent h2.pageTitle {
	font-weight: normal;
	height: 20px;
	/*padding: 20px 0 20px 20px;*/
	text-transform:uppercase;
}

.pressContent ul.presslist {
	margin: 0px auto;
}

.pressContent ul.pressList li {
	width:120px;
	float:left;
	display:block;
	text-align:center;
	margin:0 0 20px 6px;
}

.pressContent .prodContainer {
	width:103px;
	height:103px;
	margin:0 auto;
}

.pressContent .prodContainer a img { /*display:block;*/ }

.pressContent ul.pressList li a {
	width:100%;
	height:100%;
	display:block;
}

.pressContent span.label {
	display:block;
	margin:10px 0 0 0;
}

.pressContent ul.pressList li a:hover span.label { text-decoration:underline; }

/* @end */

/* @group ~ PRESS_SPEC PAGE */
.pressContent .pressImageContainer {
	width: 290px;
	padding: 0 0 20px 0;
}

.pressContent .pressImageContainer img{
	margin-bottom:20px;
}

.pressContent .pressCover {
	overflow: hidden;
	float: right;
	width: 225px;
}

.pressContent #aboutUsContainer {
	width: 290px;
}

.pressContent .pressCover img {
	display: inline;
	float: left;
	width: 100px;
}

.pressContent .pressCover span.pressTitle {
	display: block;
	color: #999;
	margin-left: 110px;
	padding-top: 10px;
}

#contactUsContainer {
	float:right;
	width:270px;
}

#contactUsImageContainer {
	padding: 0 0 20px 0;
	width: 315px;
}

.pressContent .pressImageSelect {
	padding: 0 0 20px 20px;
	font-size: 1.1em;
}

.pressContent .pressImageSelect .imageNumber a {
	padding: 0 0 0 5px;
	color: #666666;
	text-decoration: none;
}

.pressContent .pressImageSelect .imageNumber a:hover,
.imageSelect .imageNumber a.active { color: #333; }

.imageSelect{
	float:right;
	padding-right:20px;
}

/* @end */
/* @end ~ PAGE CONTENT */


/* callouts */
#callouts {
	clear: both;
	color: #999;
	margin: 0 30px 0 150px;
}

#callouts td { width: 200px; padding-right: 17px; }
#callouts td.image { width: 200px; padding-right: 17px; padding-bottom: 12px; }
#callouts p { padding-bottom: 9px; margin-bottom: 0; }

#callouts h3 {
	font-size: 15px;
	color: #656565;
	padding: 0 0 8px;
}

/* @group ~ FOOTER */
.email-form {
	color: #999;
	text-align: right;
	margin: 0 5px 0;
	padding: 0;
}

.email-form a {
	font-weight: bold;
}

.email-form fieldset { border:none; } 
.email-form fieldset legend { display:none; }

.email-form fieldset label {
	display: block;
	font-size: 10px;
	color: #999;
	text-align: center;
	width: 120px;
	margin: 0 0 3px 0;
}

.email-form input#mce-EMAIL {
	color: #878787;
	font-size: 10px;
	border: 1px solid #9f9f9f;
	width: 114px;
	height: 12px;
	margin: 0;
	padding: 2px;
}

input#mc-embedded-subscribe {
	display: block;
	font-weight: normal;
	color: #FF7702;
	letter-spacing: .01em;
	background: #FFF;
	border: none;
	margin: 0 auto;
	padding: 1px 5px 4px 5px;
	height: 18px;
	cursor: pointer;
}

input#mc-embedded-subscribe:hover { font-weight: bold; }
#mc_embed_close { display: none; }
div.mc_inline_error{ color: #F00 !important; }

span#ctl01_Label1 {
	display: block;
	text-align: center;
	color: #F00;
	padding: 0;
}

a.retailerLogIn {
	font-size:1.4em;
	font-family:Baskerville,"Goudy Old Style",georgia,times,serif;
	display:block;
	float:right;
	letter-spacing:.06em;
	font-style:italic;
}

ul.footerNavigation {
	font-size:10px;
	color:#999;
	height:20px;
	margin: 35px 0 0;
	padding:0 22px 0 150px;
}

ul.footerNavigation li {
	line-height:20px;
	float:left;
	margin:0 4px 0 0;
}

ul.footerNavigation li a.addthis_button { margin-right: 10px; }

ul.footerNavigation li.lock{
	display:block;
	padding-top:2px;
}

ul.footerNavigation li a {
	color:#999;
	line-height:20px;
}

ul.footerNavigation li a:hover { color: #FF7702; }

/* @end ~ FOOTER */
/* @start ~ FAQ */

.faq{
	padding:0px 20px;
	min-height: 340px;
}

/* @end ~ FAQ */ 
/* @start ~ STORE LOCATIONS */

#locations{
	font-size:10px;
	color: #656565;
	width:640px;
	min-height: 405px;
	padding-bottom:20px;
}

#locationsDropContainer{ width:200px; }

#locationsDropContainer select{
	height:20px;
	margin:20px 0 20px 20px;
	width:175px;
}

#locationsDropContainer select.us{ margin-bottom:0px; }

#locations h2.pageTitle{
	font-size:1em;
	font-weight:normal;
	color: #656565;
	height:20px;
	padding: 20px 0;
	text-transform:uppercase;
}

#locationsList{
	float:right;
	width:375px;
}

#locationsList .storeLocation{
	width:165px;
	padding:0px 20px 20px 0px;
	float:left;
	height:80px;
}

#locationsList .storeLocation li{ list-style:none; } 
#locationsList .storeLocation li.headerStore{ font-weight:bold; }

/* @end ~ STORE LOCATIONS */

#leftImages{ margin-left:20px; } 
ul.mainNavigation li a.selected { color:#333; }

/* @end ~ BLOG */
.pager{
	clear:both;
	float:right;
	font-size:1.1em;
	padding:0 20px 20px;
	text-align:right;
	text-transform:uppercase;
	width:600px;
}

.pager a:link,
.pager a:visited,
.pager a:hover,
.pager a:active,
.pager span{
	padding:0px 5px 0px 0px;
}

.skuQty{
	width:20px;
	border:1px solid #ccc;
	text-align:center; 
	padding:2px 0;
	font-size:inherit;
}

.skufield{
	border:1px solid #ccc;
	font-size:inherit;
	width:75px;
}

.skuRadio{
	vertical-align: top;
	margin-right:5px;
	float:left;
}

span.radio{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/assets/root/images/checkbox.gif) no-repeat 0 -4px;
	display: block;
	float: left;
        line-height:19px;
}

.skuRadioLabel{
	display:block;
	margin-bottom:5px;
	margin-right:10px;
	padding-top:5px;
	vertical-align:bottom;
	float:left;
}

.sku{
	display:block;
	line-height:19px;
        height:19px;
	overflow:hidden;
	padding-bottom:8px;
	vertical-align:middle;
}

.skuPrice, .skuAttr, .skuDesc{
	display:block;
	float:left;
	margin-right:5px;
	vertical-align:top;
	width:45px;
}

.skuDesc{ width:150px; } 
.skuPrice{ /*text-align:right;*/ } 
.skuRadioSingle, .skuAttr { display:none; }
/* 10-14 */
.Hide { display:none; } 
.Binth{ display:block; }

.social-icons {
	color: #999;
	text-align: right;
	margin: 0 5px 0;
	padding: 18px 0;
}
