html { margin: 0px; padding: 0px; }
/* MAIN browser space */
body {
	margin-top: 5px;
	margin-bottom: 10px; 
	padding: 0px;
	color: #000000;
	background: #fff; /* url('images/bg_middle_aurora.jpg') repeat-x top;  #8D8D8C*/
	font-style:normal; font-variant:normal; font-weight:normal; font-size:.7em; font-family:Arial, Verdana, Helvetica, sans-serif
}

#bodygradient
{
  background-color: #fff;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  /*background-image: url(images/bg_middle_aurora-normal.png);*/
  z-index: -1;
}

/* HTML CONTROLS AND DEFAULT ELEMENTS */

/* basic selectors */
a.adtext { color: #666666; text-decoration:none}
a.adtext:hover{ color: #666666; text-decoration:none}
a:link { color: #666666; text-decoration:none}
a:visited { color: #666666;  text-decoration:none}
a:active, a:hover { color: #F58220;  text-decoration:none}

th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}
h1 {font: 100% Arial, Verdana, Helvetica, sans-serif;padding:0px;margin:0px;display:inline-block;}

h2 {
	color: #5b626c;
	font: bold 120% Arial, Verdana, Helvetica, sans-serif;
}

h3 {
	color: #5b626c;
	font: bold 110% Arial, Verdana, Helvetica, sans-serif;
}

h4 {
	color: #5b626c;
	font: bold 100% Arial, Verdana, Helvetica, sans-serif;
}

h5 {
	color:#F58220;
	font: bold 100% Arial, Verdana, Helvetica, sans-serif;
}

.h5-special {
	color:#F58220;
	font: bold 100% Arial, Verdana, Helvetica, sans-serif;
	padding-bottom:5px;
}

h6 {
	color: #000;
	font: bold italic 100% Arial, Verdana, Helvetica, sans-serif;
}

#proddesc li {color:black; list-style-type:none; list-style-position:outside; list-style-image:url('images/chevron.gif')} 

img { border: 0px; }
hr { color: #ccc; height: 1px; }
table { font-size: 100%; }

th.default
{ border-bottom: 1px solid silver;
border-left: 1px solid silver;
background: #D50000 url(images/grid_bg.gif) repeat-x left top;
text-transform:uppercase; 
text-align: center;
text-indent: 0px;
font-family: Arial, Verdana;
font-weight: bold;
font-size: 11px;
color: #fff; }

table.default
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
vertical-align:middle;
color: #404040;
width: 98%;
background-color: #fafafa;
border: 1px silver solid;
border-collapse: collapse;
border-spacing: 0px; }

code { color: #6c0; font: 100% "Courier New", Courier, monospace }
form { margin: 0px; padding: 0px; }

.formbutton
{ font-weight:bold; 
    color:#BA251D;
    font-size:0.92em;
    width:125px;
    height:25px;
    border:0px solid #fff;
  background:  url('images/custombuttons/blankbutton.gif') no-repeat center; font-style:normal; font-variant:normal
}

.formbutton:hover
{ font-weight:bold; 
    color:#BA251D;
    font-size:0.92em;
    width:125px;
    height:25px;
    border:0px solid #fff;
  background:  url('images/custombuttons/blankbuttonhover.gif') no-repeat center; font-style:normal; font-variant:normal; cursor:hand;
}

/*input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif; border:1px solid #666666;}*/


/* LAYOUT CSS SECTION STARTS HERE */
/* CSS for 3 column fixed layout */
/* Borrowed from Example Corporate Website  */

#TopNav /* Container for TopNavMenu */
{
	width:880px;
	margin:0 auto;
	height:15px;
	padding-right:5px;
	text-align:left;
}

#TopNavMenu /* The Top Navigation Menus */
{
	position: relative; 
	margin-left: 150px;    
	width: 580px; 
	float:right;
	top:2px;
	text-align:right;
	z-index:1000;
}

#bodywrapper
{
	width:880px;
	margin:0 auto;
	text-align:left;
	background:#fff url('images/layout_bkg.gif') repeat-y center;
}

#bodyborder
{
position:relative;	
padding-bottom:30px;
background: transparent url(images/footer_bg.gif) bottom left repeat-x;
}

#bodywrapper2
{
	width:880px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	background-repeat:repeat-y;
	background-position:top center;
}

#bodyborder2
{
  margin: 0px;
  padding:10px 10px 10px 10px;
  border-left:2px solid silver;
  border-top:2px solid silver;
  border-bottom:2px solid silver;	
  border-right:2px solid silver;	
}


/* CSS Rounded corners Section 2 divs - Uncomment/comment the styles to activate/deactivate */

DIV.roundcorner {
	/*  width: 880px;
	  background: #ffffff url(images/bottomOuter.gif) no-repeat bottom center;
	  padding-bottom: 0px;
	*/
	}

	P.roundcorner {
	 /*
	  padding-top: 15px;
	  background: transparent url(images/topOuter.gif) no-repeat top center;
	  padding-left: 15px;
	*/
	}

/* CSS Rounded corners Section 4 divs */

DIV.roundcorner2 {
	   width:880px;
	   background: #ffffff url('images/TRGW.gif') no-repeat top right;
	}
	DIV. roundcorner2 DIV {
	   background: url('images/tlgw.gif') no-repeat top left;
	}
	DIV. roundcorner2 DIV DIV {
	   background: url('images/brgw.gif') no-repeat bottom right;
	}
	DIV. roundcorner2 DIV DIV DIV {
	   background: url('images/blgw.gif') no-repeat bottom left;
	}


/* CSS Rounded corners Section 8 images - 4 corners, 4 edges - supports border shadows - no border transparency */
.t {background: url('images/t.jpg') repeat-x 0 0; width: 890px}
.b {background: url('images/b.jpg') repeat-x 0 100%; }
.l {background: url('images/l.jpg') repeat-y 0 0; }
.r {background: url('images/r.jpg') repeat-y 100% 0; }
.bl {background: url('images/bl.jpg') no-repeat 0 100%; }
.br {background: url('images/br.jpg') no-repeat 100% 100%; }
.tl {background: url('images/tl.jpg') no-repeat 0 0; }
.tr {background: url('images/tr.jpg') no-repeat 100% 0; padding:10px}


#header 
{
	height: 74px;
	width:880px;
	z-index:100;
	/*border-top:1px gray solid;*/
	background-color: #000000;
	background: transparent url(images/banner_bg.gif) top left repeat-x;
}

#logo 
{
	margin-top:5px;
	margin-left:5px;
	height:30px;
	width:100%;
	background-color: #000000;
	background: url('images/logo.gif') no-repeat;
}

/* styles for horizontal top bar */
#bar 
{ 
	/*background: #d4d9de url(images/header_bg.png) repeat-x ;*/
	text-align:left;
	background-color:#000000;
	font-size: 110%;
	padding-top:2px;
	height: 16px;
	border-top:solid 1px #737171;
	border-bottom:solid 1px #737171;
}


#banner{
	margin:0 152px;
	text-align:center;
}

.AlwaysVisibleHeader {
	width:100%;
	z-index:100;
	background-color:#fff;
	color:inherit;
	border:solid 1px silver;
}

.corporate {
	background-color:#000000;
	color:#F58220;
	font:inherit;
}

#contentwrapper
{
  	width: 580px; 
	border-left: 0px solid #FFFFFF;  
	border-right: 0px solid #FFFFFF; 
	background-color:Transparent;
}

#floatwrapper {
	float: left;
	height:auto;
	width: 725px;   
}

#leftcolumn 
{
    vertical-align:top;
	width: 148px;    
	background-color: Transparent;
}

#leftcolcontainer
{
    vertical-align:top;
    width: 148px;    
   	background-color: Transparent;
}

#centercolumn{
	width: 580px;   
	height:auto;
	background-color: Transparent;
}

#rightcolumn{
	position: relative; 
	width: 150px;    
	background-color: Transparent;
}

#footer 
{
    font-size: 1.0em;
    text-align: center;
	color:#ffffff;
    position:relative;
}

#footer a:link
{
    color:#fff;
}

#footer a:visited
{
    color:#fff;
}

#footer a:hover
{
    font-size:1.0em;
	padding: 2px 0px 2px 0px;
	color:#F58220;
}

#copyrighttext 
{
	text-align : center;
	font-family: Arial, verdana;
    font-size: 11px;
    margin-top:10px;
    padding-top:6px;
    padding-bottom:6px;
    color:silver;
}

#copyrighttext2 
{
	text-align : center;
	font-family: Arial, verdana;
    font-size: 11px;
    margin-top:10px;
    padding-top:6px;
    padding-bottom:6px;
    color:#fff;
}

/* These css styles are used by the popup panels */

#PopUpControllers
{
	position:relative;
	float:right;
}

.PopUpCartController
{
	padding:4px 0px 2px 0px;
	position:static;
}

.PopUpCartController a:hover
{
	padding:4px 0px 2px 0px;
	border-top:solid 1px silver;
	border-right:solid 1px silver;
	border-left:solid 1px silver;
	background:#fff;
}

.PopUpCartPanel
{
	position:absolute;
	width:200px;
	padding:2px 2px 2px 2px;
	visibility:hidden;
    border: solid 1px silver;
    background: #fff;
    z-index:998;
}

.PopUpLoginController
{
	padding:4px 0px 2px 0px;
	position:static;
}

.PopUpLoginController a:hover
{
	padding:4px 0px 2px 0px;
	border:solid 1px silver;
	background:#fff;
}

.genericpopuppanel
{
	position:absolute;
	width:200px;
	padding:2px 2px 2px 2px;
	visibility:hidden;
    border: solid 1px silver;
    background: #fff;
    z-index:1;
}

.PopUpLoginPanel
{
	position:absolute;
	width:200px;
	padding:2px 2px 2px 2px;
	visibility:hidden;
    border: solid 1px silver;
    background: #fff;
    z-index:998;
}

/* LAYOUT CSS SECTION ENDS HERE */

/* Category > Menu */

#categorymenu 
{
    height:auto;
	width:inherit;
}


#categorymenu ul {
	margin:0px;
	padding: 0px;
	list-style: none;
}

#categorymenu li 
{
	list-style :none;
	display:block;
	width:auto;
	height:auto;
	vertical-align:bottom;
	padding: 0px;
}

#categorymenu li a 
{
	display:block;
	height:15px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	list-style :none;
	text-align: left;
	font-size:1em;
	font-weight: normal;
	color: #000000;
}


#categorymenu li a:link {
}

#categorymenu li a:visited {
}

#categorymenu li a:hover {
	background: url('images/activeArrowRight.gif') no-repeat left;
	color: #F17910;
}

#categorymenu li a:active,  #categorymenu li a:focus
{
	background: url('images/activeArrowRight.gif') no-repeat left;
	color: orange;
}

/* Header > Menu */

#menu {
	float: right;
	padding:0px;
	margin:0px;
	height:35px;
}


#menu ul {
	margin: 0;
	height:inherit;
	list-style: none;
}

#menu ul a {
	margin: 0;
	height:35px;
	padding:0px 20px 10px 20px;
	background: url(images/menu-seperator.gif) no-repeat top right;
	}

#menu li {
	display: inline;
	height:35px;

}

#menu ul li a {
	padding-top: 10px;
	background: url('images/menu-seperator.gif') no-repeat top right;
}


#menu a {
	display: block;
	float: left;
	width: auto;
	height:35px;;
	margin-left: 0px;
	font-family:Arial;
	font-size:1.1em;
	padding-top: 0px;
	background: url('images/inactivelinkbg.gif') repeat-x top left;
	text-decoration: none;
	text-align: center;
	font-weight:normal;
	color: Gray;
}


#menu a:link 
{
    height:35px;
	background: url(images/inactivelinkbg.gif) repeat-x;
}

/*
#menu a:visited 
{
    height:inherit;
	background: url(images/visitedlinkbg.gif) repeat-x;
}
*/
#menu a:hover 
{
    height:inherit;
     color:White;
	background: url(images/hoverlinkbg.gif) repeat-x;
}


#menu .active a 
{
    height:inherit;
    color:White;
	background: url(images/activelinkbg.gif) repeat-x;
}


#menu a:active,  #menu a:focus
{
       height:inherit;
	background: url(images/activelinkbg.gif) repeat-x;
}


.imageviewerflyout
{
z-index:999;
display: none; 
border: solid 1px #D0D0D0; 
background-color: #FFFFFF;
overflow:hidden;
}

.imageviewerclosebutton
{
text-align: right;
border:outset thin white; 
padding: 5px; 
text-decoration: none; 
background-color:#666666;
color:#fff;
text-align:center;
font-weight:bold; 
}

.imageviewerbtncloseparent
{
float:right;
/*opacity:0;*/
/*filter:alpha(opacity=0); */
}

/* Image Viewer without Zoom */

.imageviewerinfo
{
z-index:2;
display: none; 
font-size: 12px; 
border: solid 1px #D0D0D0; 
background-color: #FFFFFF; 
width: 305px;
height:305px; 
padding: 1px; 
font-family: font-size: 12px;
}

.flyoutviewerinfo
{
z-index:2;
display: none; 
font-size: 12px; 
border: solid 1px #D0D0D0; 
background-color: #FFFFFF; 
width: 305px;
height:305px; 
padding: 5px; 
font-family: font-size: 12px;
}

/* Image Viewer With Zoom */
/*
.imageviewerinfo
{
z-index:2;
display: none; 
font-size: 12px; 
border: solid 1px #D0D0D0; 
background-color: #FFFFFF; 
width: 500px;
height:500px; 
padding: 1px; 
font-family: font-size: 12px;
}

.flyoutviewerinfo
{
z-index:2;
display: none; 
font-size: 12px; 
border: solid 1px #D0D0D0; 
background-color: #FFFFFF; 
width: 500px;
height:500px; 
padding: 5px; 
font-family: font-size: 12px;
}
*/

.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight:bold;
}

.admin-header
{
    background-color: #6190CD; 
    height:40px;
    padding-left:10px;
    border-bottom:solid 4px #B4CCEB;
}
.admin-header h1
{
    color: white;
}

.admintable
{
	margin: 5px;
	padding:0;
	width:700px;
	border:1px dashed #cccccc;

}
.adminlabel
{
    font-size: 8pt;
    font-family: Arial, verdana;
    width: 120px;
    margin-bottom: 3px;
    vertical-align: top;
}
.adminitem
{
	border-width:0px;
	background-color: #ffffff;
	margin-bottom:3px;
}

.ourprice
{
	font-weight: bold;
	font-size: 1.0em; 
	/*color: #b22222;*/
	color:#F58220;
	font-family: Arial, verdana;
}

.retailprice
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Arial, verdana;
	text-decoration: line-through;
}

.totalbox
{
	text-align:center;
	color:#990000;
	font-weight:bold;
}

.adbox
{
	padding:10px;
	font-size:9pt;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
a.editme
{
	text-decoration:none;
	color:#4a4d5c;
}
.commandbar
{
	padding:3px;
	font-size:8pt;
	border:1px solid gainsboro;
}

.pagenos 
{
	color:Black;
	padding-right:5px;
}

.pagenos a:hover 
{
	color:#F58220;
}

.pagenos a:active;
{
	color:#F58220;
}

/* category Page Numbering Styles*/
.pagenolink ul
{
	color:#0066cc;
	margin:0px;
	padding:0px;
	display:inline;
	background-color:#fff;
	list-style : none;	
}

.pagenolink li
{
	text-align:center;
	color:#e4e4e4;
	display:inline;
	padding:3px 3px 3px 3px;
	margin-right:1px;
	border:solid 1px silver;
	background-color:#fff;
}

.pagenolink li:hover, .pagenolink li:active
{
	text-align:center;
	color:#e4e4e4;
	display:inline;
	/*padding:2px 2px 2px 2px;*/
	border:solid 1px #000000;
	background-color:#fff;
}

/*Inactive prev and next page style */
.pagenolink #prevpagelink, .pagenolink #nextpagelink
{
	text-align:center;
	color:#E4E4E4;	
	/*margin:0 5px;
	padding:2px 2px 2px 2px;*/
	/*background-color:#fff;	*/
}

/*Active prev and next page style */
.pagenolink #prevpagelink a, .pagenolink #nextpagelink a
{
	text-align:center;
	color:red;
	padding:0 5px;
	/*margin:0 5px;*/
	/*padding:2px 2px 2px 2px;*/
	/*background-color:#fff;	*/
}

/* Inactive pageno style */
.pagenolink li a
{
	text-align:center;
	color:#0066cc;
	display:inline-block;
    /*padding:2px 2px 2px 2px;*/
	/*background-color:#fff;	*/
}

/* Active pageno style */
.pagenolink li a:hover, .pagenolink li a:active
{
	text-align:center;
	color:red;
	/*padding:2px 2px 2px 2px;*/
	text-decoration:underline; 
	background-color:#fff;	
}

.mainproductimage {
	width: 220px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.productdata {
	border: none;
	border-collapse: collapse;
}
	.productdata td, .productdata th { font-weight: normal; padding: 2px; text-align: left; }
	.price { font-weight: bold; color: #c00; }
	del.price { color: #000; text-decoration: line-through; 
}

.productsection
{
	padding:10px;
	border-top:1px dashed #cccccc;
}

.reviewsection
{
	padding:10px;
	border-top:1px dashed #cccccc;
}

.browsebox
{
}
.browsebox h1
{
    font-family: Arial, verdana;
    font-weight: bold;
    font-size: 12px;
    color: #3973b5;
    border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a
{
    color: #3973b5  ;
}


h1.accent
{
 	font-size: 12px;
	font-weight:bold;
	color:#990000;
	margin: 0px;
	margin-bottom:5px;
   
}

.smalltext
{
    font-size: 1.0em;
    color: gray;
    font-family: Arial, verdana;
    font-weight:normal;
    width:172px;
	text-align:center;
    padding-left:3px;
}

.usuallyships
{
    font-size: 1.0em;
    color: gray;
    font-family: Arial, verdana;
    font-weight:normal;
    width:172px;
	text-align:center;
    padding-left:3px;
}

.adbox h3
{
    font-weight: bold;
    font-size: 10pt;
    font-family: Arial, verdana
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}
.loginheader
{ 
    height:25px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: Arial, verdana 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    font-style:normal;
    text-align:left;
    padding:25px;
}
.logtable
{
    border:1px solid #cccccc;
    background-color:#cccccc;
    text-align:left;
}
.subcategory
{
	text-align:left;
    margin-left:4px;
}

.watermark 
{
	text-align:center;
	color: silver;
	font-size:0.8em;
	background: #fff;
}


.sitelogobox
{
    margin-top: 10px;
    font-size: 7pt;
    vertical-align: bottom;
    color: #65738e;
    font-family: Palatino;
    letter-spacing: 2px;
}

/* PRODUCT DETAIL DISPLAY STYLES */
.productbox
{
     height:200px;
     width:180px;
     border:1px solid #c5c5c5;
     margin:5px;
}

.productsummarycustom
 {
     border:1px solid silver;
     background: url('images/biggrid.gif') no-repeat center; 
 }
 
 .productdetailsbackgd
 {
    background: url('images/biggrid_big.gif') no-repeat top left; 
    border-left:1px solid silver;
 }
 
  .productdetailsproductname
 {
     color:#000000;
     text-transform:uppercase;
 }


.productimage
{
    display:block;
}

.productsummarydisplaywrapper
{
	 width:180px;
	 text-align:center;
     padding-top:5px;
     height:198px; 
     background: inherit url('images/bg_body_pattern.gif') no-repeat left top;    
}

.productsummaryimageholder
{
    height:120px;
    width:147px;
    display:block;
    text-align:center;
    padding-left:25px;
    background: inherit url('images/bg_body_pattern.gif') no-repeat left top;
}

.productsummaryproductname
{
	font-family:Arial;
	font-size:1.0em;
    font-weight: normal;
    color: silver;
	width:173px;
	text-align:center;
    padding-left:0px;
}

.productdetailslabel
{
	font-family:Arial;
	font-size:1.0em;
    font-weight: normal;
    color:  GrayText;
}

.productcode
{
    color:#F58220;
	font-size:1.0em;
	text-align:left;
    font-weight: normal;    
}

.productsummarytext
{
	font-family:Arial;
	font-size:1.0em;
    font-weight: normal;
    color: silver;
	width:172px;
	text-align:center;
    padding-left:3px;
    height:75px;
}

.retailprice
{
	font-family:Arial;
	font-size:1.0em;
    font-weight: bold;
    color: silver;
    text-decoration: line-through;
}
.yousave
{
	font-family:Arial;
	font-size:1.0em;
    font-weight: bold;
    color: #FF06F8;
}
.hookline
{
    font-size: larger;
    color: #5b626c;
    font-style: italic;
}

/* CORE BOX - USED TO DISPLAY FLOATING BOXES */
.coreboxbody
{
    background-image:url('images/core_box_bg.gif');
    width:120px;
    padding-left:5px;
    padding-right:5px
}
.coreboxtop
{
   background-image:url('images/core_box_top.gif');
   height:18px;
   width:125px

}
.coreboxbottom
{
    width:125px;
    background-image:url('images/core_box_bottom.gif');
    height:18px

}
.coreboxheader
{
    width:125px;
    background-image:url('images/core_box_bg.gif');
    font-weight: bold;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center
}
.tenpixspacer
{
    height:10px;
}
.twentypixspacer
{
    height:20px;
}
.sectionoutline
{
    border:1px solid #cccccc;
    padding:15px;
}

checkout-visited
{
    font-size: 16pt;
    color: #dcdcdc;
    font-family: Arial, verdana;
}
checkout-current
{
    font-size: 16pt;
    color: #990000;
    font-family: Arial, verdana;
}

fieldset
{
    padding:10px;
    -moz-border-radius: 1em;
}

.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px;
}



/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('Images/FilledStar.png');

}

.emptyRatingStar {
    background-image: url('Images/EmptyStar.png');
}

.savedRatingStar {
    background-image: url('Images/SavedStar.png');
}

.breadcrumbs
{
	height:25px;
	font-family:Arial;
	font-size:0.9em;
	text-decoration:none;
	padding:5px;
	color: #000;
}

.breadcrumbs a
{
	font-family:Arial;
	font-size:0.9em;
	text-decoration:none;
	color: GrayText;
}

.selectedstage
{
	position:absolute;
	font-family:Arial;
	font-size:1.0em;
	padding-left:30px;
	padding-top:8px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	width:100px;
	height:32px;
	background: url('images/selected_bkgnd.gif') repeat-x;
}

.unselectedstage
{
	position:absolute;
	font-family:Arial;
	font-size:1.0em;
	font-weight:normal;
	text-decoration:none;
	padding-top:8px;
	padding-left:30px;
	width:100px;
	height:32px;
	color:#000;
	background: url('images/notselected_bkgnd.gif') repeat-x;
}

/* These are boxes used to frame Content */
.centerboxheader
{   width:99%;
    height:25px;
    font-weight: bold;
    font-size: 1.1em;
    color: white;
    text-transform:uppercase;
    font-family: Arial, verdana;
    background: url(images/centerboxheader_bg.jpg) no-repeat top left;
    margin:0px 1px 0px 3px;
    border-bottom:solid 2px #fff;
}

.centerboxheader2
{   width:99%;
    height:25px;
    font-weight: bold;
    font-size: 1.1em;
    color: white;
    text-transform:uppercase;
    font-family: Arial, verdana;
    background: url(images/centerboxheader_bg2.jpg) no-repeat top left;
    margin:0px 1px 0px 3px;
    border-bottom:solid 2px #fff;
}

.centerbox
{
    width:580px;
    background: inherit;
    border: solid 0px #CBCED4;
    margin:2px 2px 2px 3px;
    padding: 2px;
    color:inherit;
}

.centerboxnopadding
{
    width:580px;
	background:inherit;
	border: solid 0px #CBCED4;
    color:inherit;
}

.centerboxpaddingnoborder
{
    width:580px;
	padding: 2px;
	background:inherit;
	color:inherit;
}

.centerboxnopaddingnoborder
{
    width:580px;
	background:inherit;
	color:inherit;
}

.offsetleftbox
{
	margin-bottom: 6px;
    width:auto;
    padding-right: 5px;
    padding-left: 30px;

}

.gridheader
{
	text-align:left;
	height:18px;
    font-family: Arial, verdana;
    font-weight:  bold;
    font-size: 1.0em;
    color: #f5f5f5;
    text-transform:uppercase; 
    margin: 0 5px;
    background: url('images/grid_bg.gif') repeat-x;
}

.textheading
{
    font-family: Arial, HelveticaCondensed, Humanst521 BT, Helvetica 55 Roman, Helvetica Neue, Verdana;
    font-size:1.0em;
    text-transform:uppercase;
    color:#F58220;
    font-style:normal;
}

.textboxheader
{
	text-align:left;
	height:20px;
    font-family: Arial, verdana;
    font-weight:  bold;
    font-size: 1.0em;
    width:145px;
    color:#fff;
    text-transform :uppercase;
    margin-left:5px; 
    padding:2px 2px;
    border-bottom:solid 1px silver;
    background: #BA251D url('images/textboxheader_bg.gif') no-repeat left;
}

.textboxheader a
{
    color: #f5f5f5;
    text-align:left;
    font-family: Arial, verdana;
    text-decoration:none;  
    font-size: 8pt;
    font-weight: bold;

}

.textbox {
	/*border-left: solid 2px #CBCED4;*/
	background: #EBEBEB; /* url(images/bg_body_pattern.gif) no-repeat left top;*/
	text-align:center;
	width:140px;
	margin-left:5px;
	padding-top: 2px;
    padding-bottom:2px;
}

.lefttextbox {
	background-color:Transparent;
	padding-top: 6px;
	padding-left: 6px;
    padding-bottom: 6px;
    color:#fff;
	padding-right: 1px;
	margin:0px 5px 5px 5px;
}

.textboxnopadding {
	border: 1px solid #CBCED4;
	background: #f5f5f5 url('images/bg_body_pattern.gif') no-repeat left top;
	margin-left:5px; margin-right:5px; margin-top:0px; margin-bottom:5px
}

.textbox li
{
    list-style-type:  disc;
}

.textbox a
{
    text-align:left;
    text-decoration:none;
}

.lefttextbox a
{
    text-align:left;
    text-decoration:none;
    color:#fff;
}

.graybox
{
 	border: solid 1px #CBCED4;
	background: #ffffff;
	padding: 11px;
	margin-bottom: 7px;
   
}
.grayboxheader
{
    font-weight: bold;
    font-size: 8pt;
    color: #f5f5f5;
    font-family: Arial, verdana;
    background-color: #999DA6;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}

/* These styles implement image and paragraph shadows */

.img-shadow {
  float:left;
  display:block;
  text-align:center;
  /*background: url(images/shadowAlpha.png) no-repeat bottom right;*/
  /*background: url(images/shadow.gif) no-repeat bottom right  !important;*/
  margin: 1px 1px 1px 1px;
  }

.img-shadow img {
 display:block;
 background-color: #ffffff;
 padding:1px;
  } 
  
 .p-shadow {
  float:left;
  width: 100%;
  background: url('images/shadow.gif') no-repeat bottom right !important;
  margin-left:5px; margin-right:0; margin-top:10px; margin-bottom:0
  }

.p-shadow div {
  background: url('images/shadow.gif') no-repeat left top !important;
  padding-left:0 !important; padding-right:6px !important; padding-top:0 !important; padding-bottom:6px !important
  }

.p-shadow p {
  color: #777777;
  background-color: #ffffff;
  font: 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

.p-shadow-home {
  float:left;
  width: 800px;
  background: url('images/shadow.gif') no-repeat bottom right !important;
  margin-left:5px; margin-right:0; margin-top:10px; margin-bottom:0
  }

.p-shadow-home div {
  background: url('images/shadow.gif') no-repeat left top !important;
  padding-left:0 !important; padding-right:6px !important; padding-top:0 !important; padding-bottom:6px !important
  }

.p-shadow-home p {
  color: #777777;
  background-color: #ffffff;
  font: 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }


.newstickerwindow
{
	height:45px;
	color:#ffffff;
	padding:2px 2px 2px 2px;
	font-family: Arial;
	font-size:1.0em;
	background-color:#0066cc;
}

.newstickerwindow a
{
	height:45px;
	color:#ffffff;
	padding:2px 2px 2px 2px;
	font-family: Arial;
	font-size:1.0em;
	text-decoration: underline;
}


.banneradvertbox
{
    height:150px;
    border: solid 1px silver;
    filter :progid:DXImageTransform.Microsoft.Fade(duration=.8);
}

.collapsePanelControl
{
	position:relative;
	float:right;
	margin-left:468px;
	width:100px;
	background: #000000 url('images/collapseControl_bg.gif') repeat-x;
	height:50px;
	border:1px solid silver;
}

/* These styles are used for the product page image display - thumb nail links */
.highlight {
    background-color: #FFFF60;
    z-index: 50;
  }
  
  .imagethumbs {
  border:1px solid silver;
  margin-bottom:4px;
  }
  
  .imagethumbs a:hover {
  /*border:1px solid silver;*/
  border-bottom:2px solid darkred;
  margin-bottom:4px;
  }
  
  .imagethumbs a:active {
   /*border:1px solid silver;*/
  border-bottom:2px solid darkred;
  margin-bottom:4px;
  }
  
  .imagethumbs a:visited {
  /*border:1px solid silver;*/
  border-bottom:2px solid darkred;
  margin-bottom:4px;
  }
  
  .imageProgress {
    display: inline;
    position: absolute;
    left: auto;
    top: auto;
    font-size: 0pt;
    filter: alpha(Opacity=60);
}
.progressContainer {
text-align:center;
    background-color: White;
    padding: 4px;
}
.progressImage {
    filter1: alpha(Opacity=40);
    z-index:10000;
}

.SliderRailStyle 
{
 width: 218px;
 height: 36px;
  background-image: url('images/SliderRail.gif');
  background-repeat:no-repeat;
  position:relative
 }
 
 .SliderHandleStyle 
 {
 width:30px;
 cursor:hand;
 height: 36px;
  background-image: url('images/SliderHandleOff.gif');
  background-repeat:no-repeat;
  position:absolute
 }
 
 .SliderHandleStyle:hover
 {
 width:30px;
 height: 36px;
 cursor:hand;
  background-image: url('images/SliderHandleOn.gif');
  background-repeat:no-repeat;
  position:absolute
 }
 
 .SelectedTabBg
 {
	/*background-color: #0066cc;*/
	/*border-bottom:solid 4px #0066cc;*/
 }
 
 .UnSelectedTabBg
 {
	/*background-color: #0066cc;*/
	/*border-bottom:solid 4px #0066cc;*/
 }
 
 /* Custom buttons */
 .addToCartButton
 {
  width:125px;
    height:20px;
    border:0px solid #fff;
    background: url('images/custombuttons/addToBasket.gif') no-repeat top right;
 }

 .addToCartButton:hover
 {
    width:125px;
    height:20px;
    border:0px solid #fff;
    background: url('images/custombuttons/addToBasket.gif') no-repeat top right;
    cursor:hand;
 }
 
  .updateCartButton
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/BasketUpdate.gif') no-repeat center;
 }
 
 .updateCartButton:hover
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
    background: url('images/custombuttons/BasketUpdate.gif') no-repeat center;
    cursor:hand;
 }
 
  .clearCartButton
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/BasketClear.gif') no-repeat center;
 }

  .clearCartButton:hover
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/BasketClear.gif') no-repeat center;
     cursor:pointer;
 }
 
   .closeBasketButton
 {
   border:0px solid #fff;
    width:125px;
    height:20px;
   background: url('images/custombuttons/closeBasketButton.gif') no-repeat center;
    cursor:pointer;
 }

  .closeBasketButton:hover
 {
   border:0px solid #fff;
    width:125px;
    height:20px;
    background: url('images/custombuttons/closeBasketButton.gif') no-repeat center;    
    cursor:pointer;
 }
 
  .proceedToCheckoutButton
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/ProceedToCheckout.gif') no-repeat center;
 }
 
 .proceedToCheckoutButton:hover
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/ProceedToCheckout.gif') no-repeat center;
     cursor:hand;
 }
 
  .viewBasketButton
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/viewBasket.gif') no-repeat center;
 }
 
 .viewBasketButton:hover
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/viewBasket.gif') no-repeat center;
     cursor:hand;
 }
 
  .searchButton
 {
     border:0px solid #fff;
    background: url('images/custombuttons/search.gif') no-repeat left center;
         cursor:hand;
 }

  .searchButton:hover
 {
    background: url('images/custombuttons/search.gif') no-repeat left center;
    cursor:hand;
 }
 
 .zoomButton
 {
    width:auto;
    height:auto;
    border:0px solid #fff;
     background: url('images/custombuttons/zoom.gif') no-repeat top center;
 }
 
 .zoomButton:hover
 {
    width:auto;
    height:auto;
    border:0px solid #fff;
     background: url('images/custombuttons/zoom.gif') no-repeat top center;
     cursor:hand;
 }
 
 .trackOrderButton
 {
    border:0px solid #fff;
    vertical-align: middle;
    width:125px;
    height:20px;
     background: url('images/custombuttons/trackOrder.gif') no-repeat center;
 }
 
 .trackOrderButton:hover
 {
    border:0px solid #fff;
    vertical-align: middle;
    width:125px;
    height:20px;
     background: url('images/custombuttons/trackOrder.gif') no-repeat center;
     cursor:hand;
 }
 
 .loginButton
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/login.gif') no-repeat right;
 }
 
 .loginButton:hover
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
    background: url('images/custombuttons/login.gif') no-repeat right;
    cursor:hand;
 }
 
 .registerButton
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/register.gif') no-repeat right;
 }
 
 .registerButton:hover
 {
    border:0px solid #fff;
    width:125px;
    height:20px;
     background: url('images/custombuttons/register.gif') no-repeat right;
     cursor:hand;
 }

 
 .submitOrderButton
 {
     border:0px solid #fff;
     background: url('images/custombuttons/submitOrder.gif') no-repeat center; 
 }

.submitOrderButton:hover
 {
     border:0px solid #fff;
     background: url('images/custombuttons/submitOrder.gif') no-repeat center; 
     cursor:hand;
 }


/* CSS ADAPTED TREEVIEW STYLING  */


.CategoryTreeView div.AspNet-TreeView ul li
{
   list-style: none;
    border-top:1px solid silver;
    white-space: nowrap;
    padding: 2px 0 2px 0;
}

.CategoryTreeView div.AspNet-TreeView li:hover
{
    list-style: none;
    white-space: nowrap;
    padding: 2px 0 2px 0px;
    color:#fff;
    background: url(images/menu_parent_hover_bg.gif) top left repeat-x;
}

.CategoryTreeView div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 10px;
}

.CategoryTreeView div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}

.CategoryTreeView div.AspNet-TreeView li a
{
    text-decoration: none;
}

.CategoryTreeView div.AspNet-TreeView li a:hover
{
    text-decoration: none;
    color:#fff;
}

.CategoryTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    margin-left: 0px;
    /*border-bottom:1px silver solid; */
}

.CategoryTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf:hover
{
    background: url(images/menu_child_hover_bg.gif) top left repeat-x;
    color:#fff;
}


.CategoryTreeView div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    cursor: pointer;
}

.CategoryTreeView div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url(images/icons/lines/minus.gif) 0 -2px no-repeat;
    width: 15px;
    float:left;
    padding-right:5px;
    cursor: pointer;
}

.CategoryTreeView div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background: url(images/icons/lines/plus.gif) 0 -2px no-repeat;
    width: 15px;
    float:left;
    padding-right:5px;
    cursor: pointer;
}

.CategoryTreeView .AspNet-TreeView-Selected
{
    background-color: #FAFAD2 !important;
}

.CategoryTreeView .AspNet-TreeView-ChildSelected
{
    background-color: #F5FFFA !important;
}

.CategoryTreeView .AspNet-TreeView-ParentSelected
{
    background-color: #FFE4E1 !important;
}

/* LOGIN LINKS IN THE HEADER */

.loginlinks
{
    color:gray;
}

.loginlinks a
{
    text-decoration:none;
    color:gray;
}

.loginlinks a:hover
{
    text-decoration:underline;
    color:gray;
}

 .textmenu a
  {
  color:black;
  width:145px;
  background-color:#D3D2D2;
  text-decoration:none;
  }
 .textmenu a:link
  {
  color:black;
  text-decoration:none;
  }
 .textmenu a:hover
  {
  color:red;
  text-decoration:underline;
  }
 .textmenu a:visited:hover
  {
  color:red;
  text-decoration:underline;
  }
 .textmenu a:visited
  {
  color:black;
  text-decoration:none;
  }
  
  .droppanelcontrol
    {
    cursor:hand;
    font-family:arial;
    font-size:x-small;
    }
    .droppanelcontainer
    {
    background:#BA251D; /* url(images/textboxheader_bg.gif) no-repeat left*/
    color:#fff;
    height:20px;
    width:143px;
    padding-left:2px;
    text-align:left;
    cursor:hand;
    }

.productlinks
 {
    padding:5px;
    background: #D2F0FE url(images/producttop_bar.gif) top left repeat-x;
    height:30px;
    display:inline;
    width:574px;
    border-bottom:solid 1px #D2F0FE;
 }
 
 
 /* Styles for Sliding JQ Panel */ 
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 1px #e4e4e4;
	/*background: url(images/btn-slide.gif) no-repeat center top;*/
}
.btn-slide {
	background: #e4e4e4 url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 20px;
	padding: 6px 5px 0 0;
	border:1px solid silver;
	margin: 0 auto;
	display: inline-block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	cursor:pointer;
	text-decoration: none;
}

.btn-slide-active {
	background-position: right 12px;
}

#panel {
	height: auto;
	display: none;
}


.basket-slide {
	margin: 0;
	padding: 0;
	text-align:right;
	background: url(images/btn-slide.png) no-repeat 0px 0px;
}

.basket-slide:hover 
{
    background: url(images/btn-slide.png) no-repeat 0px -28px;
}


.basket-btn-slide {
	background: transparent url(images/white-arrow.gif) no-repeat right -50px;
	text-align: right;
	width: 390px;
	height: 20px;
	padding: 6px 5px 0 5px;
	/*border:1px solid silver;*/
	/*margin: 0 auto;*/
	display:inline-block; 
	font: verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

#slidebasketpanel {
	height: 250px;
	background-color:#e4e4e4; 
	display: none;
}
.btn-slide-active {
	background-position: right 12px;
}

/* Styles for JQ tabs */
.tabs {  background:#fff; color:#111; padding:2px 2px; width:auto; border:0px solid #222; margin:0px; }
.tabs li { list-style:none; float:left; }
.tabs ul { float:left;padding:0px;margin:0px;border-bottom:2px solid #BA251F;width:100%; }
.tabs ul.tabNavigation a { display:block; padding:6px 10px; text-decoration:none!important; margin:1px; margin-left:0; font:10px Verdana; color:#FFF; background:#444;}
.tabs ul a:hover {color:#FFF;background:#111;}
.tabs ul a.selected {margin-bottom:0;color:#fff;background:#BA251F;border-bottom:1px solid snow;cursor:default;}
.tabs ul.tabNavigation a.selected {margin-bottom:0;color:#fff;background:#BA251F;border-bottom:1px solid snow;cursor:default;}
.tabs div {padding:2px 0px 2px 0px;margin:0px;width:100%;clear:left;}
.tabs div a { color:#000; font-weight:bold; }
/*div.tabs > div {display:none;}*/


#searchwrapper {
width:240px; /*follow your image's size*/
height:23px;/*follow your image's size*/
background : transparent url(images/bg-searchbox.png) no-repeat left top;
display:inline; 
border:none;
margin:3px 0px 0px 0px;
padding:0px;
position:relative; /*important*/
z-index:2;
}

#searchwrapper:hover {
width:240px; /*follow your image's size*/
height:23px;/*follow your image's size*/
background: transparent url(images/bg-searchbox.png) no-repeat left top;
display:inline; 
border:none;
margin:3px 0px 0px 0px;
padding:0px;
position:relative; /*important*/
z-index:2;
}
 
#searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:relative; /*important*/
color:gray;
font-size:1.0em;
font-family:Arial;
vertical-align:top;
margin-left:20px;
margin-top:3px !important; 
text-align:left;
width:160px;
height:18px;
}

#searchbox:focus
{
   color : #000000;
}

.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
/*position:absolute;*/ /*important*/
/*top:4px;
left:265px;*/
width:74px;
height:27px;
}

.slideshow
{
    height:330px;
    width:880px;
    text-align:left;
    overflow:hidden;
    z-index:0;
}

.subfooterlinks
{
  text-align: left; 
  margin:15px 0px 10px 145px; 
  width: 724px; 
  display: block;
  /*border-top:1px solid silver;
  background:#FCFCFC url(images/subfooter_bg.gif) repeat-x left top;*/
}

.subfooterlinks ul
{
   list-style-image : url(images/green_arrow.png);
}


/* JQ ZOOM Styles */
div.jqZoomTitle {z-index:5000;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top: 0px;left: 0px;width: 100%;color: #FFF;background: #999;}
.jqZoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:10;border-color:#c4c4c4;border-style: solid;cursor:crosshair;}
.jqZoomPup img {border: 0px;}
.preload{-moz-opacity:0.8; opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;width:90px;* width:100px;height:43px; * height:55px;z-index:10;position:absolute;top:3px;left:3px;}
.jqZoomWindow {border: 1px solid #999;background-color: #FFF;}

.checkoutlabel
{
    color:#D50000;
    text-transform:uppercase;
    text-align:center;
}


/*MVC DEFAULT THEMES */
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset.standard 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
    width:auto;
}

fieldset.standard p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.standard label 
{
    display: block;
}

fieldset.standard label.inline 
{
    display: inline;
}

/*checkout page versions */
fieldset.checkout 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
    width:500px;
}

fieldset.checkout p 
{
    margin: 2px 6px 5px 5px;
}

fieldset.checkout label 
{
    display: block;
}

fieldset.checkout label.inline 
{
    display: inline;
}

legend{font-size: 1.1em;font-weight: 600;width:98%;background-color:#E4E4E4;padding: 2px 4px 8px 4px;border:1px solid silver;}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table.standard 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table.standard td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table.standard th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


/* NEW */
.speciallinks
{
	text-align:left;
	padding:10px;
}

 #catlist ul { width: 100%; margin: 0; padding: 0; list-style: none;}
 #catlist li {float: left; margin: 0; padding-bottom: 2px; }
 
 select.CarriageDropDownList {font-size: x-small;text-align: right;border-style:none;}
 list.CarriageDropDownList {font-size: x-small;text-align: right;}  
 
 select.siteDropDownList {font-size: x-small;text-align: center;color: #D50000;height:22px;border:1px solid silver;}
 list.siteDropDownList {font-size: x-small;text-align: center;color: #D50000;}  

