/*Main Page elements*/


body         { 
text-align: center;  
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 0.73em; 
color: #666666; 
margin: 0px; 
padding: 0px;
background-color: #f3f3f3;

}


#mainframe {
float:center;
width:980px !IMPORTANT;
margin-right:auto;
margin-left:auto;
margin-top:8px;
margin-bottom:8px;
padding:0px;
text-align:left;
font-size: 100%; 
background-color: #ffffff;
border-right:1px solid #BBE5E3;
border-left:1px solid #BBE5E3;
border-bottom:1px solid #BBE5E3;
border-top:1px solid #BBE5E3;
}


#banner {
width : 978px;
float: left;
padding : 0px;
margin: 0px;
font-size: 100%; 
}


#logo {
width : 500px;height:30px;
float:left;
margin-top: 8px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 2px;
padding: 18px 0 28px 12px;
}

#logoright {
width : 230px;height:90px;
float:right;
text-align:right;
margin: 0px;
margin-top: 8px;
margin-right: 8px;
padding: 0px;
padding-top:8px;
}


#searchbox {
width : 580px;
float:left;
margin: 0px;
margin-top: 8px;
padding: 4px;
padding-left: 15px;
text-align:left;
font-size: 11px;
color: #003366;
background-color:  #A0D4D2;
background-image: url('../images/rightcurve.gif'); 
background-repeat: no-repeat;
background-position: top right;
}

#curvenavsection1 {
float: left;
margin: 0px;
padding: 0px;
margin-right: 0px;
width: 195px;
}
#curvenavsection1a {
float: right;
margin: 0px;
padding: 0px;
margin-right: 10px;
width: 280px;
text-align:right;

}
#curvenavsection1a form {
margin: 0;
padding: 0;
}

#curvenavsection2 {
float: left;
margin: 0px;
padding: 0px;
padding-left: 8px;
margin-top: 4px;
}

.mainmenu {
float: left;
text-align:left;
width : 980px;
margin: 0px;
padding: 0px;
padding-top: 8px;
padding-bottom: 3px;
background-color: #00958E;
font-size: 100%; 
font-weight: bold;
color: #FFFFFF;
}


#basket {
float: right;
text-align:right;
width : 350px;
margin: 0px;
margin-bottom: 5px;
padding: 5px;
padding-right: 25px;
font-size: 11px;
color: #003366;
background-color:  #A0D4D2;
background-image: url('../images/leftcurve.gif'); 
background-repeat: no-repeat;
background-position: left bottom;
}


#footer {
float: left;
width : 960px;
margin: 0px;
margin-top: 20px;
padding: 10px;
font-size: 90%; 
color: #AAAAAA;
border-top: 1px solid #cccccc;
text-align: left;
}

/* Content Body elements */



#pagetitle {
float:left;
width : 915px;
margin: 0px;
padding-top: 5px;
padding-bottom: 0px;
padding-left : 30px;
padding-right : 20px;
font-size: 100%; 
}

.maincontent {
float:left;
margin : 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0px;
padding-left : 30px;
padding-right : 0px;
padding-bottom : 0px;
font-size: 100%; 
width:950px;
}


/* Little Boxes - Homepage */

.homesection3rd {
float:left;
width : 296px;
margin: 0px;
margin-right : 10px;
margin-left: 0px;
padding: 0px;
border: 1px solid #66CCCC;
font-size: 100%; 
background-color: #BBE5E3;
}

.nothome {width:270px;margin-left:15px;}

.homesection23rds {
float:left;
width : 600px;
margin : 0px;
margin-right: 20px;
margin-left: 0px;
padding: 0px;
font-size: 100%; 
}

.homesectionheader {
background-color: #BBE5E3;
margin: 0px;
padding: 5px;
color: #003366;
font-weight: bold;
font-size:115%;
width: 287px;
float: left;
}

.homesectionbody {
background-color: #FFFFFF;
/*background-image: url('../images/starbg.gif'); */
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 6px;
float: left;
width: 287px;
}

.newhomesectionheader {
width: 441px;
}

.newhomesectionbody {
width: 439px;
overflow:hidden;height:140px;
}


.homesectionitem {
margin: 0px;
padding: 0px;
padding-bottom: 8px;
padding-top: 6px;
float: left;
width: 100%;
border-top: 1px dotted #66CCCC;
}
.homesectionbody .first {
border-top: 0;
}


/*Menu Boxes*/

.menusection3rd {
float:right;
clear:right;
width : 281px;
margin : 0px;
margin-bottom: 10px;
margin-right: 15px;
padding: 0px;
border: 1px solid #00958E;
font-size: 100%; 
background-color: #00958E;
}


.menusectionheader {
background-color: #00958E;
margin: 0px;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
width: 270px;
float: left;
}


.menusectionbody {
background-color: #FFFFFF;
margin: 0px;
padding: 6px;
float: left;
width: 269px;
}


.menusectionitem {
margin: 0px;
padding: 0px;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
}


/* Other page boxes */

.plainbody {
margin: 0px;
padding: 0px;
margin-right: 10px;
margin-bottom: 15px;
float: left;
width: 623px;
}

.catsectionfull {
float:left;
width : 794px;
margin : 0px;
padding: 0px;
margin-right: 0px;
font-size: 100%;
}


.catsection23rds {
float:left;
width : 642px;
margin : 0px;
padding: 0px;
margin-right: 0px;
font-size: 100%; 
}

.catsection3rd {
float:left;
width : 302px;
margin: 0px;
margin-right : 10px;
margin-left: 0px;
padding: 0px;
border: 1px solid #66CCCC;
font-size: 100%; 
background-color: #BBE5E3;
}

.catsectionheader {
background-color: #BBE5E3;
margin: 0px;
padding: 5px;
color: #003366;
font-weight: bold;
width: 290px;
float: left;
}

.catsectionbody {
background-color: #FFFFFF;
/*background-image: url('../images/starbg.gif'); */
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 6px;
float: left;
width: 288px;
}

.catsectionitem {
margin: 0px;
padding: 0px;
padding-bottom: 8px;
padding-top: 6px;
float: left;
width: 100%;
border-bottom: 1px dotted #66CCCC;
}


.subcatsectionitem, .subcatsectionitemtop {
margin: 0px;
padding: 0px;
padding-bottom: 14px;
padding-top: 12px;
padding-left: 10px;
padding-right: 5px;
float: left;
width: 611px;
border-top: 1px dotted #66CCCC;
border-left: 1px solid #66CCCC;
border-right: 1px solid #66CCCC;
}

.subcatsectionitemtop {
border-top: 1px solid #66CCCC;
}

.basketitem, .basketitemtop {
margin: 0px;
padding: 0px;
padding-bottom: 14px;
padding-top: 12px;
padding-left: 10px;
padding-right: 5px;
border-bottom: 1px dotted #66CCCC;
float:left;width:100%;
}

.basketitemtop {
border-top: 1px dotted #66CCCC;margin-top:10px;
}

.subcatsectionnavtop, .subcatsectionnavbot {
margin: 0px;
padding: 0px;
padding-bottom: 6px;
padding-top: 6px;
padding-left: 10px;
padding-right: 5px;
float: left;
width: 611px;
background-color: #EAF8F8;
color: #888888;
font-weight: bold;
border-left: 1px solid #66CCCC;
border-right: 1px solid #66CCCC;
}

.subcatsectionnavbot {
border-bottom: 1px solid #66CCCC;
border-top: 1px solid #66CCCC;
}

.subcatsectionnavtop {
border-top: 1px solid #66CCCC;
margin-top: 5px;
}

/* Product elements */

.productname {
 color: #003399;
 font-weight: bold;
 margin-bottom:5px;
}

.subproductname {
 color: #003399;
 font-weight: bold;
 font-size: 110%;
 margin-bottom:5px;
}

.productdesc {
 color: #666666;
 font-size: 100%;
 margin-bottom:5px;
}

.subproductdesc {
 color: #666666;
 font-size: 100%;
}

.productpath {
 color: #666666;
 font-size: 90%;
}

.productprevprice {
 color: #666666;
 text-decoration: line-through;
}

.productnowprice {
 color: #CC0000;
 font-weight: bold;
}

.subproductnowprice {
 color: #CC0000;
 font-weight: bold;
 font-size: 110%;
}


/* Main Nav elements */

.mainnavslice {
float: left;
padding: 0px;
margin:  0px;
padding-left: 15px;
}

.mainnavitem, .mainnavitemselected {
float:left;
margin : 0px;
padding:0px;
padding-left: 14px;
padding-right: 18px;
padding-bottom: 8px;
padding-top:4px;
font-weight: bold;
font-size: 12px;
}

.mainnavitemselected {
background-image: url('../images/mainnavarrow.gif'); 
background-repeat: no-repeat;
background-position: left top;
}

.mainnavitemright {
color:#FFFF66;
}

/*typography*/

table {  
font-size: 100%; 
color:#666666
}

td {  
font-size: 100%; 
color: #666666
}

p {  
font-size: 100%;
color: #666666
margin-bottom:10px; 
margin-top: 5px
}

ul {
list-style-type:disc;
list-style-position: outside; 
text-indent: 0px; 
margin-top: 10px;
margin-left:0;
padding-left:20px;
} 
   


.inner {
list-style-type:circle;
list-style-position: outside; 
text-indent: -10px; 
margin-bottom:5px; 
margin-top: 10px
}  
   
ol {
list-style-position: outside; 
text-indent: 0px
} 

h1 {font-size: 140%; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 5px; margin-top: 0px; color: #336699;}
h2 {font-size: 120%; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 5px; margin-top: 0px; color: #993333;}
h3 {font-size: 120%; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 10px; margin-top: 0px; color: #993333;}
h4 {font-size: 110%; font-weight: bold; margin: 0px; margin-bottom: 10px; margin-top: 10px;}
h5 {font-size: 100%; font-weight: bold; margin: 0px; margin-bottom: 10px; margin-top: 10px;}
h6 {font-size:  90%; font-weight: bold; margin: 0px; margin-bottom: 10px; margin-top: 10px;}

.headerhighlight {
color:  #993333;
}


/*form elements*/

input, select {
color: #333333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 1px;
padding-left: 3px;
margin: 0px;
background-color : #ffffff;
border-color : #888888;
border-width : 1px;
border-style : solid
}

input.button {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background-color : #336699;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-weight: bold;
border-color : #888888;
border-width : 1px;
border-style : solid
}

/*links*/


a:link, a:visited, a:active {
	color: #336699;
	text-decoration: underline;
}
	
a:hover {
	color: #993333;
	text-decoration: underline;
}

a.functions:link, a.functions:visited, a.functions:active {
	text-decoration: underline;
	font-size: 90%;
}

a.functions:hover {
	color: #993333;
	text-decoration: underline;
	font-size: 90%;
}

a.leftnavlink:link, a.leftnavlink:visited, a.leftnavlink:active {
	color: #003366;
	text-decoration: none;
}
	

a.leftnavlink:hover  {
	color: #993333;
	text-decoration: underline;
}

a.mainnavlink:link, a.mainnavlink:visited, a.mainnavlink:active {
	color: #FFFFFF;
	text-decoration: none;
}
	

a.mainnavlink:hover  {
	color: #FFFFFF;
	text-decoration: underline;
}

a.curvelink:link, a.curvelink:visited, a.curvelink:active {
	color: #003366;
	text-decoration: underline;
}
	

a.curvelink:hover  {
	color: #993333;
	text-decoration: underline;
}

a.headerlink:link, a.headerlink:visited, a.headerlink:active {
	text-decoration: none;
}

a.headerlink:hover {
	text-decoration: underline;
}

.homesectionheader a {color:#003366;}
.homesectionheader a:hover {color: #993333;}


/* Unused */

#leftnavcontainer {
float:left;
width : 150px;
padding: 0px;
margin : 0px;
margin-top: 10px;
margin-right: 20px;
}

#leftnav {
width : 130px;
margin : 0px;
padding: 10px;
background-color: #E9F3F3;
font-size: 12px; 
color: #336699;
}

#leftsubnav {
width : 130px;
margin : 0px;
margin-top: 10px;
padding: 10px;
background-color: #BBE5E3;
font-size: 12px; 
color: #336699;
}

.leftnav {
	margin: 	0px;
	margin-top:	10px;
	margin-bottom:	0px;
}


.leftnav1 {
	padding-left: 	10px;
	background-color: #CFD1F1;
	border-top: 1px solid #A6A8CC;
	font-weight: bold;
}


.leftnav2 {
	padding-left: 	20px;
	background-color: #E3E4F6;
	border-top: 1px dotted #A6A8CC;
}

.leftnav2first {
	padding-left: 	20px;
	background-color: #E3E4F6;
	border-top: 1px solid #A6A8CC;
}


.leftnav3 {
	padding-left: 	30px;
	background-color: #F0F1FC;
	border-top: 1px dotted #A6A8CC;
}

.leftnav1hover {
	padding-left: 	10px;
	background-color: #D1F1CF;
	border-top: 1px solid #A6A8CC;
	font-weight: bold;
}


.leftnav2hover {
	padding-left: 	20px;
	background-color: #D1F1CF;
	border-top: 1px dotted #A6A8CC;
}

.leftnav2firsthover {
	padding-left: 	20px;
	background-color: #D1F1CF;
	border-top: 1px solid #A6A8CC;
}


.leftnav3hover {
	padding-left: 	30px;
	background-color: #D1F1CF;
	border-top: 1px dotted #A6A8CC;
}

.leftnavlast {
	border-top: 1px solid #A6A8CC;
}

.relatedlinkbox {
border: 1px solid #A6A8CC;
background-color: #F8F9FF;
margin-bottom: 15px;
}

.relatedheader {
	padding-left: 	8px;
	padding-right: 	5px;
	padding-bottom: 	3px;
	padding-top: 	3px;
	background-color: #CFD1F1;
	border-bottom: 1px solid #A6A8CC;
	font-weight: bold;
	font-size: 100%; 
}


.relatedlink {
	padding-left: 	8px;
	padding-right: 	5px;
	padding-bottom: 	1px;
	padding-top: 	3px;
	font-weight: bold;
	border-top: 1px dotted #C0C0C0;
}

.relatedlinktop {
	padding-left: 	8px;
	padding-right: 	5px;
	padding-bottom: 	1px;
	padding-top: 	3px;
	font-weight: bold;
}

.relateddate {
	padding-left: 	8px;
	padding-right: 	5px;
	padding-bottom: 	1px;
	padding-top: 	1px;
	color: #AAAAAA; 
	font-size: 90%; 
}


.relateddescription {
	padding-left: 	8px;
	padding-right: 	5px;
	padding-bottom: 	3px;
	padding-top: 	1px;
}

/*
.leftnavitem {
background-image: url('../images/leftnavarrown.gif'); 
background-repeat: no-repeat;
background-position: left top;
}

.leftnavitem2 {
background-image: url('../images/leftnavarrow2n.gif'); 
background-repeat: no-repeat;
background-position: left top;
}
*/

#w3c {
width : 100px;
float: right;
margin: 0px;
text-align: right;
}

.leftnavitem, .leftnavitemselected, .leftnavitemselected2, .leftnavitem2 {
/*width : 115px;*/
margin : 0px;
margin-top: 6px;
margin-bottom: 6px;
padding:0px;
padding-left: 15px;
padding-right: 0px;
font-weight: bold;
}

.leftnavitemselected {
background-image: url('../images/leftnavarrow.gif'); 
background-repeat: no-repeat;
background-position: left center;
}

.leftnavitemselected2 {
background-image: url('../images/leftnavarrow2.gif'); 
background-repeat: no-repeat;
background-position: left center;
}

#rightcontent {
width : 226px;
float:right;
margin-left : 15px;
margin-top: 0px;
margin-bottom : 20px;
margin-right: 2px;
padding : 0px;
}

.homesectionhalf {
float:left;
width : 451px;
margin: 0px;
margin-right : 15px;
margin-bottom : 15px;
margin-left: 0px;
padding: 0px;
border: 1px solid #66CCCC;
font-size: 100%; 
background-color: #BBE5E3;
}

.plainsection3rd {
float:left;
width : 298px;
margin : 10px;
margin-left: 0px;
padding: 0px;
font-size: 100%; 
}

.plainsectionbody {
margin: 0px;
padding: 6px;
float: left;
width: 281px;
background-color: #FFFFFF;
}

.clear {clear:both;height:1px;}
.rightfloater {float:right;}
.leftfloater {float:left;}
.bottomclickthrough {padding:2px;}

.scrollerdown {cursor:pointer;cursor:hand;clear:both;background-color:#ffffff;border-top:1px dotted #A7EDED;border-bottom:1px solid #66CCCC;width:451px;height:15px;background:url(../images/tlbluedown.gif) no-repeat top center #ffffff;}
.scrollerup {cursor:pointer;cursor:hand;clear:both;background-color:#ffffff;border-top:1px solid #66CCCC;border-bottom:1px dotted #A7EDED;width:451px;height:15px;background:url(../images/tlblueup.gif) no-repeat top center #ffffff;}

.leftform, .leftformerr {
float: left;
width: 151px;
margin: 5px;
padding: 0px;
padding-top:2px;
text-align: right;
vertical-align: middle;
}

fieldset {margin:0;padding:0;border:0;width:100%;}
form {margin:0;padding:0;border:0;width:100%;}


.leftformerr {
color: #FF0000;
}


.rightform {
float: left;
width: 252px;
margin: 5px;
padding: 0px;
text-align:left;
align: right;
vertical-align: middle;
}

.errmsg {color:red;}

.formfield {
float: left;
width: 554px;
vertical-align: middle;
}

.checkoutform .formfield {width:819px;}
.checkoutform .rightform {width:630px;}

.smallimagefloat {float:right;border:1px solid #999999; background:#ffffff;padding:4px;margin:0 3px 0 6px;width:60px;height:60px;text-align:center;}
.mediumimagefloat {float:right;border:1px solid #999999; background:#ffffff;padding:6px;margin:0 3px 0 6px;width:100px;height:100px;text-align:center;}
.largeimagefloat {float:right;border:1px solid #999999; background:#ffffff;padding:10px;margin:5px 10px 10px 10px;width:180px;text-align:center;}
.prodform {float:right;border:1px solid #999999; padding:6px 10px 10px 10px;margin:0 10px 10px 10px;width:180px;text-align:left;clear:right;}
.proddetail {float:left;width:352px;}
p.catnav {font-weight:bold;margin-bottom:5px;margin-top:10px;}
.menusectionbody ul {margin:0;padding:0;padding-bottom:6px;margin-top:0;}
.menusectionbody ul li {list-style-image:none;list-style-type:none;margin:0 0 2px 20px;padding:0;}
.menusectionbody ul li.selected {list-style-image:url('../images/rightnavarrow.gif');list-style-type:image;margin-left:20px;padding-left:0;}
.menusectionbody2 ul li {list-style-image:none;list-style-type:none;margin:5px 0 7px 5px;padding:0;}
.subcatsectionnavtop a {text-decoration:none;}
.subcatsectionnavtop a:hover {text-decoration:underline;}
.mainnavitemright a.mainnavlink {color:#FFFF99 !IMPORTANT;}
h1.small {font-size:140%;margin-bottom:0px;}
h2.product, h1.homepage {font-size:150%;}
.darkred {color:#993333;}
.prodform p {margin-bottom:8px;}
.prodform #quantity {width:15px;}
.basketquantity {width:15px;}
.prodform input.button {width:90px;}
.largeimagefloat p {margin-bottom:0;}
.largeimagefloat a {text-decoration:none;}
p.catnav {margin-top:2px;}
.sameproducts {clear:both;}
.pagefull {clear:both;padding:0;}
.pagefullright {text-align:right;clear:both;padding:0;}
.linespacer {height:10px;clear:both;width:100%;}
.basketform {float:right;width:240px;margin-left:10px;text-align:right;padding-right:10px;}
.basketitem p, .basketitemtop p  {margin-bottom:4px;}
/*div {border:1px solid red;}*/
.securepageheading {width:200px;}
.securelogo {padding-right:20px;padding-bottom:10px;margin-top:-30px;}
#contactform {padding-bottom:20px;}
.hidden {display:none;}
.radio {border:0;background-color:#ffffff;}
input.noborder {
color: #666666;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
background-color : #ffffff;
border-color : #ffffff;
border-width : 0;
border-style : solid;
}
.pagehalf1 {float:left;padding:10px;margin:0px;width:504px;}
.pagehalf2 {float:left;padding:10px;margin:0px;width:239px;}
.pagehalf {float:left;padding:10px;margin:0px;width:327px;}
.clearer {clear:both;}

.basketsectionfull {
float:left;
width : 920px;
margin : 0px;
padding: 0px;
margin-right: 0px;
font-size: 100%;
}

.rangeselection {width:920px;border:1px solid #66CCCC;padding:0;margin-bottom:20px;}

.rangeselection ul {clear:both;list-style:none;padding:4px;margin:0;}

.rangeselection ul li {font-weight:bold;display:inline;float:left;width:155px;list-style:none;padding:2px;margin:0;margin-left:15px;}

.rangeselection .homesectionheader {width:910px;padding-bottom:3px;border-bottom:1px solid #66CCCC;}
.rangeselection .clearer {height:3px;}

.rangesectionnavtop, .rangesectionnavbot {
margin: 0px;
padding: 0px;
padding-bottom: 6px;
padding-top: 6px;
padding-left: 10px;
padding-right: 5px;
float: left;
width: 905px;
background-color: #EAF8F8;
color: #888888;
font-weight: bold;
border-left: 1px solid #66CCCC;
border-right: 1px solid #66CCCC;
}

.rangesectionnavbot {
border-bottom: 1px solid #66CCCC;
border-top: 1px solid #66CCCC;
}

.rangesectionnavtop {
border-top: 1px solid #66CCCC;
border-bottom: 1px solid #66CCCC;
margin-top: 5px;
}

.rangesectioncontainer {
width: 905px;
border-left: 1px solid #66CCCC;
border-right: 1px solid #66CCCC;
margin: 0px;
padding: 0px;
padding-bottom: 6px;
padding-top: 6px;
padding-left: 10px;
padding-right: 5px;
border-bottom: 1px solid #66CCCC;
clear:both;
}

.rangesectionitem {
margin: 0px;
padding: 0px;
padding-bottom: 25px;
padding-top: 12px;
padding-left: 18px;
padding-right: 18px;
float: left;
width: 260px;

}
.addspace {float:left;margin-top:7px;}