/* CSS Document */
/*--Design & Build Poppy Edmunds @ Axis First March 2007 :: Contact poppy.edmunds@axisfirst.co.uk--*/
/*FF, IE6 & IE7 tested*/

* {
margin:0;
padding:0;
}

body {
background:#343434 url(../images/bgGradient.jpg) top right repeat-x;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}

p {
font-size:1.2em;
}

div#container { /*fixed width*/
width:850px; 
background:#FFFFFF;
text-align:left;
margin:0 auto;
border:1px transparent solid;

}

/*logo c/o John Cowley @ Characters Printing (Contact 01823 279008) */

h1 { /*hide from CSS enabled browsers*/
text-indent:-3200em;
background: url(../images/logo.gif) top left no-repeat;
height:110px;
width:120px;
top:5%;
left:5%;
z-index:1;
margin-top:2px;
}
h2 { 
color: #ad1114;
letter-spacing:0.1em;
margin-bottom:10px;
word-spacing:0.2em;

font-weight:normal;
font-family: Haettenschweiler, Verdana, Arial, sans-serif; 
font-size:1.8em;
font-size-adjust: 0.80;
}
h3 { color:#CC0000; font-size:1.4em;}
h4 {
font-size:1.3em;
color:#732427;
}

div#header {
width:850px;
float:left; 
background: url(../images/banner.jpg) top right no-repeat;
height: 120px;
}

#headerLinks { /*login/help/contact us*/
z-index:2;
width:400px;
height:40px;
display:block;
color:white;
top:5px;
left:500px;
position:absolute;
text-align:right;
}
#headerLinks a:link, a:visited, a:active {
color:white;
font-weight:bold;
font-size:1.4em;
text-decoration:none;
}

div#headerLinks a:hover {
text-decoration:underline;
}

div#secondaryNav { /*--home | catalogue | specials | about us | news | login--*/
background:url(../images/secondaryNavGradient.jpg) bottom left repeat-y;
height:30px;
color:white;
padding-left:20px;
line-height:30px;
}

div#secondaryNav a {
color:white;
font-weight:bold;
font-size:1.2em;
text-decoration:none;
}

div#secondaryNav a:hover {
text-decoration:underline;
}


/*******************left column code start*******************/

div#leftColumn {
width:160px;
float:left; 
background:#fff;
text-align:left;
margin:0;
padding:10px 5px;
}

div#leftColumn h5 {
color:white;
width:165px;
float:left;
height:23px;
text-align:center;
background: url(../images/navHeader.png) top center no-repeat;
}
#outerDelivery {
width: 150px;
padding:0;
background:#ffffff url(../images/free-delivery.jpg) no-repeat;
float:left;
height:200px;
overflow:hidden;
margin:20px 0 20px 6px;
border:1px #0066FF outset;
text-indent:-9999em;

}

/******************main navigation*************************/
div#mainNav {
border-right:2px solid #931D1E; 
border-left:2px solid #931D1E;
padding:3px; 
margin:0;
float:left;
width:155px;
position:relative;
text-align:left;
}
div#mainNav a { background:url(../images/nav-background.gif) top left no-repeat;
height:15px;
line-height:15px;
/*width:142px;*/
overflow:hidden;
color:#000;
display:block;
margin-bottom:7px;
padding-left:12px;
font-size:1.1em;
font-weight:normal;
text-decoration:none;}
div#mainNav a:hover { 
text-decoration:underline; /*background:url(../images/nav-background-over.jpg) top right no-repeat;*/
}

td .class {
font-weight:bold;
color:#ad1114;
margin-bottom:10px;
display:block;
font-size:1.1em;
background:url(../images/arrow-right.gif) top right no-repeat;
padding-right:10px;

}
#search {
display:block;
height:70px;
width:155px;
border:1px #000000 solid;
z-index:1;
position:absolute;
margin-bottom:30px;
}

small { display:none;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#search form {
z-index:2;
vertical-align:middle;
}
.menuOption {
color:#333;
text-indent:3px;
margin:6px 0;
font-weight:bold;
background:url(../images/menu-category-background.jpg) repeat-x;
display:block;
height:22px;
line-height:22px;
}

/***********center column******************/
div.main#centerColumn  { /*applies to home page only*/
border:none;
width:485px;
float:left; 
background:#fafafa;
margin:0 5px;
text-align:left;
padding:0;
}

div#centerColumn {
width:470px;
float:left;
margin:10px 5px;
text-align:left;
padding: 20px 10px;
/*border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
background:#fafafa url(../images/contentBg.jpg) top left repeat-y;*/
background-color:#ffffff;
}

.lhalfCenter {
width:230px;
float:left;
}

.rhalfCenter {
width:230px;
float:right;
}
#hpsWrap {
margin-left:25px;
}
.hps {
float:left;
width:30%;
padding:2em .5em;
margin-left:3px;
}
.hpsmiddle {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
width:30%;
padding:2em .5em;
margin-left:3px;
}
.hps img {
margin-right:2px;
}
/*-- contact us page --*/
.lhalfContact {
width:230px;
height:260px;
background:url(../images/contactBg.gif) top left no-repeat;
margin:0 0 20px 0;
padding:0;
float:left;
}

.rhalfContact {
width:230px;
height:260px;
margin:0 0 20px 0;
padding:0;
background:url(../images/contactBg.gif) top right no-repeat;
float:right;
}

.rhalfContact p, .lhalfContact p {margin:6px 6px 6px 16px;}
.rhalfContact h4, .lhalfContact h4 {margin:10px 6px 6px 16px;}

/***********right column******************/
div#rightColumn {

width:165px;
float:right; 
background:#fff;
text-align:right;
margin:0;
padding:10px 5px;
}

#rightColumn .img {
margin-right:25px;
}

div#rightColumn h4 {
color:white;
width:160px;
float:right;
height:23px;
text-align:center;
background: url(../images/navHeader.png) top center no-repeat;
}

div#shoppingBasket {

width:150px;
float:right;
margin:0;
padding:3px;
border-right:2px solid #931D1E; 
border-left:2px solid #931D1E;
text-align:center;

}

div#shoppingBasket p {
line-height:30px;
text-align:left;
}

.supplyText {
color:#CC3300;
font-weight:bold;
font-size:110%;
}

.error {
color:#ff0000; 
font-weight:bold;
}

.shout {
font-family: "trebuchet MS";
color:black;
font-size:1.6em;
font-weight:bold;
padding-bottom:10px;
}

.letter {
font-family: "haettenschweiler";
color:#AD1114;
font-size:1.8em;
}

div#footer {

width:850px;
color:white;
float:left; 
font-size:1.1em;
background: url(../images/secondaryNavGradient.jpg) top left repeat-y;
font-weight:bold;
text-align:center;
}

#footer a:link, a:visited, a:active {
color:white;
font-size:1em;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}
/*----general styles---------*/

.clear {clear:both;}

a[href^="http:"] {
background:url(../images/links/externalLink.gif) no-repeat right top;
padding-right:10px;
}
a[href^="https:"] {
background:url(../images/links/externalLink.gif) no-repeat right top;
padding-right:10px;
}

a[href^="http://www.heating-parts.co.uk"], a[href^="http://heating-parts.co.uk"], a[href^="http://www.axisfirst.net"] {
background-image:none;
padding-right:0;
}

a[href$=".pdf"] {
background:url(../images/links/pdfLink.gif) no-repeat right top;
padding-right:10px;
}

a[href^="mailto:"]  {
background:url(../images/links/email.png) no-repeat right top;
padding-right:15px;
}

a[href$=".doc"] {
padding-right:15px;
background: url(../images/links/wordIcon.jpg) top right no-repeat;
}

ul {
text-indent:15px;
list-style-type:circle;
font-size:1.2em;
}
ol {
font-size:1.2em;
}

.fright {
float: right;
}
.fleft {
float: left;
}

dl {}
dt {float:left; line-height:130%; padding:2px 6px 7px 0; font-size:1.2em; font-weight:bold;}
dd {line-height:130%; font-size:1.2em; padding:2px 0 7px 0;}

/*---general links------*/
#centerColumn a {
color:#ad1114;
font-weight:bold;
text-decoration:underline;
}

#centerColumn a:hover {
text-decoration:none;
}

.menutitle{
cursor:pointer;
background-color:#fff;
color:blue;
width:200px;
text-align:left;
}

.submenu{
margin-bottom: 0.5em;
}
.imgholder {width:80px; height:95px; float:left; margin:2px;}
.imgholder a {
border:1px solid #d07879;
}
.imgholder a:hover {
border:1px solid #000000;}

.search {
display:block;
height:30px;
background:url(../images/search.gif) bottom left no-repeat;
padding-left:20px;
vertical-align:top;
margin-bottom:10px;
}


/*---------- fragments ------------------*/
span {
font-size:1.2em;
}
.prodByGroup {width:310px; float:right; margin:0 0 0 18px; padding:0; text-align:center;}
.catalogueThumb a {
border:1px transparent solid;
display:block;
}
.catalogueThumb a:hover {
border:1px #ad1114 solid;
display:block;
}
/*productByGroup.asp / specials.asp*/
.fragmentWrap {width:470px; border:1px #cccccc solid; margin-bottom:13px; padding-bottom:5px;}
.innerWrap { width:310px; float:right; margin:0 0 0 10px; padding:0; text-align:center;}
/*product.asp*/
.productWrap { width:470px; border:1px solid #666666; background:url(../images/fragments/header.gif) top left repeat-x; margin-top:20px;}
.productInnerWrap {float: left; width:240px; margin:25px 0 6px 6px; border:1px solid #cccccc;}

.AXISFieldText { width:30px;}

a.newsLink:link {
font-size:1.2em;
line-height:140%;
}
a.newsLink:visited {
font-size:1.2em;
line-height:140%;
}
a.newsLink:hover {
font-size:1.2em;
line-height:140%;
}
a.newsLink:active {
font-size:1.2em;
line-height:140%;
}

hr {
margin:10px 0;}

table#checkout input, textarea, select {
border:1px #999999 inset;
padding:0.1em;
}

table#checkout .inputButton { border:1px #ccc outset;
}

#blklnk a {
color:black;
font-size:1.2em;
line-height:110%;
text-decoration:none;
font-weight:normal;
}

#blklnk a:hover {
text-decoration:underline;
}