/*
Lemontwist Web Development

File last edited on: 8th Jan 08
By: Mark1
Last Change:
Notes: 

*/

body
{
    font-family: Arial, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    margin:0px;
    padding:0px;
    background-image: url("site_images/gradBG.jpg") ;
    background-position: top left;
    background-repeat: repeat-x;
}

.boxText { font-family: Arial, sans-serif; font-size: 12px; color: #4F4F4F;}

.products_spec {
	font-family: Arial, Arial, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	vertical-align: top;
}
.products_spec_header {
	font-family: Arial, Arial, sans-serif;
	font-size: 12px;
	vertical-align: top;
	color: #fff;
	font-weight: bold;
	background-color: #FD9800;
}


h1
{
	font-family: Arial;
	font-size:10px;
	color: #000000;
	font-weight:normal;
}

table
{
	font-family:arial;
	font-size:12px;
}

h2
{
	font-family: Arial;
	font-size:14px;
	color: #0E6FC7;
	font-weight:bold;
}



.boxText li
{
	font-size: 15px;
}
.errorBox { font-family : Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 10px; color: #ff0000; font-weight : bold; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 10px; color: #ff0000; text-decoration: underline; }


#wrapper {
    background:none repeat scroll 0 0 #FFFFFF;
    display:block;
    float:left;
    width:1000px;
    margin:0 auto;
    text-align:left;
}

.contentHolder
{
    margin:0 auto;
    background:none repeat scroll 0 0 #FFFFFF;
    border-left:1px solid #2C8BC8;
    border-right:1px solid #2C8BC8;
    display:block;
    width:1000px;
}

* html body #wrapper
{
    width: 1000px;
    text-align:center;
}


A {
  color: #0067c4;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
}

A:hover {
  color: #F4921C;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #334475;
}

TD.headerNavigation, .headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: #334475;
  color: #ffffff;
  font-weight : bold;
}

TD.headerTop, a.headerTop, a.headerTop:hover {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color:#ffffff;
  font-weight : bold;
  padding:2px;
}

a.headerTop:hover
{
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #F49634;
  background-color:#ffffff;
  font-weight : bold;
  padding:2px;
}

A.headerNavigation {
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
  text-decoration: underline;
}

.tblcellwhblktxt{
	color: #000000;
	background-color: #ffffff;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal
}
.tblcellwhbolddrdtxt
{
	color: #000000;
	background-color: #ffffff;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold

}
.tblcellgr{
	color: #000000;
	background-color: #e4e4e4;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal
}
.tblcellwhboldblktxt{
	color: #000000;
	background-color: #ffffff;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}
.tblcellgrbold{
	color: #000000;
	background-color: #e4e4e4;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}

a.prodLink
{
color: #0e6fc7;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none; 
}

a.prodLink:hover
{
color: #F49634;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
}


a.prodLink:active
{
color: #F49634;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
}


a.prodLinkOver
{
color: #F49634;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none; 
}

a.prodLinkOver:hover
{
color: #0e6fc7;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
}


a.prodLinkOver:active
{
color: #F49634;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
}



TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.footer, a.footer {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #0472BC;
}

a.footer:hover {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #0472BC;
  font-weight: bold;
}

.infoBox {
	background-color: #cee4f2;
	border:1px;
	border-top:0px;
	border-style:solid;
	border-color:#7eb2e4;
	
}


.formTable
{
	background: #ffffff;
}

.infoBoxContents {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #0067c4;
}

.formHeading
{
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: #ffffff;
  color: #F4921C;
  text-align: left;

}

.cartHeading
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
  background: #ffffff;
  color: #F4921C;
}


.infoBoxRight
{
	background: #ffffff;
	border:1px;
	border-top:0px;
	border-bottom: 0px;
	border-style:solid;
	border-color:#fecc99;
	width:148px;
}

.infoBoxContentsRight
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000000;

}

.tracking
{
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #0067c4;
  padding:5px;
  font-weight: bold;
  text-transform: uppercase;
}

.recentlyViewed
{
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  padding:3px;
}

a.WHITElink
{
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #0067c4;
  padding:3px;
}


A.WHITElink:hover
{
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #ff9933;
}

.trackField
{
	border:1px;
	border-style:solid;
	border-color:#F49634;
	padding:3px;
	font-weight: normal;
	font-size:10px;
	margin-top:4px;
}

.registerField
{
	border:1px;
	border-style:solid;
	border-color:#cccccc;
	padding:1px;
	font-weight: normal;
}

.infoBoxRightLine
{
	border:0px;
	border-top:1px;
	border-top-style: solid;
	border-top-color:#ffcc99 ;
}

.infoBoxNotice {
  background: #E5E5E5;
}

.infoBoxNoticeContents {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {

  font-family: Arial, sans-serif;
  font-size: 12px;
  background-color: #CEE4F2;
  color: #0067c4;
  text-align: center;
  	border:1px;
	border-top:0px;
	border-bottom:0px;
	border-style:solid;
	border-color:#7eb2e4;
}

TD.pageHeadingMain
{
  font-family: Verdana, sans-serif;
  font-size: 14px;
  color: #F49634;
  	border:0px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}


.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: #6F9EA6;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #ff6600;
}

A.pageResults:hover {
  color: #663399;
}

A.recentlyViewed:hover
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}


TD.pageHeading, DIV.pageHeading,.pageHeading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color:#334475;
	text-align:left;

}

.productHeading
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px;
	color: #334475;
	text-decoration: none;
	font-weight: bold;
	text-align:left;
}

.productPrice{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F49634;
	text-decoration: none;
	font-weight: bold;
}
.price{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F7931D;
	text-decoration: none;
	font-weight: bold;
}
TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

.main, td.main, p.main, TD.smallText, SPAN.smallText, P.smallText{
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

SPAN.stockLevel
{
font-family: Arial, sans-serif;
  font-size: 12px;
  color: #0E6FC7;
  text-transform: capitalize;
  font-weight:bold;
}

.stockLevelSmall
{
font-family: Arial, sans-serif;
  font-size: 12px;
  color: #0E6FC7;
  text-transform: capitalize;
  font-weight:normal;
}

a.main {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
}

TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.fieldValue {
  font-family: Arial, sans-serif;
  font-size: 12px;
}
TD.tableHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #0472BC;
}

.newItemInCart
{

 font-family: Arial, sans-serif;
  font-size: 12px;
  color: #0472BC;
}


CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, sans-serif;
  font-size: 12px;
}
TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ff6600;
  font-weight: bold;
}
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ff6600;
}

.moduleRow { }
.moduleRowOver { background-color: #ffffff; }
.moduleRowSelected { background-color: #f4f4f4; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 12px; color: #333333; }

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; padding:5px;font-size: 12px; background-color: #DFB5B7;}
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 12px; background-color: #B5DFB7; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 13px; color: #0472BC; }

/* category navs */
.categoryNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4F4F4F;
	background: #F4E6AB;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6D91B5;
}
a.categoryNav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4F4F4F;
	text-decoration: underline;
	background: #F4E6AB;
}
.categoryNavOn {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ff6600;
  background: #F4E6AB;
}

/*product images*/
.productImage {
  border: 0px;
  border-style: solid;
  border-color: #333333;
  border-spacing: 0px;
}
/* contents */
.contents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* background */
.highlight {
	border: 1px dotted #B0A3C2;
}
.column_background {
background-color: #ffffff;

}
 .outline_l {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}
.outline_r {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}
.description {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  padding-left: 2em;
  padding-right: 2em;
}
.CategoryIN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0067c4;
	text-decoration: none;
	margin-left:4px;
}
a.CategoryIN:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f49634;
	font-weight : bold;
	text-decoration: none;
}
.CategoryON {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f49634;
	text-decoration: none;
	margin-left:4px;
}



.pf_div {
background-color: #f3f3f3;
border: solid 2px #e5e5e5;
padding: 10px;
font-size: 12px;
margin: 10px 0 0 0;
width: auto;
font-family: Arial, sans-serif;
}

.hiddenDiv {
display: none;
}

#orangeBar
{
	width:98%;
	height:6px;
	padding:0px;
	margin-left:1%;
	margin-right:1%;
	background-color: #F49634;
}

#blueBar
{
	background-image: url("site_images/blu_grad.gif");
	width:98%;
	height:32px;
	padding:0px;
	margin-left:1%;
	margin-right:1%;
	vertical-align: middle;
}


.spacer
{
	height: 10px;
}



.ingram_report {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	border:solid thin #F49634;
	padding: 4px;
	margin: 6px;
	background-color: white;
}

.orangeTabs{
padding:0px;
margin:0px;
}

.dropDown{
position:absolute;
top: 0;
margin:0px;
padding-top:0px;
padding-left:10px;
padding-right:10px;
font:normal 10px Arial;
line-height:18px;
background-color:#fec387 ;
width: 130px;
visibility: hidden;
border:1px;
border-style:solid;
border-color:#f49634;
border-top:0px;
text-align:left;
}


.dropDown a{
width: 130px;
display: block;
padding: 2px 0;
font-weight: normal;
text-decoration: none;
color: black;
}

* html .dropDown a{
width: 100%;
}

.dropDown a:hover{ 
background-color:#fec387 ;
color:#0472BC;
font-weight:normal;
}



    #orangeTabs {
      width:100%;
      background:#ffffff;
      line-height:normal;
      margin:0px;
      padding:0px;
      }
    #orangeTabs ul {
	  margin:0;
	  padding-top:10px;
	  list-style:none;
	  margin-left:10px;
      }
    #orangeTabs li {
      display:inline;
      margin:0;
      padding:0;
      background-color: #ffffff;
      }
    #orangeTabs a {
      float:right;
      background:url("site_images/orLeft.gif") no-repeat left top;
      background-color: #FEC387;
      margin:0 0 0 2px;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #orangeTabs a span {
      float:left;
      display:block;
      background:url("site_images/orRight.gif") no-repeat right top;
      background-color: #FEC387;
      padding:5px 15px 4px 6px;
      color:#000000;
      font-family:Arial;
      
      font-size:10px;
      font-weight: normal;
      }
      
    /* Hide rule from IE5-Mac \*/
    #orangeTabs a span {float:none;}
    /* End Hide Rule */
    
    #orangeTabs a:hover span {
      color:#0072bb;
      }
    #orangeTabs a:hover {

      }

/* suppliers datasheets*/
/* apple */
.datasheet {
	font-family: Arial,Arial, Helvetica, sans-serif;
	font-size: 12px;}
.datasheet th, .datasheet td {padding: 6px; vertical-align: top; text-align: left;  color: #000000;}
.datasheet th {padding-left: 40px; font-weight: normal;}
.datasheet th a {color: #676868; text-decoration: none; font-weight: bold;}
.datasheet th a:hover {color: #505050;text-decoration: underline;}
.datasheet .header th {font-size: 12px; background: #f0f4f7; padding: 8px; color: #b3b6b9;}

.datasheet .description {vertical-align: bottom;}
.datasheet .even {background: #e4e4e4;}

.datasheet .odd {background: #fff;}
.datasheet .odd .divider {border-right: 1px solid #e4e4e4;}

.divider mceVisualAid th {font-weight: bold;}


.spectd {
background: #fff;
	font-family: Arial,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.spectd2 {
background: #e4e4e4;
	font-family: Arial,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.box
{
font-family: Arial, Arial, sans-serif;
font-size: 12px;
}

.box_e
{
font-family: Arial, Arial, sans-serif;
font-size: 12px;
}

.box_b
{
font-family: Arial, Arial, sans-serif;
font-size: 12px;
}

.box_b_e
{
font-family: Arial, Arial, sans-serif;
font-size: 12px;
}
.box_question {
font-family: Arial, Arial, sans-serif;
font-size: 11px;
color: #575757;
font-weight: bold;
margin-top: 6px;
margin-bottom: 3px;
padding: 4px 10px 4px 10px;
}

.box_answer {
font-family: Arial, Arial, sans-serif;
font-size: 12px;
color: #373737;
border-width: 1;
border-style: dashed;
background: #e7e7e7;
border-color: #FF9900;
padding: 4px 10px 4px 10px;
margin-left: 10px;
margin-top: 10px;
}
/* .datasheet .header th.divider {border-right: 1px solid #fff;}
.datasheet .even .divider {border-right: 1px solid #fff;}*/


#overView {
	list-style: image;
	list-style-image: url('site_images/bullet.png');
}


#slider{
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{
	width:650px;
	height:241px;
	overflow:hidden;
	}
#prevBtn, #nextBtn{
	display:none;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}

#content
{
    display:none;
}
#slider li a
{
    text-decoration: none;
}
#slider li,
#slider img
{
    border:0px;
}

.promoBox
{
    padding:0px;
    background:url("site_images/promo-bg.jpg") bottom left;
    background-repeat: repeat-x;
    width: 197px;
    background-color: #ffffff;
    border:1px solid #cccccc;
    font-family: Arial;
    color: #187FC2;
    float:left;
    margin:13px;
    margin-right:14px;
    *margin-right:7px;
    margin-top:0px;
    height:281px;
}

.promoBoxSearch
{
    background:url("site_images/promo-bg.jpg") repeat-x scroll left bottom #FFFFFF;
    border:1px solid #CCCCCC;
    color:#187FC2;
    float:left;
    font-family:Arial;
    height:220px;
    margin:3px 1px 3px 3px;
    padding:0;
    width:194px;
    *margin-right:2px;
}


#promoHeader
{
    font-size:18px;
    margin-left:14px;
    color:#F49634;
}
.promoBox #info,
.promoBoxSearch #info
{
    float:left;
    display:block;
    width:190px;
    margin:5px;
    font-size:11px;
    color:#000000;
}
#imagePromo
{
    width:110px;
    float:left;
    margin: 5px;
    height:100px;
}

.promoBoxSearch #imagePromo
{
    margin:0px;
}

#pricePromo
{
    float:left;
    margin-top:10px;
    text-align:right;
    width:75px;
    color:#187FC2;
}

#pricePromo #amount
{
    font-size:14px;
    font-weight:bold;
}

#buyLink
{
    clear:both;
    float:left;
    height:50px;
    text-align:center;
    width:100%;
}

#prodtitle
{
    float:left;
    padding:5px;
    display:block;
    font-weight:bold;
    text-align:center;
    min-height:45px;
}

#securityPlaceholder
{
    width:100%;
    text-align:center;
}

#amount #smallVat
{
    font-size:10px;
    display:none;
}

.manufacturers
{

    padding:0px;
    margin:0px;
}

.manufacturers li
{
    display:inline;
    padding:0 8px;
    
}

/*Checkout stages*/

.stageHolder
{
    border:1px solid #CCCCCC;
    padding:0 0 10px;
    width:815px;
    background: url("site_images/promo-bg.jpg") repeat-x scroll left bottom #FFFFFF;
}

.stageHolder #active
{
    padding:5px;
    font-weight:bold;
}

.stageHolder #inactive
{
    padding: 5px;
    font-weight:normal;
    color:#cccccc;
}


#errorPayment
{
    border:1px solid #c19797;
    display:block;
    height:20px;
    padding:3px;
    margin-top:8px;
    width:475px;
    background:#daabab;
}

#pagination
{
    display:block;
    padding: 10px;
}

.mceContentBody
{
    background:none;
    background-image:none;
}

h1#prodtitle
{
    display:block;
    float:left;
    font-weight:bold;
    min-height:45px;
    padding:5px;
    text-align:center;
    color:#187FC2;
    font-size:12px;
    width:95%;
}