/*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:#ABC8E2;
}
a:hover{
	color:#036;
} 

/*
 * Template Styles
 */
html,
body{
	background:#004878 url(../Design/siteHtmlBg.jpg) top center repeat-x scroll;
}
 
#siteWrapper{
	position:relative;
	z-index:10;
	width:960px;
	min-height:740px;
	margin:0 auto;
	background:url(../Design/siteWrapperbg.png) left top repeat scroll;
}

/*
 * Header
 */
#siteHeader{}

/*
 * Header Top
 */
#siteHeaderTop{
	overflow:hidden;
}
#siteHeaderTopLeft{
	float:left;
	padding:20px 0 20px 5px;
	background:url(../Design/siteHeaderLeft.png) left top no-repeat scroll;
}
#siteHeaderTopRight{
	float:right;
	background:url(../Design/siteHeaderRight.png) right top no-repeat scroll;
	text-align:right;
}
#siteHeaderTopCenter{
	width:460px;
	margin:0 auto;
	text-align:center;
}

/*
 * Date
 */
#siteDate{
	padding:5px 10px;
	font-size:1.2em;
	color:#ABC8E2;
}
#siteDate span{
	color:#fff;
}

#siteBookmarkUs{
	padding-top:50px;
}
#siteBookmarkUs a{
	display:block;
	width:155px;
	height:40px;
	background:url(../Design/siteBookmarkUs.png) left top no-repeat scroll;
	line-height:160px;
	text-indent:40px;
	overflow:hidden;
}
#siteBookmarkUs a:hover{
	background-position:left -40px;
}

/*
 * Tage Line
 */
#siteTagLine{
	padding:12px 0 10px;
}

/*
 * Search
 */
#siteSearch{
	padding:10px 0;
}
#siteSearchTxt{
	width:152px;
	height:22px;
	padding:0 5px;
	border:none;
	background:url(../Design/siteSearchTxt.png) left top no-repeat scroll;
	color:#2D4158;
	font-size:1.2em;
	vertical-align:middle;
}
#siteSearchBtn{
	width:22px;
	height:22px;
	border:none;
	background:url(../Design/siteSearchBtn.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteSearchBtn:hover{
	background-position:left -22px;
}

/*
 * Header mid
 */
#siteHeaderMid{
	height:100px;
}

/*
 * Header Promos
 */
.header-promo{
	float:left;
	width:160px;
	height:59px;
	padding:41px 10px 0 70px;
	background-image:url(../Design/siteHeaderPromo.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	color:#fff;
	overflow:hidden;
}

#siteHeaderPromo1{
	background-position:left top;
	font-size:1.1em;
	line-height:120%;
}
#siteHeaderPromo1 p{
	margin-top:4px;
	padding-left:2px;
}
#siteHeaderPromo2{
	background-position:-240px top;
	font-size:1.6em;
	line-height:120%;
}
#siteHeaderPromo2 p{
	margin-top:4px;
	padding-left:2px;
}
#siteHeaderPromo3{
	background-position:-480px top;
	font-size:1.2em;
	line-height:120%;
}
#siteHeaderPromo3 p{
	margin-top:9px;
}
#siteHeaderPromo4{
	background-position:-720px top;
	font-size:1.1em;
	line-height:100%;
}
#siteHeaderPromo4 p{
	margin-top:3px;
	padding-left:2px;
}
#siteHeaderPromo1:hover{
	background-position:left -100px;
}
#siteHeaderPromo2:hover{
	background-position:-240px -100px;
}
#siteHeaderPromo3:hover{
	background-position:-480px -100px;
}
#siteHeaderPromo4:hover{
	background-position:-720px -100px;
}

.header-promo-text{
	padding-top:59px;
}

.header-promo:hover .header-promo-text{
	padding-top:0;
}

/*
 * Header Bot
 */
#siteHeaderBot{}

/*
 * Webpages Menu
 */
#siteHeaderBot ul{
	display:block;
	background:url(../Design/siteWebpages.png) left top repeat-x scroll;
	overflow:hidden;
}
#siteHeaderBot ul li{
	display:block;
	float:left;
	background:url(../Design/siteWebpages.png) left top repeat-x scroll;
}
#siteHeaderBot ul li a{
	display:block;
	background:url(../Design/siteWebpages.png) left -32px no-repeat scroll;
	text-decoration:none;
}
#siteHeaderBot ul li a span{
	display:block;
	height:32px;
	padding:0 20px;
	background:url(../Design/siteWebpages.png) right -64px no-repeat scroll;
	color:#C4D7ED;
	font-size:1.2em;
	line-height:32px;
	vertical-align:middle;
	cursor:pointer;
}

#siteHeaderBot ul li:hover{
	background-position:left -96px;
}
#siteHeaderBot ul li:hover a{
	background-position:left -128px;
}
#siteHeaderBot ul li:hover a span{
	background-position:right -160px;
	color:#fff;
}

#siteHeaderBot ul li.last{
	width:10px;
	height:32px;
	background:url(../Design/siteWebpages.png) left -32px no-repeat scroll;
}

/*
 * Mini Cart
 */
#siteMiniCart{
	padding-bottom:2px;
	border-top:1px solid #2A6691;
	background:#1B5C89 url(../Design/siteShoppingCart.png) 602px 7px no-repeat scroll;;
	color:#E1E6FA;
	font-size:1.2em;
	text-align:right;
	line-height:28px;
	overflow:hidden
}
#siteViewCart{
	float:right;
	margin-left:10px;
}
#siteViewCart a{
	display:block;
	width:78px;
	height:28px;
	background:url(../Design/siteViewCart.png) left top no-repeat scroll;
	line-height:28px;
	text-indent:100px;
	overflow:hidden;
}
#siteViewCart a:hover{
	background-position:left -28px;
}

#siteMiniCart span{
	margin-left:10px;
}
#siteMiniCart span.t{
	margin-left:0;
	color:#ABC8E2;
}
#siteMiniCart span.p{
	margin-left:0;
	color:#fff;
}

/*
 * Body
 */
#siteBody{
	padding-top:20px;
	background:url(../Design/siteFooter.png) left bottom no-repeat scroll;
	overflow:hidden;
}
#siteBodyLeft{
	float:left;
	width:168px;
	padding-left:6px;
}
#siteBodyRight{
	float:right;
	width:168px;
	padding-right:6px;
}
#siteBodyCenter{
	width:608px;
	margin:0 auto;
}
#siteBodyCenterInner{
	margin-bottom:20px;
}

/*
 * Category Menu
 */
#siteCategories{
	padding:34px 4px 0;
	margin:0 0 20px;
	background:url(../Design/siteProductCategories.png) left top no-repeat scroll;
}
#siteCategories li{
	border-top:1px solid #E1E6FA;
}
#siteCategories li:first-child{
	border-top:none;
}
#siteCategories li a{
	display:block;
	padding:5px 2px;
	color:#E1E6FA;
	font-size:1.1em;
	text-decoration:none;
}
#siteCategories li a:hover{
	background-color:rgba(255, 255, 255, 0.05);
	color:#fff;
}

/*
 * Customer login
 */
#siteCustomerLogin{}
#siteCustomerLogin p{
	padding:0 5px;
	margin:8px 0;
}
#siteCustomerLogin input.text{
	width:130px;
	height:22px;
	padding:0 5px;
	border:none;
	margin:4px 0 4px 4px;
	background:url(../Design/siteInputText.png) left top no-repeat scroll;
	color:#2D4158;
}
#siteCustomerLogin input.submit{
	width:58px;
	height:28px;
	border:none;
	margin:4px 0 8px 1px;
	background:url(../Design/siteLogin.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteCustomerLogin input.submit:hover{
	background-position:left -28px;
}
#siteCustomerLogin a{
	display:block;
	text-decoration:none;
	margin-left:4px;
}

/*
 * Newsletter
 */
#siteNewsletter{}
#siteNewsletter p{
	padding:0 5px;
	margin:8px 0;
}
#siteNewsletter p.submit{
	padding:0 1px;
}
#siteNewsletter input.text{
	width:130px;
	height:22px;
	margin:4px 0 4px 5px;
	padding:0 5px;
	border:none;
	background:url(../Design/siteInputText.png) left top no-repeat scroll;
	color:#2D4158;
}
#siteNewsletter input.submit{
	width:68px;
	height:28px;
	border:none;
	margin:4px 0 0 1px;
	background:url(../Design/siteSignUp.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteNewsletter input.submit:hover{
	background-position:left -28px;
}

#siteRequestCallBack p{
	margin:7px 0;
}

/*
 * Generic Menu
 */
.col-box{
	padding:0 4px;
	margin:20px 0;
	font-size:1.2em;
}
.col-box-top{
	height:3px;
	background:url(../Design/siteColBox.png) -160px top no-repeat scroll;
}
.col-box-mid{
	background:url(../Design/siteColBox.png) left top repeat-y scroll;
	overflow:hidden;
}
.col-box-bot{
	height:3px;
	background:url(../Design/siteColBox.png) -320px top no-repeat scroll;
}
.col-box-title{
	margin:0 0 8px 0 !important;
	padding:0 5px;
	color:#E1E6FA;
	font-size:1.16em;
}
.col-box-white{
	padding:0 4px;
	margin:20px 0;
	font-size:1.2em;
	font-weight:bold;
}
.col-box-white .col-box-top{
	background-position:-640px top;
}
.col-box-white .col-box-mid{
	background-position:-480px top;
}
.col-box-white .col-box-bot{
	background-position:-800px top;
}
#siteBodyRight .col-box{
	margin-top:4px;
}

/*
 * Generic: Product
 */
.col-product{
	padding:0 4px;
	text-align:center;
}
.product-image{
	height:152px;
	padding:10px 0;
}
.product-name{
	padding:5px 0;
	border-top:1px solid #003E67;
}
.product-name a{
	color:#34506B;
	text-decoration:none;
}
.product-name a:hover{
	
}
.product-price{
	padding:5px 0;
	border-top:1px solid #003E67;
}
.product-price span{
	margin:0 7px;
}
.product-price-rrp{
	color:#34506B;
	text-decoration:line-through;
}
.product-price-price{
	color:#06C;
}
.product-vat{
	font-size:10px;
}

/*
 * Footer
 */
#siteFooter{
	overflow:hidden;
	padding:5px 0 20px;
	color:#C4D7ED;
	font-size:1.1em;
}
#siteFooter a{
	color:#C4D7ED;
	text-decoration:none;
}
#siteFooter a:hover{
	color:#ABC8E2;
}
#siteFooterLeft{
	float:left;
}
#siteFooterRight{
	float:right;
}

/*
 * Section heading
 */
.section-heading{
	padding:6px;
	margin:14px 0;
	background:url(../Design/siteSectionHeading.png) left top no-repeat scroll;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
}

/*
 * Requect a callback
 */
#modalScreen{
	display:none;
	position:fixed;
	left:0;
	top:0;
	z-index:20;
	width:100%;
	height:100%;
	background:url(../Design/siteWhite50.png) left top repeat scroll;
}
#modalScreenCenter{
	position:absolute;
	top:50%;
	left:50%;
}
#modalWindow{
	position:absolute;
	left:-201px;
	top:-156px;
	width:380px;
	height:340px;
	padding:10px;
	border:1px solid #000;
	background:#375D81;
	color:#E1E6FA;
	font-size:1.2em;
}
#modalWindow a.close{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	width:59px;
	height:28px;
	background:url(../Design/siteClose.png) left top no-repeat scroll;
	line-height:28px;
	text-indent:60px;
	overflow:hidden;
}
#modalWindow a.close:hover{
	background-position:left -28px;
}
#modalWindow p{
	margin:0.5em 0;
}
#modalWindow p.title{
	font-size:1.2em;
	font-weight:bold;
}
#modalWindow label{
	display:block;
	margin-bottom:5px;
}
#modalWindow input.text{
	width:378px;
}
#modalWindow textarea{
	width:378px;
	height:130px;
}
#modalWindow input.submit{
	width:118px;
	height:28px;
	border:none;
	background:url(../Design/siteSubmitRequest.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#modalWindow input.submit:hover{
	background-position:left -28px;
}