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

body{

	background:#7f7f7f;

	color:#555;

	font: 75%  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;

	color:#000;	

}

th{

	background:#fff;

	padding:5px;

}

td{padding:5px;}



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

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

	color:#cc0001;

	text-decoration:none;

}

a:hover{color:#ff6600;}



/* ----- 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:960px;

	text-align:left;

	background:#fff;

	padding-top:10px;

	position:relative;

}



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

#header{

	height:90px;	

	position:relative;

	background:#f2f2f2;

	margin:0 10px;

}



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

#logo{

	position:absolute;

	margin:0;

	padding:0;

	top:20px;

	left:30px;

	line-height:30px;

	font-size:180%;

	font-weight:normal;

}

#tagline{

	position:absolute;

	margin:0;

	padding:0;

	top:50px;

	left:30px;

	line-height:20px;

}



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

#info{

	position:absolute;	

	margin:0;

	padding:0;

	top:40px;

	right:15px;

	z-index:10;

}



#liveChat {

        position:absolute;

        margin:0;

        padding:0;

        top:15px;

        right:215px;

        z-index:12;

}

#phoneTop{

	position:absolute;

	margin:0;

	padding:0;

	top:15px;

	right:30px;

	z-index:11;

	font-size:160%;

	font-weight:bold;

	color:#7f7f7f;

}

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

#mid{}



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

#breadcrumbs{

	float:left;

	display:inline;

	width:520px;

	font-size:110%;

	padding-right:10px;

}



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

#search{

	margin:0;

	margin-bottom:1em;

	padding:5px 20px;

	background:#ffcc00;

}

#search label{display:block; color:#cc0001; }



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

#navDept, #navDept li{

	margin:0;

	padding:0;

	list-style:none;

}

#navDept{margin-bottom:1em;}

#navDept li{

	margin-bottom:1px;

}

#navDept li a{

	display:block;

	width:100%;

	background:#f2f2f2;

	color:#555;

}

#leftmenu li a:hover, #leftmenu li a.selected{background:#ddd;}

#navDept li a:hover, #navDept li a.selected{background:#ffcc00; font-weight:bold; font-size:100%; }

#navDept li a span{

	display:block;

	padding:3px 20px;

}



/* sub department navigation in product details page */

#navSubDeptProduct, #navSubDeptProduct li {

        margin:0;

        padding:0;

        list-style:none;

}

#navSubDeptProduct{

	height:100px;

	width:500px;

        padding:3px 5px;

        border:1px solid #eee;

        color:#777;

}

#navSubDeptProduct li{

        margin:.5em 0;

        line-height:100%;

        padding:0;

        padding-left:15px;

        list-style:none;

	float:left;

}

#navSubDeptProduct li a{color:#777;}

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



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

#navSubDept, #navSubDept li {

	margin:0;

	padding:0;

	list-style:none;

}

#navSubDept{

	margin:1em 0;

	width:500px;

	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{margin-bottom:1em;}

#navTools li{

	margin-bottom:1px;

}

#navTools li a{

	display:block;

	width:100%;	

	background:#f2f2f2;

	color:#555;

}

#navTools li a:hover, #navTools li a.selected{background:#ddd;}

#navTools li a span{

	display:block;

	padding:3px 20px;

}



/* ----- 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:#555;

}

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

.navStatic li a span{

	display:block;

	padding:3px 20px;

}

#navToolsTitle, #navDeptTitle, .navStaticTitle{

	margin:0;

	padding:3px 20px;

	margin-bottom:1px;

	background:#cc0001;

	color:#fff;

	font-size:100%;

}



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

#side{

	float:left;

	display:inline;

	width:200px;

	margin-left:10px;

	margin-top:10px;

}



#side2{

        float:right;

        display:inline;

        width:180px;

        margin-right:10px;

        margin-top:10px;

}



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

#main{

	float:left;

	display:inline;

	width:535px;

	margin-left:5px;

}

#main h2{

	font-weight:normal;

	padding:0;

	color:#cc0001;

	font-size:160%;

	clear:both;

}

#main h2#pageTitle{

	font-weight:normal;

	padding:0;

	margin:0;

	margin-bottom:1em;

	color:#cc0001;

	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:#ccc;

	padding:20px;

}

#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;

}



#footer #copyright {

	float:right;

	margin-top:-2.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/plain/ico_first.gif)no-repeat 0 0;}

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

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

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



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

.products{

	text-align:centre;

	margin:1em 0;

	width:530px;

}

.products ul, .products li{

	margin:0;

	padding:0;

	list-style:none;

} 

.products li{

	margin-bottom:1em;

	padding:.5em 10px 0 10px;

	background:#f1f1f1;

	border:1px solid #e1e1e1;

	color:#777;

	/* float the product div element 2 col layout settings */

	width:234px;

	height:300px;

	float:left;

	margin-right:6px;

}

.products li:hover{

	background:#f5f5f5;

	border:1px solid #e5e5e5;

}

.products li h3{

	margin-top:.5em;

	margin-bottom:1em;

	padding:0;

	background:none;

}

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

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

.products .image{

	float:left;

	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:right;

	line-height:180%;

	color:#ff6600;

	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{

	width:280px;

	float:right;	

}



#product .price{

	color:#ff6600;

	font-size:110%;

}

#product .info p{

	margin:0;

	margin-bottom:.2em;

}

#product .info h3{

	margin:0;

	margin-bottom:.2em;margin:0 0 0 0;

	padding:0 0 0 0;

}

#product .actions{

	border-top:1px solid #e1e1e1;

	clear:both;

}	

#product #addBasket{

	border-top:1px solid #e1e1e1;

	padding-top:1em;

}

#product #enquireProd { 

	border-top:1px solid #e1e1e1;

	padding-left:2px;

	padding-top:1em;

}



#enquireProd form { display:inline; }



#product #addWishlist a{ float:left; }



/* ----- 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/plain/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 ----- */

.product form {

	display:inline;

}

label { color:#555; font-size:90%; }



fieldset{

	border:none;

	padding:0;

	margin:1em 0;

}

legend{

	font-weight:normal;

	padding:0;

	margin:0;

	color:#555;

	font-size:120%;

	clear:both;

}

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

#content table{

	width:95%;

	margin:.5em 0;

	border-collapse:collapse;

	line-height:150%;

}

th{

	border:1px solid #fff;

	background:#ddd;

	padding:5px;

}

td{

	background:#fff;

	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:#ff6600;

	font-size:110%;

	font-weight:bold;

}

.formFieldProduct{width:150px;}

table .price{

	color:#ff6600;

	font-size:110%;

	font-weight:bold;

}

.formRadio{vertical-align:middle;}

.formButton{

	background:#ff6600;

	color:#fff;

	border:none;

	padding-top:3px;

	padding-bottom:3px;

}

label span{

	color:#cc0001;

	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%;}



/* ----- jgal stuff ----- */

#jgal{

	list-style:none;

	width:390px;

	float:left;

	display:block;

	background:#eee;

	border:1px solid #ddd;

	margin:165px 0 0 0;

	margin-top:125/**/px;

	padding:15px 0 15px 15px;

}



#jgal li{

	float:left; 

	display:block; 

	width:40px;

	height:40px; 

	background-position:50% 50%; 

	cursor:pointer;

	border:5px solid #fff; 

	margin:0 15px 10px 0;

	padding:0 0 0 0;

}

#jgal li img{

	position:absolute;

	top:180px;

	left:220px;

	display:none;

}

#jgal li.active img{display:block;}



#jgal li.active{outline-color:#aaa;}

#jgal li:hover{outline-color:#ccc;}



/* styling without javascript */

#gallery{

	list-style:none; 

	display:block;

}

#gallery li{

	float:left; 

	margin:0 15px 10px 0;

	display:block;

	width:76px;

	height:76px; 

}

#gallery{display:none;}



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

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

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

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

/*  \*/

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

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

 /*  */

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