/**
 **************************************************
 * structure.css
 * TJ Eastmond <teastmond@efashionsolutions.com>
 **************************************************
 */

/**
 **************************************************
 * Main Width:960px
 * Home Page Content Width:960px
 * Catalog Content Width:620px
 * Header Height:93px w/15px gap from top
 * Header Height in Catalog and Product:93px
 **************************************************
 */

div#container {
	height: 100%;
	margin:0 auto;
	min-width: 1000px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width: 100%;
}

body#sidenavonly div#container,
body#checkout div#container {
	overflow:hidden;
}

div.wrapper_main {
	display: block;
	margin: 0 auto 16px;
	min-height: 523px;
	width: 1000px;
	z-index: 1;
}

div#content {
	/*height: 508px;*/
	margin: 0 auto;
	min-width:742px;
	/*overflow: hidden;*/
	position: relative;
	text-align: left;
}

body#catalog div#content,
body#customerservice div#content,
body#shop div#content {
	float: right;
	margin: 0 auto;
	min-height: 508px;
	position: relative;
	text-align: left;
	width: 762px;
}

body#shop div#scrollable_track div#scrollable_handle {
	height: 170px;
	margin-left: 1px;
}

body#shop div#scrollable_track div#scrollable_handle img {
	margin: 2px 0;
}

body#sidenavonly div#content {
	float: right;
	margin-right: 20px;
	width: 742px;
}

div#leftRail {
	background: url(/media/images/1279309425-sidenav_bg.jpg) repeat-x top left;
	border: 1px solid #727272;
	display: block;
	float: left;
	height: 575px;
	margin: 0 16px 15px 20px;
	overflow: hidden;
	width: 200px;
        background-color: #080808;
}

div#rightRail {
	float:right;
	margin:145px 0 0 0;
	width:160px;
}

div.wrapper_paneright ul.wrapper_widgets li {
	clear:both;
	margin:0 0 20px;
}

div.wrapper_paneright ul.wrapper_widgets ul.wrapper_bucket {
	display:inline;
	margin:0px;
}

div#rightRail ul {}
div#rightRail ul li {}

div.wrapper_header {
	display: block;	/* test */
 	height: 93px;
	margin: 0 auto;
	padding: 0 0 0 20px;	/* test */
	position: relative;
	text-align: left;
	/* width: 960px; */
	width: 980px;
}

div.wrapper_paneleft {}

div.wrapper_content {
	height: 100%;
	margin: 0 auto;
	position: relative;
	/*width: 960px;*/
	width: 100%;
}

body#customerservice div.wrapper_content,
body#shop div.wrapper_content {
	float: left;
	width: 100%;
}

div.wrapper_paneright {}

div.wrapper_panebottom {}

div.wrapper_panetop {
	
}

/**
 **************************************************
 * Header
 **************************************************
 */
 
 div#header {
 	background: url(/media/images/1280520927-header_bg2.png);
 	height: 93px;
 	margin: 15px 0;
 	position: relative;
 	text-align: left;
 	width: 100%;
	z-index: 5;
 }
 
 /* Site Logo */
 #header #Header-spot-329 a img {
 	margin-top: 13px;
 	position: relative;
 }
 
 body#customerservice div#header ul.wrapper_widgets li#Header-text-77 {
	 left: -20px;
	 position: absolute;
	 top: 106px;
 }
 
 body#customerservice div#header {
	margin-bottom: 50px;
 }
 
 #productsearch {
 	display: block;
 	height: 19px;
 	position: absolute;
 	top: 13px;
	/* right: -10px; */
	right: 10px;
 	width: 150px;
 }
 
 #productsearch li {
 	display: inline;
 }
 
 #productsearch #searchQuery {
 	color: #C1C1C1;
 	background: #4A4A49;
 	border: 1px solid #C1C1C1;
 	font-size: 10px;
 	height: 13px;
 	float: left;
 	padding-left: 5px;
 	width: 112px;
 }
 
 #productsearch #submitQuery {
 	background: url(/media/images/1279307854-search_go.jpg) no-repeat center center #C1C1C1;
 	border: 0 none;
 	color: #727272;
 	cursor: pointer;
 	float: left;
 	font-size: 0px !important;
 	font-weight: bold;
 	height: 17px;
 	text-indent: 3000px;
 	width: 21px;
 }
 
 #itemCountWidget {
	font-weight: bold;
 	position: absolute;
 	/* right: 255px; */
	right: 320px;
	top: 16px;
 }
 
 /* CS Nav */
 #header #Header-text-76 {
 	font-size: 10px;
 	font-weight: bold;
 	position: absolute;
 	/* right: 170px; */
	right: 190px;
 	top: 16px;
 }
 
 #header #Header-text-76  li {
 	display: inline;
 	margin-right: 15px;
 }

 #header #Header-text-76  li.image {
	margin-right: 2px;
	vertical-align: top;
}
 
 
div#nonshopnav {
 	background: url(/media/images/1279293877-homenavbg.png) repeat-x top left;
	border: 1px solid #C1C1C1;
	font-size: 12px;
	height: 23px;
	margin-bottom: 13px;
/*	padding-left: 11px; */
	position: relative;
	width: 987px;
}

body#customerservice div#nonshopnav {
	left: 20px;		/* TEST */
}

div#nonshopnav a#first_nav_link {
        margin-left:16px
}

div#nonshopnav a, div#nonshopnav span {
	font-weight: bold;
	height: 100%;
	margin: 0 10px;
	padding: 3px 7px 0px 9px /*padding:3px 12px */;
	position: relative;
	text-align: center;
	top: 5px;
}

div#nonshopnav span {
	font-size: 11px !important;
	margin-left: 23px;
}

div#nonshopnav a {
	margin: 0 3px;
}
/*commeent so I can update stage 02142011 */
div#nonshopnav a:hover {
	background: #000;
}

/**
 **************************************************
 * Basic Footer
 **************************************************
 */

 #footer {
 	background: #000;
	clear: both;
 	text-align: left;
 	width: 100%;
 }
 
 div.wrapper_footer {
 	min-height: 225px;
 	font-weight: bold;
 	margin: 0 auto;
	padding: 0 20px;	/* TEST */
 	position: relative;
 	width: 960px;
 }
 
 div.wrapper_footer ul.wrapper_widgets li {
 	display: block;
 }
 
 div.wrapper_footer ul.wrapper_widgets ul li {
 	display: inline;
 }

/**
 **************************************************
 * Full Footer
 **************************************************
 */

 /* top half of footer */
 #footer li#Footer-text-74 {
 	background: url(/media/images/1279293877-dashes.png) repeat-x bottom;
 	height: 74px;
 	position: relative;
 	padding-top: 30px;
 }
 
 #footer li#Footer-text-74 li {
 	float: left;
 	font-size: 10px;
 	margin-left: 90px;
 	width: 130px;
 }
 
 /* Let's clear our floats so we can position:relative, okay?*/

 #footer li#Footer-text-74 ul:before, #footer li#Footer-text-74 ul:after {
 	content: ""; 
 	display: table; 
 }
 #footer li#Footer-text-74 ul:after { clear:both;}
 #footer li#Footer-text-74 ul {zoom: 1;}
 
 #footer li#Footer-text-74 li img {
 	margin-bottom: 5px;
 }

 #footer li#Footer-text-74 li a {
 	display: block;
 	width: 130px;
 }
 
 /* bottom half of footer */
 #footer li#Footer-text-89,
 #footer li#Footer-text-75 {
 	font-size: 10px;
 	position: relative;;
 	width: 100%;
 	margin-top:20px;
 }

 #footer li#Footer-text-89 li,
 #footer li#Footer-text-75 li {
 	font-size: 10px;
 	margin: 0 13px 20px 0;
 	position: relative;
 	text-transform: uppercase;
 }

 body#checkout #footer li#Footer-text-89 li {
	 margin-right: 8px;
	 
}

 #footer li#Footer-text-89 p,
 #footer li#Footer-text-75 p {
 	color: #727272;
 }

 /* credit cards/hacker-safe logos */
 #footer li#Footer-text-89 div#cc_safe {
	 position: absolute;
	 right: 186px;
	 top: -15px;
}

 /* EFS logo */
 #footer li#Footer-text-89 img#efs,
 #footer li#Footer-text-75 img#efs {
 	/*right: 0px;*/
	right: 0px;
 	position: absolute;
 	top: -5px;
 }

#footer #wordcloud {margin-top:15px;}
#Footer-text-75 p {
        padding:0 0 0px;
}

#wordcloud p a {
        color:#727272;
}

#wordcloud a:hover {
        color:#04B5D7;
}

/* TrustKeeper */

#trustkeeper {width:105px; margin:0 auto; padding-bottom:20px;}

/*
**************************************************
* Home Page Template Structure
**************************************************
*/

 div#landingPage_92 {
 	margin: 0 auto;
 	position: relative;
 	width: 960px;
}

div#landingPage_92 #customPage_3_Left_and_Right li {
	display: inline;
}

div#landingPage_92 #customPage_3_Left_and_Right #customPagePane_1 {
	float: left;
	width: 408px;
}

div#landingPage_92 #customPage_3_Left_and_Right #customPagePane_1 li a img {
	margin-bottom: 13px;
}

/*YouTube Promo Layout
div#landingPage_92 #customPage_3_Left_and_Right #customPagePane_2 {
	float: right;
	width: 541px;
}
*/

/*
**************************************************
* Discovery Video Layout
* Author: Robert Skwiat <rskwiat@efsemail.com>
**************************************************
*/

div#landingPage_92 #customPage_3_Left_and_Right #customPagePane_2 {
	background:#000;
	height:391px;
	padding: 70px 20px 0 20px;
	float: right;
	width: 506px;
}


/*
**************************************************
* Lightbox Basics
**************************************************
*/

 div#modalboxOverlay {
 	background: #000;
 	position: fixed;
	top: 0;
 	z-index: 20;
 }
 
 div#modalbox {
 	background: #C1C1C1;
 	height: 300px;
	overflow: hidden;
 	padding: 17px;
 	position: fixed;
 	width: 672px;
 	z-index: 25;
 }
 
 div#modalboxContent,
 iframe#modalboxIframe {
 	height: 100%;
 	width: 100%;
 }

 body.quickView {
	 height: 100%;
	 overflow: hidden;
 }
 
 div#modalbox div.modalClose {
 	font-size: 12px;
 	font-weight: bold;
 	right: 40px;
 	position: absolute;
 	top: 29px;
 }
 
 div#modalbox div.modalClose a {
 	color: #000;
 	text-transform: uppercase;
}
 
 div#quickContent {
 	background: #C1C1C1;
 	height: 300px;
 	overflow: hidden;
 	width: 100%;
 }
 
 div.quickDetails {
 	height: 100%;
 	width: 100%;
 }
 
 div.quickDetails div.head {
 	background: #727272;
 	color: #FFF;
 	float: right;
 	font-size: 12px;
 	font-weight: bold;
 	height: 20px;
 	padding: 12px 9px 0 16px;
 	text-transform: uppercase;
 	width: 407px;
 }
 
 div.quickDetails div.head div.close {
 	color: #000;
 	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 12px;
 }
 
 div.quickContainer div.imagePane {
 	border: 1px solid #727272;
 	float: left;
 	height: 298px;
 	width: 215px;
 }
 
 div.quickContainer div.detailsPane {
 	background: #FFF;
 	border: 1px solid #727272;
 	color: #000;
 	display: block;
 	float: right;
 	height: 218px;
 	padding: 24px;
	position: relative;
 	width: 382px;
 }
 
 div.quickContainer div.detailsContent * {
 	color: #000;
 }
 
 div.quickContainer div.detailsContent a {
 	color: #04B5D7;
 	cursor: pointer;
 }

 div.quickContainer div.styleNumber,
 div.quickContainer div.productPrice {
	 font-size: 12px !important;
	 margin: 0px 0px 20px !important;
}

div.quickContainer div.attrib_group {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	padding: 20px 0;
	width: 382px !important;
}

div.quickContainer div.attrib_group select {
	border: 1px solid #727272;
}

div.quickContainer div.attrib_group div#attrib_color,
div.quickContainer div.attrib_group div#attrib_quantity {
	margin-left: 23px;
}
 
div.quickContainer div.productImage_zoomLink {
	bottom: 0px;
	cursor: pointer;
	left: 0px;
 	position: absolute;
}

div.quickContainer div.productImage_zoomLink a {
	background: url(/media/images/1281387936-quick_zoom.jpg) left top no-repeat;
	display: block;
	font-size: 0px !important;
	height: 16px;
	text-indent: 30000px;
	width: 48px;
}

div.quickContainer div.detailsContent div.product_detail_extras {
	display: block;
	float: left;
	height: 20px;
	left: 23px;
	position: absolute;
	top: 136px;
	width: 382px;
}

div.quickContainer div.detailsContent div#wishlistDiv {
	left: 127px;
	right: auto;
	top: 1px;
}

div.quickContainer div.detailsContent div#wishlistDiv input.wishlistBtn {
	left: 0px;
	top: 1px;
}

div.quickContainer div.detailsContent p#productExtra_emailAFriend {
	bottom: auto;
	float: right;
	position: relative;
	right: 0px;
	top: 2px;
	width: 107px;
}

div.quickContainer div.detailsContent p#productExtra_emailAFriend input {
	top: 0px;
}

div.quickContainer div.detailsContent p#share {
	float: left;
	left: 0px;
	top: 0px;
	width: 100px;
}

div.quickContainer div.detailsContent ul.purchaseButtons {
	border-top: 1px solid #000;
	bottom: 35px;
	left: auto!important;
	margin: 0;
	padding-top: 30px;
	position: absolute;
	right: 24px;
}

div.quickContainer div.detailsContent ul.purchaseButtons input {
	background: url(/media/images/1281387936-quick_addtocart.jpg) left top no-repeat;
	padding: 0;
	position: relative;
	width: 382px;
}

/*
**************************************************
* Facebook Like Button Locations
 * adding this line so meteor can see the changes.
* LINE

**************************************************
*/
div#fb-root {
	position:absolute;
	left:905px;
	top:35px;
	/*right:-5px;
    left: 905px;
    position: absolute;
    top: 35px;*/
    z-index: 400000;
}

div.product_detail_extras div#facebook_like_button span#facebook_like_product div#fb-root{
	position:absolute !important;
	left:5px !important;
	z-index:5000 !important;
	top: 55px !important
}	
	
/*
**************************************************
* Landing Pages Template
**************************************************
*/

/*
**************************************************
* Catalog Template
**************************************************
*/

/*
**************************************************
* Product / Quickview Template
**************************************************
*/

/*
**************************************************
* Cart Template
**************************************************
*/