@charset "utf-8";
/* ========================= *
	  Master Style Sheet
	  Author: cmay
	  Date: 09/09/2008
* ========================== */

/*  Body */
body{
	background-image:url(../../images/ui/backgroundTile.png);
	background-repeat:repeat;
	background-attachment:scroll;
	text-align:center;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* ======= Page Frame ======= */
div#pageFrame {
	width: 750px;
	margin: 0px auto;
}
/**=========================== */

/* =============== Header Links ================ */
div#headerFlash {
	height: 214px;
	overflow: hidden;
}
/* Div containing the header */
div#headerLinks {
	
    text-align: left;
	margin: 0px auto;
	height: 110px;
	background-image:url(../../images/ui/siteHeader.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	position:relative;
}

/* Logo on the left in the header */
div#headerLinks div#headerLogo{
	position:absolute;
	top:25px;
	left:25px;
	height: 74px;
	width: 211px;
	background-image:url(../../images/ui/thincLogo.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
}

/* Style for links in cart div */
div#headerLinks #cart a:link, div#headerLinks #cart a:visited{
	color:#e96d1f;
	font-size: 13px;
}

/* Div containing cart information */
div#headerLinks #cart{
	font-size:12px;
	position:absolute;
	width: 390px;
	top:15px;
	left:320px;
	text-align:right;
	color:#808080;
	font-size: 13px;
}

/* Navigation bar links */
div#headerLinks #nav ul{
	list-style:none;
	padding: 0px;
	margin: 0px;
}

/* Navigation bar link */
div#headerLinks #nav li{
	float: left;
	font-size: 12px;
	padding: 0 4px;
	text-transform: uppercase;
}

/* Dividers between the navigation bar items */
div#headerLinks #nav .divider{
	background-image:url(../../images/ui/menuDivider.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:5px;
	height:14px;
	padding:0;
}

/* Div containing navigation bar */
div#headerLinks #nav{
	position:absolute;
	top: 50px;
	left: 305px;
	color: #e96d1f;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

/* Style for navigation links */
div#headerLinks #nav a:link,div#headerLinks #nav a:visited{
	color:#808080;
	text-decoration:none;
}

div#headerLinks #nav a:hover, div#headerLinks #nav a:active{
	color:#e96d1f;
	text-decoration:none;
}

/* Style for links under navigation bar */
div#headerLinks #links a:link,div#headerLinks #links a:visited{
	color:#808080;
}

/* Div containing links under navigation bar */
div#headerLinks #links{
	position:absolute;
	top:80px;
	left:320px;
    width: 410px;
}

/* Links under navigation bar */
div#headerLinks #links ul{
	list-style:none;
	padding: 0px;
	margin: 0px;
    float: right;
}

/* Individual links under navigation bar */
div#headerLinks #links li{
	float: left;
	font-size: 12px;
	padding: 0px 10px;
	text-transform: uppercase;
}

/* ================================================= */

/* =============== Breadcrumbs ===================== */
a.breadcrumb:link, a.breadcrumb:visited {
	color:#808080;
}
/* ================================================= */


/* ========= Header Image ========== */
div#headerImage{
	text-align: left;
	margin: 0px auto;
	height: 214px;
	background: url('../../images/thinc/banners/default.png') no-repeat 14px 8px;
}
div#headerImage_mask {
	background: url('/images/ui/promoBox_mask.png');
	height: 214px;
}

/* ================================= */

/* ========= The body of the page ============== */
div#siteBody{
    text-align: left;
	margin: 0px auto;
	position:relative;
}

div.message {
    color: #E96D1F;
    font-weight: bold;
    padding: 10px;
}
/* ============================================== */

/* =============== Site Footer ================== */
div#siteFooter{
	height: 75px;
	text-align: left;
	margin: 0px auto;
	background-image:url(../../images/ui/layout_footer.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	clear:both;
	width:750px;
}

/* Footer links style */
#footerLinks a:link, #footerLinks a:visited{
	color:#808080;
	font-size: 13px;
	text-decoration:none;
	padding:0 8px 0 8px;
}

/* Div containing footer links */
div#footerLinks{
	padding-top:15px;
	text-align:center;
	color:#808080;
	font-size: 13px;
}

/* Div containing footer copyright */
div#footerCopyright{
	font-size: .7em;
	margin-top: 4px;
}

/* Footer text properties */
div.footerText{
	color:#808080;
	font-size:11px;
	text-align:center;
}
/* ======================================= */


/* =========================== Side Panel ============================ */
/* Top of Side Panel */
div.sidePaneHeader{
	height: 35px;
	width: 235px;
	background-image:url(../../images/ui/sidePanel_top.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
}

/* Side Panel Without Header */
div.sidePaneHeaderAlt{
	height: 15px;
	width: 235px;
	background-image:url(../../images/ui/sidePanel_top.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
}

/* Side Panel Header Text */
div.sidePaneHeader div.sidePanelHeaderText{
	
	font-size: 15px;
	padding: 12px 0 0 25px;
	color: #333333;
	text-transform: uppercase;
}
div.sidePaneHeader span.sidePanelHeader_accent {
	color: #e96d1f;
	font-weight: 600;
}

/* Middle of Side Panel */
div.sidePaneMiddle{
	width: 235px;
	background-image:url(../../images/ui/sidePanel_middle.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
}
div.sidePaneMiddle form {
	margin: 0px;
	padding: 0px;
}

/* Bottom of Side Panel */
div.sidePaneBottom{
	height: 15px;
	width: 235px;
	background-image:url(../../images/ui/sidePanel_bottom.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
}
/* ======================================================================== */

/* ======= Body Containers ======= */
/* For two-column layout */
div#twoColumnBody{
	position: relative;
}

/* for full width body */
div#fullWidthBody{
	position: relative;
}
/* =============================== */

/* ======== Pane holding the left panel ========= */
div#panelPane{
	width:235px;
	float:left;
}
/* ============================================== */

/* ====================== Pane for the body ======================= */
div#bodySpacer{
	height:650px; 
	width:1px; 
	float:left;
}

/* Body positioning */
div#bodyPane{
	float:right;
	width:515px;
}

/* Body Header Border */
div#bodyPane div#bodyPaneHeader{
	width: 515px;
	height: 37px;
	background-image:url(../../images/ui/layout_primeBox_top.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
    text-transform: uppercase;
}

/* Body Header Text */
div#bodyPane div#bodyPaneHeader div.bodyPaneHeaderText{
	color:#808080;
	padding: 0px 0 0 15px;
	font-size:14px;
}

/* Body Content Border */
div#bodyPane div#bodyPaneContent{
	width: 515px;
	background-image:url(../../images/ui/layout_primeBox_middle.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	
	color: #808080;
	font-size: 12px;
}

div#bodyPane div#bodyPaneContent div#bodyPaneContentContainer div.bodyContent{
	float:left; 
	width:490px;
}

div#bodyPane div#bodyPaneContent div#bodyPaneContentContainer{
	padding-left:15px;
	float:left;
}

/* Body Content Text */
div#bodyPane div#bodyPaneContent div.text{
	padding-left: 10px;
}

/* Body Footer Border */
div#bodyPaneFooter{
	width: 515px;
	height: 10px;
	background: url('../../images/ui/layout_primeBox_bottom.jpg') no-repeat;
	float: left;
}
/* =============================================================================== */

/* ====================================== Browse By Category Panel ========================================== */
/* Div containing category list */
div#browseByCategory div.sidePaneMiddle div#categoryList{
	padding-left: 25px;
	padding-top: 5px;
}

/* Category List */
div#browseByCategory div.sidePaneMiddle div#categoryList ul{
	list-style:none;
	padding:0px;
	margin: 0px;
}

/* Category link items */
div#browseByCategory div.sidePaneMiddle div#categoryList a:link,div#browseByCategory div.sidePaneMiddle div#categoryList a:visited{
	color:#808080;
	font-size:14px;
	text-decoration:none;
}

/* Category link items hover */
div#browseByCategory div.sidePaneMiddle div#categoryList a:active,div#browseByCategory div.sidePaneMiddle div#categoryList a:hover{
	color:#e96d1f;
	font-size:14px;
}
/* ========================================================================================================== */

/* ====================================== Browse By Brand Panel ========================================== */
/* Div containing brands */
div#browseBrandOptions{
	text-align:left;
	color:#808080;
	font-size:16px;
	padding-left: 25px;
	padding-top: 5px;
	font-weight:bold;
}

/* Div containing submit button */
div#browseBrandSubmit{
	text-align:right;
	padding-right: 15px;
}
/* ========================================================================================================== */

/* =========================== Express Lane Panel ================================= */

/* Express Lane Container */
div#expressContainer{
	padding: 15px 0px 15px 20px;
    height: 20px;
    /*margin-left: 20px;*/
}

/* Express Lane Input Box */
div#styleInput{
	background-image:url(../../images/ui/formUI_text.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 208px;
	height: 28px;
}

/* Express Lane Input Box */
div#styleInput input#productStyleNumber {
    margin: 3px 4px;
	color: #808080;
	border-style: none;
    border-width: 0px;
    outline-width: 0px;
    padding: 2px 0px;
	width: 193px;
	font-size: 13px;
}
div#AutoCPL {
    color: #808080;
    font-size: 11px
}
/* =============================================================================== */

/* ================================ Email Panel ================================ */
/* Div containing the text */
div#emailInfo div#emailText{
	color: #808080;
	font-size:11px;
	padding-bottom: 10px;
	margin-left: 20px;
	background-image:url(../../images/ui/background_email.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position: 86px 0px;
}

/* Div containing the controls */
div#emailInfo div#emailInput{
	background-image:url(../../images/ui/formUI_textShort.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 122px;
	height: 28px;
	margin-left: 15px;
	_margin-left: 8px;
	float: left;
}

/* Background Image for text */
 /*
div#emailInfo{
	background-image:url(../../images/ui/background_email.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:right;
}*/

/* Div containing the submit button */
div#emailInfo div#emailSubmit{
	float:right;
	width:85px;
	padding-right: 10px;
}

/* Styled input text box */
div#emailInfo div#emailInput input{
	color: #808080;
	font-size: 11px;
	vertical-align: top;
	border-style: none;
    border-width: 0px;
    outline-width: 0px;
	margin: 6px 0 0 6px;
	_margin: 6px 0 0 0px;
	/*width: 112px;*/
	width: 100px;
	height: 14px;
}
/* ============================================================ */

/* ============================= Product Panel ===================================== */
/* Div for the product */
div.productPane{
	width: 157px;
	height: 164px;
    padding: 3px 1px;
	background-image:url(../../images/ui/layout_productBox.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
    float: left;
}

/* Div containing the product picture */
div.productPane div.productPicture{
	margin: 10px auto 0px auto;
	width: 140px;
	height: 85px;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

/* Div containing the product name */
div.productPane div.productName{
    overflow: hidden;
	text-align:center;
	margin: 4px auto 0px auto;
	width: 138px;
	height: 27px;
	color: #FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

/* Div containing the product price */
div.productPane div.productPrice{
	text-align:center;
	/*
	position: absolute;
	top: 140px;
	left: 73px;
	*/
	width: 75px;
	height: 15px;
	color: #e96d1f;
	font-size:14px;
	float: left;
	margin: 8px 0px 0px 5px;
	padding: 3px 0px;
}

/*  Div for the product information button*/
div.productPane a.productInformation{
/*
	position: absolute;
	top: 135px;
	left: 8px;
*/
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin: 8px 0px 0px 5px;
	
}

/* Div for the product cart button */
div.productPane a.productCart{
/*
	position: absolute;
	top: 135px;
	left: 37px;
*/
	display: block;
	width: 29px;
	height: 25px;
	float: left;
	margin: 8px 0px 0px 5px;
}
/* ======================================================================= */

/* ============================== Pane for Image at the body of the Body ================================ */
/* Div containing the image */
div#bodyImage{
	padding-left: 10px;
}

/* Top Border */
div#bodyImage div#bodyImageTop{
	background-image:url(../../images/ui/layout_accentBox_top.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 486px;
	height: 18px;
}

/* Content Border */
div#bodyImage div#bodyImageMiddle{
	background-image:url(../../images/ui/layout_accentBox_middle.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	padding-left: 10px;
	width: 476px;
}

/* Bottom border */
div#bodyImage div#bodyImageBottom{
	background-image:url(../../images/ui/layout_accentBox_bottom.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 486px;
	height: 18px;
}
/* ============================================================================ */

/* ============================== Body Footer ================================ */
/* Div containing body footer */
div#bodyFooter{
	padding:5px 0pt 5px 25px;
	color: #808080;
	font-size:12px;
}
/* ============================================================================= */

/* =========================== Full Width Body Container =============================== */
/* Top Border */
div#fullWidthBody div#bodyTop{
	background-image:url(../../images/ui/layout_wideBox_top.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 750px;
	height: 37px;
}

/* Body Header Text */
div#bodyHeader{
	height: 35px;
	padding-top:13px;
	padding-left:25px;
	color: #808080;
	font-size: 14px;
}

/* Content Border */
div#fullWidthBody div#bodyContent{
	background-image:url(../../images/ui/layout_wideBox_middle.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	width: 750px;
}

div#fullWidthBody div#bodyContent div#bodyContentContainer{
	padding-left:25px;
}

/* Bottom Border */
div#fullWidthBody div#bodyBottom{
	background-image:url(../../images/ui/layout_wideBox_bottom.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 750px;
	height: 10px;
}

div#fullWidthBody div#bodyContent div.bodyContentPane{
	padding-top:25px;
}

/* Top Body Header Border */
div#fullWidthBody div#bodyContent div.bodyContentPane div.bodyPaneHeader{
	background-image:url(../../images/ui/layout_wideContainer_top.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 705px;
	height: 30px;
}

/* Body Header Text */
div#fullWidthBody div#bodyContent div.bodyContentPane div.bodyPaneContent div.content{
	padding:0 10px;
	width:700px;
}

/* Content Border */
div#fullWidthBody div#bodyContent div.bodyContentPane div.bodyPaneContent{
	background-image:url(../../images/ui/layout_wideContainer_middle.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	width: 705px;
}

/* Bottom Border */
div#fullWidthBody div#bodyContent div.bodyContentPane div.bodyPaneFooter{
	background-image:url(../../images/ui/layout_wideContainer_bottom.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width: 705px;
	height: 10px;
}
/* ============================================================================= */

/* ========================= Body of Full Width Page =============================== */
/* Left Header Text */
div.bodyPaneHeader div.leftHeader{
	float: left;
	padding-left: 10px;
	padding-top: 8px;
	text-transform:uppercase;
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div#bodyPaneHeader div#twoColumnLeftHeader{
	float: left;
	/*height: 35px;*/
	/*padding-left: 4px;*/
	padding-top: 13px;
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

 /* Right Header Text */
div.bodyPaneHeader div.rightHeader{
	float: right;
	width: 335px;
	padding-top: 8px;
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
    text-align: right;
    padding-right: 10px;
}

div#bodyPaneHeader div#twoColumnRightHeader{
	float: right;
	/*height: 35px;*/
	text-align:right;
	padding-top: 13px;
    padding-right: 25px;
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#bodyHeader{
	height: 23px;
	padding-top:13px;
	padding-left:25px;
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* =========================================================== */

/* Float Clear */
div.clear{
	clear:both;
}
/* ===================================================== */
/* ================ Auto Suggest ====================== */
.AutoCPL{
    clear: both;
    position: static;
    height: 100px;
    overflow: auto;
	overflow-x: hidden;
	border: 1px solid #E9EAD8;
	width: 192px;
	margin-left: 3px;
    color: #808080;
    background-color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.AutoCPL_Container {
    clear: both;
    position: static;
    background-color: white;
    margin-top: 3px;
}
/* Only modern browsers see this...*/
html>body .AutoCPL {
    position: relative;
}
html>body .Container {
    position: relative;
}
.autosuggest_item{
    cursor: pointer;
    background-color: white;
}
.autosuggest_item:hover{
    cursor: pointer;
    background-color: #E9EAD8;
}
/* ===================================================== */
div.error {
	color: maroon;	
}