/********************************************************************/
/* Styles for easy timplate editing                                */
/********************************************************************/
body {}
div.container 
{}
div.header2 { background:url(media/bg1.jpg) top right no-repeat}
div.header {background:url(media/bg2.jpg) top right repeat-x}
div.title {height:79px; }
/*div.body {background:#ffffff url(media/border.gif) top left repeat-y;}  */
div.body 
{background:#ffffff;}

div.body 
{border-top:4px solid #d867a2; 
border-left:4px solid #d867a2; 
border-bottom:4px solid #d867a2;}
div.expandedinfo 
{border-left:1px solid #d867a2;}
div.basketproductline
{border-bottom:1px dotted #d867a2;}
div.product
{border-top:1px dotted #d867a2 ;}

div.basketproductlineheader, div.expandedimages 
{border-bottom:1px solid #d867a2;}
div.leftcolumn li a.selectedcat, li.categoryiteminner, div.categorymenu h3, div.basketmenu
{background:#d867a2;}

div.leftmenu {border-bottom:20px solid #627a40;}
div.leftmenu li, div.text, div.searchmenu, div.footer {background:#627a40;}
 
a {color:#0000cc;} a:hover {text-decoration:underline;}
body, div.leftcolumn h3, div.categorymenu h3, div.leftcolumn input.searchbutton, div.body h1, div.body h2, div.body h3, div.body h4, div.relatedproduct a 
{color: #000000;}
 div.basketmenu a, div.footerlink a, div.categoryheading h1  {color: #ffffff;}

div.title div.titletext a {color: #b94380;}

div.leftcolumn li a.selectedcat {color: #ffffff;}

div.leftmenu a, div.text, div.footer a {color: #ffffff;}
div.productprice1 
{border-right:1px solid #000000;}

div.leftcolumn li a.selectedcat, div.categorymenu h3 {color: #ffffff;}

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

div.container
{
  margin: 0;
}

img
{
  border: 0px;
}

a
{
text-decoration:none;
}

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

}

div.header2
{
  width: 100%;
  margin: 0px;
  padding: 0px;

}

div.leftcolumn
{
  float: left;
  width: 240px;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}

div.body
{
  margin: 0px 0px 0px 240px;
  padding-left: 5px;
min-height:350px;
}

div.clear
{
  clear: both;
}


/********************************************************************/
/* Styles for header                                                */
/********************************************************************/
div.title
{
  width: 100%;
  margin: 0;
  padding: 0px;
height:118px;
}

div.title div.titleimage
{
  float: left;
  margin: 3px 0 0 10px;
  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: left;
  margin: 0px;
  padding: 18px 10px 6px 20px;
  font-size:30px;
font-style:italic;
}

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

div.leftmenu
{
float:left;
  margin-top: 0;
  width:100%;
}

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

div.leftmenu li
{

}

div.leftmenu ul.topmenu li
{
  padding: 2px 6px 5px 6px;
  margin: 0 5px 0 0;
  display: inline;
}

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

div.topmenu ul li a, div.leftmenu ul li a
{
  margin: 0px;
  padding: 0px;
  font-weight:bold;
}

div.leftmenu h3 
{
display:none;
margin:0;
padding:0;
}

div.header div.info
{

}

div.text
{
padding:10px 10px 20px 10px;

}

div.titleimage
{
display:none;
}

/********************************************************************/
/* Styles for leftcolumn                                            */
/********************************************************************/
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
{

}

/* Basket menu */
div.basketmenu
{
  margin: 0px;
  padding: 2px 0 2px 0;
  text-align:right;
}

div.basketmenu ul
{
margin:0 15px 0 0;
padding:0;
}

div.basketmenu ul li
{
display:inline;
margin-left:10px;
}

div.basketmenu ul li a
{

}

div.basketmenu h3
{
  display: none;
}

div.basketmenu a
{

}

/* Category menu */

div.categorymenu
{

}

div.categorymenu h3
{
font-weight:normal;
  font-size:20px;
  padding:3px 0 3px 10px;
  margin:0 0 20px 0;
}

div.categorymenu a
{
  font-weight:normal;
}

div.categorymenu a.rootcatlink
{
  font-weight:bold;
}

div.categorymenu ul
{
margin-bottom:20px;
}

div.categorymenu ul li
{
line-height: 100%;
padding-bottom:0;
margin-bottom:3px;
}

div.categorymenuitem ul
{
margin:0 0 5px 0;
}

div.categorymenu li.categoryiteminner
{
line-height: 100%;
padding-bottom:0;
margin-bottom:0;
}

div.leftcolumn li a.selectedcat
{
  font-weight: bold;
  display:block;
  width:99.5%;
  padding:2px;
margin:0;
}

div.leftcolumn li a
{

  display:block;
  width:99.5%;
  padding:2px;
margin:0;
}

li.categoryitem
{
margin:0;
}

li.categoryitem a
{

}

li.categoryiteminner
{
background:url(media/arrow_black.gif) top left no-repeat;
}


/* Left menu */
div.leftcolumn
{
  padding: 0 0 5px 0;
  margin: 0;
}

/* Search menu */
div.searchmenu
{
  padding: 0 0 5px 10px;
}

div.searchmenu h3
{
  display: none;
}

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

div.leftcolumn input.searchtext
{
  float: left;
  margin: 0px 2px 0px 0px;
  border: 1px solid #666666;
  width: 150px;
}

div.leftcolumn input.searchbutton
{
  border: 1px solid #666666;
  background-color: #EEEEEE; 
  margin: 0px 2px 0px 0px;
}

/* 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-size:20px;
  
}

div.body h1
{
  font-weight: bold;
    font-size:16px;
}

div.body h2
{
  font-weight: bold;
}

div.body h3
{
  font-weight: normal;
}

div.body h4
{
  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
{

}

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

/********************************************************************/
/* Styles for custom content                                        */
/********************************************************************/
div.body div.customcontent
{
padding:10px;
}

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: 0;
  padding: 10px 0px 5px 0px;
  text-align: center;
}

div.footer a
{
  margin: 0px;
  padding: 0px;
  color:#ff0000;
}

/********************************************************************/
/* Styles for product display                                       */
/********************************************************************/
div.productbody
{
padding:5px 5px 15px 5px;
}

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

div.products
{

}

div.product
{
  float: left;
  width: 225px;
	margin:5px 0 0 0; 
	padding:0;

}

div.relatedproductlink 
{
display:none;
}

/* Product header */
div.productheader
{
  padding: 0;
}

* html div.productheader
{
}

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

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

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

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

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

div.productimage img
{
  border: 0px;
}

div.productimage a
{
  border: 0px;
}

/* Product information */
div.productinfo
{
  height: 75px;
  margin: 0px;
  padding: 0px 5px 0px 5px;
}

div.productinfo a
{
color:#000000;
}

div.productcode
{
  display: none;
}

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

div.productprice
{
  text-align: center;
}

div.productprice1
{
  float: left;
  width: 100px;
  text-align: right;
  padding-right:5px;
}

div.productprice2
{
  float: left;
  width: 100px;
  text-align: left;
  padding-left:5px;
}

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

/* For product controls (not displayed on Orange template) */
div.productcontrols
{
  margin: 0px;
  padding: 5px 5px 5px 5px;
  display:none;
}

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

div.productaddtobasket
{
  text-align: center;
}

div.productcontrols a
{
text-decoration:underline;
}

/********************************************************************/
/* Styles for expanded product display                              */
/********************************************************************/
div.expandedbody
{

}

div.expandedproduct
{
}

/* Header */
div.expandedheader
{

}

div.expandedname
{
  margin: 0px;
  padding: 10px 10px 5px 10px;
  font-weight: bold;
  font-size: 20px;
  width:90%;
}

div.expandedcode
{
  margin: 0px;
  padding: 0px 10px 10px 10px;
}

/* Product images */
div.expandedimages
{
  width: 370px;
  padding: 10px 0px 10px 1px;
  text-align: center;
  float:left;
   
}

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;
  padding-left:10px;
}

div.expandedpriceheading
{
  padding: 0px 0px 10px 0px;
    font-weight: bold;
	  font-size: 18px;
}

div.expandedprice
{
    font-weight: bold;
}

div.expandedstock
{
margin-top:10px;
}

div.expandedstock a
{
font-weight:bold;
text-decoration:underline;
}

/* Related product(s) */
div.relatedproductheading
{
  padding: 15px 0px 10px 0px;
  font-weight: bold;
  font-size:18px;
}

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
{
}

div.relatedproductprice
{

}

div.relatedproductdesc
{
font-weight:bold;
}

div.relatedproductlink
{

}

div.relatedproductlink a
{
}

/* Product description */
div.expandedheadingdesc
{
  padding: 10px;
  font-size:18px;
  font-weight:bold;
  float:left;
  width:90%;
}

div.expandeddesc
{
  padding: 10px 10px 10px 10px;
    float:left;
  width:90%;
}

/********************************************************************/
/* Styles for basket display                                        */
/********************************************************************/
div.basketbody
{
  float: left;
}

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

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

div.basketbody h3.basketheadline
{
  padding: 0px 0px 5px 10px;
}

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

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

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

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

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

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

/* Basket product header */
div.basketproductlineheader
{
  clear: both;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  height: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

div.basketproductlineheader div.basketimagecol
{
  float: left;
}

div.basketproductlineheader div.basketnamecol
{
  float: left;
  width: 200px;
  text-align: left;
}

div.basketproductlineheader div.basketquantitycol
{
  float: left;
  width: 85px;
  text-align: center;
    margin-left:100px;
}

div.basketproductlineheader div.basketpricecol
{
  float: left;
  width: 120px;
}

div.basketproductlineheader div.basketsubtotalcol
{
  float: left;
  width: 120px;
}

/* Basket product */
div.basketproductline
{
  clear: both;
  text-align: center;
  height: 80px;
    margin-top:6px;
}

div.basketproductline div.basketimagecol
{
  float: left;
  padding: 5px 0px 5px 0px;
  width: 100px;
  text-align: center;
}

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

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

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

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

/* Product controls and quantity input */
div.basketquantitycol div.quantityinput
{
  width: 85px;
}

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

div.basketquantitycol div.updatelink
{
}

div.basketquantitycol div.updatelink input
{
  background-color: #FFFFFF;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  text-decoration:underline;
  cursor: pointer;
  color:#0000cc;
}

div.basketquantitycol div.removelink
{

}

div.basketquantitycol div.removelink a
{
  font-weight: bold;
  color:#ff0101;
  text-decoration:none;
}

/********************************************************************/
/* Styles for checkout display                                      */
/********************************************************************/
div.checkoutbody
{
  float: left;
  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;
  font-weight: bold;
  color: #000000;
}

div.checkoutcustomerheading
{
  margin: 0px 0px 10px 0px;
  padding: 15px 10px 10px 10px;
  font-weight: bold;
  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: 200px;
}

div.checkoutcolmid
{
  float: left;
  width: 150px;
}

div.checkoutcolright
{
  float: left;
  width: 150px;
}

/* Checkout controls */
div.checkoutcontrols
{
  clear: both;
  margin-top: 25px;
  
}

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

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

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

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

div.checkoutorder
{
  float: left;
  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-weight: bold;
  color: #000000;
}

* 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-weight: bold;
  color: #000000;  
}

span.checkouterror
{
  color: #FF0000;
}

/********************************************************************/
/* Styles for order complete display                                */
/********************************************************************/
div.ordercompletebody
{
  float: left;
}

div.ordercompletebody h3.ordercompleteheadline
{
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 15px 10px;
}

/* 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: 200px;
  font-weight: bold;
}

div.ordercompletecolmid
{
  float: left;
  width: 150px;
}

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

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

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

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

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-weight: bold;
  color: #000000;
}

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-weight: bold;
  color: #000000;
}

input.postagesubmit {display:none;}