img {border:0}

body { 
	background-color:#555; 
	color: #000; 
	font-size:100%;
	line-height:1.125em;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center;
	padding: 0; 
	margin: 0;
	}

/* Basic Structure elements */
.container {width: 960px;margin: 0 auto;}

/* ** Header ** */
#header {margin:0 auto; text-align:left;font-size:0.715em; /* set Default test size for header*/ }

#masthead {text-align:left; background:#0B0D67 url(../images/oc-header-bg.jpg) repeat-x top;border-bottom:1px solid #fff; height:96px}
#masthead #logo {float:left; text-align:left; width:550px; height:95px; padding:0}		
#masthead #search {float:right; width:300px; padding:0}
	
/* ** Content ** */
#body {
	margin:0;
	background:#fff url(../images/oc-body-bg.gif) repeat-x top;
	padding:10px 0; 
	font-size:0.75em; 
	font-family: Trebuchet, Tahoma, Arial, Helvetica, sans-serif; 
	text-align:left
	}

#content {float: left; width: 630px; margin:0 10px 0 0;border:1px solid #ddd;background:#fff url(../images/oc-body-content-bg.gif) repeat-x top;padding:15px;}


#sidebar {float: left;width:282px;margin:0;}
#sidebar .box {margin:0 0 10px 0;border:1px solid #ddd;background:#fff url(../images/oc-body-content-bg.gif) repeat-x top;padding:8px;}	
#sidebar .box li {margin:8px 0}	
	
/* ** Footer ** */
#footer { 
	margin:0;
	background:#555 url(../images/oc-navigation-bg.gif) repeat-x;
	padding:.5em 0; 
	color:#fff;
	font-size:0.71em;
	clear: both;
	text-align:left;
	}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {color:#fff; text-decoration:underline}
#footernavigation {float:left;width:680px; text-align:left; margin-right:10px;}	
#footernavigation ul {margin:0;padding:0 2em 0 1.5em;}
#footernavigation ul  li{float:left;list-style-type: none;margin:0;padding:0 0 0 0;}
#footernavigation ul li ul{margin:2px 0}
#footernavigation ul li ul li{float:none;list-style-type:square;margin:0;padding:0}
#footerlinks {float:right;width:700px;margin:0; text-align:right;}
#footerlinks p {margin:2px 0}	
#footerlinks ul {padding:0;margin:0;}	
#footerlinks li {display: inline; list-style-type: none; padding:0 5px 0 3px; border-right:1px solid #fff}
#footerlinks .rss {background:url(../images/oc-rss.png) no-repeat top right; padding:2px 20px 0 3px; border-right:0}	

/* Begin Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:5px; 
	border:1px solid #8a8a8a; 
	}
img.alignright {
	margin: 0 0 2px 15px;
	border:1px solid #8a8a8a; 
	padding:5px; 
	display: inline;
	}
img.alignleft {
	margin: 0 15px 2px 0;
	border:1px solid #8a8a8a; 
	padding:5px; 
	display: inline;
	}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:5px; 
	border:1px solid #8a8a8a; 
	}
img.alignnone {
	margin: 0 15px 2px 0;
	border:1px solid #8a8a8a; 
	padding:5px; 
	}

.alignright {float: right;}
.alignleft {	float: left}
/* End Images */

/* #body Styles */

h1 {font-size: 1.4em; /* 27px */ line-height:1.333em; /* 36px */ margin:0;}
h2 {font-size: 1.2em; /* 27px */ line-height:1.333em; /* 36px */ margin:20px 0; border-top:1px dashed #c0c0c0; padding-top:10px}
h3 {font-size: 1.2em; line-height:1.333em; margin:0;padding:0;}
h4 {font-size: 1em; line-height:1.333em; margin:0;}
h5 {font-size: 1em; line-height:1.1em; margin:4px 0 0 0; padding:0 0 2px 0}
h6 { /*breadcrumbs*/
	color:#898989;
	font-size:0.8em;
	font-weight:normal;
	margin:0 0 10px 0;
	border-bottom: 1px solid #ddd;
	background-repeat:no-repeat;
	background-position: center left;
	padding:0 0 4px 30px
	}
h6 a {color:#898989;}	
h6.surround, h6.surround-sound, h6.amplifiers-and-receivers, h6.all-in-one-systems, h6.speakers {background-image:url(images/hcb-icon-surround.gif)}
h6.sources, h6.blu-ray-players, h6.dvd-players, h6.sky-freeview-and-freesat {background-image:url(images/hcb-icon-sources.gif)}
h6.screens, h6.lcd-televisions, h6.plasma-televisions, h6.projectors {background-image:url(images/hcb-icon-screens.gif)}
h6.essentials, h6.remote-controls, h6.cables, h6.essential-dvd-and-blu-ray {background-image:url(images/hcb-icon-essentials.gif); padding-
left:20px}
h6.map {background-image:url(images/hcb-icon-map.gif);}
p {line-height:1.8em}

#content ol li, #content ul li {margin:8px 0}

a {color:#000;}
h1 a, h2 a, h3 a {text-decoration:none;}

textarea {background-color:#ebe9da}
#comment-area {border-top:1px dotted #c0c0c0}

/* Now the classes */
.featurepost {margin:4px; border-top:1px dotted #c0c0c0; border-bottom:1px dotted #c0c0c0; padding:8px 0;}
.articlelist {margin:4px; padding:8px 0;}
.articlelist h4 {margin-top:18px}
.articlelist p {margin:4px 0}
.contentpanel {margin:4px 0; background:url(images/hcb-panel-bg.jpg) no-repeat top; border-bottom:1px solid #ddd; padding:8px;}
.contentpanel p {margin:0; padding:0 0 0 36px;}
.contentpanel .merchants {margin:0; padding:2px 0 0 36px;}
h4.exclamation {margin-top:4px; background:url(images/hcb-icon-exclamation.gif) no-repeat top left; padding:8px 0 7px 36px;}
h4.tick {margin-top:4px; background:url(images/hcb-icon-tick.gif) no-repeat top left; padding:8px 0 7px 36px;}
h4.go {margin-top:4px; background:url(images/hcb-icon-go.gif) no-repeat top left; padding:8px 0 7px 36px;}
.button {display:block; margin-top:8px; background:url(images/hcb-button.gif) no-repeat top left; font-weight:bold; text-decoration:none}

/* Helper classes */
.clearboth {clear:both; padding:0; margin:0}