/* Main Styles */

body{margin:0;background-color:#eee;color:#666;font:11px Tahoma, Arial, sans-serif;text-align:center;}

img{border:0;}
/*input, select, td input{font:10px Verdana, Arial, sans-serif;margin:0 3px;height:18px;}*/

.logo{margin-top: 23px;}
.t12{font-size:12px;}
.t10{font-size:10px;}
.t9{font-size:9px;line-height:14px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
td{font-size:11px;line-height:16px;vertical-align:top;}
p{font-size:11px;line-height:16px;margin:0 0 10px 0;}
.right{text-align:right;}
.center{text-align:center;}

.maroon{color:#C0428A;}
.highlightTxt{color:#333;}
.highlightBld{font-weight:bold;}
.warningTxt{color:#C0428A;}

#imageZoom {display:none;position:absolute;}
#imageZoom img { border:solid 1px #d4d4d2}


h1{color:#C0428A;font-weight:bold;font-size:16px;text-transform:uppercase;margin:5px 0 25px 0;border-bottom: 1px dotted #ddd;padding-bottom:3px;}
h1.details{margin:0;border:0;}
h1.borderTB{padding:5px 10px;border-top:dotted 1px #ddd;border-bottom:dotted 1px #ddd;margin:10px 0;}
h1.booking{font-size:14px;font-weight:bold;margin:0 0 12px 0;text-transform:uppercase; border:none;}
h1.white{font-size:14px;font-weight:bold;margin:5px 0 5px 0;color:#FFF;margin:0px;padding:8px;text-align:center;background-color:#b7b6a4;}
h2{font-size:14px;font-weight:bold;color:#C0428A;margin:0 0 12px 0;text-transform:uppercase;}
h3{font-size:12px;font-weight:bold;color:#C0428A;margin:0 0 12px 0;text-transform:uppercase;}
h3 a:link, h3 a:visited{font-size:10px;font-weight:normal;color:#C0428A;}
h3 a:active, h3 a:hover{font-size:10px;font-weight:normal;color:#C0428A;}
h4{font-size:11px;font-weight:bold;color:#630;margin:0 0 8px 0;}


/* Content Areas */
#outerBodyContainer{text-align:left;width:1050px;margin:0 auto;}
#innerBodyContainer{background-color:#FFF;padding:10px 15px;}
#pageContainer{background-color: #fff;}

.pad{padding:10px 16px;}

#header{margin-bottom:9px;width:1015px;}
#headerLeft{float:left;width:395px;padding:10px 0;}
#headerRight{float:right;text-align:right;padding-top:22px;color:#333;}

#nav{border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;padding:5px 0 5px 12px;color:#999;font-size:12px;}
#nav .divider{padding:0 12px;}
#nav .dividerArrow{float:left;padding:2px 12px 1px 12px;}
#nav td{background-color:#fff;}
#nav .stockroomLink{text-align:right;padding-right:12px;}
#nav .stockroomLink a:link, #nav .stockroomLink a:visited{color:#097988;text-decoration:none;}
#nav .stockroomLink a.navOn:link, #nav .stockroomLink a.navOn:visited, #nav .stockroomLink a:hover, #nav .stockroomLink a:active{color:#097988;text-decoration:none;}

#footer {width:1050px;margin:0 auto;background-color:#eeeeee;color:#999;text-align:center;padding:10px 0;}
#footer a:link, #footer a:visited {color:#999;padding:0px 2px;text-decoration:none;} 
#footer a:hover, #footer a:active {text-decoration:underline;}

#footnote {padding:10px 20px;}

/* RR Landing Page */
.__box{border-top:1px solid #d5d5d3;border-bottom:3px solid #d5d5d3;border-left:3px solid #d5d5d3;border-right:3px solid #d5d5d3;background-color: #fff;}
.LeftSideColRR{width:250px;float:left;}
.RightSideColRR{width:770px;float:left;}
.boxL{border-bottom:1px dotted #ddd;border-right:1px dotted #ddd;padding:18px 7px;}
.boxR{border-bottom:1px dotted #ddd;}

/* Links */
a:link, a:visited {color:#86A96F;text-decoration:none;} 
a:hover, a:active {color:#86A96F;} 
.black a:link, .black a:visited, .black {color:#000;font-weight:normal;} 
.black a:hover, .black a:active {color:#d5d5d3}  
a.orange:link, a.orange:visited, .orange {color:#86A96F;text-decoration:none;} 
a.orange:hover, a.orange:active {text-decoration:underline}
a.ltgray:link, a.ltgray:visited {color:#b8b7a3;text-decoration:underline;} 
a.ltgray:hover, a.ltgray:active {color:#000}
a.blue:link, a.blue:visited {color:#097988;text-decoration:none;} 
a.blue:hover, a.blue:active {text-decoration:underline;}


/* Spacers */
.spacer{display: block;	font: 1px/1px monospace;margin:0; padding:0; border:0; height:1px; width:1px;}
.clear {clear:both;display: block;	font: 1px/1px monospace;margin:0; padding:0; border:0; height:1px; width:1px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* HP styles */
.MainCollLt4{float:left;width:230px;}
.MainCollLt3{float:left;width:320px;}
.MCIntroCopy{margin:10px 0 10px 0; height:115px;text-align:left;line-height:18px;}
.AccCollLt{float:left;width:315px;}
.hpIntro{border-bottom:dotted 1px #ddd;height:300px;}
.storeQualBox{width:459px;height:300px;float:right;}
.storeQualBoxPad{margin:10px 0 10px 15px;}
.slideshowCS{float:left;border-right:1px dotted #ddd;overflow:hidden;clear:both;}
.storeName{margin:10px 0 5px 0;font-weight:bold;font-size:12px;color:#333;}
.tally{margin-bottom:5px;line-height:18px;font-size:12px;color:#333;}
.promoInfo{color:#888;margin:8px 0 5px 0;font-size:12px;}
.promoHighlight{color:#333;font-size:12px;}

.slideshowRRWrap{border-bottom:dotted 1px #ddd;height:330px;}
.slideshowRR{overflow:hidden;clear:both;}


/* Borders and Padding and Margins */
.padtop10{padding-top:10px;}
.margintop10{margin-top:10px;}
.doublehdr{padding:5px 10px;border-top:dotted 1px #ddd;border-bottom:dotted 1px #ddd;margin:10px 0;}
.dotteddivider{border-bottom:dotted 1px #ddd;clear:both;margin:10px 0;}
.dotteddividerNM{border-top:dotted 1px #ddd;clear:both;}
.dotteddividerNC{border-bottom:dotted 1px #ddd;margin:10px 0;}
.btmBorder{border-bottom:dotted 1px #ddd;clear:both;}
.topBorderNC{border-top:dotted 1px #ddd;}
.dotBorder{border:1px dotted #ddd;}
.leftBorder{border-left:dotted 1px #ddd;}
.leftAlign{text-align:left;}
.floatLeft{float:left;}
.floatRight{float:right;}



/* Columns */
.tableDash{margin-top:5px;width:100%;}
.tableDash td{padding:2px 2px 2px 0;}

.table2Col, .table2ColNB, .table1Col{vertical-align:top;}

/* borders for all columns */

/*.table2Col td.colAHome, .table2Col td.colA, .table2Col td.colAEven{}
.table2Col td.colBHome, .table2Col td.colB, .table2Col td.colBEven{}
.table2ColNB td.colA{border-bottom:3px solid #d5d5d3;border-left:3px solid #d5d5d3;border-top:0;}
.table2ColNB td.colB{border-bottom:3px solid #d5d5d3;border-right:3px solid #d5d5d3;border-top:0;}
.table2ColNB td.colAB{border-left:3px solid #d5d5d3;border-right:3px solid #d5d5d3;} */

/* widths for all columns */
.table2Col td.colAHome{width:574px;}
.table2Col td.colBHome{width:461px;}

.table2Col td.colA{width:623px;}
.table2Col td.colB{width:412px;}

#summaryAllStores td {background-color:#fff; }
.summarySingleStore { background-color:#fff }
.summarySingleStore td { background-color:#fff }
/* .table2Col td.colB td{background-color:#f8f5f0;}*/
/* .beigeBG, .beigeBG td{background-color:#f8f5f0;} */
.table2Col td.colAEven, .table2Col td.colBEven, .table2ColNB td.colA, .table2ColNB td.colB{padding:10px;width:370px;}

.rightSideCol {background-color:#fff;border-left:1px dotted #ddd;}

.table2Col td.noPad, .table2ColNB td.noPad{padding:0;}
.table2Col td.pad, .table2ColNB td.pad{padding:10px 16px;}

.table1Col{width:1015px;}
.table1Col td{padding:10px 16px;}

.tableCollections{text-align:center;width:100%;}
.tableCollections td.__colA{border:2px solid #d5d5d3;border-left:4px solid #d5d5d3;border-bottom:4px solid #d5d5d3;padding:20px 15px;}
.tableCollections td.__colB{border:2px solid #d5d5d3;border-right:4px solid #d5d5d3;border-bottom:4px solid #d5d5d3;padding:20px 15px;}

.dotted_vertical{border-left:1px dotted #ddd;padding-left:10px;margin-left:10px;}

.thumbnail{float:left; width:75px; margin:10px 20px 10px 0;text-align:center;font-size:9px;}
.thumbnailCart{float:left; width:55px; margin:10px 7px;text-align:center;font-size:9px;}
.thumbnail img, .thumbnailCart img{margin:3px 0;}
.thumbnail img.thumb, img.mediumthumb, img.thumb{border:1px solid #d4d4d2;}
.thumbnail img.thumb{width:75px;}
.thumbnailCart img.thumb{width:46px;}
.thumbnail a:link, .thumbnail a:visited, .thumbnailCart a:link, .thumbnailCart a:visited {color:#e0a203;text-decoration:none;} 
.thumbnail a:hover, .thumbnail a:active, .thumbnailCart a:hover, .thumbnailCart a:active {color:#d5d5d3;}

img.mediumthumb{width:140px;}



#addToCartMenu 
{
    border:dotted 1px #ddd; padding:10px; 
    position: absolute; display: none; background-color:#fff;
}

#btnAddToCart{}

.btn {line-height:40px;text-decoration:none;font-weight:bold; background-color:#86A96F; color:#fff;padding:7px;}
a.btn:link, a.btn:visited,a.btn:active, a.btn:hover  {color:#fff;}
.hoverButton {background-color:#097988; } 
a.hoverButton, a.hoverButton:visited,a.hoverButton:active, a.hoverButton:hover  {color:#fff;}
.goBtn{width:25px;height:25px;text-decoration:none;font-size:11px; background-color:#86A96F; color:#fff;border:none;padding:0 2px 4px 2px;cursor:pointer;}

a.selectAllStores {}
a.selectAllStores, a.selectAllStores:visited,a.selectAllStores:active, a.selectAllStores:hover  {}

#addToCartMenu ul { margin:0 0 20px 0; padding:0 }
#addToCartMenu li {list-style-type:none; margin:0; padding:3px;} 

#fsiviewer { z-index:10 }

.imgPad{margin:8px 0;}

.halfswatch{height:15px;width:8px;display:block;float:left;}
.swatches a{border: 1px solid #6b675c; float:left; text-align:center}
.swatches a.small{width:8px; height:8px;margin:3px 0 0 2px;display:block;}
.swatch{border: 1px solid #6b675c;float:left;}
.highlight{border: 2px solid #FFF; padding:2px;}
.highlightSelected{border: 2px solid #B7B6A4; padding:2px;}


.dashedBorderBox{background:url(/customsamples/s/i/horizontal_dashed.gif) repeat-x top;margin:15px 0; padding-top:10px;}
.dashedBorderBoxCart{background:url(/customsamples/s/i/horizontal_dashed.gif) repeat-x top;margin:5px 0; padding-top:10px;}
.dashedDivider{background:url(/customsamples/s/i/horizontal_dashed.gif) repeat-x top;margin:15px 0; padding-top:5px;}

.popularStylesBox{margin:20px 0 10px 0;padding:5px 8px;border-top:solid 3px #d5d5d3;}
.recentAdditionsBox{margin:20px 0 0 0;padding:10px 16px;min-height:480px;}

.commentsBox{width:670px;}

.homeLinesContainer{width:184px;margin:10px 0;float:left;}
.homeLines{border-left: 1px solid #dbdcd7;padding:10px;text-align:center;}

ul.headerContainer{list-style:none;float:left;margin:0 0 0 0;padding:0;width:590px;}
li.headerLeft{float:left;padding:0;}
li.headerRight{float:right;padding:0;}

.detailsHdr{width:590px;border-bottom:1px dotted #ddd;margin-bottom:10px;}
.detailsHdr td{vertical-align:bottom;padding-bottom:5px;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.answered {
	color : green;
	}
	
.answeredoverdue {
	font-weight : bold;
	color : green;
	}
    .tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}


/* RR Waiting Room */
.brandnew {color:blue;}
.closed {color :#660066;font-style: italic;}	
.control {background-color:#eee;margin-bottom:2px;}
.grayTable{width:800px;}
.sortByView{text-align:left;width:800px;background-color:#eee;padding-top:20px;}
.sortBar{background-color:#ddd;height:20px;}
.sortBar a:link{color:#097988;text-decoration:none;}
.noMessages{border:1px dotted #ddd;}
.messageTableBorder{background-color:#ccc;}
.emailRecord{width:800px;margin:15px 0;}


/* search tabs */
.tabs-nav {list-style:none;margin:0;padding:0;background-color: #6b695a;}
/* search tabs off */
.tabs-nav li {margin:0;border-right:2px solid #b8b7a5;width:92px !important;width:93px; float:left;background-color: #6b695a;}
.tabs-nav a, .tabs-nav a:link, .tabs-nav a:visited {margin:0;padding:4px 0 4px 7px;float:left;background:url(/images/med_blue_hdr_left.gif) no-repeat top left;color:#fff;text-decoration:none;font-size:10px;font-family:Verdana;display:block;white-space: nowrap;line-height:14px; /* required in IE 6 */}
/* search tabs on */
.tabs-nav .tabs-selected{margin:0;border-right:2px solid #b8b7a5;width:92px !important;width:95px;background-color: #b8b7a5;/*border-bottom:solid 1px #0564bd;*/}
.tabs-nav .tabs-selected a {margin:0;padding:4px 0 4px 7px;background-color: #b8b7a5;color:#FFF;text-decoration:none;font-size:10px;font-family:Verdana;font-weight:bold;display:block;}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	color:#FFF;
}
.tabs-container {
    clear:both;
	margin:0; 
    background: #b8b7a5; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.controller{background-color:#b8b7a5;text-align:right;display:block;width:374px;}
#section-1,#section-2,#section-3,#section-4{background-color:#b8b7a5;clear:both;}

#tablist li {height:50px; }
ul.previousseasons{margin:0;padding:0;}
ul.previousseasons li{list-style-type:none;width:180px;text-align:center;margin:0;border-bottom:1px dotted #ddd;}
ul.previousseasons li a:link, ul.previousseasons li a:visited{background-color:#FFF;text-decoration:none;padding:3px 0;font-weight:bold;display:block;border-left:1px dotted #ddd;} 
ul.previousseasons li a:hover, ul.previousseasons li a:active {background-color:#86A96F;color:#fff;border-left:0;} 

table.orderGrid td{padding:4px 8px;border:1px solid #eeeeee;}
tr.orderGridHdr td{font-weight:bold;}
.orderline td{border:none;}


/* Store Eligibility */
.dates {font-size:9px }
.posPercentChange {color:green; font-weight:bold;} 
.negPercentChange {color:red; font-weight:bold;} 


/* Accordion */
.basic p {
	margin-bottom : 10px;
.overdue{
/*	font-weight : bold; */
	color : maroon;
	}
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a.header {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	background-color: #00a0c6;
	
	background-image: url("/customsamples/s/i/AccordionTab0.gif");
}
.basic a.header:hover {
	background-color: white;
	background-image: url("/customsamples/s/i/AccordionTab2.gif"); 

} 

.basic a.header .selected {
	background-color: #80cfe2;
	background-image: url("/customsamples/s/i/AccordionTab2.gif");
} 
span.arrow 
{
    display:block;width:10px;height:10px;float:left; margin:2px 10px 0 0; background-repeat:no-repeat;
 
    background-image: url("/customsamples/s/i/arrow_closed.gif");
}


.basic a.selected span.arrow
{
    background-image: url("/customsamples/s/i/arrow_open.gif"); 
}


div.storeHeader 
{
    background-image: url("/customsamples/s/i/AccordionTab0.gif");
    margin-top:10px
}

div.storeHeader ul   
{
    padding:0; margin:0;display:block; width:1000px; overflow:auto;
}

div.storeHeader  li
{
    list-style-type:none; padding:4px 0 0 0; margin:0; 
    float:left;display:block; height:23px; 
}

.important {
	color : red;
	font-weight : bold;
}
li.headerBtn 
{
    text-align:center; background-image:url(/customsamples/s/i/AccordionTab3.gif);
    font-weight:bold;
}
.headerArrow { padding:4px 0 0 5px; cursor:pointer }

li.headerBtn a, li.headerBtn a:active, li.headerBtn a:visited, li.headerBtn a:hover
{
    text-decoration:none; color:White;
    font-size:10px;
}
li.headerBtn a:hover {color:#fff;}



.storeHeader { background-color:gray;margin-top:5px;color:#333;}
.storeOrderBody {padding:10px }
	.formlabel {text-align:right;color:#333;}
	.formlabel2 {text-align:left;color:#333;}
	.retailerinfo {font-size:5px;font-family:verdana;border:0px solid #ffffff;height:75px;width:410px;padding: 6px 2px 6px 2px;}
	.inputstore, .inputcity, .inputstate, .inputcountry, .inputcontact, .inputphone, .inputemail{font-family:verdana;font-size:11px;}
	.inputstore {width:150px;}
	.inputcity {width:120px;}
	.inputstate {width:25px;}
	.inputcountry {width:96px;}
	.inputcontact {width:140px;}
	.inputphone {width:120px;}
	.inputemail {width:179px;}


ul.validation li { list-style-type:none; }
ul.validation li li { list-style-type:square; }