body {
	margin:0;
	padding:0;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	width: 1000px;
	position: relative;
	margin: 0 auto 0 auto;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	border-right: solid 1px #00A6E1;
	border-left: solid 1px #00A6E1; 
}

#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	height: 140px;
	z-index:100;
	background-image:url(/images/content/sitemaster/header_bg.jpg);
	background-repeat:no-repeat;
}

#searchbar 
{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	height: 37px;
    background-color: #0099cc; 
	font-size: 110%;
	color: white;
	font-weight: bold;
	vertical-align:middle;
}

/* layout comments use example of 1000px wide browser window */
#columns {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page = 1000px */
	overflow:hidden;		/* This chops off any overhanging divs */
	/* background:#ffd8b7;		 Left column background colour */
}
#colmid {
	float:left;
	width:200%; /* parent is columns which is 100% of the width of browser window -
                 hence if 1000px then this is 2000px */
	position:relative;
	left:190px; /* colmid therefore is left 190px, width 2000px, right 2190px */
	/* background:#fff;    	 Centre column background colour */
}

#colright {
	float:left;
	width:100%; /* parent is colmid which is 2000px */
	position:relative;
	left:50%;  /* put the left at 1000px  within colmid - hence left at absolute 1190px right at 3190px */
	margin-left:-380px; /* move back into the window by the width of the left and right contents 
                        This puts left at 810*/
	/*background:#ff9;    	Right column background colour */
}

#centrecontentwrap {
	float:right;
	width:50%; /* parent colright therefore 1000px */
	position:relative;
	right:100%; /* centrecontentwrap is positioned relative to already existing colright
                and is floating right and hence will be positioned such its right hand side is hitting
                the left of the colright
                Therefore the right side is 810px, since width is 1000, left is -190px*/
}
#centrecontentpad {
	margin:0 5px 0 385px; /* parent is centrecontentwrap which is at absolute left -190, width 1000
                          therefore set margin to 0 on top and bottom, and apply 190+190+5 (385) for
                          left margin to get centre content aligned 5px in, and apply a 5 pixel right border */
	overflow:hidden;
}
#centrecontent {
	width:100%; /* width of centrecontentpad, minus margins */
	overflow:hidden;
	margin-top: 10px;
}
#leftcontent {
	float:left; /* parent is colright (left abs 810px , width 2000px; centrewrap already
                 drawn at -190 width 1000, hence leftcontent starts at 810)*/
	width:180px;
	position:relative;
	margin-left:-50%; /* 810 -1000px, therefore left content starts at -190 */
	left:195px; /* -190 + 195, puts start of left content at 5px */
	overflow:hidden;
	margin-top: 10px;
}
#rightcontent {
	float:left; /* parent is colright, with centrewrap and left contents already drawn hence
                 as centrewrap ends at 810, this will start at 810*/
	width:180px;
	position:relative;
	left:5px; /* start content at 815, i.e 5px border */
	overflow:hidden;
	margin-top: 10px;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:5px 0 0 0;
}

html { margin: 0px; padding: 0px;}

/* basic selectors */
/*a:link { color: #666666; text-decoration:none}
a:visited { color: #666666;  text-decoration:none}
a:active, a:hover { color: #000099;  text-decoration:none} */
a:link { color: #3973b5; text-decoration:none}
a:visited { color: #3973b5;  text-decoration:none}
a:active, a:hover { color: #00A6E1; text-decoration:underline}

th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}
h1 {
	color: #5b626c;
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	color: #5b626c;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #5b626c;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color: #5b626c;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	color: #000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	color: #000;
	font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
}

img { border: 0px; }
hr { color: #ccc; height: 1px; }
table { font-size: 100%; }
code { color: #6c0; font: 100% "Courier New", Courier, monospace }
form { margin: 0px; padding: 0px; }
input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif; border:1px solid #666666;}

#bar { /* styles for horizontal top bar */
	background: #d4d9de;
	height: 37px;
	padding: 0px 20px 3px 20px;
	font-size: 110%;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	z-index:100;
}
	html>body #bar { height: 37px; }

/* layout styles */

#logo {
	position: absolute;
	left: 20px;
	top: 30px;
	z-index:99;
	padding: 0px 0px 0px 0px;
}
#topnavbuttons {
	position: absolute;
	left: 120px;
	top: 119px;
	z-index:100;
	padding: 0px 0px 0px 0px;
}

#phone 
{
    position:absolute;
    right: 5px;
    top: 35px;
}

#protxbanner
{
    position:absolute;
    right: 5px;
    top: 75px;
}

#topmenu {
	position: absolute;
	top: 0px;
	right: 0px;
}

#menu1 { /* styles for top menu */
	padding-right:10px;
	height: 23px;
	z-index:100;
	vertical-align: middle;
	background-color:#00A6E1;
    color:White;
}
	#menu1 ul { list-style: none; padding: 0px; margin: 0px; }
	#menu1 li { padding: 0px; margin: 0px; display: inline; border-left: solid 1px #000;}
	#menu1 li.first { border-left: none; }
	#menu1 li a:link, #menu1 li a:visited { 
		padding: 0px 2px 0px 5px; 
		color: white; 
		text-decoration: none; 
	}
	#menu1 li a:active, #menu1 li a:hover {
		color: white;
		text-decoration: underline;
	}

#mainmenu { /* styles for section or tab menu */
	position: absolute;
	top: 43px;
	left: 200px;
	width: 500px;
		z-index:100;

}
	html>body #mainmenu {
		position: relative; /* Necessary for menu to position in Opera */
	}
	#mainmenu ul { list-style: none; padding: 0px; margin: 0px; }
	#mainmenu li { display: inline; }
	#mainmenu li a:link, #mainmenu li a:visited { 
		background: url('images/tab.gif') no-repeat 0px 1px;
		display: block;
		float: left;
		margin-right: 1px;
		width: 116px;
		height: 27px;
		color: #737685; 
		font-weight: bold;
		text-decoration: none; 
		text-align: center;
		padding-top: 6px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 21px;
		width: 115px;
	}
	html>body #mainmenu li a:link, html>body #mainmenu li a:visited { width: 115px; height: 21px; }
	#mainmenu li a:active, #mainmenu li a:hover, #mainmenu li a.selected{
		background: url('images/tab.gif') no-repeat 0px -92px;
	}

	#fullcontent 
	{
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 20px;
   		margin-right:20px;
   		z-index:100;
    	margin-top: 10px;
        padding-top:10px;
		}

	html>body #centercontent {
   		margin-left: 200px;
   		margin-right:205px;
   			z-index:100;

		}

.fullcontentsubtitle
{
	color: #5b626c;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
}

.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;
}

.sectionseparator
{
    border-bottom: solid 1px #dcdcdc;
}

.admin-header
{
    background-color: #6190CD; 
    height:40px;
    padding-left:10px;
    border-bottom:solid 4px #B4CCEB;
}
.admin-header h1
{
    color: white;
}

.adminpager a:link
{
  color: #666666;
  text-decoration: underline;
}

.admintable
{
	margin: 5px;
	padding:0;
	width:100%; 
	border:1px dashed #cccccc;

}
.adminlabel
{
    font-size: 8pt;
    font-family: 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: 10pt;
	color: #b22222;
	font-family: verdana;
}

.retailprice
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: verdana;
	text-decoration: line-through;
}

.totalbox
{
	text-align:right;
	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;
	background-color:whitesmoke;
	border:1px solid gainsboro;
}


.SiteDesignBy
{
	font-size: xx-small;
    font-family: Verdana;
    color: Silver;
    color:White;
}

.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
{
    clear: both;
	padding:10px;
	border-top:1px dashed #cccccc;
}

.browsebox
{
}
.browsebox h2
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #3973b5;
    margin-top: 0;
    margin-bottom: 10px;
}
.browsebox h2 a
{
    color: #3973b5  ;
}


h2.accent
{
 	font-size: 12px;
	font-weight:bold;
	color:#990000;
	margin: 0px;
	margin-bottom:5px;   
}
.smalltext
{
    font-size: 8pt;
    color: #666666;
    font-family: verdana;
}
.AdBox h3
{
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}
.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: verdana; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    width:50%;
 }
.logtable
{
    border:1px solid #cccccc;
    width:600px;
    background-color:#cccccc;
    
}
.subcategory
{
    color:#3973b5;
    margin-left:10px;
}
a.subcategory:link { color: #3973b5;} 
a.subcategory:visited { color: #3973b5;} 
a.subcategory:hover { color: black;} 
a.subcategory:active { color: #3973b5;} 

.NarrowByChoice
{
    color:#838487;
    margin-left:10px;
}
a.NarrowByChoice:link { color: #838487;} 
a.NarrowByChoice:visited { color: #838487;} 
a.NarrowByChoice:hover { color: #838487; text-decoration: underline;} 
a.NarrowByChoice:active { color: #838487;} 

.ProductSummaryDisplayWrapper
{
     height:250px;
     margin-top:10px; 
}
.ProductSummaryImageHolder
{
    height:175px;
    text-align:center;
    vertical-align:middle;
}
.ProductSummaryText
{
    padding-left:20px;
    height:55px;
}
.RetailPrice
{
    font-weight: bold;
    color: black;
    text-decoration: line-through;
}
.YouSave
{
    font-weight: bold;
    color: #336600;
}

.HookLine
{
    font-size: larger;
    color: #5b626c;
    font-style: italic;
}
.coreboxbody
{
    background-image:url(images/core_box_bg.gif);
    width:140px;
    padding-left:20px;
    padding-right:20px;
}
.coreboxtop
{
   background-image:url(images/core_box_top.gif);
   height:22px;
   width:180px;

}
.coreboxbottom
{
    width:180px;
    background-image:url(images/core_box_bottom.gif);
    height:22px;

}
.coreboxheader
{
    width:180px;
    background-image:url(images/core_box_bg.gif);
    font-weight: bold;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
}

.catbox
{
}

.catboxbody
{
    background-image:url(images/cat_box_bg.gif);
    width:180px;
}
.catboxbody h2
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #3973b5;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
}
.catboxbody h2.bottom
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #3973b5;
    margin-top: 0;
    margin-bottom: 0px;
    margin-right: 5px;
    margin-left: 5px;
}

.catboxbody a
{
    color: #3973b5;
}

.catboxtop
{
   background-image:url(images/cat_box_top.gif);
   background-repeat:no-repeat;
   height:34px;
   width:180px;
}
.catboxbottom
{
    width:180px;
    background-image:url(images/cat_box_bottom.gif);
    background-repeat: no-repeat;
    height:9px;
}

.newsstory
{
    line-height:150%;
    font-size:small;
}

.newsstory h1
{
     color:Black;
     font-weight:bold;
     font-size:x-large;
     margin-bottom:0px;
}

.newsstory h2
{
     color:Black;
     font-weight:bold;
     line-height: 150%;
}

.ProductAttributesList dt
{
    clear:both;
    float: left;
    font-weight: bold;
    text-align: right;
    width: 120px;
    padding: 0 0 5px 0;
}

.ProductAttributesList dd
{
    float:left;
    width: 400px;
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
}


h2.CatListLevel0 a:link { color: #244190; text-decoration:none}
h2.CatListLevel0 a:visited { color: #244190;  text-decoration:none}
h2.CatListLevel0 a:active { color: #244190; text-decoration:underline}
h2.CatListLevel0 a:hover { color: #244190; text-decoration:underline}
h2.CatListLevel0 
{
  margin: 5px 0px 5px 0px;
}

h2.CatListLevel0Member a:link { color: #244190; text-decoration:none}
h2.CatListLevel0Member a:visited { color: #244190;  text-decoration:none}
h2.CatListLevel0Member a:active { color: #244190; text-decoration:underline}
h2.CatListLevel0Member a:hover { color: #244190; text-decoration:underline}
h2.CatListLevel0Member 
{
  margin: 5px 0px 5px 0px;
}

div.CatListLevel1 a:link { color: #838487; text-decoration:none}
div.CatListLevel1 a:visited { color: #838487;  text-decoration:none}
div.CatListLevel1 a:active { color: #838487; text-decoration:underline}
div.CatListLevel1 a:hover { color: #838487; text-decoration:underline}
div.CatListLevel1
{
 font-size: 110%;
 padding: 0 0 4px 0;
}

div.CatListLevel1Member a:link { color: #838487; text-decoration:none}
div.CatListLevel1Member a:visited { color: #838487;  text-decoration:none}
div.CatListLevel1Member a:active { color: #838487; text-decoration:underline}
div.CatListLevel1Member a:hover { color: #838487; text-decoration:underline}
div.CatListLevel1Member
{
 font-size: 110%;
 padding: 0 0 4px 0;
}

div.CatListLevel2 a:link { color: #3973b5; text-decoration:none}
div.CatListLevel2 a:visited { color: #3973b5;  text-decoration:none}
div.CatListLevel2 a:active { color: #3973b5; text-decoration:underline}
div.CatListLevel2 a:hover { color: #3973b5; text-decoration:underline}


#colrightadmin {
	float:left;
	width:100%; /* changed from 200% of the non admin version */
	position:relative;
	left:50%;  /* put the left at 1000px  within colmid - hence left at absolute 1190px right at 2190px */
	margin-left:-190px; /* changed for the admin version to hide the right column at 1000px*/
	/*background:#ff9;    	Right column background colour */
}

#centrecontentwrapadmin {
	float:right;
	width:50%; /* parent colright therefore 1000px */
	position:relative;
	right:100%; /* centrecontentwrap is positioned relative to already existing colrightadmin
                and is floating right and hence will be positioned such its right hand side is hitting
                the left of the colright
                Therefore the right side is 1000px, since width is 1000, left is 0px*/
}
#centrecontentpadadmin {
	margin:0 10px 0 200px; /* parent is centrecontentwrapadmin which is at absolute left 0, width 1000 */
	overflow:hidden;
}

#leftcontentadmin {
	float:left; /* parent is colright (left abs 810px , width 2000px; centrewrap already
                 drawn at 0 width 1000, hence leftcontent starts at 1000)*/
	width:180px;
	position:relative;
	margin-left:-50%; /* 1000-1000px, therefore left content starts at 0 */
	left:5px;
	overflow:hidden;
	margin-top: 10px;
}

      .popinfobox
      {
        position : absolute;
        visibility : hidden;
      }

.baskettablehead
{
    font-size: 12px;
    padding: 3px 0 3px 0;
    text-align: center;
    font-weight: bold;
    color: White;
    background-color: #00aeef;
    line-height: 20px;
}