@charset "utf-8";
/* CSS Document */
/* Site wide colours
	Pale text		:	#FFFFCC
	Dark red txt	:	#6F0009
	Red txt			:	#AD101C
	
	Red bg			:	#AD101B
	Dark red bg		:	#6F0008
	Pale grey bg	:	#EFF0F1
	Dark grey bg	:	#707476
*/

/* GENERAL RULES */
a, a:link, a:active, a:visited{color:#AD101C; text-decoration:none;}
a:hover{ color:#6F0009; text-decoration:underline; }
h1, h2, h3, h4, h5, h6{text-align:left; color:#333333;line-height:1.4em;margin:0;padding:0;}
h1 a, h2 a, h3a, h4 a, h5 a, h6 a{color:#333333; text-decoration:none;}
h1 a:hover, h2 a:hover, h3a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#666666; text-decoration:underline;}

/* MISC */
img{border:none;}
.clear{clear:both;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
.inner{padding:12px;}
.smalltext{font-size:0.8em;}
/* LAYOUT */
html{
	height:100%;
	margin:0;
	padding:0;
	background:#E1E1E1 url(../../images/main-bg.jpg) top repeat-x;
}
body{
	height:100%;
	margin:0;
	padding:0;
	background: url(../../images/outer.png) top center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
}
.outer{
	height:100%;
	margin:0 auto 0 auto;
	padding:0;
	width:980px;
	background:#FFFFFE url(../../images/page-bg.jpg) top no-repeat;
}
.container{
	margin:0;
	padding:0;
	width:980px;
}
.page{
	float:left;
	width:980px;
	background:#FFFFFE;
}
/* HEADER */
.header{
	margin:0 auto 0 auto;
	padding:0;
	width:980px;
	height:148px;
	background:url(../../images/top-nav-bg.jpg) top repeat-x;
}
.heading{
	float:left;
	width:748px;
	
}
.heading h1{
	margin:12px 0 0 16px;
	padding:0;
	font-size:2em;
	color:#FFFFFC;
}
.heading h2{
	margin:0 0 0 16px;
	padding:0;
	font-size:1.5em;
	color:#FFFFFC;
}
.logo{
	float:left;
	width:auto;
	padding:16px 0 0 0;
}
/* Main Navigation */
.main-nav{
	float:left;
	width:auto;
}
.main-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	border-left:1px solid #6F0009;
	height:29px;
}
.main-nav li{
	float:left;
	width:auto;
	margin:0;
	padding:0;
}
.main-nav li a{
	color:#FFFFCC;
	text-decoration:none;
	margin:0;
	padding:0 12px 0 12px;
	height:29px;
	line-height:29px;
	display:block;
	border-right:1px solid #6F0009;
}
.main-nav .selected{
	background:url(../../images/top-nav-selected.jpg) repeat-x;
	font-weight:bold;
}
.main-nav li a:hover{
	background:url(../../images/top-nav-selected.jpg) repeat-x;
}
.flags{
	width:50px;
	margin:4px 0 0 0;
	float:right;
	text-align:left;
	z-index:999px;
}
.flags img{
	padding:0 0 0 2px;
}
.flags-open{
	float:left;
	width:34px;
	background:#B20F1A;
	text-align:left;
	margin:-4px 0 0 0;
	padding:0 0 2px 0;
}
.flags-open img{
	margin:4px 0 0 2px;
	padding:0;
}
/* LEFT COL and PRODUCT CAT */
.left-col{
	float:left;
	width:192px;
	margin:0 0 0 10px;
	padding:0;	
	border:1px solid #FFF;
}
.left-col-float{
	position:fixed;	
}
.left-nav, .left-news{
	width:192px;
	margin:0 0 12px 0;
}
.left-nav .title, .left-news .title{
	background:#707476 url(../../images/lhs-top.gif) top center no-repeat;
	width:192px;
	height:34px;
	line-height:34px;
}
.left-nav .title p{
	color:#FFFFFC;
	margin:0 12px 0 12px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	background:url(../../images/down-arrow.gif) right no-repeat;	
}
.left-news .title p, .left-news .title p a{
	color:#FFFFFC;
	margin:0 12px 0 6px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
/* Product Navigation */
/* - tier 1 - */
.left-nav .prod-nav-tier-1 ul{
	list-style:none;
	margin:0;
	padding:0;
}
.left-nav .prod-nav-tier-1 li{
	background:#EFF0F1;
	margin:1px 0 0 0;
	padding:0;
}
.left-nav .prod-nav-tier-1 a{
	color:#333333;
	text-decoration:none;
	display:block;
	background:	url(../../images/category-more.gif) right no-repeat;
	padding:4px;
}
.left-nav .prod-nav-tier-1 a:hover{
	background:#CCCCCC 	url(../../images/category-open.gif) right no-repeat;
}
.left-nav .prod-nav-tier-1 .selected{
	background:#AD101B url(../../images/category-selected.gif) right no-repeat;
	color:#FFFFFF;
}
.left-nav .prod-nav-tier-1 .selected:hover{
	background:#6F0008 url(../../images/category-selected-over.gif) right no-repeat;
	color:#FFFFFF;
}
/* - tier 2 - */
.left-nav .prod-nav-tier-2 ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.9em;
}
.left-nav .prod-nav-tier-2 li{
	margin:1px 0 0 0;
	padding:0;
	border-bottom:1px solid #EFF0F1;
	background:none;
}
.left-nav .prod-nav-tier-2 li a{
	color:#AD101C;
	text-decoration:none;
	display:block;
	background:none;
	padding:1px 6px;
}
.left-nav .prod-nav-tier-2 li a:hover{
	background:	url(../../images/sub-category-open.gif) right no-repeat;
	color:#6F0009;
}
.left-nav .prod-nav-tier-2 .selected
{
    background:#AD101B url(../../images/category-selected.gif) right no-repeat;
	color:#FFFFFF;
}
.left-nav .prod-nav-tier-2 .selected a{
	background:	url(../../images/sub-category-open.gif) right no-repeat;
}
.left-nav .prod-nav-tier-2 .selected a:hover{
	background:	url(../../images/sub-category-open.gif) right no-repeat;
}

/* - tier 3 - */
.left-nav .prod-nav-tier-3 ul{
	list-style:none;
	margin:0 0 0 6px;
	padding:0 0 0 6px;
	font-size:0.9em;
}
.left-nav .prod-nav-tier-3 li{
	margin:1px 0 0 0;
	padding:0;
	border-bottom:1px solid #EFF0F1;
}
.left-nav .prod-nav-tier-3 li a{
	color:#AD101C;
	text-decoration:none;
	display:block;
	padding:2px 12px 2px 0;
}
.left-nav .prod-nav-tier-3 li a:hover{
	color:#6F0009;
	background:#FFFFFE url(../../images/sub-category-more.gif) right no-repeat;
}
.left-nav .prod-nav-tier-3 .selected{
    color:#6F0009;
    background:	url(../../images/sub-category-more.gif) right no-repeat;
    font-weight:bold;
}
.left-nav .prod-nav-tier-3 .selected a{
    color:#6F0009;
	background:	url(../../images/sub-category-more.gif) right no-repeat;
	
}
.left-nav .prod-nav-tier-3 .selected:hover{
    color:#6F0009;
	background:	url(../../images/sub-category-more.gif) right no-repeat;
}

/* News Panel */
.grey-panel{
	background:#EFF0F1;
	margin:1px 0 12px 0;
	width:100%;
}
.grey-panel .inner{
	padding:4px;
}
/* MAIN AREA */
.main{
	float:left;
	width:720px;
	margin:0 0 0 22px;
}
.breadcrumb{ font-size:0.9em;}
.wishlist{ font-size:0.9em;}
.product-list{
	padding:12px 0 0 0;
}
.product-item{
	background:#EFF0F1;
	padding:6px;
	margin:0;
	float:left;
	width:100%;
	border-bottom:12px solid #fff;
}
.product-item-desc{
	float:left;
	width:550px;
	margin:0 10px 0 0;
}
.product-item-desc .desc-content{
    float:left;
    width:540px;
    padding:0 0 6px 0;
}
.product-item-desc .title{
    float:left;
    width:440px;
}
.product-item-desc .code{
    float:left;
    width:100px;
    text-align:center;
    font-weight:bold;
    padding:4px 0 0 0;
}
.product-item-desc .size{
    float:left;
    width:100%;
    font-size:1.1em;
    margin:0 0 4px 0;
}

.product-item-image{
	float:left;
	width:146px;
}
/* image */
.enlarge{
	width:20px;
	height:19px;
	line-height:19px;
	color:#707476;
	background: url(../../images/mag-tab.gif) top right no-repeat;
	font-size:0.8em;
	padding:0;
	text-align:center;
	margin:0;
	float:right;
}
.see-range{
	width:146px;
	height:19px;
	line-height:19px;
	color:#FFFFFF;
	background:url(../../images/img-header.gif) bottom center no-repeat;
	text-indent:6px;
	font-size:0.8em;
}
.caption{
	background:#707476 url(../../images/img-header.gif) top center no-repeat;
	color:#FFFFFF;
	width:142px;
	text-align:center;
	font-size:0.8em;
	padding:2px;
	display:block;
}

.product-item-image a, .product-item-image a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.prod-img{
	margin:0;
	padding:0;
}
.prod-img a{float:left;}

.img-select-on a{
	background: #707476 url(../../images/image-tab-on.gif) left top no-repeat;
	text-align:center;
	color:#FFFFFF;
	float:left;
	width:35px;
	height:18px;
	line-height:18px;
	margin:0 4px 0 0;
	display:block;
}
.img-select-on a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.img-select-off a{
	background: #FFFFFF url(../../images/image-tab-off.gif) left top no-repeat;
	text-align:center;
	color:#707477;
	float:left;
	width:35px;
	height:18px;
	line-height:18px;
	display:block;
	margin:0 4px 0 0;
}
.img-select-off a:hover{
	color:#707477;
	text-decoration:underline;
}
.desc{
	background:#CCC;
	float:left;
	width:430px;
	padding:0 0 0 6px;
	margin:0;
	height:30px;
	line-height:30px;
	font-size:0.9em;
}
.desc select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 8px 0 0;
}
.action-button{
	border:1px solid #FFFFFF;
	background:#AD101B;
	display:inline-block;
	color:#FFFFFF!important;
	text-align:center;
	width:100px;
	height:28px;
	line-height:28px;
}
.action-button a{
    color:#FFFFFF!important;
}
.action-button:hover{
	background:#6F0008;
}
.action-button2{
	border:1px solid #FFFFFF;
	background:#CCCCCC;
	display:inline-block;
	color:#FFFFFF!important;
	text-align:center;
	width:100px;
	height:28px;
	line-height:28px;
}
.action-button2 a{
    color:#FFFFFF!important;
}
.action-button2:hover{
	background:#707476;
}
/* LOGIN */
.login-box{
    border:1px solid #AD101B;
    width:300px;
    float:left;
    margin :0 24px 24px 0;
}
.error{
    display:block;
    width:100%;
    color:red;
    font-size:0.9em;
}
.register-box{
    border:1px solid #AD101B;
    width:100%;   
}
.register-box-input{width:260px;}

/* *** */
.other-products-panel{
	margin:12px 0px 8px 0px;
	padding:0px 0px 0px 0px;
}
.related-products-panel{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	border-top:1px solid #ACABC5;
}
.back-to-top{ 
	font-size:0.85em;
	width:100%;
}
.back-to-top a{
	color:#FFFFFF;
	text-decoration:none;
	background:#ACABC5;
	position:inherit;
	right:0px;
	padding:0px 6px 0px 6px;
	margin:0px;
	float:right;
}
.back-to-top a:hover{text-decoration:underline;}
/* Scrolling Product Tables */
.scrolling-products{
	border:1px solid #000099;
	background:#ACABC5;
	padding:2px;
	overflow:auto;  /* cater to the older browsers */
	overflow-x:scroll; /* scroll horizontal */
	overflow-y:hidden; /* Hide vertical*/
	white-space:nowrap;
	position:relative;
	float:left;
	width:99%;
}
.scrolling-products table td{
	border:1px solid #000099;
	background:#FFFFFF;
	padding:4px 0 0 4px;
}
.scrolling-products table h3{
	margin:4px;
	font-weight:normal;
	font-size:1em;
}
/* Specification Table */
#specification{
	width:100%;
	border-collapse:collapse;
}
#specification th{
	border:1px solid #666;
	background:#ECECEC;
	border-collapse:collapse;
	padding:2px;
	text-align:left;
}
#specification td{
	border:1px solid #666;
	border-collapse:collapse;
	padding:2px;
}
/* Links and Downloads */
.downloads{
	border-bottom:1px dotted #666;
	width:100%;
	margin:0 0 6px 0;
}
.downloads p{line-height:28px;}
.downloads img{float:right;}


/* TEXT FORMATTING */
h1{
    font-size:1.6em;
    padding:0 0 0.4em 0;
}
h2{
    font-size:1.4em;
    padding:0 0 0.4em 0;
}
h3{
    font-size:1.3em;
	padding:0 0 0.4em 0;
}
h4{
    font-size:1.2em;
    color:#6F0009;
	padding:0 0 0.4em 0;
}
h5{
    font-size:1.1em;
	padding:0 0 0.4em 0;
}
h6{
    font-size:1.1em;
    font-style:italic;
	padding:0 0 0.4em 0;
}
p{
	margin:0.2em 0 1.3em 0;
	padding:0;
}
ol, ul{
    margin:0.5em 1em 0 0.5em;
    padding:0 0 1em 1em;
}
li{
    margin:0.5em 0 0.75em 0.5em;
    padding:0 0 0 1em;
}
hr{
    color:#666;
	background-color:#666;
	border:0;
	height:1px;
}