/********************************************************************/
/* Override default HTML styles                                     */
/********************************************************************/
body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
}

img
{
  border: 0px;
}

/********************************************************************/
/* Styles for layout and positioning                                */
/********************************************************************/
div.header
{
  width: 100%;
  margin: 0px;
  padding: 0px;
}

div.leftcolumn
{
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  background-color: #FFFFFF;
  border-right: 1px solid #CCCCCC;
}

div.body
{
  margin: 0px 0px 0px 251px;
  padding: 0px;
}

div.clear
{
  clear: both;
}


/********************************************************************/
/* Styles for header                                                */
/********************************************************************/
div.title
{
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-bottom: 6px solid #00667A;
}

div.title div.titleimage
{
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

div.title div.titleimage a
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

div.title img
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

div.title div.titletext
{
  float: right;
  margin: 0px;
  padding: 15px 20px 0px 0px;
  font-size: 2em;
  color: #FF6600;
}

div.title div.titletext a
{
  color: #8A8A8A;
  text-decoration: none;
}

div.info
{
  clear: both;
  margin: 0px;
  padding: 15px 10px 15px 0px;
  border-top: 1px solid #FFFFFF;
  background-image: url(media/banner_background.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  border-bottom: 1px solid #00667A;
}

div.topmenu
{
  float: left;
  width: 255px;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  color: #FFFFFF;
}

div.topmenu ul
{
  margin: -2px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  list-style-type: none;
}

div.topmenu li
{
  margin: 0px;
  padding: 0px 2px 0px 8px;
  display: inline;
}

div.topmenu li.first
{
  margin: 0px;
  padding: 0px;
  display: inline;
}

div.topmenu a
{
  margin: 0px;
  padding: 0px;  
  text-decoration: none;
  font-weight: normal;
  font-size: 0.9em;
  color: #000000;
}

div.header div.info div.text
{
  margin: 0px 0px 0px 255px;
  padding: 5px 0px 0px 10px;  
  font-weight: normal;
  font-size: 0.9em;
  color: #000000;
}

/********************************************************************/
/* Styles for leftcolumn                                            */
/********************************************************************/
div.leftcolumn h3
{
  margin: 0px;
  padding: 0px; 
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: #000000;
}

div.leftcolumn ul
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div.leftcolumn li
{
  margin: 0px;
  padding: 2px 0px 2px 10px;
  color: #525252;
}

div.leftcolumn li ul
{
  margin: 0px;
  padding: 0px 0px 0px 6px;
}

div.leftcolumn a
{
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: normal;
}

/* Basket menu */
div.basketmenu
{
  height: 70px;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  background-color: #00667A;
}

div.basketmenu h3
{
  display: none;
}

div.basketmenu a
{
  color: #FFFFFF;
}

/* Category menu */
div.categorymenu
{
  
}

div.categorymenu h3
{
  border-top: 1px solid #EEEEEE;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #A1A1A1;
  color: #FFFFFF;
}

div.leftcolumn li a.selectedcat
{
  font-weight: bold;
}

/* Left menu */
div.leftcolumn div.leftmenu
{
  padding-bottom: 10px;
}

div.leftcolumn div.leftmenu h3
{
  border-top: 1px solid #EEEEEE;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #A1A1A1;
  color: #FFFFFF;
}

/* Search menu */
div.searchmenu
{
  padding: 10px;
  background-color: #D1D1D1;
}

div.searchmenu h3
{
  display: none;
}

div.leftcolumn form
{
  margin: 0px;
  padding: 5px 0px 5px 0px;
}

div.leftcolumn input.searchtext
{
  float: left;
  margin: 0px 2px 0px 0px;
  height: 1.5em;
  line-height: 1.5em;
  border: 1px solid #666666;
  width: 170px;
}

div.leftcolumn input.searchbutton
{
  height: 1.8em;
  border: 1px solid #666666;
  background-color: #EEEEEE;
  color: #000000;  
}

/* Hack to display the search texzt box correctly in IE */
* html div.leftcolumn input.searchtext
{
  width: 160px;
}

/* Hack to display the search elements correctly in FF */
html>body div.leftcolumn input.searchtext
{
  padding: 3px 0px 0px 0px;
}

html>body div.leftcolumn input.searchbutton
{
  height: 1.9em;
  padding: 2px 0px 3px 0px;
}

/********************************************************************/
/* Styles for body                                                  */
/********************************************************************/
div.body p
{
  margin: 0px;
  padding: 0px;
}

div.body h1, div.body h2, div.body h3, div.body h4, div.body p
{
  margin: 0px;
  padding: 10px 10px 5px 10px;
  font-family: Arial, Helvetica, sans-serif;
}

div.body h1
{
  color: #000000;
  font-size: 1.3em;
  font-weight: bold;
}

div.body h2
{
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
}

div.body h3
{
  color: #000000;
  font-size: 1.1em;
  font-weight: normal;
}

div.body h4
{
  color: #000000;
  font-size: 1em;
  font-weight: normal;
}

div.body ul
{
  list-style-type: none;
  margin: 0px;
  padding: 10px 10px 5px 10px;
}

div.body li
{
  margin: 0px;
  padding: 2px 10px 2px 10px;
}

div.body a
{
  margin: 0px;
  padding: 0px;
  color: #00667A;
  text-decoration: underline;  
}

div.body input, select, textarea
{
  border: 1px solid #AAAAAA;
  padding: 2px;
}

/********************************************************************/
/* Styles for custom content                                        */
/********************************************************************/
div.body div.customcontent
{
  padding: 10px;
  border-left: 1px solid #CCCCCC;
  margin-left: -1px;
}

div.body div.customcontent h1,
div.body div.customcontent h2,
div.body div.customcontent h3,
div.body div.customcontent h4,
div.body div.customcontent h5,
div.body div.customcontent p
{
  margin: 0px;
  padding: 10px 0px 5px 0px;
}

div.body div.customcontent ul
{
  margin: 0px;
  padding: 10px 0px 10px 20px;
  list-style-type: disc;
}

div.body div.customcontent ul li
{
  margin: 0px;
  padding: 2px 0px 2px 0px;
}

div.body div.customcontent div.cat_top_heading h3
{
  margin: 0px;
  padding: 0px; 
}

/********************************************************************/
/* Styles for footer                                                */
/********************************************************************/

div.footer
{
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  background-color: #CCCCCC;
  background-image: url(media/tag_top.gif);
  background-position: 90% 0px;
  background-repeat: no-repeat;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
  color: #FFFFFF;
}

div.footer div.footerlink
{
  background-image: url(media/tag_bottom.gif);
  background-position: 90% 0px;
  background-repeat: no-repeat;
  height: 45px;
  line-height: 40px;
  width: 100%;
  background-color: #00667A;
  font-size: 0.8em;
}

div.footer a
{
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  font-weight: normal;
  color: #FF0000;
}

/********************************************************************/
/* Styles for product display                                       */
/********************************************************************/
div.productbody
{
  float: left;
  border-left: 1px solid #CCCCCC;
  margin-left: -1px;
}

div.categorytopcontent div.cat_top_heading
{
  padding: 0px 0px 10px 0px;
}

div.products
{
  height: auto;
  background-image: url(media/horizontal_border.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;  
}

div.product
{
  float: left;
  width: 250px;
  background-image: url(media/vertical_border.gif);
  background-position: top right;
  background-repeat: repeat-y;
}

/* Product header */
div.productheader
{
  height: 20px;
  padding: 5px 0px 5px 0px;
}

* html div.productheader
{
  height: 30px;
}

div.productheading
{
  margin: 0px;
  text-align: center;
}

div.productheading span.heading_new
{
  font-size: 0.8em;
  font-weight: bold;
  color: #FF0000;
}

div.productheading span.heading_offer
{
  font-size: 0.8em;
  font-weight: bold;
  color: #00667A;
}

div.productheading span.heading_sale
{
  font-size: 0.8em;
  font-weight: bold;
  color: #66CC66;
}

/* Product image */
div.productimage
{
  height: 130px;
  text-align: center;
  padding: 5px 0px 5px 0px;
}

div.productimage img
{
  border: 0px;
}

div.productimage a
{
  border: 0px;
}

/* Product information */
div.productinfo
{
  height: 75px;
  margin: 0px;
  padding: 0px 5px 0px 5px;
  font-size: 0.8em;
}

div.productcode
{
  display: none;
}

div.productcode a
{
  color: #666666;
  text-decoration: none;
}

div.productname
{
  margin: 0px;
  padding: 4px 5px 4px 5px;
  text-align: center;
}

div.productname a
{
  color: #666666;
  text-decoration: none;
}

div.productprice
{
  text-align: center;
}

div.productprice1
{
  float: left;
  width: 49%;
  text-align: center;
}

div.productprice2
{
  float: left;
  width: 49%;
  text-align: center;
}

div.productprice a, div.productprice1 a, div.productprice2 a
{
  color: #525252;
  font-weight: bold;
  text-decoration: none;
}

/* For product controls (not displayed on Orange template) */
div.productcontrols
{
  height: 30px;
  margin: 0px;
  padding: 5px 5px 5px 5px;
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;  
}

div.productviewdetails
{
  display: none;
  text-align: center;
}

div.productaddtobasket
{
  text-align: center;
}

div.productcontrols a
{
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}

/********************************************************************/
/* Styles for expanded product display                              */
/********************************************************************/
div.expandedbody
{
  float: left;
  border-left: 1px solid #CCCCCC;
  margin-left: -1px;
}

div.expandedproduct
{
  width: 100%;
  min-width: 751px;
}

/* Header */
div.expandedheader
{
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

div.expandedname
{
  margin: 0px;
  padding: 10px 10px 5px 10px;
  font-size: 1.1em;
  font-weight: normal;
  color: #000000;
}

div.expandedcode
{
  margin: 0px;
  padding: 0px 10px 10px 10px;
  font-size: 0.8em;
  font-weight: bold;
  color: #666666;
}

/* Product images */
div.expandedimages
{
  float: left;
  width: 45%;
  min-width: 300px;
  padding: 10px 0px 10px 1px;
  text-align: center;
  background-image: url(media/vertical_border.gif);
  background-position: right;
  background-repeat: repeat-y;      
}

div.expandedmainimage
{
  padding: 0px 0px 10px 0px;
}

div.expandedmainimage img
{
  border: 0px;
}

div.expandedmainimage a
{
  border: 0px;
}

div.expandedotherimages
{

}

div.expandedotherimages img
{
  border: 0px;
}

div.expandedotherimages a
{
  border: 0px;
}

/* Product information */
div.expandedinfo
{
  float: left;
  width: 49%;
  margin: 0px 0px 0px -1px;
  padding: 10px;
  background-image: url(media/vertical_border.gif);
  background-position: left;
  background-repeat: repeat-y;    
}

div.expandedpriceheading
{
  padding: 0px 0px 10px 0px;
  font-size: 1.1em;
  font-weight: normal;
  color: #000000;
}

div.expandedprice
{
  
}

div.expandedstock
{

}

/* Related product(s) */
div.relatedproductheading
{
  padding: 15px 0px 10px 0px;
  font-size: 1.1em;
  font-weight: normal;
  color: #000000;
}

div.relatedproduct
{
  clear: both;
  padding: 5px 0px 5px 0px;
}

div.relatedproductimage
{
  float: left;
  width: 70px;
  padding: 0px;
}

div.relatedproductimage img
{
  border: 0px;
}

div.relatedproductimage a
{
  border: 0px;
}

div.relatedproductinfo
{
  margin-left: 75px;
}

div.relatedproductname
{
  
}

div.relatedproductname a
{
  font-size: 0.8em;
}

div.relatedproductprice
{
  font-size: 0.8em;
}

div.relatedproductdesc
{
  font-size: 0.8em;
}

div.relatedproductlink
{

}

div.relatedproductlink a
{
  font-size: 0.8em;
}

/* Product description */
div.expandedheadingdesc
{
  clear: both;
  background-image: url(media/horizontal_border.gif);
  background-position: top;
  background-repeat: repeat-x;
  padding: 10px;
  font-size: 1.1em;
  font-weight: normal;
  color: #000000;
}

div.expandeddesc
{
  padding: 10px 10px 10px 10px;
}

/********************************************************************/
/* Styles for basket display                                        */
/********************************************************************/
div.basketbody
{
  float: left;
  border-left: 1px solid #CCCCCC;
  margin-left: -1px;
}

/* Basket header */
div.basketbody h3.basketheading
{
  font-size: 1.1em;
  font-weight: normal;
  color: #000000;
}

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

div.basketbody h3.basketheadline
{
  padding: 0px 0px 5px 10px;
  font-size: 0.8em;
  font-weight: bold;
  color: #666666;
}

/* Basket controls */
div.baskettopcontrols
{
  display: none;
}

div.basketbottomcontrols
{
  clear: both;
  padding-top: 15px;
}

div.basketcontinue
{
  float: right;
  margin: 0px;
  padding: 10px 10px 15px 10px;
}

div.basketcontinue a
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}

div.basketcheckout
{
  float: right;
  margin: 0px;
  padding: 10px 0px 15px 0px;
}

div.basketcheckout a
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}

/* Basket product header */
div.basketproductlineheader
{
  clear: both;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  height: 1.2em;
  line-height: 1.2em;
  font-size: 0.9em;
  font-weight: bold;
  color: #000000;
  text-align: center;
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

div.basketproductlineheader div.basketimagecol
{
  float: left;
  width: 15%;
  min-width: 85px;
}

div.basketproductlineheader div.basketnamecol
{
  float: left;
  width: 35%;
  text-align: left;
}

div.basketproductlineheader div.basketquantitycol
{
  float: left;
  width: 15%;
  text-align: center;
}

div.basketproductlineheader div.basketpricecol
{
  float: left;
  width: 15%;
}

div.basketproductlineheader div.basketsubtotalcol
{
  float: left;
  width: 15%;
}

/* Basket product */
div.basketproductline
{
  clear: both;
  text-align: center;
  height: 75px;
}

div.basketproductline div.basketimagecol
{
  float: left;
  padding: 5px 0px 5px 0px;
  width: 15%;
  min-width: 85px;
  text-align: center;
}

div.basketproductline div.basketnamecol
{
  float: left;
  padding: 5px 0px 5px 0px;
  width: 35%;
  text-align: left;
}

div.basketproductline div.basketquantitycol
{
  float: left;
  padding: 5px 0px 5px 0px;
  width: 15%;
  text-align: center;
}

div.basketproductline div.basketpricecol
{
  float: left;
  padding: 5px 0px 5px 0px;
  width: 15%;
}

div.basketproductline div.basketsubtotalcol
{
  float: left;
  padding: 5px 0px 5px 0px;
  width: 15%;
}

/* Product controls and quantity input */
div.basketquantitycol div.quantityinput
{

}

div.basketquantitycol div.quantityinput input
{
  width: 50%;
}

div.basketquantitycol div.updatelink
{
}

div.basketquantitycol div.updatelink input
{
  background-color: #FFFFFF;
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #00667A;
  cursor: pointer;
}

div.basketquantitycol div.removelink
{

}

div.basketquantitycol div.removelink a
{
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  color: #00667A;
}

/********************************************************************/
/* Styles for checkout display                                      */
/********************************************************************/
div.checkoutbody
{
  float: left;
  border-left: 1px solid #CCCCCC;
  margin-left: -1px;
}

h3.checkoutheadline
{
  padding-bottom: 0px;
  margin-bottom: 0px;
}

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

div.checkoutorderheading
{
  margin: 0px 0px 10px 0px;
  padding: 15px 10px 10px 10px;
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  font-weight: bold;
  font-size: 1em;
  color: #000000;
}

div.checkoutcustomerheading
{
  margin: 0px 0px 10px 0px;
  padding: 15px 10px 10px 10px;
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  font-weight: bold;
  font-size: 1em;
  color: #000000;  
}

/* Each row of the checkout table */
div.checkoutrow
{
  clear: both;
  padding: 5px 10px 5px 10px; 
  height: 1.2em;
  line-height: 1.2em;
}

div.checkoutcolleft
{
  float: left;
  width: 25%;
}

div.checkoutcolmid
{
  float: left;
  width: 45%;
}

div.checkoutcolright
{
  float: left;
  width: 25%;
}

/* Checkout controls */
div.checkoutcontrols
{
  clear: both;
  width: 100%;
  padding-top: 15px;
}

div.checkoutcontinue
{
  float: right;
  margin: 0px;
  padding: 10px 10px 15px 10px; 
}

div.checkoutcontinue a
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}

div.checkoutbasket
{
  float: right;
  margin: 0px;
  padding: 10px 0px 15px 10px;   
}

div.checkoutbasket a
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}

div.checkoutorder
{
  float: right;
  margin: 0px;
  padding: 10px 0px 15px 10px;
}

div.checkoutorder input
{
  margin: -4px 0px 0px 0px;
  padding: 4px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}

* html div.checkoutorder input
{
  margin: -6px 0px 0px 0px;
  padding: 3px;
}

input.postagesubmit
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;  
}

span.checkouterror
{
  color: #FF0000;
}

/********************************************************************/
/* Styles for order complete display                                */
/********************************************************************/
div.ordercompletebody
{
  float: left;
  border-left: 1px solid #CCCCCC;
  margin-left: -1px;
}

div.ordercompletebody h3.ordercompleteheadline
{
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 15px 10px;
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

/* Each row of the ordercomplete table */
div.ordercompleterow
{
  padding: 5px 10px 5px 10px;
  clear: both;
  height: 1.2em;
  line-height: 1.2em;
}

div.ordercompletecolleft
{
  float: left;
  width: 25%;
  font-weight: bold;
}

div.ordercompletecolmid
{
  float: left;
  width: 25%;
}

div.ordercompletecolright
{
  float: left;
  width: 49%;
}

/* Checkout controls */
div.ordercompletecontrols
{
  clear: both;
  width: 100%;
  padding-top: 15px;
}

div.ordercompletecontinue
{
  float: right;
  margin: 0px;
  padding: 10px 10px 15px 10px;
}

div.ordercompletecontinue a
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}

div.ordercompletebasket
{
  float: left;
  margin: 0px;
  padding: 10px 0px 15px 10px;
}

div.ordercompletebasket a
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}

div.ordercompleteorder
{
  float: left;
  margin: 0px;
  padding: 10px 0px 15px 10px; 
}

div.ordercompleteorder a
{
  padding: 5px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
}