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

body{

	background:#E4E4E4;

	color:#555;

	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;

	color:#000;	

}

th{


	padding:5px;

}

td{padding:5px;}



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

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

	color:#275f81;

	text-decoration:none;

}

a:hover{color:#555;}



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

	text-align:left;
	
	padding-left: 80px;

	background: #FFF url(../images/sidepanel_logo.jpg) top left no-repeat;

	position:relative;

}



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

#header{

	height:61px;	

	position:relative;

	background:#f2f2f2;

}



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

	right:30px;

	z-index:10;

}

.info ul {
	margin: 0 0 10px 12px;
	padding: 0;
}



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

#mid{}



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

#breadcrumbs {
	float:left;
	margin-left:10px;
	color: #172274;
}

#breadcrumbs a {
	color: #172274;
}



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

#searchform {
	width: 762px;
	background: #172274;
	color: #FFF;
	padding: 10px 0 10px 10px;
	margin:0;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#search{
	margin:0;
	padding: 0;
}

#search p{
	margin:0;
	padding: 0;
}

#search label{display:block;}



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

ul#topmenu {
	list-style: none;
	width: 763px;
	background: #333333;
	height: 22px;
	margin: 0 0 20px 0;
	padding: 5px 5px 0 5px;
	border: 1px solid #FFF;
}

ul#topmenu li {
	float: left;
}

ul#topmenu li.last {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

ul#topmenu li a {
	color: #FFF;
	font-weight: bold;
	padding: 0 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	
}

ul#topmenu li.last a {
	color: #FFF;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	
}


#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:#ddd;}

#navDept li a span{

	display:block;

	padding:3px 20px;

}



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

#navSubDept, #navSubDept li {
	margin:0;
	padding:0;
}

#navSubDept{

	margin:1em 3em;

	padding:3px 10px;

	color:#777;

}

#navSubDept li{

	line-height:120%;

}

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

	font-size:100%;

}



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

#side{
	float:left;
	height: 30px;
	background: #172274;
	margin: 0;
	padding: 0;
}



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

#contactstaticleft {
	float: left;
	width: 220px;
	overflow: hidden;
}

#contactstaticleft a {
	color: #FFCC00;
	font-weight: bold;
}

#contactstaticleft h1 { 
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 0 5px 0 15px;
}

#contactstaticleft p { 
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 5px 0 15px;
}

#contentarticle {
	padding-left: 10px;
}

#contentcontactus {
	padding-left: 10px;
}	

#content {
	padding: 0 10px 0 10px;
}

#contentmain {
	float: right;
	width:548px;
	margin: 0 0 0 0;
}

#main{
	width: 100%;
	background: url(../images/columnbg.gif) top left repeat-y;
	margin: 0;
}

#main h2{

	font-weight:normal;

	padding:0;

	color:#275f81;

	font-size:160%;

	clear:both;

}

#main h2#pageTitle{
	font-weight:normal;
	padding:0 0 0 20px;
	background: url(../images/header_bullet.jpg) top left no-repeat;
	margin: 0 0 0 10px;
	margin-bottom:1em;
	color:#275f81;
	font-size:180%;

}

#main h2#pageTitlehome{
	font-weight:normal;
	margin: 0 0 0 5px;
	margin-bottom:1em;
	color:#FFFFFF;
	font-size:180%;

}

#main #swfstaticleft {
	margin: 0 0 0 6px;
}

.note{

	font-size:110%;

}

.highlight{

	font-size:140%;

}

.module1{

	float:left;

	width:250px;

}

.module2{

	float:right;

	width:250px;

}

#homepagetop {
	background: #172274;
	margin: 0 1px 0 1px;

}

#homepagetop h2#pageTitle {
	color: #FFF;
	margin: 0;
	padding: 5px 5px 0 5px;
}

#homepagetop h3 {
	color: #FFCC35;
	padding: 0 5px;
}

#homepagetop p {
	color: #FFF;
	padding: 0 5px;
}

#whitebgbig {
	background-color: #FFF;
	border: 1px solid red;
}

#whitebg {
	background: #FFF;
	border: 1px solid white;
}

#whitebg p {
	color: #172274;
}

#whitebg img {
	padding: 5px 5px 5px 0;
}

#whitebg h3 {
	color: #172274;
}

#greybg {
	background: #E4E4E4;
}

#greybg p {
	color: #172274;
}

#greybg img {
	padding: 5px 5px 5px 0;
}

#greybg h3 {
	color: #172274;
}


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

#footer{

	background:#333;

	padding:10px;
	
	width: 836px;
	
	margin: 0 auto;

}

#footer p{margin:0; color: #CCC;}
#footer a{margin:0; color: #CCC;}

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

#latestproductshome {
	background: #EDFE40;
	height: 20px;
	padding: 7px 0 0 15px;
	font-size: 16px;
	font-weight: bold;
	color: #172274;
}
.homeproducts ul, .homeproducts li{

	margin:1px 1px 0 1px;

	padding:0;

	list-style:none;

} 

.homeproducts ul li ul li {
	list-style: circle;
	border: none;
	position: relative;
	top: 20px;
	left: 40px;
	padding: 0;
	margin: 0;
}

.homeproducts ul li ul li:hover {
	border: none;
	background: none;
}

.homeproducts li{

	margin-bottom:1em;

	padding:.5em 10px 0 10px;

	border:1px solid #e1e1e1;

	color:#777;

}

.homeproducts li:hover{

	border:1px solid #e5e5e5;

}

.homeproducts li h3{

	margin-top:.5em;

	margin-bottom:1em;

	padding:0;

	background:none;
	color: #172274;

}

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

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

.homeproducts .image{

	float:left;

	margin:0;

	margin-right:10px;

	margin-bottom:10px;

}

.homeproducts .image a img{

	padding:2px;

	background:#fff;

}

.homeproducts .image a:hover img{

	padding:2px;

	background:#e2e2e2;

}

.homeproducts .price{

	clear:both;

	margin:1em 0;

	text-align:right;

	line-height:180%;

	color: #172274;

	font-size:110%;

	font-weight:bold;

}

.homeproducts .quantity{

	clear:both;

	margin:1em 0;

	text-align:right;

	line-height:180%;

}

#pager {
	margin: 0 0 0 15px;
}
	

.viewproductbutton {
	position: relative;
	top: 50px;
	left: 20px;
}

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

	color:#777;

}

.products li h3{
	margin-top:.5em;
	margin-bottom:1em;
	padding:0;
	color: #172274;
	font-weight: bold;
	font-size: 14px;
	background:none;
}

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

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

.products .image{
	float:left;
	margin:0;
	margin-right:40px;
	margin-bottom:10px;
	width: 145px;
	background: #FFF;
}

.products .image a img{

	padding:2px;
	background:#fff;

}

.products .image a:hover img{
	padding:2px;
}

.products .price{

	clear:both;

	margin:1em 0;

	text-align:right;

	line-height:180%;

	color:#13689d;

	font-size:110%;

	font-weight:bold;

}

.products .quantity{

	clear:both;

	margin:1em 0;

	text-align:right;

	line-height:180%;

}

.products ul li ul {
	list-style: circle;
}

.products ul li ul li {
	padding: 0;
	margin: 0;
}

.products table{
	background: #FFF;
}



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

#productdetails{	
	color: #172274;
	padding: 0 10px 0 10px;
}

#product .image{	
	float:left;
	margin-bottom:1em;

}	

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

#product .image img{	

}	

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

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:100%;

	margin:.5em 0;

	border-collapse:collapse;

	line-height:150%;

}

th{

	border:1px solid #fff;


	padding:5px;

}

td{

	border:1px solid #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:#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{

	background:#296fa4;

	color:#fff;

	border:none;

}

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 ----- */#homeheadbar {
	width: 374px;
	background: #172274;
	color: #FFF;
	padding: 10px;
	margin:0 0px 0 0;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	float: right;
}
#contentmainhome {
	float: right;
	width:548px;
	margin: 0;
	background-color: #172274;
	height: 960px;
}
#homeheadbarl {
	width: 356px;
	background: #172274;
	color: #FFF;
	padding: 10px;
	margin:0 0px 0 0;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	float: left;
}