/*\*/ * html p, * html div { height: 1%; }; *:first-child+html p, *:first-child+html div { min-height: 0%; } /**/
body { background: White; margin:0 0 10px 0; text-align: center; }
body, p, table { font-family: Verdana, sans-serif; font-size: 11px; color: #555; }
h1 { font-size: 22px; text-transform: capitalize; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; }
h2 { font-size: 18px; text-transform: capitalize; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; }
h3 { font-size: 16px; text-transform: capitalize; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; }
h4 { font-size: 14px; text-transform: capitalize; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
img { border: none;}
/*a:link { color: #4682B4;}*/
a:link { color: #510000;}
a:visited { color: #262626;}
a:hover { color: #A2A2A2;}
a:active { color: #A2A2A2;}
em { font-style: italic; }
strong { font-weight: bold; }
hr { height: 2px; line-height: 2px; color: #CCC; background-color: #CCC; border: none; border-bottom: 1px solid white; }
label { cursor: pointer; }
/* ----------------------- Generic Elements ----------------------------- */
.menu-sep { }
.breadcrumbs { display: block; }
.errortext { color: maroon; }
.narrow { letter-spacing: -1px !important; }
.wider { letter-spacing: 1px !important; }
.allcaps { text-transform: uppercase; }
.clear { clear:both; height: 1px; line-height: 1px; overflow:hidden; }
.floatleft { float: left; margin: 0 2px; }
.floatright { float: right; margin: 0 2px; }
.center { text-align: center; }
.nomargin { margin: 0; }
.strong { font-weight: bold; }
.plainlist { list-style: none; padding: 0; margin: 0; }
.plainlist li { list-style: none; padding: 0; margin: 0; }
.padded { padding: 10px; }
/*--------------------------- Layout & Misc Stuff ---------------------------*/
#outer-layout { margin:auto; background: url(store/strict/images/th-body-back.png) repeat-x top left; background-attachment: fixed; }
#layout { width: 965px; margin: 0 auto; text-align: left !important; }
#top-menu { margin: 0; padding: 0; line-height: 28px; text-align: right; list-style: none; }
#top-menu li { padding: 0; margin: 0 12px; display: inline; font-weight: bold; font-size: 12px; background: white; }
#header { height: 132px; background: #30597C url(store/strict/images/th-header-2.jpg) no-repeat top left; color: white; position: relative; }
#header a:link, #header a:visited, #menu a:link, #menu a:visited { color: white; text-decoration: underline; }
#header a:hover, #header a:active, #menu a:hover, #menu a:active { color: #FFA500; text-decoration: underline; }
#header h1 { font-size: 36px; letter-spacing: -2px; position: absolute; top: 30px; left: 70px; font-family: "Palatino Linotype", serif; }
#header h2 { font-size: 16px; letter-spacing: 3px; position: absolute; top: 80px; left: 70px; }
#header em { }
#header-banner { }
#header-search { width: 269px; height: 40px; position: absolute; right: 11px; top: 12px; background: url(store/strict/images/th-header-search.png) no-repeat top left; overflow: hidden; }
#header-search input { margin: 0; padding: 0; position: relative; width: 170px; margin-top: 4px; left: 32px; height: 18px; background: white url(store/strict/images/th-grad-lite-minitopleft.png) no-repeat top left; border: 1px solid silver; }
#header-search ul { padding: 0; margin: 0; list-style: none; position: absolute; top: 24px; left: 32px; width: 240px; font-family: Arial, Helvetica, sans-serif; }
#header-search li { padding: 0 10px 0 0; margin: 0; float: left; font-size: 10px; }
#header-cart { width: 248px; height: 78px; position: absolute; right: 11px; top: 56px; font-size: 11px; background: #30597C url(store/strict/images/th-header-cart-empty.png); color: white; }
#header-cart ul { padding: 0; margin: 0; list-style: none; position: absolute; top: 6px; left: 10px; width: 96px; height: 78px; }
#header-cart li { margin: 0; padding: 0; line-height: 16px; font-size: 12px; }
#header-cart li a { margin: 0 !important; }
#header-cart a { margin: 2px 0 0 182px; }
#header-cart p { margin: 2px 0 0 182px; color: white; font-weight: bold; }
#header-logo { }
#menu { background: black url(store/strict/images/th-menu.gif) top left; height: 37px; position: relative; }
#menu-one { padding: 0; margin: 0; list-style: none; position: absolute; top: 0; left: 16px; width: 480px; }
#menu-two { padding: 0; margin: 0; list-style: none; position: absolute; top: 0; left: 570px; }
#menu-one li, #menu-two li { margin: 0; float: left; font-size: 13px; line-height: 37px; }
#menu-one li a, #menu-two li a { float:left; text-decoration: none !important; line-height: 37px; padding: 0 12px;}
#menu-one li a:hover { color: #ADD8E6 !important; text-decoration: none !important; padding: 0 12px; line-height: 37px; background: url(store/strict/images/th-menu-a.gif) no-repeat center; }
#menu-login { padding: 0; margin: 0; list-style: none; position: absolute; top: 4px; left: 540px; width: 426px; }
#menu-login h4 { margin: 0 20px; line-height: 32px; color: white; font-size: 13px; font-weight: normal; text-align: right; }
#menu-login p { float: left; font-size: 9px; line-height: 12px; margin: 0; width: 70px; color: white; }
#menu-login p input { position: relative; top: -2px; display: block; font-size: 9px; width: 60px; height: 14px; background: white url(store/strict/images/th-grad-lite-minitopleft.png) no-repeat top left; }
#menu-login-check { position: absolute; left: 210px !important; top: 6px !important; width: 80px !important; padding-left: 20px; line-height: 100% !important;}
#menu-login-check input { position: absolute !important; left: 0 !important; top: 2px !important; width: 15px !important; height: 15px !important; }
#menu-login .btn-s { margin-top: 7px; font-weight: bold; }
#menu-login-links { position: absolute; right: 16px; top: 2px; text-align: right; width: 120px; }
#menu-login-links h5 { font-size: 10px; margin: 0; line-height: 12px; }
#menu-login-logged { font-size: 11px !important; line-height: 30px !important; width: 400px !important; text-align: right; }
#content { background: url(store/strict/images/th-layout-back.png) repeat-y left; margin: 0; padding: 4px 10px 10px; }
#left-col { background: white url(store/strict/images/th-col-m.png) repeat-y left; width: 190px; float: left; position: relative; left: 0; overflow: hidden; }
#left-col-btm { background: url(store/strict/images/th-col-m-btm.png) no-repeat bottom left; padding: 0 0 10px 0; }
#main-col { background: white url(store/strict/images/th-col-l.png) repeat-y top right; width: 754px; float: left; position: relative; display:block; left: 2px; overflow: visible; padding-top: 60px; }
#main-col-in { background: url(store/strict/images/th-col-l-btm.png) no-repeat bottom right; padding: 0 10px 50px; }
#right-col { width: 174px; position: absolute; display:block; right: 2px; top: 70px; padding: 0 2px; }
.side-title { font-size: 16px; color: #4682B4; margin: 20px 10px 10px; text-align: center; border-top: 1px solid #EEE; }
#main-col h1 { font-size: 14px; background: #4682B4 url(store/strict/images/th-col-l-head.png) no-repeat; color: white; margin: 3px -5px 20px; width: 724px; line-height: 30px; height: 30px; overflow: hidden; padding: 0 10px; position: absolute; top: 0; left: 10px;}
#left-col h2 { font-size: 14px; background: #4682B4 url(store/strict/images/th-col-m-head.png) no-repeat; color: white; margin: 3px; width: 183px; line-height: 30px; height: 30px; text-indent: 10px; }
#main-col h1 a:link, #main-col h1 a:visited { color: white; font-size: 12px; text-decoration: none; }
#main-col h1 a:hover, #main-col h1 a:active { color: #ADD8E6; font-size: 12px; }
#main-col h1 small { font-size: 12px; }
#main-title { }
#main-content { padding: 0 10px 40px; position: relative; }
#main-breadcrumb { position: absolute; top: 35px; left: 10px; height: 20px; width: 732px; line-height: 20px; }
.side-box { background: #2d6492 url(store/strict/images/th-col-m-box1.jpg) no-repeat top center; width: 170px; padding: 5px; color: white; margin: 10px 5px 0px 5px; }
.side-box h5 { }
.side-box input { width: 90px; background: white url(store/strict/images/th-grad-lite-minitopleft.png) no-repeat top left; border: 1px solid silver; }
.side-box a, .side-box a:visited { color: white; }
#footer { background: transparent url(store/strict/images/th-footer.png) no-repeat top left; height: 68px; text-align: center; color: white; }
#footer ul { margin: 0; padding: 10px; list-style: none; }
#footer li { margin: 0; padding: 0 5px; display: inline; }
#footer a { color: white; }
#footer h6 { margin: 0; line-height: 20px; }
#fontchooser {
float: right;
width: 100px;
height: 32px;
padding: 10px;
}
#fontchooser a {
text-decoration: none;
margin: 0 1px;
padding: 2px 5px 0;
border: 1px solid #aaa;
vertical-align: bottom;
}
#fontchooser a:hover {
background: black;
}
/* ----------------------- Category Tree ----------------------------- */
.category-tree { width: 184px; margin: 0 0 0 2px; padding: 0; list-style: none; font-size: 11px; border-right: 1px solid #eee; background: white; }
.category-tree li { margin: 0; padding: 0; border-bottom: 1px solid #EEE; border-right: 1px solid white; }
.category-tree li a { text-decoration: none; background: white url(store/strict/images/th-col-menu.png) no-repeat top right; margin: 0; padding: 4px 0 4px 18px; display: block; font-weight: normal; }
.category-tree li a:hover { text-decoration: none; background: white url(store/strict/images/th-col-menu-a.png) no-repeat top right; }
.category-tree li .last { background: transparent url(store/strict/images/th-bullet-tree-last.png) no-repeat; border: none; border-right: 1px solid white; background-position: 0px -20px !important;}
.category-tree li .last a { position: relative; left: 1px;}
.category-tree li .active { color: white; background:#4682B4; font-weight: bold; position: relative; left: 0px; }
.category-tree li li .active { color: #2e6492; font-weight: bold; position: relative; left: 0px; }
.category-tree li ul { margin: 0; padding: 0 0 5px 0; list-style: none; border-bottom: 1px solid #4682B4; }
.category-tree li ul ul { border: none; }
.category-tree li li { margin: 0 0 0 10px; padding: 3px 0 3px 8px !important; background: url(store/strict/images/th-bullet-tree.png) no-repeat left; background-position: -2px -20px !important; font-weight: normal; letter-spacing: normal; border-left: 1px solid #8cb8dc; border-bottom: none !important; }
.category-tree li li a { background: transparent !important; padding: 0 !important; font-weight: normal; border-bottom: none !important; margin: 0; display: inline; }
.category-tree li li.sub { border-left: 1px solid #8cb8dc; background: url(store/strict/images/th-bullet-tree-sub.png) no-repeat; background-position: 0px -20px !important; }
.category-tree li li ul { background: transparent !important; margin: 0; padding: 0; }
.category-tree li li .active { border: none; }
/*.sub {padding-left:10px;}
.sub a {font-size:8.5pt;font-weight:normal;display:block;background:url(images/blt.gif) top left no-repeat;padding-left:20px;padding-top:3px;padding-bottom:3px;text-decoration:none;}
.sub a:hover{font-size:8.5pt;font-weight:normal;display:block;background:url(images/blt.gif) top left no-repeat;padding-left:20px;padding-top:3px;padding-bottom:3px;}
.sub a.active {font-size:8.5pt;font-weight:normal;display:block;background:url(images/blt.gif) top left no-repeat;padding-left:20px;color: #0B44AE;padding-top:3px;padding-bottom:3px;}
.sub a:visited{font-size:8.5pt;font-weight:normal;display:block;background:url(images/blt.gif) top left no-repeat;padding-left:20px;padding-top:3px;padding-bottom:3px;}
.sub .sub a.active { color:#a40174 !important;}
.sub a.root {font-size:8.5pt;font-weight:bold;display:block;background:url(images/blt.gif) top left no-repeat;padding-left:20px;padding-top:3px;padding-bottom:3px;text-decoration:none;}
.sub a.root:hover{font-weight:bold;}
.sub a.root:active{font-weight:bold;}
.sub a.root:visited{font-weight:bold;}*/
/*.sub .sub, .sub .sub .sub .sub {
background: #f4f4f4;
margin: 5px 0;
padding-right: 5px;
}
.sub .sub .sub, .sub .sub .sub.sub .sub {
background: #EDEDED;
margin: 5px 10px 5px 0;
padding-right: 5px;
}
.sub a.active, .sub .sub a.active, .sub .sub .sub a.active,
.sub .sub .sub .sub a.active, .sub .sub .sub .sub .sub a.active {
border-bottom: none !important;
}*/
/* Category tree - New look */
.sub {
background: #EAEAEA;
padding: 0;
}
.sub a.active {
color: #262626 !important;
background: #EAEAEA;
font-weight: bold;
}
.sub a.active:hover {
padding: 4px 2px 4px 8px;
}
.sub div a, .sub div a:visited {
background: #EAEAEA;
padding: 4px 2px 4px 8px !important;
color: #565857;
text-decoration: none;
display: block;
line-height: normal;
border-bottom: none;
font-weight: bold;
}
.sub div a.active {
color: #262626 !important;
background: #EAEAEA url(active_state_arrow.gif) 0 8px no-repeat !important;
font-weight: bold;
padding: 4px 2px 4px 8px;
}
.sub div a:hover {
color: #303030;
padding: 4px 2px 4px 8px;
font-weight: bold;
}
.sub div a.active:hover {
padding: 4px 2px 4px 8px;
}
.sub a.root {
background: #F8F8F8 url(nav_root_bg.gif) bottom repeat-x !important;
border-bottom: 1px solid white;
padding: 6px 2px 6px 8px !important;
font-weight: bold;
color: #565857;
text-decoration: none;
display: block;
line-height: normal;
}
.sub a.root:hover{
color: #303030;
padding: 6px 2px 6px 8px !important;
}
.sub div {
padding-left: 6px;
}
/* ---------------------------- Formstuff -------------------------------*/
.formfield { height: 24px; position: relative; }
.formfield h5 { font-size: 11px; font-weight: normal; margin: 0; display: inline; }
.tworows { height: 50px; }
.threerows { height: 70px; }
.fourrows { height: 100px; }
.half1 { }
.half2 { }
.long { }
/* Stan:
.value { position: absolute; left: 35%; width: 55%; }
*/
.long .value { position: static; display: block; width: 80%; margin: 6px 0; }
.value select {width: 55%;}
.mini { width: 20px; }
.short { width: 36px; }
.mid { width: 78px; }
.formgroup {/* border-bottom: 1px solid #4682B4; */}
.formgroup p {
padding: 5px;
background: #E3F1FF;
}
.g1 { }
.g2 { }
.g3 { }
.g4 { }
.formgrouplast { }
.input { background: white; border: 1px solid silver; height: 18px; }
.radio, .checkbox { border: none !important; background: transparent !important; }
.submit { }
#registration { width: 90%; margin: auto; padding: 10px; border: 1px solid silver; }
/* ------------------------------ Boxes ---------------------------------*/
.thumbs-box { position: relative; clear:both; margin: 20px 0px; padding-bottom: 10px; }
.thumbs-box h3 { background: white url(images/grad1-tophalo.gif) no-repeat top; color: #4682B4; margin: 0; padding: 0 10px; line-height: 30px; font-size: 14px; border-top: 1px solid #DDD; }
.thumbs-box2 { background: white url(images/grad1-btm.gif) repeat-x bottom; position: relative; clear:both; margin: 10px 0px; padding-bottom: 10px; border: 1px solid #EEE; border-bottom: 1px solid silver; }
.thumbs-box2 h3 { background: white url(images/grad1-topthin.gif) repeat-x top; color: #4682B4; margin: 0; padding: 0 10px; line-height: 36px; border-bottom: 1px solid #DDD; }
.box1 { background: white url(images/grad1-btm.gif) repeat-x bottom; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #EEE; border-bottom: 1px solid silver; }
.box2 { background: white url(images/grad1-btm.gif) repeat-x bottom; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }
.box3 { background: white url(images/grad1-rightopthin.gif) no-repeat top right; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }
.box4 { background: white url(images/grad1-right.gif) repeat-y right; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }
.box5 { background: white url(images/grad1-top.gif) repeat-x top; position: relative; clear:both; margin: 10px 0; padding: 10px; border: 1px solid #CCC; border-bottom: 1px solid silver; }
.box1 h3, .box2 h3, .box3 h3, .box4 h3, .box5 h3, .box1 h4, .box2 h4, .box3 h4, .box4 h4, .box5 h4 { margin: 0 0 10px 0; padding: 0 3px 5px 3px; color: #4682B4; border-bottom: 1px solid #DDD; }
.box1:after, .box2:after, .box3:after, .box4:after, .box5:after, .thumbs-box:after, .thumbs-box2:after, #main-content:after, #content:after { content: "."; visibility: hidden; height: 0px; display: block; clear: both;}
.box1, .box2, .box3, .box4, .box5, .thumbs-box, .thumbs-box2 { }
/* Generic box overides - use these combined with basic boxes to change behaviour */
.box-center1 { margin: 20px auto !important; width: 96% }
.box-center2 { margin: 20px auto !important; width: 85% }
.box-center3 { margin: 20px auto !important; width: 70% }
.box-center4 { margin: 20px auto !important; width: 60% }
.box-s-float { clear: none !important; float: left; margin: 5px !important; width: 120px; }
.box-m-float { clear: none !important; float: left; margin: 5px !important; width: 180px; }
.box-l-float { clear: none !important; float: left; margin: 5px !important; width: 28%; }
.box-xl-float { clear: none !important; float: left; margin: 5px 3px !important; width: 45%; }
/* ---------------------- Category Navigation ---------------------------- */
.navigation { padding: 10px !important; }
.nav-subcats { padding: 0px; position: absolute; top: 7px; right: 10px; }
.nav-strip { background: #E3F1FF; position: relative; margin: 5px; border-bottom: 1px solid #4682B4; }
.nav-strip:after { content: "."; visibility: hidden; line-height: 0px; height: 0px; display: block; clear: both; }
.nav-strip div, .nav-strip p {padding: 5px; margin: 0; }
.nav-strip .nav-showing { }
.nav-strip .nav-pages { width: 40%; float: right; text-align: right}
.nav-strip .nav-results { width: 40%; float: left; text-align: left; }
.nav-strip .nav-btns { width: 120px; float:right; line-height: 25px; position: absolute; right: 10px; top: 2px; }
.nav-strip .nav-btns a { float:left; }
.nav-order { float: right; position: absolute; top: 0; right: 20px; }
.navigation .thumb, .navigation .thumb2 { margin: 5px !important; }
/* ---------------------- Product Display ---------------------------- */
.display-box { z-index: 30; position: relative; background: #30597C url(store/strict/images/th-display-infobox1-back.jpg) repeat-y top; width: 560px; margin: 10px 0; color: white; }
.display-box-top { background: url(store/strict/images/th-display-infobox1-top.jpg) no-repeat top; padding: 5px 10px 0 10px; width: 540px; }
.display-box-btm { background: url(store/strict/images/th-display-infobox1-btm.jpg) no-repeat bottom; height: 9px; line-height: 9px; }
.display-box h2 { color: white; font-weight: normal; font-size: 18px; margin: 0; padding: 5px 0 10px 0px; text-indent: 10px; width: 370px; }
.display-box h2 strong { font-weight: bold; }
.display-box-main { float: left; clear: right; overflow: visible; width: 360px; padding: 0 10px; }
.display-info { margin: 0; padding: 5px 0; list-style: none; }
.display-info li { margin: 0; padding: 0; list-style: none; }
.display-buy { padding: 2px 0 2px 10px; margin: 0px -15px 0px -10px; border-top: 1px solid #000; border-bottom: 1px solid #6f9bc0; background: #193852 url(images/grad-dark1.jpg) repeat-x top left; }
.display-buy:after { content: "."; visibility: hidden; height: 1px; display: block; clear: both; }
.display-buy p { width: 150px; float: left; clear: left; line-height: 20px;}
.display-buy .input { height: auto; }
.display-buy .floatleft { margin: 0 5px; }
.display-buy-btns { width: 210px; float: left; line-height: 18px; }
.display-actions { margin: 0; padding: 10px 0; list-style: none; display:block; clear: both; }
.display-actions li { margin: 0 20px 0 0; padding: 10px 0; float: left; height: 10px; vertical-align:bottom;}
.display-pic { z-index: 20; float: left; width: 155px; padding: 0 5px 0 0; text-align: center; overflow: hidden; }
.display-pic img { display: block; margin: 10px auto; }
.display-price { position: absolute; top: 25px; right: -10px; font-size: 16px; font-family: "Arial Narrow"; letter-spacing: -1px; font-weight: bold; color: #B22222; background: url(store/strict/images/th-display-infobox1-star.png) no-repeat; width: 85px; height: 51px; line-height: 51px; text-align: center; }
.price-retail { color: #DDD !important; text-decoration: line-through; }
.price-our { font-weight: bold; }
.display-box p { color: white; margin: 0; }
.display-box a:link, .display-box a:visited { color: #E3F1FF;}
.display-details { position: relative; background: white url(store/strict/images/th-display-infobox2-back.png) repeat-y top left; width: 560px; margin: 10px 0; }
.display-details h4 { font-size: 14px; font-weight: normal; margin: 2px 0 10px; color: #30597C; border-bottom: 1px solid #30597C; }
.display-details-in { background: url(store/strict/images/th-display-infobox2-top.png) no-repeat top left; padding: 10px; }
.display-details-btm { background: url(store/strict/images/th-display-infobox2-btm.png) no-repeat bottom left; height: 9px; }
.display-details-tabs { background: white; height: 30px; padding: 0 20px; margin: 0; list-style: none; }
.display-details-tabs li { float: left; margin: 0 1px; padding: 0; background: url(store/strict/images/th-display-tab2-right.png) no-repeat bottom right; }
.display-details-tabs a { float: left; margin: 0; padding: 10px 10px 0; line-height: 20px; height: 20px; background: url(store/strict/images/th-display-tab2-left.png) no-repeat bottom left; text-decoration: none; font-weight: bold; }
.display-details-tabs li.active-tab, .display-details-tabs li:hover { float: left; margin: 0 1px; padding: 0; background: url(store/strict/images/th-display-tab1-right.png) no-repeat bottom right; }
.display-details-tabs li.active-tab a, .display-details-tabs li:hover a { float: left; margin: 0; padding: 10px 10px 0; line-height: 20px; height: 20px; background: url(store/strict/images/th-display-tab1-left.png) no-repeat bottom left; text-decoration: none; font-weight: bold; }
/* ---------------------- Shopping Cart Pages ---------------------------- */
.cart { }
.cart-itemname { font-weight: bold; text-decoration: none; font-size: 13px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; letter-spacing: 1px; }
.cart-itemqty { }
.cart-itemprice { }
.cart-itemsincart { }
.cart-subtotal { }
.cart-grandtotal { }
.cart-link-editcart { }
.cart-link-checkout { }
.cart-link-recalculate { }
/* Items Added To Cart */
.cart-items-added { position: relative; float: left; width: 170px; margin: 0; padding-left: 5px; border-left: 1px solid silver; }
.cart-items-added p { margin: 5px 0; text-transform: capitalize; }
.cart-items-added h3 { color: #4682B4; background: #E3F1FF; border-top: 1px solid #4682B4; border-bottom: 1px solid #4682B4; margin: 0; padding: 8px; text-align: center;}
.cart-items-added .cart-link-checkout { text-transform: uppercase; }
.cart-items-added-upsell { width: 550px; overflow: hidden; float: left; }
.cart-justadded-info { margin: 0; padding: 5px; border-top: 1px solid #DDD; background: #E3F1FF; font-size: 18px; color: #B22222; }
.cart-itemsincart-info { margin: 0; padding: 5px; border-top: 1px solid #DDD; background: white url(images/grad1-rightopthin.gif) no-repeat top right;}
.cart .thumbs-box { width: 550px !important; margin-top: 10px !important;}
/* Edit Cart */
.cart-edit { }
.cart-contents { }
.cart-contents th { }
.cart-contents td { }
/* ----------------------------- Checkout --------------------------------*/
.checkout { width: 96%; margin: 20px auto 0; }
.auth { }
.revieworder { }
.cstdetails { width: 290px; }
.cstdetails .formgroup { background: white url(images/grad1-btm.gif) repeat-x bottom; padding: 10px 0 10px 10px; }
.payment .formgroup { width: 400px; position: relative; left: 60px; }
.prod-table { width: 98%; border: 1px solid silver; margin: 10px auto; background: white url(images/grad1-btm.gif) repeat-x bottom; }
.prod-table td, .prod-table th { padding: 5px; }
.prod-table th { background: url(images/grad1-btmthin.gif) repeat-x bottom; border-bottom: 2px solid #FFA500; }
.prod-table td { background: url(images/grad1-tophalo.gif) repeat-x top left; background-position: 280px 0px; border-bottom: 1px solid #DDD; }
.prod-table tr:hover td { background: #ADD8E6; }
.prodrow-subtotal td, .prodrow-subtotal th { background: transparent; border:none; border-top: 1px solid #eeeeee; font-weight: bold; vertical-align: top; }
.prodrow-total td, .prodrow-total th { background: transparent; border: none; border-top: 1px solid #DDD; font-weight: bold; color: tomato; }
.prodrow-total th, .prodrow-subtotal th { text-align: right; }
.checkout-enteremail { text-align: center; font-weight: normal; }
.checkout-btn { float: right; }
/* ---------------------------- Account -------------------------------*/
.account-links { background: white url(images/grad1-btm.gif) repeat-x bottom left; list-style: none; margin: 5px; padding: 5px; width: 29.5%; height: 170px; border: 1px solid silver; display: block; float: left;}
.account-links li { margin: 2px; padding: 0; }
.account-links h4 { font-weight: normal; color: #4682B4; margin: 0 0 5px 0; border-bottom: 1px solid #8CB8DC; }
/* ---------------------------- Registry -------------------------------*/
#registry-main { width: 96%; padding-bottom: 80px;}
.registry-item { width: 96%; }
.registry-item form { margin: 0; }
.registry-image { float: right; text-align: center; width: 160px; }
.registry-actions { float: left; width: 340px; overflow: visible; }
.registry-actions table { border-right: 1px solid #ddd; padding-right: 5px; width: 96%; }
.registry-actions th { text-align: left; background: #4682B4; color: white; }
.registry-actions th, .registry-actions td { padding: 2px 4px; }
.registry-actions select {
width: 200px;
}
/* ---------------------------- Thumbnails -------------------------------*/
.thumb-simple { position: relative; background: white url(images/grad1-btmhalo.gif) no-repeat bottom right; float:left; width: 170px; overflow:hidden; margin: 5px; border: 1px solid #EEE; border-bottom: 1px solid silver; }
.thumb { position: relative; background: url(store/strict/images/th-thumb-lite-back.png) repeat-y top left; float:left; margin: 5px; width: 170px; overflow:hidden; text-align: center; }
.thumb .thumb-top { background: url(store/strict/images/th-thumb-lite-top.png) no-repeat top left; width: 100%; height: 284px; padding-top: 36px; overflow:hidden; position: relative; }
.thumb .thumb-btm { background: url(store/strict/images/th-thumb-lite-btm.png) no-repeat bottom left; height: 6px; width: 100%; position: absolute; bottom: 0; left: 0; }
.thumb .thumb-img { display: block; margin: 3px 7px; padding: 1px; border: 1px solid #8CB8DC; clear: both; text-align: center; }
.thumb .thumb-content { position: relative; padding: 5px; text-align: left; }
.thumb .thumb-name { margin: 0 5px; position: absolute; top: 8px; left: 5px; width: 160px; line-height: 12px; text-align: left; height: 36px; overflow: hidden; }
.thumb .thumb-name a { font-size: 12px !important; font-weight: bold; text-decoration: none; font-family: "Trebuchet MS", "Lucida Grande"; }
.thumb .thumb-sku { margin: 0 5px; }
.thumb .thumb-descr { font-size: 10px; margin: 2px 3px; padding-bottom: 4px; display:block; height: 24px; line-height: 13px; overflow: hidden }
.thumb .thumb-retail { text-decoration: line-through; color: gray; margin: 0 2px; display:block; }
.thumb .thumb-price { color: maroon; margin: 0 2px; display:block; }
.thumb .thumb-price strong { color: #B22222; }
.thumb .thumb-yousave { color: #4682B4; margin: 0 2px; display:block; }
.thumb .thumb-actions { margin: 0; padding: 0; display:block; list-style: none; width: 159px; height: 46px; }
.thumb .thumb-actions li { float: left; display: inline; padding: 0; margin: 1px; line-height: 16px; /*border-right: 1px solid gray;*/}
/*
.thumb-link-buy { position: absolute; top: 0; right: 0;}
.thumb-link-more { position: absolute; top: 0; left: 0; }
.thumb-link-wishlist { position: absolute; top: 22px; left: 0;}
*/
.thumb2 { color: white; position: relative; background: #4682B4 url(store/strict/images/th-thumb-dark-back.png) repeat-y top left; float:left; width: 170px; overflow:hidden; margin: 4px; }
.thumb2 .thumb-top { background: url(store/strict/images/th-thumb-dark-top.png) no-repeat top left; }
.thumb2 .thumb-btm { background: url(store/strict/images/th-thumb-dark-btm.png) no-repeat bottom left; }
.thumb2 .thumb-retail { color: silver; }
.thumb2 .thumb-price { color: white; }
.thumb2 .thumb-price strong { color: white; }
.thumb2 .thumb-yousave { color: #ADD8E6; }
.thumb2 .thumb-descr { color:white; }
.thumb2 a:link, .thumb2 a:visited { color: white;}
#main-col .thumb2 .thumb-descr { display:block ; }
.thumb-mid { width: 30%; height: 300px; background: white url(images/grad1-btm.gif) repeat-x bottom; float: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ddd; margin: 1px; padding: 40px 1% 0 1%; position: relative; }
.thumb-mid .thumb-top, .thumb-mid .thumb-btm { }
.thumb-mid .thumb-btm { height: 1px; line-height: 1px; clear: both; }
.thumb-mid .thumb-img { margin: 2px auto; padding: 0; text-align: center; width: 98%; }
.thumb-mid .thumb-img img { margin: auto; }
.thumb-mid .thumb-name { position: absolute; top: 0; left: 5px; line-height: 13px; height: 26px; }
.thumb-mid .thumb-name a { font-size: 12px !important; text-decoration: none; font-weight: bold; }
.thumb-mid .thumb-retail { text-decoration: line-through; color: gray; margin: 0 2px; display:block; }
.thumb-mid .thumb-price { color: maroon; margin: 0 2px; display:block; }
.thumb-mid .thumb-price strong { color: #B22222; }
.thumb-mid .thumb-yousave { color: #4682B4; margin: 0 2px; display:block; }
.thumb-mid .thumb-descr { line-height: 12px; height: 40px; overflow: hidden; }
.thumb-mid .thumb-actions { margin: 0; padding: 0; display:block; list-style: none; }
.thumb-mid .thumb-actions li { float: left; display: inline; padding: 0; margin: 1px; line-height: 16px; }
.thumb-wide { width: 47%; height: 180px; background: white url(images/grad1-btm.gif) repeat-x bottom; float: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ddd; margin: 1px; padding: 40px 1% 0 1%; position: relative; }
.thumb-wide .thumb-top, .thumb-wide .thumb-btm { }
.thumb-wide .thumb-btm { height: 1px; line-height: 1px; clear: both; }
.thumb-wide .thumb-img { float: left; margin: 0 10px 0 0; padding: 0 5px 0 0; }
.thumb-wide .thumb-name { position: absolute; top: 0; left: 5px; line-height: 15px; height: 30px; }
.thumb-wide .thumb-name a { font-size: 13px !important; text-decoration: none; font-weight: bold; }
.thumb-wide .thumb-retail { text-decoration: line-through; color: gray; margin: 0 2px; display:block; }
.thumb-wide .thumb-price { color: maroon; margin: 0 2px; display:block; }
.thumb-wide .thumb-price strong { color: #B22222; }
.thumb-wide .thumb-yousave { color: #4682B4; margin: 0 2px; display:block; }
.thumb-wide .thumb-descr { line-height: 12px; height: 50px; overflow: hidden; }
.thumb-wide .thumb-actions { margin: 0; padding: 0; display:block; list-style: none; }
.thumb-wide .thumb-actions li { float: left; display: inline; padding: 0; margin: 1px; line-height: 16px; }
.thumb-full { width: 96%; background: white url(images/grad1-btm.gif) repeat-x bottom; float: none; border-bottom: 1px solid #ccc; margin: 5px 0; padding: 5px 2%; clear: both; }
.thumb-full .thumb-top, .thumb-full .thumb-btm { }
.thumb-full .thumb-btm { height: 1px; line-height: 1px; clear: both; }
.thumb-full .thumb-img { float: left; margin: 0 10px 0 0; padding: 0 5px 0 0; border-right: 1px dashed #ccc;}
.thumb-full .thumb-name a { font-size: 14px !important; text-decoration: none; font-weight: bold; }
.thumb-full .thumb-retail { text-decoration: line-through; color: gray; margin: 0 2px; display:block; }
.thumb-full .thumb-price { color: maroon; margin: 0 2px; display:block; }
.thumb-full .thumb-price strong { color: #B22222; }
.thumb-full .thumb-yousave { color: #4682B4; margin: 0 2px; display:block; }
.thumb-full .thumb-descr { }
.thumb-full .thumb-actions { width: auto; list-style: none; }
.thumb-full .thumb-actions li { float: right; }
#left-col .thumb, #left-col .thumb2 { float: none !important; margin: 0 auto 10px !important; }
#left-col .thumb-actions { height: 20px; }
#left-col .thumb-descr, #left-col .thumb-link-wishlist, #left-col .thumb-yousave, #left-col .thumb-retail { display:none !important; }
#right-col .thumb, #right-col .thumb2 { float: none !important; margin: 0 auto 10px !important; }
#right-col .thumb-descr, #right-col .thumb-link-wishlist, #right-col .thumb-yousave, #right-col .thumb-retail, #right-col .thumb-actions { display:none !important; }
#right-col .thumb-price { line-height: 20px; font-size:11px !important; }
#right-col .thumb-top { height: 190px; }
.thumb-cat .thumb-top { height: 200px; }
.upsell .thumb-yousave { display: none; }
/* Page specific box overrides */
.items-category { }
.items-topcategory { }
.items-searchresults { }
.items-homepage { }
.items-wishlist { }
.items-special { }
.items-featured { }
.items-new { }
.items-sale { }
.items-topsellers { }
.items-also-bought { }
.items-recent-reviews { }
.items-also-view { }
.items-from-wishlist { }
/*------------------------------- Buttons ----------------------------------*/
.btn {
margin: 1px; padding: 4px 8px; border: 1px solid #ADD8E6; background: white url(store/strict/images/th-btn.png) repeat-x bottom; color: #4682B4; font-weight: bold;
display: block; text-decoration: none; }
.btn:hover {
border: 1px solid #999; background: white url(images/grad1-topthin.gif) repeat-x top; color: #30597C; }
.btn-xs, .btn-s, .btn-m, .btn-l, .btn-xl, .btn-xxl,
.btn2-xs, .btn2-s, .btn2-m, .btn2-l, .btn2-xl, .btn2-xxl,
.btn3-xs, .btn3-s, .btn3-m, .btn3-l, .btn3-xl, .btn3-xxl,
.btn4-xs, .btn4-s, .btn4-m, .btn4-l, .btn4-xl, .btn4-xxl,
.btn5-xs, .btn5-s, .btn5-m, .btn5-l, .btn5-xl, .btn5-xxl
{ border: none !important; margin: 1px; padding: 0 !important; text-align: center; text-transform: capitalize; height: 19px !important; line-height: 19px !important; font-size: 11px !important; vertical-align: top !important; font-family: Arial, sans-serif !important; font-weight: bold !important; text-decoration: none !important; cursor: pointer; z-index: 20; position: relative;
}
a.btn-xs, a.btn-s, a.btn-m, a.btn-l, a.btn-xl, a.btn-xxl,
a.btn2-xs, a.btn2-s, a.btn2-m, a.btn2-l, a.btn2-xl, a.btn2-xxl,
a.btn3-xs, a.btn3-s, a.btn3-m, a.btn3-l, a.btn3-xl, a.btn3-xxl,
a.btn4-xs, a.btn4-s, a.btn4-m, a.btn4-l, a.btn4-xl, a.btn4-xxl,
a.btn5-xs, a.btn5-s, a.btn5-m, a.btn5-l, a.btn5-xl, a.btn5-xxl
{ display: block !important }
/* lite buttons for darker backgrounds */
.btn-xs { background: url(store/strict/images/th-btn-xs.png) no-repeat left !important; width: 34px !important; color: #30597C !important; }
.btn-xs:hover { background: url(store/strict/images/th-btn2-xs.gif) no-repeat left !important; color: white !important; }
.btn-s { background: url(store/strict/images/th-btn-s.png) no-repeat left !important; width: 55px !important; color: #30597C !important; }
.btn-s:hover { background: url(store/strict/images/th-btn2-s.gif) no-repeat left !important; color: white !important; }
.btn-m { background: url(store/strict/images/th-btn-m.png) no-repeat left !important; width: 75px !important; color: #30597C !important; }
.btn-m:hover { background: url(store/strict/images/th-btn2-m.gif) no-repeat left !important; color: white !important; }
.btn-l { background: url(store/strict/images/th-btn-l.png) no-repeat left !important; width: 105px !important; color: #30597C !important; }
.btn-l:hover { background: url(store/strict/images/th-btn2-l.gif) no-repeat left !important; color: white !important; }
.btn-xl { background: url(store/strict/images/th-btn-xl.png) no-repeat left !important; width: 155px !important; color: #30597C !important; }
.btn-xl:hover { background: url(store/strict/images/th-btn2-xl.gif) no-repeat left !important; color: white !important; }
.btn-xxl { background: url(store/strict/images/th-btn-xxl.png) no-repeat left !important; width: 200px !important; color: #30597C !important; }
.btn-xxl:hover { background: url(store/strict/images/th-btn2-xxl.png) no-repeat left !important; color: white !important; }
/* dark buttons for lite backgrounds */
.btn2-xs { background: url(store/strict/images/th-btn2-xs.png) no-repeat left !important; width: 34px !important; color: #FFF !important; }
.btn2-xs:hover { background: url(store/strict/images/th-btn2-xs.gif) no-repeat left !important; color: white !important; }
.btn2-s { background: url(store/strict/images/th-btn2-s.png) no-repeat left !important; width: 55px !important; color: #FFF !important; }
.btn2-s:hover { background: url(store/strict/images/th-btn2-s.gif) no-repeat left !important; color: white !important; }
.btn2-m { background: url(store/strict/images/th-btn2-m.png) no-repeat left !important; width: 75px !important; color: #FFF !important; }
.btn2-m:hover { background: url(store/strict/images/th-btn2-m.gif) no-repeat left !important; color: white !important; }
.btn2-l { background: url(store/strict/images/th-btn2-l.png) no-repeat left !important; width: 105px !important; color: #FFF !important; }
.btn2-l:hover { background: url(store/strict/images/th-btn2-l.gif) no-repeat left !important; color: white !important; }
.btn2-xl { background: url(store/strict/images/th-btn2-xl.png) no-repeat left !important; width: 155px !important; color: #FFF !important; }
.btn2-xl:hover { background: url(store/strict/images/th-btn2-xl.gif) no-repeat left !important; color: white !important; }
.btn2-xxl { background: url(store/strict/images/th-btn2-xxl.png) no-repeat left !important; width: 200px !important; color: #FFF !important; }
.btn2-xxl:hover { background: url(store/strict/images/th-btn2-xxl.png) no-repeat left !important; color: white !important; }
/* black buttons */
.btn3-xs { background: url(store/strict/images/th-btn3-xs.png) no-repeat left !important; width: 34px !important; color: #FFF !important; }
.btn3-xs:hover { background: url(store/strict/images/th-btn2-xs.gif) no-repeat left !important; color: white !important; }
.btn3-s { background: url(store/strict/images/th-btn3-s.png) no-repeat left !important; width: 55px !important; color: #FFF !important; }
.btn3-s:hover { background: url(store/strict/images/th-btn2-s.gif) no-repeat left !important; color: white !important; }
.btn3-m { background: url(store/strict/images/th-btn3-m.png) no-repeat left !important; width: 75px !important; color: #FFF !important; }
.btn3-m:hover { background: url(store/strict/images/th-btn2-m.gif) no-repeat left !important; color: white !important; }
.btn3-l { background: url(store/strict/images/th-btn3-l.png) no-repeat left !important; width: 105px !important; color: #FFF !important; }
.btn3-l:hover { background: url(store/strict/images/th-btn2-l.gif) no-repeat left !important; color: white !important; }
.btn3-xl { background: url(store/strict/images/th-btn3-xl.png) no-repeat left !important; width: 155px !important; color: #FFF !important; }
.btn3-xl:hover { background: url(store/strict/images/th-btn2-xl.gif) no-repeat left !important; color: white !important; }
.btn3-xxl { background: url(store/strict/images/th-btn3-xxl.png) no-repeat left !important; width: 200px !important; color: #FFF !important; }
.btn3-xxl:hover { background: url(store/strict/images/th-btn2-xxl.png) no-repeat left !important; color: white !important; }
/* red buttons */
.btn4-xs { background: url(store/strict/images/th-btn4-xs.png) no-repeat left !important; width: 34px !important; color: #FFF !important; }
.btn4-xs:hover { background: url(store/strict/images/th-btn2-xs.gif) no-repeat left !important; color: white !important; }
.btn4-s { background: url(store/strict/images/th-btn4-s.png) no-repeat left !important; width: 55px !important; color: #FFF !important; }
.btn4-s:hover { background: url(store/strict/images/th-btn2-s.gif) no-repeat left !important; color: white !important; }
.btn4-m { background: url(store/strict/images/th-btn4-m.png) no-repeat left !important; width: 75px !important; color: #FFF !important; }
.btn4-m:hover { background: url(store/strict/images/th-btn2-m.gif) no-repeat left !important; color: white !important; }
.btn4-l { background: url(store/strict/images/th-btn4-l.png) no-repeat left !important; width: 105px !important; color: #FFF !important; }
.btn4-l:hover { background: url(store/strict/images/th-btn2-l.gif) no-repeat left !important; color: white !important; }
.btn4-xl { background: url(store/strict/images/th-btn4-xl.png) no-repeat left !important; width: 155px !important; color: #FFF !important; }
.btn4-xl:hover { background: url(store/strict/images/th-btn2-xl.gif) no-repeat left !important; color: white !important; }
.btn4-xxl { background: url(store/strict/images/th-btn4-xxl.png) no-repeat left !important; width: 200px !important; color: #FFF !important; }
.btn4-xxl:hover { background: url(store/strict/images/th-btn2-xxl.png) no-repeat left !important; color: white !important; }
/* red buttons */
.btn5-xs { background: url(store/strict/images/th-btn5-xs.png) no-repeat left !important; width: 34px !important; color: #EEE !important; }
.btn5-s { background: url(store/strict/images/th-btn5-s.png) no-repeat left !important; width: 55px !important; color: #EEE !important; }
.btn5-m { background: url(store/strict/images/th-btn5-m.png) no-repeat left !important; width: 75px !important; color: #EEE !important; }
.btn5-l { background: url(store/strict/images/th-btn5-l.png) no-repeat left !important; width: 105px !important; color: #EEE !important; }
.btn5-xl { background: url(store/strict/images/th-btn5-xl.png) no-repeat left !important; width: 155px !important; color: #EEE !important; }
.btn5-xxl { background: url(store/strict/images/th-btn5-xxl.png) no-repeat left !important; width: 200px !important; color: #EEE !important; }