body
{
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url('header-bg.png');
  background-repeat: repeat-x;
  font-family: arial;
}

.bodyPopup
{
  margin: 10px;
  padding: 0;
  background-color: #fff;
  font-family: arial;
  background-image: none;
}

.bodyPopup h1
{
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  font-size:18px;
  color: #004C9A;
}

#header h1
{
  margin: 0;
  padding: 0;
}

#header h1 a img
{
  border: 0 none;
}

#search
{
  position: absolute;
  top: 9px;
  right: 0;
}

#search input
{
	position: relative;
	width: 135px;
	height: 10px;
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	border-right: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
	font-size: 10px;	
	top: -13px;
}

#search input.go
{
	height: 32px;
	width: 36px;
	border: 0px;
	position: relative;
	top: 0px;
}

#cards
{
  position: absolute;
  top: 42px;
  right: 0;
}

#tabs
{
  background-image: url(tabs-bg.png);
  background-repeat: repeat-x;
  height: 30px;
  padding-left: 5px;
}

#tabs ul
{
	margin: 0px;
	padding: 0px;
}


#tabs ul li
{
	display: inline;
	float: left;
	background-image: url(tabs-l.png);
	background-repeat: no-repeat;
	height: 30px;
	padding-right: 0px;
	padding: 0px;
}

.selected-tab
{

}

#tabs ul li a
{
	position: relative;
	top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
	padding-bottom: 3px;
	text-align: center;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #004C9A;
	background-image: url(tabs-r.png);
	background-repeat: no-repeat;
	background-position: right;
}

* html #tabs ul li a
{
	padding-top: 10px;
}

#tabs ul li a span
{
	margin-bottom: 3px;
}



#menu
{
	width: 170px;
	margin-top: 30px;
	background-color: #004191;
	background-image: url(menuheader.png);
	background-repeat: no-repeat;
	background-position: top;
	color: white;
	font-size: 10pt;
	float: left;
}





#contentwrapper
{
	border: 2px solid blue;
}

#nav
{
  float: left;
}

#panels
{
  position: absolute;
  top: 0;
  right: 0;
}

#content
{
  margin: 1px 130px 0 180px;
  padding: 5px 10px 0 10px;
  font-family: Tahoma, Sans-Serif;
  font-size: 1em;
  min-height: 300px;
  height: auto;

}

/* for Internet Explorer */
/*\*/
* html #content {
height: 300px;
}
/**/


#footer
{
  clear: both;
  background-image: url(footer-bg.png);
  background-repeat: repeat-x;
  font-family: Tahoma, Sans-Serif;
  font-size: 0.7em;
}

#top
{
	float: right;
	margin-top: 3px;
	padding-right: 5px;
}

#top a
{
  color: #FEFEFE;
  font-weight: bold;
  text-decoration: none;
}

#content h1
{
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  font-size: 1.2em;
  color: #004C9A;
}

#content .panel
{
  margin: 0 0 15px 0;
  background-image: url(panel-bg.png);
  background-repeat: repeat-x;
}

#content .offer-panel
{
  background-image: url(panel-offer-bg.png);
}

#content .panel .title
{
  background-image: url(../images/panel-tr.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#content .offer-panel .title
{
  background-image: url(panel-offer-tr.png);
}

#content .panel .title h2
{
  margin: 3px 8px 3px 3px;
  padding: 0;
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
}

#content .panel .content
{
  margin: 0 3px 3px 3px;
  padding: 0 3px;
  background-color: #fff;
  font-size: 11pt;
}

#content .panel .content p
{
  margin: 2px 0 3px 0;
  font-size: 0.8em;
}

#content .panel .content .thumb
{ 
  margin-top: 3px;
  float: right;
  border: 0px;
}

#content .panel .content a img
{
  border: 0 none;
}

#content .offer-panel table
{
  width: 99%;
  margin: 0 0 8px 0;
  padding: 2px 0 0 0;
}

#content .offer-panel table td
{
  font-size: 0.75em;
  color: #004C9A;
}

#content .offer-panel table td .buy-now
{
  float: right;
  margin: 3px 0 0 0;
  font-size: 10pt;
}




 #sideMenu
 {
   color: white;
   font-family: arial;
   font-size: 9pt;
   font-weight: bold;
   background-color: #004191;
   border-color: #DEDCDC;
   border-width: 0px;
   border-style: solid;
   width: 170px;	
 }

 #sideMenu a
 {
   text-decoration: none;
 }

 #sideMenu .sideMenuHeader
 {
   font-weight: bold;
   color: white;
   font-family: arial;
   font-size: 10px;
   padding-left: 10px;
   border-bottom: 1px solid white;	
  }


 #sideMenu .sideMenuOut
 {
   background-color: transparent;
   border-color: #DEDCDC;
   border-width: 0px;
   border-style: solid;
   cursor: pointer;
   padding-left: 10px;
   border-bottom: 1px solid white;	
   
 }

 #sideMenu .sideMenuTD
 {
      padding-left: 10px;
      border-bottom: 1px solid white;	
 } 

 #sideMenu .sideMenuOver
 {
   background-color: #FFF;
   color: #004C9A;
   border-color: #DEDCDC;
   border-width: 0px;
   border-style: solid;
   cursor: pointer;
   padding-left: 10px;
   border-bottom: 1px solid white;	
 }

.subSideMenuOut
{
   background-color: transparent;
   color: #DDEEFF;
   padding-left: 15px;
   cursor: pointer;
}

.subSideMenuOut a
{
	color: #DDEEFF;
}
 
.subSideMenuOver
{
   color: #DDEEFF;
   padding-left: 15px;
   cursor: pointer;
}

.subSideMenuOver a
{
  color: red;
}



/* Member Panel */

.memberspanel
{
	position: absolute;
	right: 0px;
	top: 135px;
	width: 130px;
	background-image: url(membersbg.png);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
}


.memberspanel .title
{
	background-image: url(membersicon.png);
	background-repeat: no-repeat;
	height: 27px;
}

.memberspanel .title h2
{
	margin: 0px 0px 0px 30px;
	padding: 0;
	padding-top: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
}

.memberspanel form
{
	margin: 0px;
	padding: 0px;
}


.memberspanel table
{
	margin: 4px;
	background-color: white;
	font-size: 8pt;
	color: #004D98;
	width: 122px
}

.memberspanel table td span
{
	padding-left: 4px;
	
}


.memberspanel table input
{
	width: 108px;
	margin: 4px;
	margin-top: 0px;
	height: 12px;
	font-size: 9pt;
}


.memberspanel table td.button
{
	height: auto;
	padding-left: 2px;
	text-align: center;
}

.memberspanel table td.button input
{
	padding: 0px;
	height: 19px;
	margin: 0px;
	width: 101px;
	display: block;
	padding-bottom: 2px;
}




/* Basket Panel */
.basketpanel
{
	position: absolute;
	right: 0px;
	top: 300px;
	width: 130px;
	background-image: url(basketbg.png);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
}

* html .basketpanel
{
	width: 132px;
}




.basketpanel .title
{
	background-image: url(basketicon.png);
	background-repeat: no-repeat;
	height: 27px;
}

.basketpanel .title h2
{
	margin: 0px 0px 0px 30px;
	padding: 0;
	padding-top: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
}

.basketpanel form
{
	margin: 0px;
	padding: 0px;
}


.basketpanel table
{
	margin: 4px;
	background-color: white;
	font-size: 8pt;
	color: #004D98;
}

.basketpanel table td span
{
	padding-left: 4px;
}


.basketpanel table input
{
	width: 110px;
	margin: 4px;
	margin-top: 0px;
	height: 12px;
	font-size: 9pt;
}


.basketpanel table td.button
{
	height: auto;
	padding-left: 2px;
	text-align: center;
}

.basketpanel table td.button input
{
	padding: 0px;
	height: 19px;
	margin: 0px;
	width: 101px;
	display: block;
	padding-bottom: 2px;
}





.spacer
{
	background-image: url(spacer.jpg);
	background-repeat: no-repeat;
	height: 7px;
}

.spacer-end
{
	float: right;
	background-image: url(spacer-end.jpg);
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}


.bspacer
{
	background-image: url(bspacer.jpg);
	background-repeat: no-repeat;
	height: 7px;
}

.bspacer-end
{
	float: right;
	background-image: url(bspacer-end.jpg);
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
	height: 7px;
}


/* Products */
.productStylesHeader, .promotionHeader
 {
  font-family: arial;
  font-size: 12pt;
  color: #004191;
  vertical-align: middle;
  font-weight: bold;
 }
 
 
.productStylesItemHeader
{
  font-family: arial;
  font-size: 9pt;
  color: #C6E7F7; 
  font-weight: bold;
  width: 50%;
  background-color: #7399AD;
} 
 
.productStylesDetailsTitle
 {
  font-family: arial;
  font-size: 9pt;
  color: #089CC6;
  font-weight: bold;
  text-align: right;
  width: 50%;
 }
 
.productStylesDetails
 {
  font-family: arial;
  font-size: 9pt;
  color: #C6E7F7; 
  font-weight: bold;
  width: 50%;
 }
 
.productStylesDescription
 {
  font-family: arial;
  font-size: 9pt;
  color: #004191; 
  padding-left: 15px;
  padding-top: 4px;
 }
 
#productStyles a
  {
   text-decoration: underline;
   font-family: arial;
   font-size: 9pt;
   font-weight: bold;
   background-image: url(prodarrow.jpg);
   background-repeat: no-repeat;
   padding-left: 15px;
   background-position: center left;
   color: #004191;
   text-decoration: none;
  }
  
#productStyles a:hover
  { 
   text-decoration: underline;
  }
  
.productStylesDescriptionNew
 {
  font-family: arial;
  font-size: 9pt;
  color: White; 
  color: #004191;
  background-color: #599BBD;
  background-color: transparent;
  font-weight: bold;

 }

.productsItemHeader
{
	background-color: #004191;
	padding: 5px;
    font-size: 9pt;
	color: white;
	font-weight: bold;
}

.productsDetails
{
    font-size: 9pt;
	color: #000;
	border-bottom: 1px solid black;
	padding: 5px;
}

.strike
{
	text-decoration: line-through;
}

.offerprice
{
	color: red;
}




/* Contact Page */
.contactHeader
 {
  font-family: arial;
  font-size: 12pt;
  color: #004191;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
 }
 
 
.contactDetailsTitle
 {
  font-family: arial;
  font-size: 9pt;
  color: #089CC6;
  color: #004191;
  text-align: left; 

 }
 
.contactDetails
 {
  font-family: arial;
  font-size: 9pt;
  color: #004191; 
  font-weight: bold;
  width: 90%;
 }
 
#contact a
  {
   text-decoration: none;
   color: #004191; 
  }
  
#contact a:hover
  { 
   text-decoration: underline;
  }





/* Profile Page */
#profile
 {
   color: white;	
   font-size: 10pt;
   margin: 10px;
 }

#profile a
  {
   text-decoration: none;
   color: #C6E7F7; 
  }
  
#profile a:hover
  { 
   text-decoration: underline;
  }

.profileText
 {
  color: #004191;
  width: 60%;
  font-size: 12pt;
  font-family: verdana;
 }

.profileHeader
 {
  font-family: arial;
  font-size: 12pt;
  color: #004191;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  width: 500px;
 }
 
 
.profileDetailsTitle
 {
  font-family: arial;
  font-size: 9pt;
  color: #089CC6;
  color: white;
  font-weight: bold;
  text-align: right;
  width: 50%;
  vertical-align: top;
 }
 
.profileTextbox
 {
  font-family: arial;
  font-size: 8pt;
  color: black;
  background-color: #E7EFF7; 
  border-width: 1px;
  border-style: solid;
  border-color: #089CC6;
 } 

.profileButton
 {
  font-family: arial;
  font-size: 8pt;
  color: black;
  background: url('userpass.gif');
  border-width: 0px;
  border-style: solid;
  border-color: #089CC6;
 }
 
.profileDetails
 {
  font-family: arial;
  font-size: 9pt;
  color: #C6E7F7; 
  font-weight: bold;
  width: 50%;
 }




 /* Enquiry */
 #enquiry a
  {
   text-decoration: none;
   color: #C6E7F7; 
  }
  
#enquiry a:hover
  { 
   text-decoration: underline;
  }

.enquiryHeader
 {
  font-family: arial;
  font-size: 12pt;
  color: #004191;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
 }
 
 
.enquiryDetailsTitle
 {
  font-family: arial;
  font-size: 9pt;
  color: #089CC6;
  color: #004191
  font-weight: bold;
  text-align: right;
  width: 50%;
  vertical-align: top;
 }
 
.enquiryTextbox
 {
  font-family: arial;
  font-size: 8pt;
  color: black;
  background-color: #E7EFF7; 
  border-width: 1px;
  border-style: solid;
  border-color: #089CC6;
  width: 300px;
 } 

.enquiryButton
 {
  font-family: arial;
  font-size: 8pt;
  color: black;
  background: url('userpass.gif');
  border-width: 0px;
  border-style: solid;
  border-color: #089CC6;
 }
 
.enquiryDetails
 {
  font-family: arial;
  font-size: 9pt;
  color: #004191; 
  font-weight: bold;
 }
 
  


 /* Comparison Table */
 .comptable .normal a
 {
   font-family: arial;
   font-size: 10pt;
 }

.comptable .normal
 {
   text-align: center;
   border-left: 1px black solid;
   border-right: 0px;
   border-top: 0px;
   border-bottom: 1px black solid;
 }

.comptable .tableheader
 {
   text-align: center;
   text-decoration: italic;
      border-width:0px; 
   border-color: black; 
   border-style: solid;
   font-weight: bold;
   border-left: 1px black solid;   
   border-top: 1px black solid;   
   font-size: 13px;

 }

.comptable .tableGap
 {
   text-align: center;
   text-decoration: italic;
      border-width:0px; 
   border-color: black; 
   border-style: solid;
   font-weight: bold;
   border-left: 1px black solid;   

 }


 .comptable
  {
   border-width:0px; 
   border-color: black; 
   border-style: solid; 
   margin:0px; 
   padding: 0px; 
   font-family: Arial; 
   font-size:8pt;
   background-color: white;
  }

 .insertsDirectData 
 {
   text-align:center;
   border-bottom: 1px black solid;
   border-left: 1px black solid;
 
    font-size:10.0pt;
	font-family:"Arial";
    background-color: #689FBE;
    background-color: #AFC8D7;
 }

.insertsDirectNoData 
 {
    text-align:center;
   border-bottom: 1px black solid;
   border-left: 1px black solid;
   
   font-size:10.0pt;
	font-family:"Arial";
    background-color: #AFC8D7;
 }


.compPageHeader
{
   text-align: center;
   color: white;
   font-size: 14px;
   font-weight: bold;
}





/* Search Page */
.searchHeaderBar, .searchFooterBar
{
	font-size: 10pt;
	background-color: #DDEEFE;
	color: black;
	padding: 2px;
	padding-left: 10px;
}

li.search
{
	font-size: 10pt;
	list-style-type: decimal;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}

#searchAgain .searchAgainText
{
	font-size: 10pt;
	padding-top: 10px;
	color: #004D9B;
}

#searchAgain .searchBox
{
	border: 1px solid black;
}

#searchAgain .searchAgainImg
{
	padding-left: 5px;
	position: relative;
	top: 4px;
}


/* Basket Page - Not Basket Panel */
.basketTable
{
	font-size: 10pt;
	border: 0px;
}

.basketTitle
{
	font-weight: bold;
	color: #004C9A;
	text-align: center;
	border-bottom: 1px solid #004C9A;
}

.basketItem
{
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

.NoLeft
{
	text-align: left;
}


.basketItem input
{
	border: 1px solid black;
	width: 50px;
	text-align: center;
	font-size: 8pt;
}

.basketTotal
{
	text-align: center;
	color: black;
	font-weight: bold;
}

.BasketEmpty, .SearchEmpty
{
	font-size: 10pt;
	text-align: center;
}




/* Checkout Page */
/*
#BuyForm input
{
 float: right;
}
*/



/* Register (Newsletter.asp) Page */
#newsletter 
 {
  font-family: arial;
  font-size: 10pt;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
 }

.newsletterText
 {
   font-family: arial;
  font-size: 10pt;
  color: #FFFFFF;
  vertical-align: top;
 }
 
.newsletterTextbox
 {
  font-family: arial;
  font-size: 8pt;
  color: black;
  background-color: #E7EFF7; 
  border-width: 1px;
  border-style: solid;
  border-color: #089CC6;
  width: 200px;
 } 

.newsletterButton
 {
  font-family: arial;
  font-size: 8pt;
  color: black;
  background: url('userpass.gif');
  border-width: 0px;
  border-style: solid;
  border-color: #089CC6;
 }
 
.newsletterPageTitle
{
  font-family: arial;
  font-size: 12pt;
  color: #004191;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  background-color: transparent;
}

.newsletterText
{
  color: #004191;
}

.newsletterTitle
{
 font-size: 10pt;
 color: #004191;
 font-weight: bold;
}





/* Special Offers Panel */
.specialofferspanel
{
	position: absolute;
	right: 0px;
	top: 300px;
	width: 130px;
	padding-left: 0px;
	background-image: url(spbg.png);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	background-color: #FFB6B6;
}


.specialofferspanel .title
{
	background-image: url(spicon.png);
	background-repeat: no-repeat;
	height: 27px;
}

.specialofferspanel .title h2
{
	margin: 0px 0px 0px 30px;
	padding: 0;
	padding-top: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
}

.specialofferspanel form
{
	margin: 0px;
	padding: 0px;
}


.specialofferspanel table
{
	margin: 4px;
	background-color: white;
	font-size: 8pt;
	color: #004D98;
}

.specialofferspanel table td span
{
	padding-left: 4px;
}


.specialofferspanel table input
{
	width: 110px;
	margin: 4px;
	margin-top: 0px;
	height: 12px;
	font-size: 9pt;
}


.specialofferspanel table td.button
{
	height: auto;
	padding-left: 2px;
	text-align: center;
}


.specialofferspanel table td.pic
{
	width: 40px;
}

.specialofferspanel table td img
{
	border: 0px;
}


.specialofferspanel table td a img.spButton
{
	border: 0px;
	width: 103px;
	height: 20px;
}

.specialofferspanel table td.button input
{
	padding: 0px;
	height: 19px;
	margin: 0px;
	width: 101px;
	display: block;
	padding-bottom: 2px;
}


.specialofferspanel hr
{
	color: #FFB6B6;
	background-color: #FFB6B6;
	height: 1px;

}

.promotionPanel
{
	background: transparent url(promotionbg.gif) repeat-x;
}

.promotionPanel div
{
	background: white;	
	margin: 4px;
	margin-top: 8px;
	color: #004D98;
	padding: 3px 3px 3px 3px;
}

.promotionPanel h2
{
	margin: 0px;
	padding: 0;
	padding-top: 5px;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

.promotionPanel a
{
	display: block;
	text-align: center;	
}

.promotionPanel a img
{
	border: none
}

.promotionPanel p
{
	margin: 5px 0px 5px 0px;	
}

.bodyText
{
	font-size: 80%;	
}

.introText
{
	color:#004191; 
	font-size:12px
}

/* DN 31 July styles added for the checkout forms */
#frmCheckout
{
	color:#004191; 
	font-size:12px
}

#frmCheckout .radio
{
	font-size:12px
}

#Options
{
	padding-bottom:5px;
}

#Options .button
{
	padding-right:5px;
}

#frmCheckout .text
{
	font-size:12px;
	width:150px;
}

#frmCheckout .textnarrow
{
	font-size:12px;
	width:50px;
}

#frmCheckout select
{
	font-size:12px;
}

#frmCheckout table
{
	margin-top:15px;
}

#frmCheckout tr
{
	vertical-align:top;
}

#frmCheckout .label
{
	text-align:right;
	padding-right:15px;
}

#frmCheckout .textarea
{
	font-size:12px;
	width:300px;
	height:50px;
}

.missing
{
	color:red;
	text-align:right;
}

/* 
	DN 01 Aug 2007 - styles for order summary
*/
#orderSummaryTable
{
	font-size:11px;
	color:#004191; 
}

.summaryHeading
{
	color:#004191;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}