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

img
{
  border: 0px;
}

/********************************************************************/
/* Styles for layout and positioning                                */
/********************************************************************/
div.header
{
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #E98400;

}

div.leftcolumn
{
  float: left;
  width: 225px;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  background-image: url(media/vertical_border.gif);
  background-position: right;
  background-repeat: repeat-y;   
}

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

div.footer
{
  clear: both;
  margin: 0px;
  padding: 5px 10px 5px 5px;
  background-image: url(media/horizontal_border.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  text-align: right;
  font-size: 0.8em;
}

div.clear
{
  clear: both;
}

/********************************************************************/
/* Styles for header                                                */
/********************************************************************/
div.title
{
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #E98400;
}

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

html>body div.title div.titleimage
{
  margin-bottom: -3px;
}

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

div.title div.titletext
{
  float: left;
  margin: 0px;
  padding: 5px 0px 0px 20px;
  font-size: 2em;
  line-height: 1.8em;
  background-color: #E98400;
}

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

div.info
{
  clear: both;
  margin: 0px;
  min-height: 30px;
  line-height: 30px;  
  padding: 5px 10px 5px 0px;
  background-color: #FFD7A3;  
}

/* Top menu is not displayed in this template */
div.topmenu
{
  display: none;
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
}

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

div.topmenu li
{
  margin: 0px;
  padding: 0px 2px 0px 8px;
  display: inline;
  background-image: url(media/menu_divider.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;  
}

div.topmenu li.first
{
  margin: 0px;
  padding: 0px;
  display: inline;
  background-image: url();
}

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

div.text
{
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 10px;  
  font-weight: bold;
  font-size: 0.9em;
  color: #985600;
}

/********************************************************************/
/* Styles for leftcolumn                                            */
/********************************************************************/
div.leftcolumn h3
{
  margin: 0px;
  padding: 10px 0px 2px 0px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.1em;
  color: #93C632;
}

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

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

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

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

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

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 #CCCCCC;
  width: 130px;
}

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

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

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

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

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

/* 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: Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

div.body h4
{
  color: #93C632;
  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: #3297C6;
  text-decoration: underline;  
}

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

/********************************************************************/
/* Styles for custom content                                        */
/********************************************************************/
div.body div.customcontent
{
  padding: 10px;
  margin-left: -1px;
  background-image: url(media/vertical_border.gif);
  background-position: left;
  background-repeat: repeat-y;  
}

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 a
{
  text-decoration: none;
  font-weight: bold;
  color: #FF0000;
}

/********************************************************************/
/* Styles for product display                                       */
/********************************************************************/
div.productbody
{
  float: left;
  margin-left: -1px;
  background-image: url(media/vertical_border.gif);
  background-position: left;
  background-repeat: repeat-y;  
}

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;  
  margin: 0px 0px -1px 0px;
}

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: #3297C6;
}

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

/* 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: 90px;
  margin: 0px;
  padding: 0px 5px 0px 5px;
  font-size: 0.8em;
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;  
}
/* Bottom border added to div.productinfo only on Orange template */

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
{
  display: none;
  height: 40px;
  margin: 0px;
  padding: 5px 5px 5px 5px;
  background-image: url(media/horizontal_border.gif);
  background-position: bottom;
  background-repeat: repeat-x;  
}

div.productviewdetails
{
  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;
  margin-left: -1px;
  background-image: url(media/vertical_border.gif);
  background-position: left;
  background-repeat: repeat-y;
}

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

/* Header */
div.expandedheader
{
  width: 100%;
  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: #93C632;
}

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: #93C632;
}

div.expandedprice
{
  
}

div.expandedstock
{

}

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

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 10px 10px 10px;
  font-size: 1.1em;
  font-weight: normal;
  color: #93C632;
}

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

/********************************************************************/
/* Styles for basket display                                        */
/********************************************************************/
div.basketbody
{
  float: left;
  margin-left: -1px;
  background-image: url(media/vertical_border.gif);
  background-position: left;
  background-repeat: repeat-y;
}

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

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;
  width: 100%;
  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: #3297C6;
}

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: #3297C6;
}

/* Basket product header */
div.basketproductlineheader
{
  width: 100%;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 10px 0px;
  font-size: 0.9em;
  font-weight: bold;
  height: 1.2em;
  line-height: 1.2em;
  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;
}

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
{
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  color: #3297C6;
}

div.basketquantitycol div.removelink
{

}

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

/********************************************************************/
/* Styles for checkout display                                      */
/********************************************************************/
div.checkoutbody
{
  float: left;
  margin-left: -1px;
  background-image: url(media/vertical_border.gif);
  background-position: left;
  background-repeat: repeat-y;
}

div.checkoutbody 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: #3297C6;
}

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: #3297C6;
}

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

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

* 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: #3297C6;  
}

span.checkouterror
{
  color: #FF0000;
}

/********************************************************************/
/* Styles for order complete display                                */
/********************************************************************/
div.ordercompletebody
{
  float: left;
  margin-left: -1px;
  background-image: url(media/vertical_border.gif);
  background-position: left;
  background-repeat: repeat-y;
}

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
{
  clear: both;
  padding: 5px 10px 5px 10px; 
  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: #3297C6;
}

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: #3297C6;
}

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: #3297C6;
}