/* 
COLOURS 
dark blue #2E5C8A 
dark but lighter blue #336699
side bar blue #B1C5D8
header blue #336699
light blue #B0E0FF
*/

* {margin:0; padding:0;}

/* standard tags */

	body {font-family: Arial, Verdana, Sans Serif; line-height:1.3em;}
	h1 {margin:10px 0px; font-size: 20px; color: #FF0000; font-style: italic;}
	h2 {margin:10px 0px; font-size: 16px; color: #333;}
	h3 {margin:10px 0px; font-size: 14px; color: #333;}
	h4 {margin:10px 0px;}
	h5 {margin:10px 0px;}
	h6 {margin:10px 0px;}
	p{margin:10px 0px; font-size: 12px;}

	
/* page structure */

	#container {float: left; width:100%; background:url(../images/main-background1.png) repeat-x center top;}
	.breadcrumbtop, .breadcrumbbottom {float: left; width:100%; min-height:4px; margin:0; padding:0;}
	.breadcrumbtop {background:#000;}
	.breadcrumbbottom {background:#2E5C8A;}
	#breadcrumbcontainer {width: 900px; margin: 0 auto; font-size: 11px; color: #FFF;}
	#breadcrumbcontainer a {color: #FFF; text-decoration: none;}
	#headercontainer {float:left; width:100%; background:url(../images/header-bg.png) repeat-x;}
	#innercontainer {margin:0 auto; width:900px; }
	#header, #header2 {float:left; width:900px;clear:both; }
	#header {background:url(../images/hp-header-top.png) no-repeat center top;}
	#header2 {background:url(../images/hp-header-top2.png) no-repeat center top;}
	#contactdetails1, #contactdetails2 {float:right; clear: left; color:#fff; text-align:right; font-weight:bold;}
	#contactdetails1 {margin:60px 0px 0px; }
	#contactdetails2 {margin:20px 0px 0px;}
	#navbar {float: right; width:100%; margin-top:40px; }
	#navigation {float:left; width:100%; }
	
	#bodycontainer {float:left; width:100%; margin-bottom: 10px; min-height: 520px; _height: 520px;}
	#pagebody {margin:0 auto; width:900px;}
	#pagecontent {float: left; width: 900px; padding-top: 20px;}
	#bodytext {float: left; width: 670px;}
	#bodytext ul {font-size: 12px; margin-left: 25px;}
	#sidebar {float: right; width: 228px; }
	
	.smallsidebar {margin:0px; margin-left:20px; color:red;}
	#subnavigation {font-size: 80%; margin-left:25px;}
	#subnavigation li {list-style:none;}
	#subnavigation li a {text-decoration: none; color:#000;}
	#subnavigation li a:hover {color:red;}
	.subnavover {color:red !important;}
	
	#sidebarhead {float: left; width: 100%; background: url(../images/sidebar-top2.png) no-repeat right top;}
	#sidebarhead p {float: right; width: 125px; font-size: 12px; margin-top: 40px;}
	#sidebarbody {float: left; width: 100%; background: url(../images/sidebar-body.png) repeat-y top right; padding-bottom: 15px; min-height: 400px; _height: 400px;}
	#productlist {float: left; margin-left: 35px; _margin-left: 17px;}
	#productdetails {float: left; width: 100%; padding-bottom: 10px;}
	#productspecs {float: left; width: 650px; }
	#productspecs p img {margin-right: 10px;}
	#productspecs p a {color: #FF0000;}
	#productspecs p a:hover {color: #000;}
	#products {float: left; width: 100%;}
	
	#sidebarbody dl {float: left; width: 187px; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #FFF;}
	#sidebarbody dt {float: left; width: 84px; }
	#sidebarbody dt a {float: left; border: 1px solid #333;}
	#sidebarbody dt a:hover {border: 1px solid #FF0000;}
	#sidebarbody dd {float: left; width: 90px; margin-left: 10px;}
	#sidebarbody dd h4, #sidebarbody dd p {margin-bottom: 0;}
	#sidebarbody dd p {margin-top: 0; font-size: 10px; line-height: 1.4em;}
	#sidebarbody dd p a {color: #FF0000;}
	#sidebarbody dd p a:hover {color: #}
	#sidebarbody .lastinlist {border-bottom: none;}
		
	#footer {float: left; width: 100%; padding: 10px 0px; background-color: #336699; color: #FFF; font-size: 11px; }
	#footercontainer {margin:0 auto; width:900px; }
	#footeraddress {float: left; width: 199px; line-height: 1.3em; border-right: 1px dashed #999;}
	#footerform {float: left; width: 475px; padding-left: 25px;}
	#footerform h2 {font-size: 16px; margin-bottom: 0px; color: #FFF;}
	#footerform p {margin-top: 0;}
	#footerlogo {float: left; width: 200px; padding-top: 50px;}
	
	#navigation ul {float:left;list-style:none;}
	#navigation ul li {font-family: 'Arial Narrow', Arial, Verdana, sans serif; text-transform: UPPERCASE;float:left;  text-align:center; margin-right:1px;}
	#navigation ul li a {color:#000; text-decoration:none; background: url(../images/nav-off.png) no-repeat; width:107px; float:left; font-size:14px; font-weight:bold; padding: 3px 0px;}
	#navover {background: url(../images/nav-over.png) no-repeat !important; }
	.navOver {background: url(../images/nav-over.png) no-repeat !important; }
	#leftnav {width:16%; float:left;}
	#rightnav {width:83%; float:right !important;}
	#rightnav li {float:right !important;}
	#catdescription {float: left; width: 100%;}
	
	/*Classes */
	
	.categorydescription, .description {float: left; color: #333; font-size: 13px; margin: 0px;}
	.categorydescription {width: 100%;}
	.description {width: 420px;}
	.productimage {float: left; width: 200px; padding-right: 10px;}
	.comingsoonimage{float: left; width: 90px; padding-right: 20px;}
	
	/* Table of the category products at category level*/
	.table-products {float: left; width: 670px; margin: 0; padding: 0; line-height:1.1em;}
	.table-products dl {float: left; width: 670px; clear: both; margin-bottom:10px;}
	.table-products dt {float: left; width: 104px;}
	.table-products dt a img {float: left; border: none;}
	.table-products dt a {float: left;  text-decoration: none; border: 4px solid #CCC;}
	.table-products dt a:hover {border-color: #FF0000;}
	.table-products dd {float: left; width: 210px; padding-bottom: 15px;}
	.inner {padding-right: 20px; border-right: 1px dashed #CCC; }
	.outer {padding-left: 20px;}
	.table-products dd h2 {float: left; width: 210px; clear: both; margin-top: 0px; margin-bottom: 2px;}
	.table-products dd p {float: left; width: 210px; clear: both; margin-top: 2px; margin-bottom: 2px;}
	.readmore a, .readmore a:visited  {float: right; color: #FF0000; font-size: 10px; }
	.readmore a:hover {color: #000;}
	
	/* Table of all products selected for the current category/subcategory level */
	.table-catspecproducts {color: #333;font-size:12px; border:1px dotted #666;}
	.table-catspecproducts tr {border-bottom:1px dashed #666;}
	.table-catspecproducts tr:hover {background:#eee;}
	.table-catspecproducts tr td {padding:5px;}
	.table-catspecproducts tr td a {text-decoration: none; color: #FF0000;}
	.table-catspecproducts tr td a:hover {color: #000;}
	.labelheaders {font-weight: bold; background:#ddd; }
	.labelheaders:hover {background:#ddd !important; }
	.table-catspecproducts .specheader, .table-catspecproducts .productheader, .table-catspecproducts .speclabelheader {padding-bottom: 10px; padding-left: 10px;}
	.table-catspecproducts .productheader, .table-catspecproducts .speclabelheader {border-bottom: 1px solid #333; text-transform: capitalize;}
	.table-catspecproducts .productheader, .table-catspecproducts .prods {border-right: 1px solid #333;}
	.table-catspecproducts .prods, .table-catspecproducts .prodspecvals {padding: 10px 0 10px 10px; color: #000;}
	
	/*Table of individual products with their relevant specs - lowest level*/
	#productspecs .cat {float: left; width: 100%; padding: 10px 0; font-size: 15px; font-weight: bold; color: #FF0000; clear: both;}
	.table-productspec {float: left; clear: both; width: 650px; padding: 3px 0 3px 5px; font-size: 14px; color: #333;}
	.table-productspec:hover {background-color: #eee;}
	.table-productspec .label {float: left; width: 250px; text-transform: capitalize; font-weight: bold;}
	.table-productspec dd {float: left; width: 350px;}
	
	/*Table of the news list items*/
	.table-news {float: left; width: 90%; margin-bottom: 10px; clear: both;}
	.table-news dt {float: left; width: 15%;}
	.table-news dt a {float: left; border: 1px solid #000;}
	.table-news dt a:hover {border: 1px solid #FF0000;}

	.table-news .headline {}
	.table-news .headline a {color: #FF0000; text-decoration: none;}
	.table-news .headline a:hover {color: #000;}
	.table-news .newstext {}
/* forms */ 
#pageform	{clear:both; width:100%;}
#pageformtable {width:80%; font-size:100%; border:1px dotted #336699; padding:10px;}
#pageformtable tr td{padding:5px;} 
#pageformtable tr td input {width:180px;} 
.tablelabel {background:#B0E0FF; font-weight:bold;}
.submitbutton {background:#B0E0FF; border:1px solid #336699; padding:5px; font-weight:bold; cursor:pointer; font-size:12px !important; width:120px !important;}
.submitbutton:hover {background:#ff0000; color:#fff;}

#footerquestion {width:90%; padding:5px;float:left;}
#footerquestion dl {border:none;}
#footerquestion dl dd {padding:5px 0px; float:left; width:100%}
#footerquestion dl dd label {width:80px; font-weight:bold; float:left;}
#footerquestion dl dd input {width:250px;float:left;}
#footerquestion dl dd textarea {width:250px;float:left; height:40px;}