/* //////////////////////////
TELOMAN 2010

eSterling Ltd
///////////////////////////*/

/* GLOBAL */

a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{ text-decoration:none; color: #70ADE0; 	}
a:hover{}
strong{}
em{}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
ul, li{}
img{border:none;}
.fr{ float:right; }
.fl{ float:left; }
.clr{clear:both;}
/* GLOBAL END */

/* LAYOUT START */
body { margin:0px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #4474A5; }
#wrapper{width:100%;}
#top{ display:block; height:104px; background-image: url("../images/header2.jpg"); background-repeat: no-repeat; background-position: right top; }
	#search-box{width:109px;height:15px; padding-left:5px; padding-right:5px; background-image:url(../Images/search-bg.gif); background-repeat:no-repeat; border:1px solid #999999;}
#search-button{ padding-left: 4px; top: 3px; position: relative; }
#search{ float: right; margin-top: 3px; width: 207px; }
#nav{ display:block; background-image: url(../images/navBg.jpg); background-repeat: repeat-x; background-position: left top; height:36px;}
	#nav div{float:right;}
	#nav table{width:100px; float:left;}
#slogan{ display:block; height:39px; text-align:center; background-image: url(../images/sloganBg.jpg); background-repeat: repeat-x; background-position: left top; }
	#sloganTxt{ display:block; height:27px; padding-top:12px; text-align:center; background-image: url(../images/sloganBg.jpg); background-repeat: repeat-x; background-position: left top; }

#left { float:left; top: 179px; left: 0px; margin: 0px; padding: 0px; border: 0px; width: 188px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 188px; 	}
html>body #left {
	width: 188px; /* ie5win fudge ends */
	}
#middle { padding: 10px; border: 0px; margin: -20px 190px 0px 190px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; top: 179px; 	}
html>body #middle {
	margin-top: 0px; /* ie5win fudge ends */
	}
	
	
	#middle2 { padding: 10px; border: 0px; margin: -20px 0px 0px 190px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; top: 179px; 	}
html>body #middle2 {
	margin-top: 0px; /* ie5win fudge ends */
	}
	
	
#right { position: absolute; top: 179px; right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */ margin: 0px; padding: 10px; border: 0px; width: 188px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 170px; color:#FFF; text-align: center; background-color: #234B78; background-image: url(../images/featured-bg.gif); background-repeat: repeat-x; background-position: left top; height:auto; height:550px; }
	#right img{padding:7px;}
	.hr-feat{background-image:url(../images/hr-bg.png); display:block; height:2px; margin:3px;}
	
html>body #right {
	width: 170px; /* ie5win fudge ends */
	}

#footer{width:100%; clear:both; padding-top:15px; margin-top: 10px; border-top:1px solid #999}
	#footer div{float:right;}
	#footer p{padding:0px; margin:0px; margin-left:10px; }
	
/* accordion styling */
.accordion{margin:0px; padding:0px;}
.toggler { font-weight:bold;  padding: 12px; background-image: url(../images/accordion.jpg); background-repeat: no-repeat; background-position: left top; }
.active { color:#fff; background-color: #66CCFF; background-image: url(../images/accordionActive.jpg); background-repeat: no-repeat; background-position: left top; }
.accordion a{color:#06C}
/* LAYOUT END */


/*
.homeBanner{ display:block; border:3px solid #67a0cd; height:120px; padding:10px; background-image: url(../images/bannerImg2.jpg); background-repeat: no-repeat; background-position: right top;}
	.homeBanner h1{padding:0px; margin:0px; color:#222; letter-spacing:-0.08em; font-size:20px;}
	.homeBanner p{padding:0px; margin:0px; color:#999;}
	.homeBanner h2{padding:0px; margin:0px; color:#ff000c; font-size:15px;margin-top:5px;}
	


	.buynow:hover{background:url(../images/buynow-o.gif);}
	.buynow a:hover{background:url(../images/buynow-o.gif);}
*/	
	
	
.homeBanner { height:200px; position:relative; padding: 5px; }
.homeBanner h1, .homeBanner p {font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; color:#fff; font-weight:normal; letter-spacing:normal;}
.homeBanner p { font-size:12px; }
.homeBanner h1 { margin-left:22px}

.buynow{width:150px; height:28px; margin-top:5px;}
.buynow a{display:block; width:150px; height:28px; text-indent:-999px;}
.buynow {background:url(../images/buy-now-mock.jpg); position:absolute; bottom:10px; left:10px;}
.buynow a:hover {background:url(../images/buy-now-mock-o.jpg)}
	
	
.neutralbutton{width:150px; height:28px; margin-top:5px;}
.neutralbutton a{     
	color: #000000;
    display: block;
    font-size: 18px;
    height: 28px;
    padding-top: 2px;
    text-align: center;
    width: 150px;
	}
.neutralbutton {background:url(../images/neutral-button.jpg); position:absolute; bottom:10px; left:10px;}
.neutralbutton a:hover {background:url(../images/neutral-button-o.jpg)}
	

.boxedTxt{padding:10px; color:#FFF; background-color:#203351; text-align:center; margin:5px 0px; font-weight:bold; font-size:14px;}

	.orangeBox{ float:left; text-align:center; width:33%; border:1px solid #efefef; background-image: url(../images/boxes/bg.jpg); background-repeat: repeat-x; background-position: left top; }
		.orangeBox h2{ display:block; text-align:left; background-image: url(../images/boxes/orangeBg.jpg); background-repeat: repeat-x; background-position: left top; color:white; padding:5px; margin:0px; font-size:11px; height:26px;}
		
		.orangeBox a{color:white; display:block; }
			.orangeBox a:hover{color:#000}
			
			
			.highlightedBox {background-image: url(../images/boxes/highlight-bg.jpg); }
			
		
	.blueBox{background-color:#EDEDED; float:left; text-align:center; width:33%; border:1px solid #efefef; background-image: url(../images/boxes/bg.jpg); background-repeat: repeat-x; background-position: left top;  }
		.blueBox h2{ display:block; text-align:left; background-image: url(../images/boxes/blueBg.jpg); background-repeat: repeat-x; background-position: left top; color:white; padding:5px; margin:0px; font-size:11px; height:26px;}
		.blueBox a{color:white; display:block; }
			.blueBox a:hover{color:#000}
		
	.redBox{ float:left; width:33%; border:1px solid #efefef; background-image: url(../images/boxes/bg.jpg); background-repeat: repeat-x; background-position: left top; background-color:#EDEDED; }
		.redBox h2{ display:block; text-align:left; background-image: url(../images/boxes/redBg.jpg); background-repeat: repeat-x; background-position: left top; color:white; padding:5px; margin:0px; font-size:11px; height:26px;}
		.redBox a{color:white;  display:block;}
			.redBox a:hover{color:#000}
		.redBox h3{width:50%; float:right; color:#A70329; margin-top:30px; font-size:12px;}
		
	.greenBox{ float:left; width:33%; border:1px solid #efefef; background-image: url(../images/boxes/bg.jpg); background-repeat: repeat-x; background-position: left top;  background-color:#EDEDED;}
		.greenBox h2{ display:block; text-align:left; background-image: url(../images/boxes/greenBg.jpg); background-repeat: repeat-x; background-position: left top; color:white; padding:5px; margin:0px; font-size:11px; height:26px;}
		.greenBox a{color:white; display:block; }
			.greenBox a:hover{color:#000}
		.greenBox h3{width:50%; float:right; color:#4b6761; margin-top:30px; font-size:12px;}
		
	.creamBox{ float:left; width:33%; border:1px solid #efefef; background-image: url(../images/boxes/bg.jpg); background-repeat: repeat-x; background-position: left top;  background-color:#EDEDED;}
		.creamBox h2{ display:block; text-align:left; background-image: url(../images/boxes/creamBg.jpg); background-repeat: repeat-x; background-position: left top; color:white; padding:5px; margin:0px; font-size:11px; height:26px;}
		.creamBox a{color:white; display:block;}
			.creamBox a:hover{color:#000}
		.creamBox h3{width:50%; float:right; color:#756c55; margin-top:30px; font-size:12px;}
		
		/* SET FONT SIZES 1PX HIGHER */
		.creamBox h2, .redBox h2, .orangeBox h2, .blueBox h2, .greenBox h2 {font-size:13px;}
		
.BottomLine{
	
	border-bottom:solid 1px #BDC9D5;
}

table {
}

td.categories {
	padding:3px 5px 0px 5px;
	text-align: center;
	border:1px solid #525460;
}

td.categoriesleft{
	text-align:center;
	padding:3px 5px 0px 5px;
	border:1px solid #525460;

}
a.productlink { 
	font-weight: bold; 
	color: #4474A5; 
	text-decoration: none;
	text-transform:capitalize; 
	display: block;
	}
	.producttitle{background:#525460; color:#fff; display:block; margin: -4px -5px -0px -5px; padding:3px; height:40px; vertical-align:middle;}
.BasketHeader {
	border-top: solid 1px #4474A5;
	border-bottom: solid 1px #4474A5;
}

.basketitem {
	border-top: solid 1px #4474A5;
	border-bottom: solid 1px #4474A5;
}

.baskettotal {
	font-weight: bold;
	background-color: #eeeeee;
	border-bottom: solid 1px #4474A5;
}

a.purchase {
	margin: 4px;
	border: solid 2px #4474A5;
	padding: 4px;
	font-weight: bold; 
	color: #4474A5; 
	text-decoration: none;
	text-transform:capitalize; 
}

/*
#onlineshoplist {
	float: left;
	width: 773px;
	height: 36px;
	background-image: url(../images/shopmenubg.gif);
	background-repeat:no-repeat;
}

a.onlineshopmenulink {
	float: left;
	width: 128px;
	color: #ffffff;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 36px;
}
a.onlineshopmenulinkhighlight {
	float: left;
	width: 128px;
	color: #93570C;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 36px;
}

*/

#onlineshoplist {
	background-color: #FFA12C;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBD6A', endColorstr='#FF930D'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFBD6A), to(#FF930D)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFBD6A,  #FF930D); /* for firefox 3.6+ */ 
    -moz-border-radius: 3px;
	border-radius: 3px;

	
	border: 1px solid #D07300;
	float: left;
	height: 36px;
}

#onlineshoplist a {
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	color: #ffffff;
}

#onlineshoplist a.onlineshopmenulinkhighlight {
	color: #93570C;
}

#voucher {
	border: 1px solid #666;
	background-color: #EEEEEE;
	padding: 10px;
	width: 400px;
	margin-bottom: 10px;
}

#voucher label, #vouchercode, #error {
	float: left;
}

#vouchercode { margin-left: 5px; margin-right: 5px; }

#error {
	color: #ff0000;
	font-weight: bold;	
}