/**
* Hearing Aid Saver
* Layout CSS			
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
*/


#container {
width:905px;
margin:auto;
}


/* header */

#header h1 {
background:url(../template_images/hearingaidsaver.gif) left center no-repeat #fff;
text-indent:-2000px;
height:108px;
width:390px;
float:left;
display:block;
color:#666666;
}

#header h2 {
background:url(../template_images/hereforsavings.gif) left top no-repeat #fff;
text-indent:-2000px;
width:295px;
float:right;
color:#666666;
margin-top:50px;
}


/* main navigation */


.redtext {
color:#c33;
}

#navigation {
clear:both;
background-color:#333;
height:25px;
color:#fff;
}

#navigation a{
color:#fff;
font-size:1.2em;
display:block;
padding-left:13px;
padding-right:13px;
border-right:1px solid #fff;
line-height:25px;
background-color:#333;
text-decoration:none;
}

#navigation a:hover{
color:#fff;
background-color:#ce3234;
text-decoration:none;
}

#navigation li {
float:left;
padding:0;
margin:0;
}

#navigation ul {
margin:0;
}


/* general body styles */

#pagebody {
clear:both;
}

#pagebody a{
background-color:#fff;
color:#ce3234;
}

#pagebody a:hover {
color:#666;
background-color:#fff;
}


.redarrlink {
background:url(../template_images/arrowsmall.gif) left center no-repeat #fff;
padding-left:18px;
display:block;
color:#666;
font-size:0.9em;
}

#redarrlink:hover {
color:#ce3234;
background-color:#fff;
}

.redbuttonright {
background:url(../template_images/redblockback.gif) left center no-repeat #b50000 !important;
padding-left:26px !important;
display:block !important;
color:#fff !important;
font-size:0.9em !important;
display:inherit !important;
line-height:25px !important;
font-weight:bold !important;
padding-right:10px;
margin-top:15px;
margin-bottom:15px;
}

.redbuttonright:hover {
background-color:#b50000 !important;
color:#fff !important;
}


.redbuttonleft {
background:url(../template_images/redblockback2.gif) left center no-repeat #b50000 !important;
padding-left:26px !important;
display:block !important;
color:#fff !important;
font-size:0.9em !important;
display:inherit !important;
line-height:25px !important;
font-weight:bold !important;
padding-right:10px;
margin-top:15px;
margin-bottom:15px;
}

.redbuttonleft:hover {
background-color:#b50000 !important;
color:#fff !important;
}

h2 {
color:#666666;
background-color:#fff;
font-weight:normal;
font-size:1.5em;
margin:0;
padding:0;
letter-spacing:-0.05em;
}

#maincol h2 {
border-bottom:1px solid #ccc;
padding-bottom:10px;
clear:both;
}


#leftnav {
width:220px;
float:left;
display:block;
}

#maincol {
width:674px;
float:right;
display:block;
overflow:hidden;
}


#leftnav-list, #leftnav-search, #leftnav-ticklist, #leftnav-quotebox, #maincol-products, #maincol-browselist {
border:1px solid #cccccc;
margin-top:12px;
padding:12px;
position:relative;
clear:both;

}

#maincol-products, #maincol-browselist, #leftnav-list {
padding-right:0px !important;
min-height:1px;
height: 1%;
}

#maincol-products {
padding-bottom:25px;
}

/* left navigation */

#leftnav-quotebox strong {
color:#c00;
background-color:#fff;
}

#leftnav-quotebox a {
font-weight:bold;
}

#leftnav-list {
padding-bottom:0px;
padding-top:9px;

}

#leftnav-list ul li {
border-top:1px solid #cccccc;
margin:0;
padding-top:0px;
padding-bottom:0px;
line-height:24px;
}

#leftnav-list ul {
margin:10px 0px 0px 0px;
}

#leftnav-list ul li a{
background:url(../template_images/greaterthanlink.gif) left center no-repeat #fff;
color:#666666;
padding-left:12px;
font-size:1.1em;
}

#leftnav-list a:hover {
background-color:#fff;
color:#ce3234 !important;
}

.subproducts {
padding:0px 0px 10px 10px !important;
margin:0 !important;
}



.subproducts li{
border-top:0px !important;
margin:0 !important;
padding-top:0px !important;
padding-bottom:0px !important;
line-height:20px !important;
font-size:90% !important;
}

.subproducts li a{
background:url(../template_images/dash.gif) left center no-repeat #fff !important;
padding-left:10px !important;
color:#ce3234 !important;
font-size:100% !important;
}


.subproducts .subproducts-highlighted a{
background:url(../template_images/dash.gif) left center no-repeat #fff !important;
padding-left:10px !important;
color:#000 !important;
font-weight:bold;
}

#leftnav-ticklist {
min-height:190px;
}


#leftnav-ticklist li {
background:url(../template_images/tick.gif) left center no-repeat #fff;
padding-left:18px;
color:#666;
}

#leftnav-ticklist a {
margin-top:10px;
font-weight:bold;
}

#leftnav-search #keywordbox {
width:150px;
font-size:0.9em;
float:left;
color:#999999;
margin-top:8px;
border:1px solid #ccc;
padding:3px;
background-color:#fff;
}

#leftnav-search #keywordsubmit {
float:right;
margin-top:8px;
}



/* footer */

#footer {
margin-top:43px;
border-top:1px solid #cccccc;
clear:both;
min-height:300px;
}

.footer-block {
width:194px;
display:block;
float:right;
margin-left:47px;
padding-top:25px;
}

.footer-block li a {
background:url(../template_images/dash.gif) left center no-repeat #fff;
padding-left:10px;
color:#666666;
display:block;
}

.footer-block li a:hover {
color:#ce3234;
background-color:#fff;
}

.footer-block li {
width:95px;
float:left;
margin:0;
}

.footer-block ul {
margin:0;
}

.footer-block h4 {
font-size:0.9em;
font-weight:normal;
border-bottom:1px solid #ccc;
padding-bottom:5px;
}





/* 3 col products - as used on homepage and product details page */

.productbox {
width:215px;
float:left;
font-size:0.9em;
margin-top:25px;

}

.productbox-info {
float:left;
border-left:1px solid #ccc;
padding-left:8px;
}


.productbox-saving {
color:#cc3333;
font-size:1.3em;
font-weight:bold;
padding-top:10px;
background-color:#fff;
}

.productbox img{
float:left;
margin-right:8px;
width:90px;
height:90px;
}

.productbox-price {
color:#333;
background-color:#fff;
}


.productbox-title {
color:#666666;
background-color:#fff;
width:100px;
}



.productbox-subtitle {
color:#666666;
background-color:#fff;
}

.productbox-link {
padding-top:10px;
font-size:1.1em;
}



/* TITLE LINKS */

.productbox-title a, .productbox-subtitle a, .products-detail-intro-box-left h2 a, .products-sub-category-box-title a{
text-decoration:none !important;
color:#666 !important;
}