/* Setup our document */
html {
font-size: 1.25em;
min-height:100%;
}
body {
font-size: 50%;
min-height:100%;
min-width:999px;
font-family: Arial, Helvetica, Sans-Serif;
color:#333;

position:relative;
}
html>body {font-size: 10px;}


/* Customer service styles */
.grid-760 .boxcontent ul li span {
	font-size:12px !important;
	line-height:1.5em;
}
/* Handy Classes */
.footnote { font-size: 1.0em; }
.impact { font-size: 100%; font-weight: bold; color: #B11116; }
.hidden { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; }
.clr { clear: both; }
.fl { float: left; }
/* Tweakers */
.clrN { clear: none; }
.wA { width:auto; } 
.m0 { margin:0 !important; }
.mt0 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mr10 { margin-right:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb0 { margin-bottom:0 !important; }
.ml5 { margin-left:5px !important; }
.p0 { padding:0 !important; }
.pt1 { padding-top:1px !important; }
.pt10 { padding-top:10px !important; }
/**** COLORS ****/
.Red { color:#EB2B31 !important; }
.Gold { color:#F4A72B !important; }
.Grey3 { color:#333 !important; }
.Grey6 { color:#666 !important; }
.Grey9 { color:#999 !important; }
.GreyC { color:#CCC !important; }
.Black { color:#000 !important; }
.White { color:#FFF !important; }

/* (.fc - CLEAR BOTH) */
.fc:after, #body:after, h1:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.fc, #body, h1 { 
display: inline-table;
height: 1%;
display: block; 
}
/* Template setup */
#template { position: relative; overflow:hidden; background: #fff; width: 973px; margin: 0 auto; z-index:5; }

/* Top Message */
#topMsg { position:absolute; width:960px; top:12px;left:6px; z-index:2; }
#topMsg td { padding-right:8px; font-size:11px; }
#topMsg a { color: #009; text-decoration:none; }
#topMsg a:hover { color: #03C; text-decoration:underline; }

/* Header */
#header { position:relative; margin:0 auto; width:960px; height:148px; overflow: hidden; color: #666666; font-size: 1.1em; font-family: Arial, Tahoma, Helvetica, Sans-Serif; background:url(Img/Header01.gif) no-repeat center top; z-index:1; }
#header .logo, #header .logo img { float: left; width: 500px; height: 115px; margin: 2px 0 0 8px; } 
#header .logo img { display:none; }
#header .link24hr { position:absolute; top:55px; right:0; text-align: right; color: #666666;text-decoration:none; padding: 6px 8px 7px 23px; background: #FFF url(Img/24hr.gif) no-repeat left center; }
#header .link24hr:hover { color: #333; text-decoration:underline; }
#header .usercontrols {  position:absolute; top:83px;right:0; text-align: right; }
#header .usercontrols ol { margin:0; padding: 0; list-style-type: none; }
#header .usercontrols ol li { float: left; padding: 1px 8px; border-left:1px solid #AAA; }
#header .usercontrols ol li.first { border:0; }
#header .usercontrols div { margin: 0 0 4px 0; }

/* Tabs */
ol.tabs {  margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
ol.tabs li { float: left; padding: 0; }
ol.tabs li a { display: block; color: #fff; text-decoration: none; font-size:12px; line-height:1em; padding: 0 0 0 8px; text-align: center; cursor:pointer; }
ol.tabs li a { background:#AAA url(Img/tabBk.gif) repeat-x left top; } /* Set the default background state. */
ol.tabs li a div { padding: 7px 8px 6px 0; }
ol.tabs li a div { } /* Set the default background state. */
ol.tabs li a:Hover { text-decoration: underline; }

/* Header - Primary Nav Specific */
.primarynavcontainer { overflow: hidden; z-index:1;background: url(Img/NavBackground01.gif) no-repeat top left; }
#primarynav {  height:25px; margin: 0 0 0 5px; font-family: Arial, Tahoma, Helvetica, Sans-Serif; overflow: hidden; }
#primarynav .primarynavinner { height:25px; overflow: hidden; }
#primarynav ol.tabs { width: 750px; }
#primarynav ol.tabs li a, #primarynav ol.tabs li a div { }
#primarynav ol.tabs li a:Hover { color:#222; text-decoration: none; background-position:left center; }
#primarynav ol.tabs li.selected a, #primarynav ol.tabs li.selected a:hover { color:#FFF; background-position:left bottom; }

/* Header RIGHT Nav Specific */
.rTabs { overflow: hidden; z-index:2;}
.rTabs ol.tabs li { background:#EB2B31 url(Img/tabBk.gif) repeat-x left bottom; margin:0 0 0 4px; font-weight:bold; }
.rTabs ol.tabs li a { background: url(Img/tabBkRedL.gif) no-repeat top left; } /* Set the default background state. */
.rTabs ol.tabs li a div { width: 45px; background: url(Img/tabBkRedR.gif) no-repeat top right; } /* Set the default background state. */
.rTabs ol.tabs li.BlackBk { background:#000; }
.rTabs ol.tabs li.BlackBk a { background-image: url(Img/tabBkBlackL.gif); } /* Set the default background state. */
.rTabs ol.tabs li.BlackBk a div { background-image: url(Img/tabBkBlackR.gif); }

/* Header - Featured Buttons */
#header .featuredbuttons { float: left; width: 490px; height: 33px; background: #797979 url(Img/Featured_Buttons_Background.gif) repeat-x bottom left; }
#header .featuredbuttons ol { margin: 4px 0 0 8px; }
#header .featuredbuttons ol li { margin: 0 6px 0 0; width: 112px; }
#header .featuredbuttons ol li a { text-transform: uppercase; }

/* Header - Search */
#header .quicksearch { float: left; width: 462px; height: 29px; padding: 4px 0 0 8px; background: #b4b4b4 url(Img/Search_Background01.gif) repeat-x bottom left; } 
#header .quicksearch input { float: left; margin: 2px 4px 0 0; padding: 0.3em 0.3em 0.3em 2.5em; width: 120px; background: #fff url(Img/QuickSearch_TextboxBackground.gif) no-repeat top left; }
#header .quicksearch select { float: left; margin: 2px 4px 0 0; width: 200px; }
#header .buttonSearch { float: right !important; margin: 0 8px 0 0; }

/* Content */
#content { width:100%; margin: -15px 0 4px; overflow:hidden; }
/* TOP NAV FADE */
#content { background: url(Img/contentBk.gif) repeat-x top left; }
.ShadowBacking { background: url(Img/contentBk_tall.gif) repeat-x top left; }
 
/* Breadcrumbs */
#crumbs { z-index:2; position:relative; margin: 11px 8px 0 200px; padding-top:15px; color: #333; font-size: 1.1em; color: #EB2B31; }
#crumbs a, #crumbs span { color: #666; text-decoration:none; }
#crumbs a.selected { color: #333; }
#crumbs a:hover { color: #333; text-decoration:none; }

/* Bring left column up to fit tight over crumbs that you can hide programmatically on homepage - but if done comment this! */
#leftCol, .homeBody { margin-top:-23px !important; position:relative; }
.homeBody { background:#FFF; }
/* end. */

/* Side Navigation */
#sidenavigation ol { float:left; width:100%; margin: 5px 0; padding: 0; border:0; list-style-type: none; font-family: Arial, Tahoma, Helvetica, Sans-Serif; line-height:1em; overflow:hidden; }
#sidenavigation ol li { display: block; float:left; width:100%; border:0; border-top: solid 1px #ccc; padding: 0; margin: 0; }
#sidenavigation ol li:first-child { border:0; } /* Just in case they can */
#sidenavigation ol ol { margin: 0 -12px 0 0; width:96%; border-top: 1px solid #ccc; padding-left:8px; } /* Slot the full width border under parent again + pad the ol helps see depth without full width borders throughout */
#sidenavigation ol li a { display: block; float:left; width:95%; padding: 5px 4px 4px; text-decoration: none; margin-right:-10px; }
#sidenavigation ol li a:Hover { background-color: #EEE; }
#sidenavigation a.selected, #sidenavigation a.selected:hover { color:#FFF; font-weight: bold; background:#F4A72B url(../Images/LnavSel.gif) repeat-x left top; }

/* Body */
#body { width: 960px; margin:0 auto; padding-top:10px; z-index:4; position:relative; clear:both; }
#body .column { display: inline; } /* Resolves the IE6 double margin bug on our main columns */

/* Paging */
.paging { background: #E3E3E3; padding: 0.3em 1em; margin: 0 0 8px 0; line-height: 22px; overflow: hidden; height: 1%; }
.paging .sorting { float: left; width: 200px; }
.paging .sorting label { float: left; font-size: 1.2em; }
.paging .sorting select { float: left; width: 120px; font-size: 1.1em; padding: 0; margin: 0.2em 0 0 0.6em; }
.paging .pagingnav { float: right; width: 300px; text-align: right; font-size: 1.2em; }

.paging .viewPerPage { float: left; width: 200px; }
.paging .viewPerPage label { float: left; font-size: 1.2em; }
.paging .viewPerPage select { float: left; width: 120px; font-size: 1.1em; padding: 0; margin: 0.2em 0 0 0.6em; }

/* Grids */
/* Our margins in the grids are pixels. Below are the only column widths in use. */

.grid-176, .grid-184, .grid-376, .grid-568, .grid-760
{ overflow: hidden; }

.grid-176 { width: 176px; } /* Only used on the left hand nav area and for promo's within boxes */
.grid-184 { width: 184px; } /* Single */
.grid-376 { width: 376px; } /* Double */
.grid-568 { width: 568px; } /* Triple */
.grid-760 { width: 760px; } /* Quad aka Full */
.grid-944 { width: 944px; } /* Full width, no nav */
.grid-margin { margin: 0 0 8px 8px; } /* 8px on the left and bottom */
.grid-margin-bottom { margin: 0 0 8px 0; } /* 8px on the bottom only */
.grid-promomargin { margin: 0 0 8px 11px; } /* 12px on the left and 8px on the bottom - used for promo boxes on the homepage. */

.grid-365 { width: 365px; } /* Special width for category featured products & reciept / previous orders */

/* Icon Links in Columns */
.iconL { display:block; margin:0 0 8px; border:0; }
.iconL:hover { text-decoration:none; }

/* Footer */
#footerBlog { float:left; width:100%; position:relative; background:#fff url(../Images/Footer01.gif) repeat-x left top; margin: 10px -60px 4px 0; padding:20px 30px; color: #666; font-size: 1.1em; }
#footerBlog a { color: #666 !important; display:block; padding:4px 3px 3px; border-bottom:1px solid #999; white-space: nowrap; }
#footerBlog a:hover { color: #000 !important; }
#footerBlog hr { display:none !important; }
#footerBlog .spacer { padding: 0 8px 0 8px; }
#footerBlog .copyright { color: #888; font-weight:bold; margin: 25px 0 0 0; }
#footerBlog th, #footer td { font-weight:normal; text-align:left; vertical-align:top; }
#footerBlog th { font-size:1.8em;color:#333; padding:5px 0 10px; }
#footerBlog .subtle { font-size:100%;color:#888888 !important; }

/* AD COLUMN - Hanging right column */
#adColumn { width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; height: 800px; overflow: hidden; }
#adColumn #wrapper { width:999px; margin:auto; position:relative; }
#adColumn #inner { position:absolute; right:-160px; }
#adColumn #actual {	width: 160px; clear:none; padding:10px 0 0; overflow:hidden; }
#adColumn a { margin-bottom:10px; float:left; }


/* OH AND TO TO BASICALLY LEFT ALIGN SITE... 
body { background-position:left top; }
#template { margin:0 0 0 20px }
#adColumn #wrapper { margin:0; } */

#themebar { width: 960px; height: 9px; clear: both; overflow: hidden; } /* Set the default state. */
#themebar div { width: 960px; height: 9px; background: url(../Images/Themebar_Default.gif) repeat-x top left; } /* Set the default state. */

h1.themered,
h1.themegray,
h1.themelime,
h1.thememandarin,
h1.themeearth,
h1.themeolive,
h1.themeyellow,
h1.themeblue,
h1.themeoffwhite,
h1.themecharcoal,
h1.themechocolate,
h1.themeorange,
h1.themepurple,
h1.themewine
{
	color: #fff; padding: 0.1em 0.5em;
	margin: 0 0 8px 0;
}