/*\*/  * 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; font-size: 75%; }
body, p, table {
	font-family: Verdana, sans-serif;
	color: #000080;
}

/* --- Start Ray Fernandez Setting Last update: 06/24/2008 --- */

li {
margin-bottom: 6px;
list-style-position:outside;
/*list-style-type: square;*/

}

/* --- End Ray Fernandez Setting --- */


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-descr { font-size: .9em; }
.thumb-yousave { font-size: .8em; } 
.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; }


/* ----------------------- 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 3%; 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 {  margin:auto; 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: 14px 8px 0; }


#top-menu { margin: 0 10px 0 0; padding: 5px 0; line-height: 20px; text-align: right; list-style: none; }
#top-menu li { margin: 0; padding: 0 8px; display: inline; font-weight: bold; border-right: 1px solid #000; }
#top-menu li a { background: white; color: #000000; text-decoration: none; font-weight: bold; }
#top-menu li a:hover {color: #444444; }

#header { height: 132px; background: #FFF url(images/th-header-2.jpg) no-repeat top left; color: white; position: relative; }
#header a:link, #header a:visited { color: #000; text-decoration: underline; }
#header a:hover, #header a:active { color: #444444; text-decoration: underline; }
#menu a:link, #menu a:visited { color: #FFF; text-decoration: underline; }
#menu a:hover, #menu a:active { color: #e2e2e2; text-decoration: underline; }
/*<<<<<<< .mine*/
/*#header h1 { font-size: 36px; letter-spacing: -2px; position: absolute; top: 30px; left: 0px; padding: 0 0 0 70px; font-family: "Palatino Linotype", Palatino, Georgia, serif;  }*/
#header h1 {
	padding: 0;
	margin: 3px 0 0 3px;
	width: 590px;
	height: 120px;	
}
#header h1 a {
	width: 590px;
	height: 120px;	
	display: block;
	text-indent: -9999px;
}
/*>>>>>>> .r18948*/
#header h2 { font-size: 16px; letter-spacing: 3px; position: absolute; top: 80px; left: 70px; } 
#header em {  }

#header-banner {  }

/*#header-search { width: 385px; height: 40px; position: absolute; right: 11px; top: 12px; xbackground: url(images/th-header-search.png) no-repeat top left; }*/
#header-search { width: 285px; position: absolute; right: 11px; top: 12px; xbackground: url(images/th-header-search.png) no-repeat top left; text-align: right; color: #23238E; }
#header-search .input { margin: 0; width: 160px; xmargin-top: 4px; xheight: 15px; xbackground: white url(images/th-grad-lite-minitopleft.png) no-repeat top left; border: 1px solid #656565; vertical-align: middle;  }
#header-search select { width: 100px; xheight: 15px; border: 1px solid #656565; font-size: .9em; vertical-align: middle; clear: left; }
#header-search ul { padding: 0; margin: 0; list-style: none; width: 280px; font-family: Arial, Helvetica, sans-serif;  }
#header-search li { padding: 0 0 0 10px; margin: 0; float: right; }
#header-search label, #header-search li a, #header-cart li a { color: #23238E !important; }


#header-cart { width: 248px; height: 78px; position: absolute; right: 11px; top: 76px; xbackground: #30597C url(images/th-header-cart-empty.png) no-repeat top left; color: white;text-align: right  }
#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-logo {   }



#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; }
#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; }
#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: 65px 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 { background: transparent; 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 0 10px 0;   }
#left-col-wrap-end { height: 6px; line-height: 6px; background: #FFFFFF url(images/th-col-m-end.gif) left bottom no-repeat; margin-bottom: 5px; }
.leftbox_wrap {
	margin: 10px 0 0 0;
	background: #FFFFFF url(images/th-col-m-top.png) 0 0 no-repeat;
	width: 188px;
	padding: 3px 0 0 0;
}
.leftnav_wrap {
	background: #FFFFFF url(images/th-col-m-end.gif) left bottom no-repeat;
	width: 188px;
}
.leftcol_cont {
	padding: 5px 10px;
	background: #FFFFFF url(images/th-col-m-end.gif) left bottom no-repeat;
}

#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; }*/
#main-breadcrumb { position: absolute; top: 35px; left: 10px; height: 30px; width: 732px;  }

/*.side-box { background: #2d6492 url(images/th-col-m-box1.jpg) no-repeat top center; width: 170px; padding: 5px; color: white; margin: 10px 5px 0px 5px; }*/
.side-box { width: 178px; padding: 5px; background: white; }
.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-layout-back.png) repeat-y bottom left; text-align: left; color: white; position: relative; }
#footer ul { margin: 0 6px; padding: 10px 15px; list-style: none; background: #0738C5; height: 20px; text-align: center; }
#footer li { margin: 0; padding: 5px 5px 0 0; display: inline; }
#footer a { color: white; }
#subfooter { padding: 0; margin: 10px 20px; text-align:center; font-size:9px; color:#000080; z-index:1; }
#footer h6 { padding: 5px 15px 10px 15px; margin: 0; line-height: 20px; background: transparent url(images/th-footer.png) no-repeat bottom left; }

#fontchooser {
    float: right;
    width: 100px;
    height: 32px;
    padding: 10px 0 5px 0;
	 position: absolute;
	 top: 0;
	 right: 0;
}

#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 0 0; padding: 0; list-style: none; border-right: 1px solid #eee;  background: #FFFFFF; }
.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(images/th-col-menu.png) no-repeat top right;  margin: 0;  padding: 4px 0 4px 10px;  display: block; font-weight: normal; color: #000080; }
.category-tree li a:hover { text-decoration: none; background:  white url(images/th-col-menu-a.png) no-repeat top right; }
.category-tree li a.active, .category-tree li a:visited.active { color: #000080; font-weight: bold; position: relative; left: 0px; border: none; background:  white url(images/th-col-menu-a.png) no-repeat top left; padding-left: 20px;  }
.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 -20px !important; }
.xcategory-tree li.last { position: relative; left: 1px;}


.category-tree li li a.active { color: #000080; font-weight: bold; position: relative; left: 0px; background: transparent; }
.category-tree li li a.active:hover { color: #000080; font-weight: bold; position: relative; left: 0px; }
.category-tree li ul { margin: 0; padding: 0 0 5px 0; list-style: none;  }
.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 -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, .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; }



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

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

.value { xposition: absolute; margin-left: 50%; margin-top: -15px; 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; }
.radio, .checkbox { border: none !important; background: transparent !important; }
.submit {  }

#registration { width: 90%; margin: auto; padding: 10px; border: 1px solid silver; }

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


/* ------------------------------ 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; }
.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: 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%; }



#currency_change_mask { display:none !important; }

span#state_id input {
border:1px solid silver;
float:left;
margin-left:50%;
/* margin-top:-24px; */
width:50%;
font-size:1em;
}