body {background: #C9C url(../img/bg.gif); font:normal 81.25%/1.2  "trebuchet MS", "century gothic",arial,helvetica,sans-serif; padding:0px; margin:10px 0px; text-align:center;}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/

h1{color:#fff; margin: 0 0 15px 0; font-size: 1.7em;}
h1.blue{color:#1D5792; margin: 0 0 15px 0; font-size: 1.7em;}
h2{color:#1D5792; margin: 0 0 15px 0; font-size: 1.3em;}
h3{color:#1D5792; margin: 0 0 15px 0; font-size: 1.2em;}
p, label{color:#1D5792; margin: 0 0 15px 0;}
p.blue{color:#1D5792;font-weight:bold !important; font-size:1.1em !important;}
/* ---------input form stuff ------ */
 input{border: 1px solid #f90; color:#f90; padding:3px; font-size: .8em; line-height:.8em;}	
 input.sf{border: 1px solid #f90; color:#f90; width:120px; }
 input.textfield{border: 1px solid #f90; color:#1D5792; width:120px; margin-bottom: 5px;}
 input.emailfield{border: 1px solid #f90; color:#1D5792; width:350px; }
 input.verysmall{border: 1px solid #f90; color:#1D5792; width:20px; }
 textarea {border: 1px solid #f90; color:#1D5792; width:350px; padding:3px; margin-top: 5px;}
 select{border: 1px solid #f90; color:#f90; height:15px; width:125px; margin:5px 0 ; font-size: .8em; line-height:.8em;}
 select.smallselect{border: 1px solid #f90; color:#f90; height:15px; width:80px; margin-top:5px; font-size: .8em; line-height:.8em;}
 a.button {width:85px; height:18px; line-height:18px; font-size: .9em; color: #f90; text-decoration:none; padding:2px; margin:0 auto; display:block; text-align:center; background: transparent url(../img/button1.gif) no-repeat;}
 a.button:hover{color:#fff !important; background: transparent url(../img/button2.gif) no-repeat;}
 a.linksbutton {width:85px; height:18px; line-height:18px; font-size: .9em; color: #f90; text-decoration:none; padding:2px; margin:0 0 5px 0; float: right; text-align:center; background: transparent url(../img/button1.gif) no-repeat;}
 a.linksbutton:hover{color:#fff !important; background: transparent url(../img/button2.gif) no-repeat;}
 a.buttonsm{width:38px; height:20px; line-height:20px; font-size: .9em; color: #f90; text-decoration:none; display:block; background: url(../img/buttonsm1.gif) no-repeat; text-align:center;}
 a.buttonsm:hover{color:#fff !important; background: url(../img/buttonsm2.gif) no-repeat;}
 a.buttonbig {width:179px; height:18px; line-height:18px; font-size: .9em; color: #f90; text-decoration:none; padding:2px; margin:0 auto; display:block; text-align:center; background: transparent url(../img/button1big.gif) no-repeat;}
 a.buttonbig:hover{color:#fff !important; background: transparent url(../img/button2big.gif) no-repeat;}
  
  #contactform label.contact{margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; margin-top:1px; text-align:right; width:100px; float:left; line-height:12px;}
fieldset {border:solid 1px #f90; width:90%; margin: 0 0 5px 0; padding:10px;}
legend { padding: 5px 10px 10px 15px; color:#93558D;   font-size: 1.3em; line-height:30px;}
 html>body fieldset{margin:0px; }
 
 .searchselect{}

/*-------useful classes---------- */
.shhh{display:none;}
.small{font-size: .8em !important;}
.clear{clear:both; height:1px; font-size:1px; border:none; background:transparent;}
.clearrt{clear:right; font-size:1px; border:none; background:transparent;}
.lt{float:left;}
.rt{float:right;}
a img {border:none;}
.ob{font-weight:bold !important; color:#E03D2C !important; font-size:1.1em !important;}
.r {text-align:right;}
.pad{padding:20px;}

/*-------the banner---------- */
#header{background: url(../img/banner.jpg) top left no-repeat; padding:3px; height:190px; color:#fff;}
#centertext{margin:4px 0 0 305px; display:block; width:200px; text-align:center;}
#centertext p{font-size:1.2em; margin:0px; color:#fff;}
#centertext a{font-size:1.0em; margin:0px; color:#fff;}
#centertext h2{font-size:1.9em; margin:0px; color:#fff;}
#centertext2 {text-align:center; width:400px; margin:70px auto 0 auto; font-family: "century gothic", "trebuchet ms", arial, helvetica, sans-serif; }
  #centertext2 h1{font-size:2em;}
	

#wraper{background:#FFF; width:828px; margin:0 auto; text-align:left;  background: url(../img/bg-content.jpg) top left repeat-y}

/*-------the main content---------- */

table.mainpage{width:655px; display:inline; float:left;}
table.mainpage td{vertical-align:top;}
table.mainpage a{color:#1D5792;}
table.mainpage a:hover{color:#f90;}
table.mainpage td.breadcrumb {color:#1D5792; font-size:.9em;}
  td.breadcrumb a{color:#f90;}
  td.breadcrumb a:hover{color:#1D5792;}
.maincontent{ width:490px;}
.maincontent p.head{color:#1D5792; font-size:1.1em; font-weight:bold;}
 .maincontent table.centertable{width:98%;}
 .maincontent table.centertable td{vertical-align:top;}
 td.first{width:170px;}
 .featureimg p{ color:#843E7C; font-weight:bold; margin-top:-44px; margin-left:25px; line-height:30px;}
 
ul.bluedot{list-style-type:none; margin-bottom: 10px;} 
 ul.bluedot li{background: url(../img/bluedot.gif) left 7px no-repeat; padding-left:20px;}
 
 
.halfwidthbox{width:320px; float:left; font-family:arial,helvitica, sans-serif;}
.demiboxholder{width:315px;}
.demibox{border-left:1px solid #00ADEF; border-right:1px solid #00ADEF;  width:278px;}
.itembox{width:278px; height:95px; padding:10px 0 0 0 ;}
html>body .itembox{width:280px; }
 .itembox .text{width:125px; float:right;}
 .itembox h2{font-size:1em; color: #E03D2C; padding:0 0 5px 0}
 .itembox p{color:#00749F; padding:0 0 5px 0; font-size:.85em;}
 
 table.itemlistpage{width:640px;}
 table.itemlistpage h2{font-size:1em; color: #E03D2C; padding:0 0 3px 0; margin:0;}
 table.itemlistpage p{color:#00749F; padding:0 0 3px 0; font-size:.85em; margin:0;}
 table.itemlistpage td{padding:4px 4px 0 4px;}
 table.itemlistpage td.pic{width:130px;}
 table.itemlistpage td.picsm{width:104px;}
 td.nopad{padding:0 !important; margin:0 !important;}
 
 table.relatedtable {width:640px;}
 table.relatedtable h2{font-size:1em; color: #E03D2C; padding:0 0 3px 0; margin:0;}
 table.relatedtable p{color:#00749F; padding:0 0 3px 0; font-size:.85em; margin:0;}
 table.relatedtable td{padding:10px 4px 10px 4px; border-bottom: 1px dashed #ca98c9; vertical-align: middle;}
 table.relatedtable img {width: 80px; height: 80px;}
 
 
 
 table.smalldisplaytable{margin: 20px 20px 0px 20px; background: url(../img/optonbg.jpg) top right no-repeat;}
 table.smalldisplaytable td{padding:10px; vertical-align:middle;}
 table.smalldisplaytable td p{margin:0; padding:0;}
 table.smalldisplaytable td.nopad {padding:0px;}
 
/*-----------the rounded corner center box---------------*/
  /* Show only to IE PC \*/
* html .cssboxhead h2 {height: 1%;} /* For IE 5 PC */
.cssbox {margin: 10px auto; width: 290px;background: url(../img/sbbody-r.gif) no-repeat bottom right; font-size: 100%; color:#5398DD;}
.cssboxhead {background: url(../img/sbhead-r.gif) no-repeat top right; margin: 0;	padding: 0; text-align: center;}
.cssboxhead h2 {background: url(../img/sbhead-l.gif) no-repeat top left; margin: 0; padding: 5px 10px 10px 15px; color:#93558D;   font-size: 1.3em; line-height:30px; text-align:left;}
.cssboxbody {background: url(../img/sbbody-l.gif) no-repeat bottom left; margin: 0; padding: 3px 25px 10px 35px; color:#1D5792 !important;}
.cssboxbody a{color:#1D5792;}
.cssboxbody a:hover {color:#f90;}

.cssbox2 {margin: 10px auto; width: 475px;background: url(../img/sbbody-r.gif) no-repeat bottom right; font-size: 100%;color:#5398DD;}

.boldncenter{font-weight:bold; text-align:center; font-size:1.1em;}

/*stuff to do with the Paging */
.pages a {font-weight:bold; text-decoration:none;}
.pages table{width:590px; margin:10px 0; }
.pages table td{padding:4px;}
.pages table td.middle{text-align:center; vertical-align:middle;}

/*------- Stuff to do with the Right Column---------- */
.rightcol{text-align:center;}
.rightimg {margin:32px 0 5px 10px; text-align:left;}
.rightimg img{margin-bottom:10px; margin-left: 5px;}

/*-------left column and navigation---------- */
#leftcol{width:170px; float:left; background: url(../img/bg-leftcol.gif) bottom left no-repeat; height:720px; font-size:100%;}
 #leftcol h3{color:#BF4F04; font-size:1.3em; background: url(../img/bg-navheader.gif) top left no-repeat; height:41px; margin: 5px 0 0 5px; padding: 5px 0 0 5px;}

#leftcol ul{color: #4E95DC; font-size: 1.1em; list-style-type:none; margin-bottom:10px;}
 #leftcol ul li{margin:0 0 5px 10px;}
 #leftcol ul li a{display:block; text-decoration:none; color:#843E7C; text-decoration:none; width: 150px; font-weight:bold;}
 #leftcol ul li a:hover{color:#f90;}
 
/*the new fly out css*/
/* common styling */
.menu2{ width:150px; position:relative; height:100px; margin-left:-10px;}
html>body .menu2{margin-left:0px; height:145px;}
.menu2 ul {padding:0; margin:0; list-style-type: none; height:145px; width:150px; }
.menu2 ul li ul {visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:135px; border: 1px solid #f90; padding:5px; margin:0px;}
.menu2 ul li {float:left; position:relative;}
.menu2 ul li a, .menu2 ul li a:visited {display:block; float:left; text-decoration:none; width:150px; height:18px; line-height:17px; background:transparent;}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:150px; w\idth:140px;}

.menu2 table {border-collapse:collapse; border:0; margin:-1px; padding:0; }

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a, .menu2 ul li a:hover{background:#fff; color:#f90;}
.menu2 ul li:hover ul, .menu2 ul li a:hover ul {visibility:visible; position:absolute; height:auto; border:1px solid #f90; background:#fff; overflow:visible;  font-size:1em !important;}
.menu2 ul li:hover ul li a, .menu2 ul li a:hover ul li a{display:block; background:transparent; color:#fff; line-height:15px; padding:0 0 5px 0; height:auto; text-decoration:none;}
.menu2 ul li:hover ul li:hover a, .menu2 ul li a:hover ul li a:hover {background:#fff; color:#f90;}
/*--for a third level*/
.menu2 ul li:hover ul li ul, .menu2 ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;}
.menu2 ul li:hover ul li:hover ul, .menu2 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;}
.menu2 ul li:hover ul li:hover ul li a, .menu2 ul li a:hover ul li a:hover ul li a {display:block; background:transparent; color:#ff0;}
.menu2 ul li:hover ul li:hover ul li:hover a, .menu2 ul li a:hover ul li a:hover ul li a:hover {background:#eee; color:#000;}

 
/*-------footer------- */ 
#footer{background: url(../img/bg-footer.jpg) top left no-repeat; height:46px; color:#fff; text-align:center; font-size:1.3em; line-height: 40px;}
#footer p{padding:0px; margin:0px;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{color:#4e95dc;}	
.subfooter{font-size:.85em;}

.viewerlink
{
	color:#1D5792;font-weight:bold !important; font-size:1em !important;	
}

/*------terms-------*/
ul.plain {color:#1D5792; margin: 15px 10px 15px 20px;}
ul.plain strong {font-weight: bold; font-style: italic;}
ol.terms {color:#1D5792; margin: 15px 10px 15px 20px; list-style-type: decimal; font-weight: bold; padding-left: 5px;}
ol.terms ol {color:#1D5792; margin: 0px 10px 0px 30px; list-style-type: lower-roman; font-weight: normal;}
ol.terms ol ol {color:#1D5792; margin: 0px 10px 0px 40px; list-style-type: lower-alpha; font-weight: normal;}
ol.terms ol ul {color:#1D5792; margin: 0px 10px 0px 40px; font-weight: normal;}

/*------postage-------*/
ol.postage {color:#1D5792; margin: 15px 10px 15px 20px; list-style-type: decimal; padding-left: 5px;}
ol.postage ol {color:#1D5792; margin: 0px 10px 0px 30px; list-style-type: lower-alpha;}

/*------swap tips-------*/
.partytips {margin: 10px 10px 10px 0px; border-bottom: 1px dashed #843e7c;}
.partytips p {color:#1d5792;}
.partytips .name {font-weight: bold;}

/*------testimonials-------*/
.testimonial {margin: 10px 10px 10px 0px; border-top: 1px dashed #843e7c; background: url(../img/quote-bottom.gif) no-repeat bottom right; padding: 10px 40px 0px 0px;}
.testimonial p {color:#1d5792; padding: 0px 0px 0px 40px; margin: 0px 0px 0px 0px; background: url(../img/quote-top.gif) no-repeat top left; text-align: justify;}

.testimonial .name {font-weight: bold;}


#cart {width: 170px; height: 95px; padding: 0px; background: transparent url(../img/cart.gif) no-repeat top left; padding-top: 20px;}
#cart p {font-weight: bold; font-size: 10pt; line-height: 20px; margin: 5px 0px 5px 30px; }
#cart a {font-weight: bold; color: #1d5792;}
#cart a:hover {color:#ff9900;}

h2.related {border-top: 1px solid #ca98c9; border-bottom: 1px dashed #ca98c9; padding-top: 15px; margin-top: 20px; padding-bottom: 20px; margin-bottom: 0px;}

p.pages {text-align: center; margin: 15px 0px; font-weight: bold; padding-right: 20px;}
.pages a {padding: 2px 5px; background-color: #ffffff; border: 1px solid #ffffff;}
.pages a:hover, .pages a.current {color: #ffffff !important; background-color: #fd9800; border: 1px solid #ca98c9;}
td.links {border-bottom: 1px dashed #ca98c9;}
h3.linkscategory {margin-top: 15px; margin-bottom: 5px; background: url(../img/orangefade.gif) repeat-y; padding: 3px 0px 3px 5px;}
a.arrowlink {background: url(../img/arrow.gif) no-repeat center left; padding: 20px;}
 table.itemlistpage p.arrowp {margin-bottom: 5px;} 
 
.rightimg img.guaranteefront {margin-left: 1px; padding-top: 10px;}
 .guaranteeprod {margin-top: 20px;}