/**********************************************************************************
=Global
**********************************************************************************/

.adjustedZIndex {
    z-index: 1;
}

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%; }

table{ font-size: 100%; }

body {	color: #000000;
	font-family : trebuchet MS, arial, verdana, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center; }


.clear 	{ clear:both; }

.left 	{ float:left; }
.right 	{ float:right; }

.textright{text-align:right;}

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }

.clearfix:after, .ajax__tab_body:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix, * html>body .ajax__tab_body {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix, * html .ajax__tab_body {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {
	text-align:left;
	padding:18px 0 8px 0;
	font-size:1.6em;
	color:#7C7C7C;
	font-weight:normal; }

h2 {	padding:20px 0;
	font-size:1.4em;}

h3 {	font-size:1.09em;}

p  {	margin:0;
	padding:0 0 18px 0;}


img {	border:0;}


/**********************************************************************************
=Text
**********************************************************************************/

.text{
font-size : 1.09em;
color: #000000;}

.liltext {
	font-size : 0.9em; }
	
.lilnoir {
	font-size : 0.9em;
	font-weight: bold;
	color: #000000; }

.lilgrau{
	font-size : 1em;
	color: #6F6B61; }

.tangerinehead{
	font-size : 1.09em;
	font-weight: bold;
	color: #EA5301; }

.whitehead{
	font-size : 1.09em;
	font-weight: bold;
	color: #FFFFFF; }

.aquahead{
	font-size : 1.09em;
	font-weight: bold;
	color: #228DD8; }
	
.blueberryhead{
	font-size : 1.09em;
	font-weight: bold;
	color: #003399; }

.checkoutheading{
	font-size : 1.09em;
	font-weight: bold;
	margin-bottom: 6px;
	color: #EA5301; }

.checkoutheadingtoppad{
	font-size : 1.09em;
	font-weight: bold;
	margin-bottom: 6px;
	padding-top: 16px;  
	color: #EA5301; }
	
.slatehead{
	font-size : 1.09em;
	font-weight: bold;
	color: #7C7C7C; }

.tangerine {
	color:#E55C00; }

.slate {
	color:#7C7C7C; }

.error {
	font-size : 1.09em;
	font-weight: bold;
	color: #CC0000; }
	
.red {
	font-size : 1.09em;
	color: #CC0000; }

/**********************************************************************************
=Links
**********************************************************************************/

a.disabled {
	font-weight : bold;
	text-decoration: none;
	color: #A4A3A1;
}

a.partnumber{
    text-decoration: underline;
    color: #000000;
}

a.partnumber:hover{
    text-decoration: none;
    color: #000000;
}

a.flip{
	font-weight : bold;
	text-decoration: underline;
	color: #6F6B61;}

a.flip:hover{
	font-weight : bold;
	text-decoration: none;
	color: #B5B5B4;}
	
a.flipgris{
	text-decoration: none;
	color: #7C7C7C;}

a.flipgris:hover{
	text-decoration: underline;
	color: #7C7C7C;}
	
a.flipfoot{
	text-decoration: none;
	color: #6F6B61;}

a.flipfoot:hover{
	text-decoration: underline;
	color: #B5B5B4;}

a.flipblueberry 
{
    text-decoration: none;
	font-weight: bold;
	color: #003399; }

a.flipblueberry:hover{
	text-decoration: underline;}

a.flipblueberryunderline{
    text-decoration: underline;
	font-weight: bold;
	color: #003399; }

/**********************************************************************************
=Forms 
**********************************************************************************/

.button {
	font-weight : bold;
    width : 80px;
}

form {	margin:0;
	padding:0;
	display:inline;}

input, select, textarea {font-size:1em;}

select.ifull{
	width : 100%;
	font-weight : bold;
	color: #333333;
}

input.ifull{
	width : 100%;
	font-size:0.9em;
	font-weight : bold;
	color: #333333;}

input.i25{
	width : 25px;
	font-weight : bold;
	margin:0;
	margin-right:3px;
	color: #333333;}

input.i70{
	width : 45px;
	font-weight : bold;
	color: #333333;}

input.i80{
	width : 88px;
	font-size:0.9em;
	font-weight : bold;
	color: #333333;}

input.i120{
	width : 75px;
	font-weight : bold;
	color: #333333;}
	
input.i140{
	width : 140px;
	font-weight : bold;
	color: #333333;}

input.i174{
	width : 168px;
	font-weight : bold;
	margin:0;
	margin-bottom:8px;
	color: #333333;}
	
input.ii174{
	width : 168px;
	font-weight : bold;
	margin:0;
	color: #333333;}
	
input.i200{
	width : 215px;
	font-weight : bold;
	color: #333333;}

select.s45{
	width : 45px;
	font-weight : bold;
	color: #333333;}

select.s174{
	width : 174px;
	font-weight : bold;
	margin-bottom:8px;
	color: #333333;}
	
select.s300{
	width : 314px;
	margin-bottom:8px;
	color: #333333;}	

select.welcome{
	width : 100%;
	font-weight : bold;
	margin-bottom:8px;
	color: #333333;}
	
textarea.t400{
	width : 400px;	
	font-weight : bold;
	color: #333333;}
	
input.welcome{
	width : 99%;
	font-weight : bold;
	margin-bottom:8px;
	color: #333333;}
	
/**********************************************************************************
=Tables 
**********************************************************************************/

table {	border:0;
	margin:0;
	padding:0;}


/**********************************************************************************
=Layout
**********************************************************************************/

#outer {
	width:980px;
	margin: 0 auto 0 auto; }
	
#inner {
	width:740px;
	float:left;
	margin:0; }
	
#main {
	width:740px;
	background-image: url(../images/bg_inner.gif);
	float:left;}
	
#main2 {
	width:740px;
	background-image: none ; }

#content {
	width:405px;
	float:left;
	text-align:left;
	margin-bottom:12px; }


	
#content2 {
	width:734px;
	float:left;
	text-align:left;
	margin-bottom:12px; }
	
#footer {
	width:946px;
	height:20px;
	padding:4px 8px 2px 8px;
	margin-right:16px;
	border:solid 1px #B5B5B4;}

	
/* SEARCH */

#search {
	width:200px;
	float:left;
	margin:20px 30px 0 0; }
	
#searchhead {
	width:194px;
	height:73px;
	border:solid 1px #545454;	
	margin-bottom:2px;
	padding-right:4px;
	text-align:right;
	position: relative;
	background-image: url(../images/bg_grau2.gif) ;
	color:#FFFFFF;
	font-size : 2.2em;
	font-weight : normal;	 }	
	
.searchtitle {
	width:194px;
	height:15px;
	background-image: url(../images/bg_tangerine1.gif);
	border:solid 1px #D61F00;
	padding-right:4px;
	margin-bottom:1px;
	color:#FFFFFF;
	font-size : 1em;
	font-weight : bold;
	text-transform:uppercase;
	text-align:right; }
	
.searchbox {
	width:174px;
	border:solid 1px #B5B5B4;
	background-color:#EEEDEC;
	padding:12px;
	margin-bottom:3px;
	text-align:left; }
	
.searchbuttonbox {
	width:186px;
	border:solid 1px #B5B5B4;
	padding:6px;
	margin-bottom:3px;
	text-align:right; }
	

/* NAV HEADER */

#header {
	width:593px;
	height:166px;
	margin-top:20px;
	float:left; }
	
#navigation {
	width:591px;
	height:38px;
	border:solid 1px #B5B5B4;
	background-image: url(../images/bg_grau1.gif);
	position: relative;
	margin-bottom:3px; }
	
.navitem {
	position: absolute;
	bottom: 2px;
	left:0px;
	padding-left:8px;
	float:left;
	font-size : 1.09em;
	font-weight : bold;
	text-transform:uppercase; }
	
#navigation_2 {
	width:582px;
	height:15px;
	color: #808082;
	padding:0 5px;
	border:solid 1px #9C9E9D;
	background-image: url(../images/bg_grau4.gif);
	position: relative;
	margin-top:2px;
	text-transform:uppercase;
	text-align:left;}
	
	#navigation_2 a
	{
	    color: #000000;
	    font-weight:bold;
	    text-decoration:none;
	}
	    #navigation_2 a:hover{text-decoration:none;color: #E55C00;}
		
a.flipnav{
	text-decoration: none;
	padding:0 11px 0 11px;
	color: #000000; }

a.flipnav:hover{
	text-decoration: none;
	padding:0 11px 0 11px;
	color: #E55C00;	}
	
a.flipnavsub{
	text-decoration: none;
	padding:0 10px 0 10px;
	color: #000000;
	float:left;}

a.flipnavsub:hover{
	text-decoration: none;
	padding:0 10px 0 10px;
	color: #E55C00; }

.bLogout
{
    float:right;
    text-decoration: none;
	padding:9px 5px 0 0;
	color: #000000;
	font-size : 1.09em;
	font-weight : bold;
	text-transform:uppercase; 
}

.bLogout:hover{
	color: #E55C00;	}

/* WELCOME */

body.welcome {
	background-color: #EEEDEC;	}

#welcomeouter {
	width:565px;
	height:295px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:30px 20px 0 20px;
	margin: 80px auto 0 auto;  }

#welcomeouterstretchy {
	width:565px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:30px 20px 20px 20px;
	margin: 80px auto 0 auto;  }

#loginterms {
	width:565px;
	height:auto;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:20px 20px 0 20px;
	margin: 20px auto 0 auto;
	text-align:left; }

#loadingouter {
	width:565px;
	height:120px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:30px 20px 0 20px;
	margin: 80px auto 0 auto;  }

#loadinginfo {
	width:565px;
	height:60px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:30px 20px 0 20px;
	margin: 20px auto 0 auto;  }

#welcomebox {
	width:397px;
	float:left;
	background-color:#EEEDEC;
	padding:8px;
	padding-top:0;
	border:solid 1px #B5B5B4; }

#welcomeok{
	text-align:right;
	}
	
/* LOGIN */

body.login {
	background-color: #EEEDEC;	}

#logouter {
	width:565px;
	height:220px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:30px 20px 0 20px;
	margin: 80px auto 0 auto;  }

#logouterbig {
	width:565px;
	height:300px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:30px 20px 0 20px;
	margin: 80px auto 0 auto;  }
	
#loginner {
	width:415px;
	margin-top:20px;
	float:left; }
	
#loghead {
	width:69px;
	height:68px;
	border:solid 1px #E25C0A;
	float:left;	
	margin-right:1px;
	padding-right:4px;
	text-align:right;
	position: relative;
	background-image: url(../images/bg_tangerine2.gif) ;
	color:#FFFFFF;
	font-size : 1.45em;
	line-height:1.2em;
	font-weight : normal;	}

#logbox {
	width:321px;
	height:148px;
	float:left;
	background-color:#EEEDEC;
	padding:8px;
	border:solid 1px #B5B5B4; }

#logboxbig {
	width:321px;
	height:230px;
	float:left;
	background-color:#EEEDEC;
	padding:8px;
	border:solid 1px #B5B5B4; }
	
.userpass {
	font-size:1.2em;
	text-align:left;
	padding-left:12px; 
	color:#7C7C7C; }
	
#logforgot {
	text-align:left;
	padding-left:12px; 
	margin-top:30px; }

#logbacklogin {
	text-align:left;
	padding-left:12px; 
	margin-top:20px; }

#logforgotbig {
	text-align:left;
	padding-left:12px; 
	margin-top:40px; }
	
.loginerror {
	width:312px;
	height:15px;
	float:right;
	text-align:left;
	margin-top:8px;
	padding-left:10px; 
	font-weight:bold;
	color:#CC0000; }
	
	
/**********************************************************************************
=home layout
**********************************************************************************/


h1.welcome {	
	text-align:left;
	padding:18px 0 8px 0;
	font-size:1.6em;
	color:#7C7C7C;
	font-weight:normal; }

h2.news {	
	font-size:1.2em;
	color:#E55C00;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:normal; }
	
h3.news {	
	font-size:1.45em;
	color:#7C7C7C;
	font-weight:normal;
	padding:0;
	margin:0;
	line-height:normal; }
	
h2.products {	
	padding-bottom:0;
	font-size:1.45em;
	color:#003399;
	font-weight:bold; }

h2.featured {	
	padding:0;
	font-size:1.45em;
	color:#003399;
	font-weight:bold;
	line-height:normal; }
	
h2.suggested {	
	padding:0 0 0 5px;
	font-size:1.45em;
	color:#003399;
	font-weight:bold;
	text-align:left;
	line-height:normal; }
		
h3.products {	
	padding-bottom:2px;
	font-size:1.09em;
	color:#000000;
	font-weight:bold; }

h2.offersHead {	
	padding:0;
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
	line-height:normal; }
	
h3.offersHead {	
	margin-bottom:4px;
	font-size:1.45em;
	line-height:1em;
	color:#D2D2CA;
	font-weight:bold; }	
	
h4.offers {	
	padding-bottom:2px;
	font-size:1.2em;
	color:#D93F03;
	font-weight:bold; }

h5.offers {	
	padding:0 0 5px 0;
	font-size:1.09em;
	color:#000000;
	font-weight:bold;
	line-height:1.2em; }
	

h3.featured {	
	padding:0;
	font-size:1.09em;
	color:#000000;
	}
	
h3.suggested {	
	padding:0 0 0 5px;
	font-size:0.9em;
	color:#000000;
	text-align:left;
	font-weight:normal;
	text-transform:uppercase;}
	
#content.home {
	width:412px;
	float:left;
	text-align:left;
	padding:1px 0 0 0;
	margin-bottom:12px; }
	
.offer{
	float:left;
	width:132px;
	height:322px;
	border-collapse:collapse;
	}

	.offer .top{
		padding-right:5px;
		height:98px;
		border:1px solid #898886;
		background:url("../images/bg_offershead.gif") repeat-x;
		text-align:right;
		vertical-align:bottom;
		display:table-cell;
		}
		
	.offer .image{
		height:103px;
		border:1px solid #898886;
		border-bottom:none;
		vertical-align:top;
		display:table-cell;
		}
	
	.offer .bottom{
		border:1px solid #898886;
		border-top:none;
		height:98px;
		padding:5px;
		background:#E3E2E0;
		text-align:right;
		vertical-align:bottom;
		display:table-cell;
		}
		
#quickhead {
	width:69px;
	height:83px;
	border:solid 1px #E25C0A;
	float:left;	
	margin-right:1px;
	padding-right:4px;
	text-align:right;
	position: relative;
	background-image: url(../images/bg_tangerine2.gif) ;
	color:#FFFFFF;
	font-size : 1.45em;
	line-height:1.2em;
	font-weight : normal;	}

#quickbox {
	width:311px;
	height:67px;
	float:left;
	background-color:#EEEDEC;
	padding:8px;
	border:solid 1px #B5B5B4; }

#newshead {
	border:solid 1px #B5B5B4;
	margin-right:1px;
	margin-top:11px; }
	
#newsbox {
	width:327px;
	height:225px;
	float:left;
	margin-top:11px;
	border:solid 1px #B5B5B4;
	vertical-align:bottom;
	line-height:1.2em; }

#newsinner {
	bottom: 0px;
	left: 0px;
	padding:12px; }

#spots {
	width:35px;
	text-align:right;
	height:320px;
	border-left:2px dotted #DBDBDB;
	margin-left:23px;
	float:left; }
	
#newproducts {
	width:262px;
	float:left;
	text-align:left;
	margin-right:6px;}
	
.productitem {
	width:260px;
	border:solid 1px #9BBCD8;
	background-image: url(../images/bg_featurebleu1.gif);
	height:103px;
	margin-bottom:4px;}
	
/**********************************************************************************
= links layout
**********************************************************************************/
.link{
	text-align:left;
	clear:both;
	padding:10px 0 10px 0;
	margin:0;
	border-bottom:1px dotted #B5B5B4;}

.link img{
	float:left;
	margin-right:10px;
	border:0;
	}

.link a{
	font-size:1.2em;
	color:#EA5301;
	display:block;
	font-weight:bold;
	text-decoration:none;
	}
	
.link a:hover{
	color:#000000;
	}
	
.link .viewsite{
	clear:both;
	float:right;
	}


/**********************************************************************************
= products layout
**********************************************************************************/

h2.producthead {	
	font-size:1.45em;
	margin:0;
	line-height:1.09em;
	padding:0;
	color:#003399;
	font-weight:bold; }
	
.productpaging {
    width:403px;
    border:solid 1px #9BBCD8;
    margin-bottom:4px;
    height:24px;
    }	

.productmessage {
    width:403px;
    border:solid 1px #9BBCD8;
    margin-bottom:4px;
    height:24px;
    }	
	
.productouter {
	width:403px;
	border:solid 1px #9BBCD8;
	background-image: url(../images/bg_grau3.gif);
	height:75px;
	margin-bottom:4px; }
	
.productouterhighlight {
	width:403px;
	border:solid 1px #F19C2B;
	background-image: url(../images/bg_grau3.gif);
	height:75px;
	margin-bottom:4px;
	clear:both;}

.productadded {
    background-color:#F19C2B;
    color:#FFFFFF; 
    padding-right:6px;
    text-align:right;
    width:399px;
    float:right;
    font-weight:bold;
    display:block;   
    }

.productinner {
	width:290px;
	padding:6px;
	float:right;}
	
td.productprice {
	text-align:right;
	padding-right:6px; }
	
/*Product Details*/
.productadded2 {
    background-color:#F19C2B;
    color:#FFFFFF; 
    padding-right:6px;
	margin:0 0 2px 0;
    text-align:right;
    width:399px;
    float:right;
    font-weight:bold;
    display:block;   
    }
	
.productdetails {
	width:391px;
	border:solid 1px #9BBCD8;
	background-image: url(../images/bg_grau3.gif);
	height:63px;
	padding:6px;
	clear:both;}

.productimage{
    border:solid 1px #9BBCD8;
    border-top:0;
    float:left;
}

.productprices
{
    width:140px;
    height:180px;
    background:#EEEDEB;
    border-right:solid 1px #9BBCD8;
    border-bottom:solid 1px #9BBCD8;
    padding:8px 6px 0 6px;
    float:left;
}  
    .productprices h1, .productdescription h2
    {
        padding:0;
        margin:0;
        display:inline;
        color:#7C7C7C;
    }
	
.pricesList{
	font-size:1.1em;
	border-collapse:collapse;
	width:100%;
	margin:0 5px 0 5px;
	}	
	
	.pricesList td{
		border-bottom:1px dotted #CCCCCC;
		padding:5px 0 5px 0;
		}
		
		.pricesList tr.last td, .pricesList tr.last th{
			border:none;
			}
		
	.pricesList th{
		color:#218DD6;
		width:80px;
		border-bottom:1px dotted #CCCCCC;
		padding:5px 0 5px 0
		}
	
		
.productdescription
{
    width:383px;
    border:solid 1px #9BBCD8;
    border-top:0;
    padding:10px;
    float:left;
    clear:both;
}

.productbuy
{
    width:393px;
    border:solid 1px #9BBCD8;
    padding:5px;
	margin-top:2px;
    float:left;
    clear:both;
}


/* BASKET */

#basketouter {
	width:262px;
	float:left;
	text-align:left;
	margin-left:67px; }

#basketmsg {
	width:262px;
	float:right;
	text-align:left;
	margin-right:7px; }

#baskethead {
	width:262px;
	height:67px;
	text-align:right;
	position: relative;
	background-image: url(../images/bg_baskethead.gif) ;
	color:#FFFFFF;
	font-size : 1.45em;
	line-height:1.2em;
	font-weight : normal;	}

#baskethead_users {
	width:262px;
	height:67px;
	text-align:right;
	background-image: url(../images/bg_baskethead.gif) ;
	color:#FFFFFF;
	font-size : 1.45em;
	line-height:1.2em;
	font-weight : normal;	}
	
#basketbox {
	width:248px;
	background-color:#EEEDEC;
	padding:6px;
	margin-bottom:2px;
	border:solid 1px #B5B5B4;
	border-top:none; }
	
th.basketheader {
	color:#EA5301;
	font-weight:bold;
	padding-bottom:6px; }
	
.basketspots {
	width:248px;
	height:2px;
	border-bottom:2px dotted #DBDBDB;
	margin:6px 0 6px 0; }

#baskettotal1 {
	width:166px;
	background-color:#EEEDEC;
	float:left;
	text-align:right;
	padding:2px 12px 2px 0;
	margin-right:2px;
	margin-bottom:2px;
	border:solid 1px #B5B5B4; }
	
#baskettotal2 {
	width:66px;
	float:left;
	text-align:right;
	padding:2px 12px 2px 0;
	margin-bottom:2px;
	border:solid 1px #B5B5B4;
	font-size:1.09em; }

#pagetools {
	text-align:center;
	border:solid 1px #B5B5B4;
	margin-right:6px; }

/* LOGGING IN */
#loggedinouter {
	width:395px;
	background-color:#FFFFFF; }

#loggedinouter th.conone {
	width:80px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-right:none;
	padding:4px;
	padding-left:12px;
	text-align:left; }
    
#loggedinouter th.contwo {
	width:315px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	padding:4px;
	text-align:left; }

#loggedinouter td.conone {
	border-left:solid 1px #B5B5B4;
	padding:4px;
	padding-left:12px; }
	
#loggedinouter td.contwo {
	border-right:solid 1px #B5B5B4;
	padding:4px; }

.loggedinspots {
	width:370px;
	height:2px;
	border-bottom:2px dotted #B5B5B4;
	margin:3px 12px 3px 12px; }

#loggedinouter td.spots {
	border-right:solid 1px #B5B5B4;
	border-left:solid 1px #B5B5B4; }


/* CARRIAGE */

tr.carrhead {
	background-color:#EEEDEC; }

td.carrheadone {
	width:150px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	padding:4px;
	padding-left:12px;
	text-align:left; }

td.carrheadtwo {
	width:60px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	padding:4px;
	padding-right:6px;
	text-align:center; }

td.carrone {
	border-bottom:solid 1px #B5B5B4;
	border-left:solid 1px #B5B5B4;
	padding:4px;
	padding-left:12px; }
	
td.carrtwo {
	border-bottom:solid 1px #B5B5B4;
	padding:4px; }


/* BACK ORDERS */	

tr.backhead {
	background-color:#EEEDEC; }

tr.backdetail{
	background-color:#EEEDEC; }

td.backheadone {
	width:110px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-right:none;
	padding:4px;
	padding-left:12px;
	text-align:left; }
	
td.backheadtwo {
	width:350px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	padding:4px;
	text-align:left; }
	
td.backheadthree {
	width:60px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	padding:4px;
	padding-right:6px;
	text-align:center; }
	
td.backheadfour {
	width:58px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	padding:4px;
	padding-left:24px;
	text-align:right; }
	
td.backheadfive {
	width:90px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	padding:4px;
	padding-right:12px;
	text-align:right; }	

td.backone {
	border-bottom:solid 1px #B5B5B4;
	border-left:solid 1px #B5B5B4;
	padding:4px;
	padding-left:12px; }
	
td.backtwo {
	border-bottom:solid 1px #B5B5B4;
	padding:4px; }
	
td.backthree {
	border-bottom:solid 1px #B5B5B4;
	padding:4px;
	text-align:center; }
	
td.backfour {
	border-bottom:solid 1px #B5B5B4;
	text-align:right;
	padding:4px;
	padding-left:24px; }

td.backfive {
	border-right:solid 1px #B5B5B4;
	border-bottom:solid 1px #B5B5B4;
	text-align:right;
	padding:4px;
	padding-right:12px; }



/* CONFIRM */	

#confirmouter {
	width:733px;
	background-color:#EEEDEC; }
	
#confirmouter th.conone {
	width:110px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-right:none;
	padding:4px;
	padding-left:12px;
	text-align:left; }
	
#confirmouter th.contwo {
	width:350px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	padding:4px;
	text-align:left; }
	
#confirmouter th.conthree {
	width:60px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	padding:4px;
	padding-right:6px;
	text-align:center; }
	
#confirmouter th.confour {
	width:58px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	padding:4px;
	padding-left:24px;
	text-align:center; }
	
#confirmouter th.confive {
	width:90px;
	border:solid 1px #B5B5B4;
	background-color:#FFFFFF;
	border-left:none;
	padding:4px;
	padding-right:12px;
	text-align:right; }	

#confirmouter td.contop {
	border:solid 1px #B5B5B4;
	border-bottom:none;
	height:2px; }
	
#confirmouter td.conone {
	border-left:solid 1px #B5B5B4;
	padding:4px;
	padding-left:12px; }
	
#confirmouter td.contwo {
	padding:4px; }
	
#confirmouter td.conthree {
	padding:4px;
	text-align:center; }
	
#confirmouter td.confour {
	text-align:right;
	padding:4px;
	padding-right:12px; }

#confirmouter td.confive {
	border-right:solid 1px #B5B5B4;
	text-align:right;
	padding:4px;
	padding-right:12px; }
	
#confirmouter td.qspots {
	border-right:solid 1px #B5B5B4;
	border-left:solid 1px #B5B5B4; }
	
.confirmspots {
	width:706px;
	height:2px;
	border-bottom:2px dotted #B5B5B4;
	margin:3px 12px 3px 12px; }
	
#confirmouter td.quickfoot { 
	border:solid 1px #B5B5B4;
	border-top:none;
	padding:12px; }
	
#confirmouter td.cspots {
	border-right:solid 1px #B5B5B4;
	border-left:solid 1px #B5B5B4; }
	
#confirmtotal1 {
	width:186px;
	background-color:#EEEDEC;
	float:left;
	text-align:left;
	padding:2px 0 2px 12px;
	margin:1px 2px 1px 0;
	border:solid 1px #B5B5B4; }

#confirmtotal2 {
	width:517px;
	float:left;
	text-align:right;
	padding:2px 12px 2px 0;
	margin-bottom:1px;
	margin-top:1px;
	border:solid 1px #B5B5B4;
	font-size:1.09em; }

#confirmtotal3 {
	width:186px;
	background-color:#EEEDEC;
	float:left;
	text-align:left;
	padding:2px 0 2px 12px;
	margin:1px 2px 1px 0;
	border:solid 1px #B5B5B4; }

#orderref {
	width:521px;
	float:left;
	padding: 1px 6px 1px 2px;
	margin-bottom:1px;
	margin-top:1px;
	background-color:#EEEDEC;
	border:solid 1px #B5B5B4; }

#orderdel {
	width:525px;
	float:left;
	padding:1px 2px 1px 2px;
	margin-bottom:1px;
	margin-top:1px;
	background-color:#EEEDEC;
	border:solid 1px #B5B5B4; }


#confirmgrandtotal1 {
	width:186px;
	background-color:#EA5301;
	float:left;
	text-align:left;
	padding:2px 0 2px 12px;
	margin:18px 2px 1px 0;
	border:solid 1px #EA5301; }
	
#confirmgrandtotal2 
{
    background-color:#EA5301;
	width:516px;
	float:left;
	text-align:right;
	padding:2px 12px 2px 0;
	margin-bottom:1px;
	margin-top:18px;
	border:solid 1px #EA5301;
	font-size:1.09em;
	font-weight: bold;
	color: #FFFFFF }

	
/* QUICK ORDER */	

#quickouter {
	width:403px;
	background-color:#D7E7F4; }
	
#quickouter th.quickone {
	width:85px;
	border:solid 1px #9BBCD8;
	background-color:#FFFFFF;
	border-right:none;
	padding:4px;
	text-align:center; }
	
#quickouter th.quicktwo {
	width:50px;
	border:solid 1px #9BBCD8;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	padding:4px;
	text-align:left; }
	
#quickouter th.quickthree {
	width:265px;
	border:solid 1px #9BBCD8;
	background-color:#FFFFFF;
	border-left:none;
	padding:4px;
	padding-left:12px;
	text-align:left; }

#quickouter td.quicktop {
	border:solid 1px #9BBCD8;
	border-bottom:none;
	height:2px; }
	
#quickouter td.quickone {
	border-left:solid 1px #9BBCD8;
	padding:4px;
	padding-left:12px; }
	
#quickouter td.quicktwo {
	padding:4px; }
	
#quickouter td.quickthree {
	border-right:solid 1px #9BBCD8;
	text-align:left;
	padding:4px;
	padding-left:12px; }
	
#quickouter td.qspots {
	border-right:solid 1px #9BBCD8;
	border-left:solid 1px #9BBCD8; }
	
.quickspots {
	width:380px;
	height:2px;
	border-bottom:2px dotted #9BBCD8;
	margin:3px 12px 3px 12px; }
	
#quickouter td.quickfoot {
	border:solid 1px #9BBCD8;
	border-top:none;
	padding:12px; }
	
/* TERMS */
h2.terms {
    font-size:1.45em;
    font-weight:normal;
    line-height:1.2em;
    color:#7C7C7C; }

h3.terms {
    font-size:1.2em;
    font-weight:bold;
    line-height:1.2em;
    padding:0 0 12px 0;
    color:#E55C00; }


/* NEWS */

h2.newsdate {
    font-size:1.45em;
    font-weight:normal;
    line-height:1.2em;
    padding:0;
    margin:0;
    color:#7C7C7C; }
    
h3.newstitle {
    font-size:1.2em;
    font-weight:bold;
    line-height:1.2em;
    padding:0;
    margin:0;
    color:#E55C00; }

.newsitem {
    padding-top:6px;
    padding-bottom:6px; } 

.newsitemdate {
    font-size:1.2em;
    line-height:1.2em;
    color:#7C7C7C; }
    
.newsitemtitle {
    font-weight:bold;
    line-height:1.2em;
    color:#E55C00; }

.newsprecis {
    font-size:0.9em;
    line-height:1.2em;
    padding-bottom:6px;
    margin-bottom:0; }	

/* Suggested products */

.suggesteditem{
	width:198px;
	border:solid 1px #9BBCD8;
	background: url(../images/bg_suggesthead.gif) repeat-x;
	margin:0;}
	
.suggestedinfo{
    text-align:right;
    width:88px;
    padding:5px;
    float:left;
}

/*Contact Tabs*/

.ContactTabs .ajax__tab_header {
    float:right;
    font-weight:bold;
    text-transform:uppercase;
}

.ContactTabs .ajax__tab_outer
{
    color:#FFFFFF;
    height:20px;
    padding:8px 8px 0;
    background:url("../images/bg_tab_grey.gif") repeat-x;
    border:1px solid #B5B5B5;  
    border-bottom:0;
    margin-right:5px;
}

.ContactTabs .ajax__tab_body {
    border:1px solid #B5B5B5;
    padding:20px 10px 10px;
    clear:both;
}

.ContactTabs .ajax__tab_active .ajax__tab_outer
{
    background:url("../images/bg_tab_orange.gif") repeat-x;
}

/*Contact Boxes*/
.contact
{
    width:311px;
    margin-top:5px;
}
    .contact h3
    {
        border:1px solid #B5B5B5;
        height:20px;padding:28px 5px 0px;
        background:url("../images/h_lightgrey.gif") repeat-x;
        text-transform:uppercase;
    }
    .contact div
    {
        border:1px solid #B5B5B5;
        padding:10px;
        margin-top:2px;
        color:#7C7C7C;
    }
    .contact label
    {
        color:#E55C00;
        font-weight:bold;
    }
    .contact .name
    {
        font-weight:bold;
        text-transform:uppercase;
    }
    
.yellow h3{
    border:1px solid #F6B01A;
    color:#FFFFFF;
    background:url("../images/h_yellow.gif") repeat-x;
}
.yellow div{border:1px solid #F6B01A;background:#F7F3E7;}

.fuscia h3{
    border:1px solid #CF1872;
    color:#FFFFFF;
    background:url("../images/h_fuscia.gif") repeat-x;
}
.fuscia div{border:1px solid #CF1872;background:#F5EBF1;}
.fuscia label{color:#CF1872;}

.purple h3{
    border:1px solid #392E90;
    color:#FFFFFF;
    background:url("../images/h_purple.gif") repeat-x;
}
.purple div{border:1px solid #392E90;background:#E9E8F6;}
.purple label{color:#392E90;}

.green h3{
    border:1px solid #006D3D;
    color:#FFFFFF;
    background:url("../images/h_green.gif") repeat-x;
}
.green div{border:1px solid #006D3D;background:#E9F2EE;}
.green label{color:#006D3D;}

.rose h3{
    border:1px solid #CD0601;
    color:#FFFFFF;
    background:url("../images/h_red.gif") repeat-x;
}
.rose div{border:1px solid #CD0601;background:#F5EBEA;}
.rose label{color:#CD0601;}

.violet h3{
    border:1px solid #722B8F;
    color:#FFFFFF;
    background:url("../images/h_violet.gif") repeat-x;
}
.violet div{border:1px solid #722B8F;background:#F3EBF6;}
.violet label{color:#722B8F;}

.orange h3{
    border:1px solid #D34702;
    color:#FFFFFF;
    background:url("../images/h_orange.gif") repeat-x;
}
.orange div{border:1px solid #D34702;background:#FAF4EF;}
.orange label{color:#D34702;}

.grey h3{
    border:1px solid #4A5056;
    color:#FFFFFF;
    background:url("../images/h_grey.gif") repeat-x;
}
.grey div{border:1px solid #4A5056;background:#EEF0F2;}
.grey label{color:#4A5056;}

.grass h3{
    border:1px solid #498F02;
    color:#FFFFFF;
    background:url("../images/h_grass.gif") repeat-x;
}
.grass div{border:1px solid #498F02;background:#F3EBF6;}
.grass label{color:#498F02;}

.skyblu h3{
    border:1px solid #007DBF;
    color:#FFFFFF;
    background:url("../images/h_skyblu.gif") repeat-x;
}
.skyblu div{border:1px solid #007DBF;background:#EAF1F5;}
.skyblu label{color:#007DBF;}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	max-height : 150px; 
    text-align : left; 
    list-style-type : none;
    padding-left : 0px; 
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}