#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }
/* ----- end float fix ----- */

body{

	background:url(../graphics/blikz/bg.jpg) no-repeat 0 0;
	
	background-attachment: fixed;

	color:#BBBBBB;

	font: 70%  Arial, Helvetica, sans-serif;	

	text-align:center;

	line-height:150%;

	margin:0;

	padding:0;

}



/* ----- tables ----- */

table, td, input, textarea, select, li{

	font: 100% Arial, Helvetica, sans-serif;

}

th{

	background:#ddd;

	padding:5px;

}

td{padding:5px;}



/* ----- global links ----- */

a:link, a:visited, a:active{

	color:#9ac4ee;

	text-decoration:none;

}

a:hover{color:#999999;}



/* ----- global paragraphs, headers & horizontal rules ----- */

p, h1, h2, h3, h4, h5, h6{margin:1em 0;}

h1{font-size:140%;}

h2{font-size:130%;}

h3{font-size:120%;}

h4, h5{font-size:100%;}

hr{display:none;}



/* ----- global images ----- */

img{border:none;}



/* ----- hidden items ----- */

#skip{display:none;}

.hidden{display:none;}



/* ----- float left / right classes ----- */

.left{float:right;margin-right:.3em;}

.right{float:right;margin-left:.3em;}



/* ----- company contact details ----- */

address{

	font-style:normal;

	margin:1em 0;

}



/* ----- container size & positioning ----- */

#container{

	margin:0 auto;

	margin-top:10px;

	width:852px;

	text-align:left;

	background:#303030; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; 

	padding-top:10px;

	position:relative;

}



/* ----- header area ----- */

#header{

	height:150px;	

	position:relative;

	background:#303030; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; 

	margin:0 10px;

}



/* ----- company logo & strapline ----- */

#logo{

	position:absolute;

	margin:0 !important;

	padding:0;

	top:0px;

	left:0px;

	line-height:30px;

	font-size:180%;

	font-weight:normal;

	width: 835px;

}

h1#logo a {

	background: url(../graphics/blikz/logo.jpg) no-repeat 0 0;

	display: block;

	height: 0;

	overflow: hidden;

	padding-top: 150px;

}

#tagline{

	position:absolute;

	margin:0;

	padding:0;

	top:50px;

	left:30px;

	line-height:20px;

}



/* ----- shopping basket info ----- */

#info{

	color: #FFFFFF;

	position:absolute;	

	margin:0;

	padding:0;

	top:10px;

	right:30px;

	z-index:10;

}



/* ----- optional mid div (useful for more complex backgrounds) ----- */

#mid{}



/* ----- breadcrumb trail ----- */

#breadcrumbs{

	float:left;

	display:inline;

	margin-left:10px;

	width:620px;

}



/* ----- search box ----- */

#search{

	margin:0;

	margin-bottom:1em;

	padding:8px 10px 12px 10px;

	background:#000000;

}

#search label{

	color: #FFFFFF;

	display:block;

	font-size: 110%;

	font-weight: bold;

	padding: 2px 0 3px 0;

}



/* ----- side navigation ----- */

#navDept, #navDept li{

	margin:0;

	padding:0;

	list-style:none;

}

#navDept{

	background: #000 url(../graphics/blikz/nav-bottom.gif) no-repeat 0 bottom;

	padding-bottom: 15px;

	margin-bottom:1em;

}

#navDept li{

	margin-bottom:1px;

}

#navDept li a{

	display:block;

	width:100%;

	background:#2B2B2B;

	border-bottom: 1px solid #3E3E3E;

	color:#FFFFFF;

}

#navDept li a span {

	color: #FFFFFF;

	display:block;

	padding:5px 10px;

}

#leftmenu li a:hover span, #leftmenu li a.selected span{color: #9AC4EE;}

#navDept li a:hover span, #navDept li a.selected span {color: #9AC4EE;}





/* ----- subdepartment navigation ----- */

#navSubDept, #navSubDept li {

	margin:0;

	padding:0;

	list-style:none;

}

#navSubDept{

	margin:1em 0;

	padding:3px 10px;

	background:#f1f1f1;

	border:1px solid #eee;

	color:#777;

}

#navSubDept li{

	margin:.5em 0;

	line-height:150%;

	padding:0;

	padding-left:15px;

	list-style:none;

}

#navSubDept li a{color:#777;}

#navSubDept li a:hover, #navSubDept li a.selected{color:#777;text-decoration:underline;}



/* ----- customer tool list ----- */

#navTools, #navTools li{

	margin:0;

	padding:0;

	list-style:none;

}

#navTools{

	background: #000 url(../graphics/blikz/nav-bottom.gif) no-repeat 0 bottom;

	padding-bottom: 15px;

	margin-bottom:1em;

}

#navTools li{

	margin-bottom:1px;

}

#navTools li a{

	display:block;

	width:100%;	

	background:#2B2B2B;

	border-bottom: 1px solid #3E3E3E;

	color:#FFFFFF;

}

#navTools li a:hover, #navTools li a.selected{ color:#9AC4EE; }

#navTools li a span{

	display:block;

	padding:5px 10px;

}



/* ----- nav static menu items ----- */

.navStatic, .navStatic li{

	margin:0;

	padding:0;

	list-style:none;

}

.navStatic{margin-bottom:1em;}

.navStatic li{

	margin-bottom:1px;

}

.navStatic li a{

	display:block;

	width:100%;	

	background:#f2f2f2;

	color:#FFF;

}

.navStatic li a:hover{background:#ddd;}

.navStatic li a span{

	display:block;

	padding:3px 20px;

}

#navToolsTitle, #navDeptTitle, .navStaticTitle{

	background:#000000 url(../graphics/blikz/nav-h3.gif) no-repeat; 

	color: #ffffff;

	margin:0;

	padding:8px 15px 4px 10px;

	margin-bottom:1px;

	font-size:110%;

}



/* ----- side navigation column ----- */

#side{

	float:right;

	display:inline;

	width:200px;

	margin-right:10px;

	margin-top:10px;

}



/* ----- main content area ----- */

#main{

	float:left;

	display:inline;

	width:530px;

	margin-left:10px;

}

#main h2{

	font-weight:normal;

	padding:0;

	color:#FFFFFF;

	font-size:160%;

	clear:both;

}

#main h2#pageTitle{

	font-weight:normal;

	padding:0;

	margin:0;

	margin-bottom:1em;

	color:#FFFFFF;

	font-size:180%;

}

.note{

	font-size:110%;

}

.highlight{

	font-size:140%;

}

.module1{

	float:left;

	width:250px;

}

.module2{

	float:right;

	width:250px;

}



/* ----- footer area ----- */

#footer{

	background:#000000;

	padding:10px;

}

#footer p{margin:0;}

#footer ul, #footer li{

	margin:0;

	padding:0;

	list-style:none;

}

#footer li{display:inline;margin-right:.5em;}

#footer a:hover{

	color:#777;

	text-decoration:underline;

}

#footer #credits{

	float:right;

	margin-top:-1.5em;

}



/* ----- pagination (page 1/2 etc.) ----- */

#pagination{

	margin:1em 0;

}

#pagination li{

	margin:0;

	height:16px;

	line-height:16px;

	float:left;

}

#pagination p{

	margin:0;

	float:left;

	width:100px;

}

#pagination a{

	display:block;

	float:left;

	width:9px;

	height:9px;

	margin-left:10px;

	margin-top:3px;

	text-indent:-8000px;

	overflow:hidden;

}

#pagination a#firstPage{background:url(../graphics/blikz/ico_first.gif)no-repeat 0 0;}

#pagination a#prevPage{background:url(../graphics/blikz/ico_prev.gif) no-repeat 0 0;}

#pagination a#nextPage{background:url(../graphics/blikz/ico_next.gif) no-repeat 0 0;}

#pagination a#lastPage{background:url(../graphics/blikz/ico_last.gif) no-repeat 0 0;}



/* ----- product thumbnail list ----- */

.products{

	margin:1em 0;

}

.products ul, .products li{

	margin:0;

	padding:0;

	list-style:none;

} 

.products li{
        margin-bottom:1em;
        padding:.5em 10px 0 10px;
        background:#303030;
        border:1px solid #303030;
        color:#777;
        width:125px;          /* gives the product block a width */
        float:left;           /* aligns the products left, one after another */
        margin-right:5px;    /* a little spacing between each product */

}

.products li:hover{

	background:#303030;

	border:1px solid #e5e5e5;

}

.products li h3{

	margin-top:.5em;

	margin-bottom:1em;

	padding:0;

	background:none;

}

.products li h3 a{color:#FFF;}

.products li h3 a:hover{color:#275f81;}

.products .image{

	float:center;

	margin:0;

	margin-right:10px;

	margin-bottom:10px;

}

.products .image a img{

	border:1px solid #e2e2e2;

	padding:2px;

	background:#fff;

}

.products .image a:hover img{

	border:1px solid #ccc;

	padding:2px;

	background:#e2e2e2;

}

.products .price{

	clear:both;

	margin:1em 0;

	text-align:center;

	line-height:180%;

	color:#FFFFFF;

	font-size:110%;

	font-weight:bold;

}

.products .quantity{

	clear:both;

	margin:1em 0;

	text-align:right;

	line-height:180%;

}



/* ----- individual products ----- */

#product{	

	margin:1em 0;	

}

#product .image{	

	float:left;

	margin-bottom:1em;

}	

#product .image p{margin:.5em 0;}

#product .image img{	

	border:1px solid #e1e1e1;

}	

#product .info{	

	float:right;

	width:270px;

}

#product .price{

	color:#13689d;

	font-size:120%;

}

#product .info p{

	margin:0;

	margin-bottom:.2em;

}

#product .info h3{

	margin:0;

	margin-bottom:.2em;

}

#product .actions{

	border-top:1px solid #e1e1e1;

	clear:both;

}	

#product #addBasket{

	border-top:1px solid #e1e1e1;

	padding-top:1em;

}

#product #addWishlist a{

}



/* ----- featured articles ----- */

#articles{}

#articles ul, #articles li {

	margin:0;

	padding:0;

	list-style:none;

}

#articles ul{

	margin:1em 0;

	padding:3px 10px;

	background:#f1f1f1;

	border:1px solid #eee;

	color:#777;

}

#articles ul li{

	margin:.5em 0;

	line-height:150%;

	padding:0;

	padding-left:15px;

	list-style:none;

	background:url(../graphics/blikz/arrow3.gif) no-repeat 0 .6em;

}

#articles  ul li a{color:#777;}

#articles  ul li a:hover{color:#777;text-decoration:underline;}



/* ----- customer reviews ----- */

#reviews{

}

#reviews ul, #reviews li {

	margin:0;

	padding:0;

	list-style:none;

}

#reviews ul{

	margin:1em 0;

	padding:3px 10px;

	background:#f1f1f1;

	border:1px solid #eee;

	color:#777;

}

#reviews ul li{

	margin:.5em 0;

	line-height:150%;

	padding:0;

	padding-left:15px;

	list-style:none;

}

#reviews  ul li a{color:#777;}

#reviews  ul li a:hover{color:#777;text-decoration:underline;}



/* ----- site map ----- */

#sitemap, #sitemap ul, #sitemap li{

	margin:0;

	padding:0;

	list-style:none;		

} 

#sitemap{margin:1em 0;}

#sitemap li{margin:.5em 0;}

#sitemap li h3{margin:.2em 0;}

#sitemap ul{padding-left:20px;}



/* ----- tables and forms ----- */

fieldset{

	border:none;

	padding:0;

	margin:1em 0;

}

legend{

	font-weight:normal;

	padding:0;

	margin:0;

	color:#FFF;

	font-size:120%;

	clear:both;

}

#content {

	padding-bottom: 10px;

}

fieldset h3, fieldset h3{margin:1em 0 0 0;}

#content table{

	width:100%;

	margin:.5em 0;

	border-collapse:collapse;

	line-height:150%;

}

th{

	border:1px solid #fff;

	background:#ddd;

	padding:5px;

}

td{

	background:#242424;

	border:1px solid #414141;

	padding:5px;

	vertical-align:top;

}

.formField, .formSelect{

	background:#fff;

	border:1px solid #e1e1e1;

	width:200px;

}

.formFieldShort, .formFieldMedium{

	background:#fff;

	border:1px solid #e1e1e1;

	width:20px;

	margin-right:5px;

}

.formFieldMedium{width:96px;}

table .price{

	color:#13689d;

	font-size:110%;

	font-weight:bold;

}

.formFieldProduct{width:150px;}

table .price{

	color:#13689d;

	font-size:110%;

	font-weight:bold;

}

.formRadio{vertical-align:middle;}

.formButton, form#search input#searchSubmit {

	background:#111111 url(../graphics/blikz/button-bg.gif) repeat-x 0 0;

	color:#fff;

	border:none;

	padding-top:3px;

	padding-bottom:3px;

}

label span{

	color:#13689d;

	font-size:110%;

	font-weight:bold;

}

input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus	{

	background: #fff;

	border: 1px solid #bbb;

}



/* ----- shopping cart ----- */

#total{

	margin:1em 0;

	padding:0;

	width:295px;

	font-size:110%;

}

#total dt{

	width:200px;

	float:left;

	font-weight:bold;

}

#total dd{

	margin-left:201px;

	text-align:right;

}

.actions{

	clear:both;

	margin:0;

	padding:.5em 0;

}



/* ----- first table data style ----- */

td.first{width:40%;}



/* ---------------------- float fix ----------------------------- */

.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.inner, .products, .products li, #pagination, #total, .modules{display:block;}

/*  \*/

.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}

* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}

 /*  */

/* ----- end float fix ----- */