/*\*/  * html p, * html div { height: 1%; } *:first-child+html p, *:first-child+html div { min-height: 0%; }  /**/

body {	background: url(images/th-body-back.png) repeat-x top left; background-attachment: fixed; margin:0 0 10px 0; text-align: center; font-size: 75%; }
body, p, table { font-family: Verdana, sans-serif; color: #555;  }

h1, h2, h3 { text-transform: capitalize; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; }
h4 { text-transform: capitalize;  }

img { border: none;}

a:link {	color: #4682B4;}
a:visited {	color: #77A3CA;}
a:hover {	color: #FFA500;}
a:active {	color: #FFA500; outline: none; }


h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: .8em; }
p { font-size: 1em; margin: 1em 0; }

#top-menu { font-size: .9em; }
#header { font-size: .9em; }
#menu-login h4 { font-size: .9em; }
#menu { font-size: 1.1em; }
#main-col { font-size: 1em; }
#nav-horizontal { font-size: .9em; }
#main-breadcrumb { font-size: .9em; }
#footer ul { font-size: .85em; }
.side-box h3 { font-size: 1.1em; }
.category-tree a { font-size: .9em; }
.nav-strip { font-size: .9em; }
.tabbernav a { font-size: .9em; }
.thumb-name a { font-size: 1em; } 
.thumb-price, .thumb-retail, .thumb-yousave, .thumb-descr { font-size: .9em; }
.display-details p, .display-details li, .display-details label, .display-details font {  }
.account-links h4 { font-size: 1em; }
.prod-table th { font-size: .9em; }
.prod-table td, .prodrow-total th, .prodrow-subtotal th  { font-size: 1em; }
.cart-items-added h3 { font-size: 1.2em; }
input, select, textarea { font-size: 1em; }


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; }
select, textarea { border: 1px solid #ccc; }
select#feeds-selector { width: 180px; margin-left: 4px; }


/* ----------------------- Generic Elements ----------------------------- */

.menu-sep {  }
.breadcrumbs { display: block; }
.errortext { color: #cc431f !important; }
.error { color: #cc431f !important; padding: 16px !important; margin: 2px !important; background: #fdf2d4; border: 1px solid #cc431f; font-size: 1.2em; display: block; }
.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; }
img.floatleft { margin-right: 10px; }
img.floatright { margin-left: 10px; }
.center { text-align: center; }
.nomargin { margin: 0; }
.strong { font-weight: bold; }
.nobr { white-space: nowrap; }
.plainlist { list-style: none; padding: 0; margin: 0; }
.plainlist li { list-style: none; padding: 0; margin: 0; }
.dl { margin: 0; padding: 0; list-style: none; }
.dl li { clear: both; padding: 3px 0; margin: 0; }
.dl li span { width: 30%; float: left; overflow: hidden; }
.dl li strong { width: 65%; float: left; padding: 0 0 0 5%; font-weight: normal; overflow: hidden; }
.dl li:after { content: "."; display: block; cleaR: both; visibility: hidden; height: 0px; }
.padded { padding: 10px; }


/*--------------------------- Layout & Misc Stuff ---------------------------*/

#outer-layout { height: 100%; margin: auto; padding-bottom: 60px; background: url(images/th-body-back.png) repeat-x top left; background-attachment: fixed; }
#layout { width: 965px; margin: 0 auto; text-align: left !important; position: relative; border-top: 1px solid white; }

 
#top { position: absolute; top: 0; left: 0; height: 198px; width: 965px; }
#content { background: url(images/th-layout-back.png) repeat-y left; margin: 198px 0 0 0; padding: 4px 8px 10px; }


#top-menu { margin: 0; padding: 10px 0 0 0; line-height: 20px; text-align: right; list-style: none; }
#top-menu li { margin: 0; padding: 0 8px; display: inline; font-weight: normal; text-transform: lowercase;}
#top-menu li a { background: white; }

#header { height: 132px; background: #30597C url(images/th-header.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: 30px; letter-spacing: 1px; position: absolute; top: 30px; left: 0px; padding: 0 0 0 170px; margin: 0; font-family:  tahoma, sans-serif;  }
#header h2 { font-size: 12px; letter-spacing: 3px; position: absolute; top: 80px; left: 170px; } 
#header em {  }

#header-banner {  }

#header-search { height: 40px; position: absolute; right: 11px; top: 12px; xbackground: url(images/th-header-search.png) no-repeat top left; }
#header-search .input { margin: 0; width: 150px; xmargin-top: 4px; xheight: 15px; xbackground: white url(images/th-grad-lite-minitopleft.png) no-repeat top left; xborder: 1px solid black; vertical-align: middle;  }
#header-search select { width: 100px; xheight: 15px; xborder: 1px solid black; font-size: .9em; vertical-align: middle; }
#header-search ul { padding: 0; margin: 0; list-style: none; width: 380px; font-family: Arial, Helvetica, sans-serif;  }
#header-search li { padding: 0 0 0 10px; margin: 0; float: right; }


#header-cart { width: 248px; height: 78px; position: absolute; right: 11px; top: 56px; color: white; text-align: center; }
#header-cart ul {  margin: 0; padding: 5px 0 0 10px; list-style: none; float: left;  width: 110px; }
#header-cart-links { text-align: right; }
#header-cart li { margin: 0; padding: 0; line-height: 16px; }
#header-cart li a { margin: 0; }
#header-cart span { font-size: 1.0em; font-weight: bold; }
#header-cart div { margin: 0 auto; }

div.cart-items-added img#justadded-thumbnail { margin: 0 auto; display: block; }

#header-logo {padding-top: 5px;   }



#menu { background: url(images/th-menu.gif) top left; height: 37px; line-height: 37px; position: relative; }
#menu-main { padding: 0; margin: 0; list-style: none; position: absolute; top: 0; left: 16px; width: 620px; font-size: .8em; }
#menu-main li {  margin: 0; padding: 0; float: left;  }
#menu-main li a { float:left; text-decoration: none !important; padding: 0 12px; height: 37px; line-height: 37px; }
#menu-main li a:hover {  color: #ADD8E6 !important; text-decoration: none !important; padding: 0 12px;  background: url(images/th-menu-a.gif) no-repeat center; }

#menu-login { padding: 0; margin: 0; list-style: none; position: absolute; top: 4px; left: 640px; width: 326px;  }
#menu-login h4 { margin: 0 20px; line-height: 32px; color: white; font-weight: normal; text-align: right; font-size: .8em; }
#menu-login p { float: left; line-height: 12px; margin: 0; width: 70px; color: white; }
#menu-login p input { position: relative; top: -2px; display: block; width: 60px; height: 14px; background: white url(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 { margin: 0; line-height: 12px;  }
#menu-login-logged {  line-height: 30px !important; width: 400px !important; text-align: right; }




#main-col { background: white url(images/th-col-l.png) repeat-y top left; width: 756px; float: left; position: relative; display:block; left: 190px; }
#main-col-wrap { background:  url(images/th-col-l-top.png) no-repeat top left; padding: 70px 9px 50px 11px; min-height: 300px; }

#left-col { background: white url(images/th-col-m.png) repeat-y top left; width: 190px; float: left;  left: -755px; position: relative; }
#left-col-wrap { background:  url(images/th-col-m-top.png) no-repeat top left; padding: 3px 0px 10px 0;  }

#right-col { width: 170px; float: left;  display:block; padding: 0 0 0 4px; }

#mid-col { width: 560px; float: left; }

.side-title { color: #4682B4; margin: 20px 10px 10px; text-align: center; border-top: 1px solid #EEE; }

#main-col h1 { font-size: 14px; background: #4682B4 url(images/th-col-l-head.png) no-repeat; color: white; margin: 3px -5px 20px -3px; width: 724px; line-height: 30px; height: 30px; overflow: hidden; padding: 0 10px;  position: absolute; top: 0; left: 10px;}
#main-col h1#home-title { margin-bottom: 5px; }
#left-col h2 { font-size: 14px; background: #4682B4 url(images/th-col-m-head.png) no-repeat; color: white; margin: 0 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 5px; position: relative;  }

#main-breadcrumb { position: absolute; top: 35px; left: 10px; height: 20px; width: 732px; line-height: 20px; }

.side-box h3 { margin: 5px 0 10px 0;}
.side-box hr { display: none; }
.side-box input {  width: 165px;  border: 1px solid #555;  }
.side-box a, .side-box a:visited { color: white; }

#footer { background: transparent url(images/th-footer.png) no-repeat 0 -14px; text-align: left; color: white; }
#footer ul { margin: 0; padding: 0 15px 5px 15px; list-style: none; }
#footer li { margin: 0; padding: 0 5px 0 0; display: inline; }
#footer a { color: white; }
#footer h6 { padding: 5px 15px 10px 15px; 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 #fff; 
     vertical-align: bottom;
}

#fontchooser a:hover {
    background: black;
}



/* ----------------------- Category Tree ----------------------------- */

.category-tree { margin: 0 2px; padding: 0; list-style: none; border-right: 1px solid #eee;  background: white; }
.category-tree li { margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #EEE;  border-right: 1px solid white; }
.category-tree li img {  }
.category-tree li img.subbutton { padding-right: 10px; }
.category-tree li a { text-decoration: none; margin: 0;  padding-left: 10px; font-weight: normal; }
.category-tree li a:hover { text-decoration: none; }
.category-tree li a.active, .category-tree li a:visited.active { color: #8b1f23; position: relative; left: 0px; border: none; }
.category-tree li a.active:hover  { font-weight: bold; position: relative; left: 0px; }
.category-tree li.last { background: transparent url(images/th-bullet-tree-last.png) no-repeat !important;  border: none; border-right: 1px solid white !important; border-left: none !important; background-position: 0px -15px !important; }
.xcategory-tree li.last { position: relative; left: 1px;}

#left-col-wrap > ul.category-tree > li.last { background: none !important; border: none; border-right: 1px solid white !important; border-left: none !important; }  



.category-tree li li a.active { color: #2e6492; font-weight: bold; position: relative; left: 0px; background: transparent; }
.category-tree li li a.active:hover { 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 #ccc;  }
.category-tree li ul ul { border: none; }
.category-tree li li { margin: 0 0 0 8px; padding: 3px 0 3px 10px !important;  background: url(images/th-bullet-tree.png) no-repeat left; background-position: -2px -15px !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, .category-tree li li.active { border-left: 1px solid #8cb8dc; background: url(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 a.active { border: none; }


#nav-horizontal { background: black url(images/th-menu2.gif) top left; height: 37px; padding: 0; margin: 0; list-style: none; position: relative; width: 100%; }
#nav-horizontal ul {  margin: 0; padding: 0 1%; border: 0; background: transparent; height: 37px;  width: 98%; }
#nav-horizontal li { margin: 0; padding: 0; border: 0; float: left; background: transparent; position: relative; line-height: 40px; }
#nav-horizontal li a { margin: 0; padding: 0 12px; border: 0; float: left; background: transparent; }
#nav-horizontal li a:link, #nav-horizontal li a:visited, #nav-horizontal li a:active { color: white; font-weight: normal; }
#nav-horizontal li a:hover {  color: #ADD8E6 !important; text-decoration: none !important; padding: 0 12px; }
#nav-horizontal li:hover a { color: #ADD8E6; }
#nav-horizontal li:hover li a { color: white;  }

#nav-horizontal ul ul { position: absolute; top: -999999px; left: 0; width: 200px; z-index: 999999; padding: 10px; background: black; height: auto; }
#nav-horizontal ul ul li { width: 200px; line-height: 20px; float: none; display: block; background: black;  }
#nav-horizontal ul ul li a { width: 160px; padding: 0 20px; line-height: auto; float: none; display: block; background: black; }
#nav-horizontal ul ul li a:hover { height: 20px; line-height: 20px;  }
#nav-horizontal li:hover ul { top: 30px; }
#nav-horizontal ul ul ul { display: none !important; }

#nav-horizontal ul ul li:hover ul { display: block; top: auto;}



/* ---------------------------- Formstuff  -------------------------------*/

.fieldgroup { width: 98%; margin: auto; }
.formfield, .fieldgroup p, .fieldgroup div { height: 24px; line-height: 24px; xposition: relative; margin: 2px 0; }
.formfield h5, .fieldgroup h5 { font-weight: normal; margin: 0; display: inline; }

.formfield #state_id {
 background: white; border: 1px solid white; margin-top: -27px;
}



.tworows  { height: 50px; }
.threerows { height: 70px; }
.fourrows { height: 100px; }

.half1 {  }
.half2 {  }
.long {  }

.value { position: absolute; right: 11px; margin-top: 3px; width: 50%; float: left; }
.long .value {	position: static;	display: block;	width: 90%;	margin: 6px 0;}
.value select { width: 100%;}

.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; }
#shipping .input { width: 60px; }
#shipping_quote { padding-left: 20px; }
.radio, .checkbox { border: none !important; background: transparent !important; }
.submit {  }

#registration { width: 90%; margin: auto; padding: 10px; border: 1px solid silver; }
#state_id { margin-top:-28px !important;}


#countries-edit-cart {
  text-align: left;
}
#countries-edit-cart label {
  width: 40%;
  height: 18px;
  display: inline-block;
  margin: 5px 1% 5px 0;
}
#countries-edit-cart select, #countries-edit-cart input.value {
  width: 56%;
  margin: 5px 0;
  position: relative;
  float: none;
}



#countries-edit-cart label {
  width: 40%;
  height: 18px;
  display: inline-block;
  margin: 5px 1% 5px 0;
}
#countries-edit-cart select, #countries-edit-cart input.value {
  width: 56%;
  margin: 5px 0;
  position: relative;
  float: none;
}
.spelling_suggestion {
  color: red;
}
.spelling_suggestion strong {
  font-style: italic;
}


/* ------------------------------ 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; 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; min-height: 105px; }
.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; }
.box6 { 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; }

.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: 90% }
.box-center2 { margin: 20px auto !important; width: 80% }
.box-center3 { margin: 20px auto !important; width: 65% }
.box-center4 { margin: 20px auto !important; width: 50% }

.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%; }
.address-name { height: 14px; display: block;}


#currency_change_mask { display:none !important; }

/* --------- Deal of The Day (left column) ------------ */
#deal-of-the-day { position: relative; width: 188px; padding: 5px 0 10px 0; background-color: #f9f9ed; }
#deal-of-the-day-discount { position: absolute; top: 0px; left: 10px; width: 60px; height: 60px; line-height: 1em; text-align: center; }
#deal-of-the-day-discount div { position: absolute; bottom: 23px; left: 16px; }
#deal-of-the-day-discount div span { font-family: Georgia; color: #7c332a; word-spacing: normal; letter-spacing: 0; font-size: 0.9em; font-weight: 700; }
#deal-of-the-day-discount div span#largertext { font-size: 1.1em; }
#deal-of-the-day h1 { width: 173px; height: 30px; margin: 0 0 5px 3px; padding-left: 10px; color: #fff; line-height: 30px; background:#4682B4 url(images/th-col-m-head.png) no-repeat scroll 0 0; font-size: 14px; }
#deal-of-the-day a img { margin-left: 28px; margin-top: 5px; border: 1px solid #8cb8dc; }
#deal-of-the-day ul { margin: 10px 0 0 0; padding: 0; }
#deal-of-the-day ul li { list-style: none; font-size: 0.9em; }
#deal-of-the-day ul li.retail-price { text-decoration: line-through; }
#deal-of-the-day ul li.our-price { color: #e9254b; font-weight: 700; }
#deal-of-the-day ul li.you-save { color: #285e8a; }
#deal-of-the-day ul li.more-info-btn { margin-top: 10px; padding-bottom: 10px; }
#deal-of-the-day ul li.more-info-btn a { margin: 0 auto; }
#dod-inner-wrapper { position: relative; width: 100%; text-align: center; }

/* --------- End of Deal of The Day ------------ */


/*------ Bundles In Tab ------*/

.bundle {
	x-background:url(images/reverse_tbl_bg.gif) top left repeat-x #ffffff;
	background:white url(images/reverse_tbl_bg.gif) repeat-x;
	padding:7px;
	border:1px solid #cccccc;
	margin-bottom:10px;
}

.bundle_title{
	font-size:11pt;
	font-weight:bold;
	line-height:15pt;
}
.bundle_saving{
	font-weight:bold;
	color:#cc0000;
	font-size:9pt;
	margin-bottom:10px;
}
.bundle_items{
	margin:2px 0;
}
.tabbertab-in table.bundle_prices_box{
	width:250px;
}
.bundle_prices_box{
	float:right;
	font-family:tahoma;
	margin-left:5px;
	background:url(images/gray_tbl_bg.gif) bottom left repeat-x #ffffff;
	border-right:1px solid #EFEFEF;	
	border-bottom:1px solid #cccccc;	
	border-left:1px solid #cccccc;	
}
.clip{
	position:relative;
	top:-10px;
	right:0px;
}
* html .clip{
	position:static;
	top:24px;
	right:0px;
}
.bundle_prices_box td{
	padding:2px 5px;
}
.bundle_separate_price{
	text-align:right;
}
.bundle_total_savings{
	text-align:right;
	color:#cc0000;
}
.bundle_total{
	border-top:1px solid #dddddd;
	text-align:right;
	font-weight:bold;
	font-size:9pt;
}

/*--- RSS Icon ---*/
img#rss-icon {
    width: 20px;
    height: 20px;
    background: transparent url(images/rss-icon.gif) no-repeat 0 0;
}
img#rss-icon:hover {
    opacity: 0.5;
}