/*css reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
html{height:100%;padding-bottom:1px;}/*Force a scrollbar*/

/*
 *.body{font-size:62.5%} //alows conversion from px to em. 12px = 1.2em;
 */
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:62.5%;
}	

/*
 * default list styles.
 */
.type-style ul, .site-webpage ol, .site-webpage dd{padding-left:20px;}
.type-style ul li{list-style:outside disc;display:list-item;}
.type-style ol li{list-style:inside decimal;display:list-item;}
.type-style p{margin:1em 0;}
b, strong{font-weight:bold;}
u{text-decoration:underline;}
i{font-style:italic;}
/*
 * Default link styles.
 */
a{
	color:#7789A4;
}
a:hover{
	color:#6294B9;
} 

/*
 * Template Styles
 */

.site-webpage{
	font-size:1.2em;
}

/*
 * Generic: clear both
 */
.clear-both{
	clear:both;
}
 
/*
 * Background
 */
html, body{
	background:#333 url(../Design/siteBackground.png) left top repeat scroll;
	color:#ccc;
}

/*
 * Site Wrapper
 */
#siteWrapper{
	padding-top:5px;
}

/*
 * Generic: Page Center
 * Center on page
 */
.page-center{
	width:900px;
	margin:0 auto;
}

/*
 * Header
 */
#siteHeader{
	position:relative;
	z-index:20;
	background:#fff url(../Design/siteHeaderBackground.png) left bottom repeat-x scroll;
	color:#1f1f1f;
}

/*
 * Header Top
 */
#siteHeaderTop{
	padding-top:8px;
	overflow:hidden;
}
#siteLogo{
	display:block;
	float:left;
	width:256px;
	height:77px;
	background:url(../Design/sitelogo.png) left top no-repeat scroll;
	line-height:77px;
	text-indent:260px;
	overflow:hidden;
}
#siteHeaderContactInfo{
	float:left;
	width:295px;
	padding-left:100px;
	overflow:hidden;
}
#siteHeaderContactTel,
#siteHeaderContactEmail{
	/*float:right;
	clear:right;*/
	margin-bottom:5px;
	background:url(../Design/siteContactRight.png) right top no-repeat scroll;
	color:#666;
	font-size:1.6em;
	line-height:27px;
	vertical-align:middle;
}
#siteHeaderContactTelInner,
#siteHeaderContactEmailInner{
	padding:0 0 0 44px;
}
#siteHeaderContactTelInner{
	background:url(../Design/siteContactTel.png) left top no-repeat scroll;
}
#siteHeaderContactEmailInner{
	background:url(../Design/siteContactEmail.png) left top no-repeat scroll;
}
#siteMiniCart{
	float:right;
	width:194px;
	padding:2px;
	border-width:1px 1px 0 1px;
	border-style:dotted;
	border-color:#8A8565;
	margin-bottom:5px;
}
#siteMiniCart p{
	padding:0 5px;
	margin-top:7px;
	font-size:1.2em;
	text-align:right;
}
#siteMiniCartHeading{
	float:left;
	font-weight:bold;
	text-align:left;
}
#siteMiniCart span.p{
	color:#8A8565;
}
#siteMiniCart p#siteMiniCartLinks{
	padding:0;
	overflow:hidden;
}
#siteMiniCartLinks a{
	display:block;
	float:right;
	width:70px;
	height:20px;
	background:url(../Design/siteCheckout.png) left top no-repeat scroll;
	line-height:20px;
	text-indent:70px;
	overflow:hidden;
}
#siteMiniCartLinks a:hover{
	background-position:left -20px;
}

/*
 * Header Bottom
 */
#siteHeaderBot{
	position:relative;
	z-index:20;
}

/*
 * Header Login and webpages
 */
#siteHeaderBotLoginWebpages{
	padding:5px 0 3px;
	overflow:hidden;
}
#siteHeaderBotWebpages{
	float:left;
	padding:2px 13px 0;
	overflow:hidden;
}
#siteHeaderBotWebpages li{
	float:left;
	margin-right:8px;
}
#siteHeaderBotWebpages li a{
	color:#333;
	font-size:1.1em;
	text-decoration:none;
}
#siteHeaderBotWebpages li a:hover{
	color:#000;
	text-shadow:#666 1px 1px 2px;
}
#siteHeaderBotLogin{
	float:right;
	padding:2px 10px 0 0;
}
#siteHeaderBotLogin .text{
	width:118px;
	height:14px;
	border:1px solid #7789A4;
	margin-right:2px;
	background:#fff;
	color:#;
	line-height:14px;
	vertical-align:middle;
}
#siteHeaderBotLogin .submit{
	width:45px;
	height:16px;
	border:none;
	margin-right:5px;
	background:url(../Design/siteLoginBtn.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteHeaderBotLogin .submit:hover{
	background-position:left -16px;
}
#siteHeaderBotLogin a{
	color:#1f1f1f;
	text-decoration:none;
}
#siteHeaderBotLogin a:hover{
	color:#000;
	text-decoration:underline;
}

/*
 * Categories and Search
 */
#siteHeaderBotCategoriesSearch{
	background:url(../Design/siteCategories.png) left top repeat-x scroll;
}
#siteHeaderBotCategories{
	float:left;
	min-height:30px;
}
#siteHeaderBotCategories li{
	position:relative;
	display:block;
	float:left;
	padding-right:2px;
	margin:3px 0;
	background:url(../Design/siteCategoriesSep.png) right top no-repeat scroll;
}
#siteHeaderBotCategories li a{
	display:block;
	padding:0 15px;
	background:url(../Design/siteCategories.png) left -3px repeat-x scroll;
	color:#fffded;
	font-size:1.3em;
	line-height:24px;
	text-decoration:none;
	vertical-align:middle;
}
#siteHeaderBotCategories li a:hover{
	background-position:left -30px;
	color:#1f1f1f;
}
#siteHeaderBotCategories li.first{
	margin:0;
	background-position:right 3px;
}
#siteHeaderBotCategories li.first a{
	background:url(../Design/siteCategoriesLeft.png) left top no-repeat scroll;
	line-height:30px;
}
#siteHeaderBotCategories li.first a:hover{
	background-position:left -30px;
}
#siteHeaderBotCategories li div.drop{
	position:absolute;
	left:-12px;
	top:24px;
	display:none;
	width:336px;
	padding:0 10px;
	background:url(../Design/siteBlue50.png) left top repeat scroll;
}
#siteHeaderBotCategories li.first div.drop{
	top:27px;
	left:5px;
	padding-left:0;
}
#siteHeaderBotCategories li div.drop ul{
	padding:3px 0;
	border-width:0 1px 1px;
	border-style:solid;
	border-color:#7789A4;
	background:#99A7BB url(../Design/siteSubCategoryBg.png) center top no-repeat scroll;
}
#siteHeaderBotCategories li ul li{
	float:none;
	padding:0 2px;
	margin:0;
	background:none;
	line-height:100%;
}
#siteHeaderBotCategories li ul li a,
#siteHeaderBotCategories li.first ul li a{
	padding:2px 2px 2px 14px;
	background:url(../Design/siteSubCategoryBullit.png) 5px center no-repeat scroll;
	color:#333;
	line-height:100%;
}
#siteHeaderBotCategories li ul li a:hover,
#siteHeaderBotCategories li.first ul li a:hover{
	background:#7789A4 url(../Design/siteSubCategoryBullit.png) 5px center no-repeat scroll;;
	color:#fff;
}

#siteHeaderBotSearch{
	float:right;
	height:24px;
	padding:6px 10px 0 0;
	background:url(../Design/siteCategoriesRight.png) right top no-repeat scroll;
}
#siteHeaderBotSearch .text{
	width:165px;
	height:16px;
	padding-left:20px;
	border:1px solid #1f1f1f;
	background:#fff url(../Design/siteSearchText.png) left center no-repeat scroll;
	color:#999;
	font-size:1.2em;
	line-height:16px;
	vertical-align:middle;
}
#siteHeaderBotSearch .submit{
	width:31px;
	height:18px;
	border:none;
	margin-left:2px;
	background:url(../Design/sitesearchBtn.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteHeaderBotSearch .submit:hover{
	background-position:left -18px;
}

/*
 * News Ticker
 */
#siteNewsTickerOuter{
	position:relative;
	z-index:10;
	height:39px;
	background:url(../Design/siteNewsTicker.png) left center no-repeat scroll;
	overflow:hidden;
}
#siteNewsTicker{
	margin:9px 10px 10px 0;
	color:#fff;
	font-size:1.2em;
	line-height:20px;
	vertical-align:middle;
}

/*
 * Site Body
 */
#siteBody{
	position:relative;
	z-index:10;
	background:#fff url(../Design/siteBodyBackgroundTop.png) left top repeat-x scroll;
	color:#1f1f1f;
}
#siteBodyInner{
	padding:7px 0 10px;
	background:url(../Design/siteBodyBackgroundBot.png) left bottom repeat-x scroll;
}
#siteBody .page-center{
	background:#fff url(../Design/siteBodyTop.png) left top no-repeat scroll;
}
#siteBodyCenterInner{
	background:url(../Design/siteBodyBot.png) left bottom no-repeat scroll;
	overflow:hidden;
}
#siteBodyLeft{
	float:left;
	width:670px;
	padding-left:10px;
}
#siteBodyRight{
	float:right;
	width:200px;
	padding-top:34px;
	padding-right:10px;
}

/*
 * Promo Box
 */
.promo-box{
	margin-bottom:10px;
	background:url(../Design/sitePromoBox.png) -400px top repeat-y scroll;
}
.promo-box-top{
	background:url(../Design/sitePromoBox.png) left top no-repeat scroll;
}
.promo-box-bot{
	padding:1px 4px;
	background:url(../Design/sitePromoBox.png) -200px bottom no-repeat scroll;
	font-size:1.2em;
	overflow:hidden;
}

/*
 * Promo Area
 */
.promo-area{
	margin-bottom:10px;
	font-size:1.2em;
	overflow:hidden;
}

/*
 * Footer
 */
#siteFooter{}

/*
 * Footer Top
 */
#siteFooterTop{
	padding:12px 0 10px;
	background:#fefefe url(../Design/siteFooterTop.png) left top repeat-x scroll;
	color:#1f1f1f;
	font-size:1.1em;
	overflow:hidden;
}
#siteFooterTopWebpages{
	float:left;
	padding:0 13px;
	overflow:hidden;
}
#siteFooterTopWebpages li{
	float:left;
	margin-right:8px;
}
#siteFooterTopWebpages li a{
	color:#1f1f1f;
	text-decoration:none;
}
#siteFooterTopWebpages li a:hover{
	color:#000;
	text-shadow:#666 1px 1px 2px;
}
#siteFooterTopContactInfo{
	float:right;
	padding-right:10px;
}

/*
 * Footer Bottom
 */
#siteFooterBot{
	height:90px;
	background:url(../Design/siteFooterGrad.png) left top repeat-x scroll;
	overflow:hidden;
}
#siteFooterBotLeft{
	float:left;
	padding:10px 10px 0;
}
#siteFooterBotRight{
	float:right;
	padding:10px 10px 0;
}
#siteFooterBot a{
	color:#ccc;
	text-decoration:none;
}
#siteFooterBot a:hover{
	color:#fff;
}
#hostedBy{}
#webDesignBy{
	margin-left:10px;
}

/*
 * Location
 */
#sitePageNameLocation{
	padding-top:10px;
	overflow:hidden;
}
#sitePageNameLocation h1{
	float:left;
	font-size:1.4em;
}
#siteLocation{
	float:right;
}
#siteLocation a{
	color:#1f1f1f;
	text-decoration:none;
}
#siteLocation a:hover{
	color:#000;
	text-decoration:underline;
}

/*
 * Vat Notice
 */
#pageVatNotice,
.sub-heading{
	padding:4px 0;
	border-width:2px 0;
	border-style:solid;
	border-color:#7789A4;
	margin:10px 0;
}

/*
 * Product List
 */
#siteProductList{}
.product-row{
	overflow:hidden;
}
.product-item{
	float:left;
	width:200px;
	padding:10px 7px 7px 7px;
	border:1px solid #7789A4;
	margin:0 11px 10px 0;
}
.product-item.last{
	margin-right:0;
}
.product-item-name{
	padding-bottom:2px;
	border-bottom:1px solid #7789a4;
	font-size:1.2em;
	line-height:120%;
}
.product-item-name a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.product-item-name a:hover{
	color:#000;
	text-shadow:#666 1px 1px 2px;
}
.product-item-image{
	height:196px;
	padding:10px 2px 0;
	text-align:center;
}
.product-item-image img{
	padding:1px;
	border:1px solid #7789a4;
}
.product-item-desc{
	padding:5px 2px;
	color:#333;
	line-height:120%;
}
.product-item-prices{
	padding:2px 2px 4px;
	color:#435165;
	overflow:hidden;
}
.product-item-price{
	float:left;
}
.product-item-price span.p{
	font-weight:bold;
}
.product-item-rrp{
	float:right;
}
.product-item-vat-warning{
	clear:both;
	font-size:0.9em;
}
.product-item-link{
	padding-top:3px;
	border-top:1px solid #7789a4;
}
.product-item-link a{
	display:block;
	width:200px;
	height:24px;
	background:url(../Design/siteMoreInfoLong.png) left top no-repeat scroll;
	line-height:24px;
	text-indent:210px;
	overflow:hidden;
}
.product-item-link a:hover{
	background-position:left -24px;
}

/*
 * Cart page
 */
.cart-page .le-contiune-shopping,
.cart-page .le-update-cart,
.cart-page .le-checkout{
	display:block;
	width:145px;
	height:20px;
	margin-top:20px;
	background-image:url(../Design/siteCartLinks.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	line-height:20px;
	text-indent:260px;
	overflow:hidden;
}
.cart-page .le-contiune-shopping{
	background-position:left top;
}
.cart-page .le-update-cart{
	background-position:-145px top;
}
.cart-page .le-checkout{
	background-position:-290px top;
}
.cart-page .le-contiune-shopping:hover{
	background-position:left -20px;
}
.cart-page .le-update-cart:hover{
	background-position:-145px -20px;
}
.cart-page .le-checkout:hover{
	background-position:-290px -20px;
}