/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }



/***********/
/* has.css */
/***********/


body {
font-size: small;
font-family: Tahoma, Geneva, sans-serif;
line-height: 1.6em;
color: #353535;
background: #ffffff;
padding: 0px;
margin: 0px;
}

p{
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
line-height: 1.4em;
}

div#allContent {
background: #ffffff;
border: 1px solid #aaaaaa;
margin:	10px 10px 0px 10px;
padding: 0px;
}



.stylishField{
border: 3px solid #c4d9df;
background-color:#ffffff;
font-size: 85%;
padding: 1px;
margin: 0px;

}

.stylishButton{
font-size: 85%;
padding: 1px;
}

ul.horizontalList li{
display: inline;
padding: 0px;
margin: 0px;
}

ul.horizontalList{
margin:2px;
padding:0px;
}

a{
text-decoration: underline;
color:#012345;
}

a:hover{
text-decoration: underline;
color:#660000;
}



/*************/
/* Login Bar */
/*************/


div#loginBar{
padding: 1px;
margin: 0px;
background: #c4d9df;
color:#012345;
text-align: right;
border-bottom: 1px solid #aaaaaa;
height: 1.7em;
vertical-align: middle;
}

div#loginBar input{
display:inline;
}

div#loginBar p{
vertical-align: middle;
display:inline;
padding: 0px;
margin: 0px;
background: #c4d9df;
font-size: 85%;
}


/**********/
/* Header */
/**********/


div#header{
padding: 20px 0px 0px 0px;
position: relative;
margin: 0px;
height: 70px;
}

p#leftHeader{
position: absolute;
left:10px;
top:10px;
padding:0px;
margin:0px;
z-index: 99;
}

p#imageCounts{
float: right;
text-align: right;
padding:0px;
margin:0px;
line-height: 0em;
width: 650px;
height: 70px;
overflow: hidden;
}

p#rightHeader{
position: relative;
text-align:right;
top: -20px;
padding:0px;
margin:0px;
}

/******************/
/* Sub-Header Bar */
/******************/

div#subHeaderBar{
background-color:#c4d9df;
padding: 1px;
border-bottom: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
font-weight: bold;
text-align: center;
}

div#subHeaderBar p{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 1.5em;
}


/**************/
/* Navigation */
/**************/


div#navigation {

margin: 90px 0px 0px 0px;
padding: 0px;
width: 150px;
float: left;
}

div#navigation ul{
padding: 5px 5px;
margin: 0px;
width: 150px;
}

div#navigation li{
width: 150px;
padding: 0px 0px;
margin: 0px;
border-bottom: 1px solid #aaaaaa;
}

div#navigation li a{
color: #012345; 
padding: 5px;
margin: 0px;
letter-spacing: 0.1em;
font-size: 88%;
font-weight: normal;
width: 130px;
display: block;
text-decoration: none;
border-left: 5px solid white;
border-right: 5px solid white;
}

div#navigation li a:hover{
color: #000; 
background: #e3eff8;
border-left: 5px solid #99c6e9;
border-right: 5px solid #99c6e9;
}

p#investor{
margin: 10px 0px 0px 0px;
padding: 5px;
text-align: center;

}


/***********/
/* Adverts */
/***********/

div#adverts{
margin: 50px 0px 0px 0px;
padding: 0px;
width: 175px;
float: right;
overflow: hidden
clear: both;
}

div#adverts a{
text-decoration: none;
}

div#adverts ul{
margin: 0px;
padding: 0px;
}

h2.advertTitle{
line-height: 0px;
font-size: 105%;
letter-spacing: 1px;
line-height: 1.5em;
padding: 0px;
margin: 0px;
}

p.advertImage{
margin: 0px;
padding: 0px;
line-height: 1em
}

p.advertText{
margin: 0px 0px 20px 0px;
padding: 0px;
line-height: 1.2em;
font-size: 85%;
font-style: italic;
}




/***********/
/* Central */
/***********/

div#central{
margin: 10px 190px 0px 170px;
padding: 10px 10px 0px 10px;
}

div#flash{
background: #ffffff;
padding:0px;
margin:0px;
}

h1{
font-size: 140%;
}

h1.centered{
text-align: center;
}

p.rightPhoto{
float: right;
}



/**********/
/* Bottom */
/**********/


div#bottom{
font-size: 80%;
color: #012345;
background: #c4d9df;
text-align: right;
padding: 3px;
margin: 0px;
clear: both;
border-top: 1px solid #aaaaaa;
}

div#bottom ul.horizontalList li a{
padding: 0px 5px 0px 5px;
text-decoration: none;
}



/**********/
/* Footer */
/**********/


p#footer{
font-size: 80%;
margin: 0px;
padding: 0px;
color:#555555;
text-align: center;
}

p#footer a{
color:#555555;
text-decoration: none;
}



/**********/
/* Input  */
/**********/


input{
font-family: Trebuchet, Arial, sans-serif;
font-size:90%;
}

textarea{
font-family: Trebuchet, Arial, sans-serif;
font-size:90%;
}


/**********/
/* Profile */
/**********/

div.safetex {
float: left;
padding: 5px 0px 5px 0px;
width: 100%;
}

div.safetex img{
float: left;
padding: 0px 20px 0px 0px;
}

div.safetex p{
padding: 0px;
}

div.safetex h2{
padding: 5px 0px 0px 0px;
line-height: 0px;
}


div.distinction {
float: left;
padding: 5px 0px 20px 0px;
width: 100%;
}

div.distinction img{
float: left;
padding: 0px 20px 0px 0px;
}

div.distinction p{
padding: 0px;
}

div.distinction h2{
padding: 5px 0px 0px 0px;
line-height: 0px;
}






/********/
/* Shop */
/********/

.exVAT{
font-style: italic;
font-size: 0.8em;
color: #858585;
}


.qty{
text-align: center;
}

.price{
text-align: right;
}

table{
font-size: 100%;
}

table#categoryTable{
height: 300px;
}

table#categoryTable tr td{
text-align: center;
}

table#categoryTable tr td a{
text-decoration: none;
}

table#categoryTable tr td a:hover{
font-weight: bold;
}


table#productList{
width: 100%;
padding: 0px;
margin: 0px;
vertical-align: top;
}

table#productList td{
vertical-align: top;
}

table#productList td table tr th{
padding: 0px 10px 0px 10px;
}

table#productList a{
text-decoration: none;
}

table#productList tr td.productDescription{
padding: 5px 10px 5px 10px;
}
table#productList tr td.productSelect{
width: 160px;
padding: 10px 0px 10px 0px;
}
table#productList tr td.productImage{
width: 100px;
padding: 10px 0px 5px 5px;
}

table#productList tr td.productImage a{
padding: 0px;
margin: 0px;
}

table#productList tr td.productImage a img{
padding: 0px;
margin: 0px;
}

table#productList tr{
border-bottom: 1px dotted #aaaaaa;
border-top: 1px dotted #aaaaaa;
margin-bottom: 10px;
}

table#productList table tr{
border: none;
padding: 0px;
margin: 0px;
}

table#productList table tr th{
font-style:italic;
font-size: 90%;
}




table#productList tr td.productSelect table a img{
position: relative;
top: 5px;
right: 3px;
}

table.data {
margin-top: 5px;  
text-decoration: none;
border-collapse: collapse;
border: 1px solid #aaaaaa;
}

table.data th{
background-color: #e0eeee;
color: #000000;
font-style: italic;
}
table.data tr td{
color: #000000;
padding: 2px 4px 2px 2px;
margin: 0px;
line-height: 1.2em;
border: 1px solid #aaaaaa;
}

table.data a{
color: #000000;
text-decoration:none;
}

table.data a:hover{
color: #660000;

}

table.data tr.totals td{
background-color:#000066;
color:#ffffff;
}


.totalText{
text-align: right;
}

table.key td{
width:120px;
padding: 5px;
text-align: center;
}


table.vertical th{
background-color:#e0eeee;
color:#000000;
font-style: italic;
text-align: right;
padding: 0px 10px;
width: 150px;
}

table.vertical td{
padding-left:20px;
}



#itemDetail{

}

#itemImage{
width:400px;
overflow:hidden;
float:right;
}

table#productGrid{
border-collapse: separate;
border-spacing: 10px;
margin: 0px 0px 20px 0px;
width: 510px;
}


table#productGrid a{
text-decoration: none;

}


table#productGrid tr td.productGridItem{
width: 150px;
padding: 3px 3px;
margin: 0px 5px;
vertical-align: top;
background: #c4d9df;

}

table#productGrid tr td.productGridItem p{
padding: 0px;
margin: 0px;
overflow: hidden;

}

table#productGrid tr td.productGridItem p.productGridItemImage{
text-align: center;
height: 100px;
margin: 10px 0px 0px 0px;
}

table#productGrid tr td.productGridItem p.productGridItemAdd{
text-align: center;
height: 25px;

}
table#productGrid tr td.productGridItem p.productGridItemAdd img{
padding-right: 10px;
position: relative;
top:5px;
}


table#productGrid tr td.productGridItem p.productGridItemName{
height: 60px;

}

.itemColour{
width: 90px;
}
.itemSize{
width: 90px;
}
.itemQty{
width: 50px;
}




/***********/
/* Baskets */
/***********/

.centered{
padding: 0px;
margin: 0px;
text-align: left;
}

div.miniBasket{
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
width: 175px;
position: absolute;
height: 75%;
right: 6px;
}

div.reviewBasket{
width: 600px;
}


table.reviewBasket{
font-size: 85%;
border: 2px solid #585858;
border-collapse: collapse;
width: 600px;
margin: 0px 0px 0px 1px;

}



table.reviewBasket th{
background-color: #585858;
color:#ffffff;
}

table.reviewBasket td{
background-color: #e0eeee;
border-bottom: 1px solid #aaaaaa;
color:#000000;
}

table.miniBasket {
font-size: 85%;
border: 1px solid #585858;
border-collapse: collapse;
}




table.miniBasket th{
background-color: #585858;
color:#ffffff;
}

table.miniBasket td{
background-color: #e0eeee;
border-bottom: 1px solid #aaaaaa;
color:#000000;

}

#basketUpdateNotice{
padding: 3px;
margin: 0px;
text-align: left;
}

div#googleCheckoutBtn{
margin: 10px;
padding: 10px;
text-align:center;
width: 90%;
}

p#reviewButton {

position: relative;
top: -10px;
}

p#reviewButton a{
text-decoration: none;
}

p#reviewButton img{
position: relative;
top: 10px;
padding: 5px;
}

div#custCats{
text-align: center;
margin-bottom: 260px;
}

span.custCat a{
float: left;
width: 33%;
height: 150px;
text-decoration:none;
}


span.custCat a p{
padding: 0px;
margin: 0px;
line-height: 1.4em;
}

table#itemCats{
width: 100%;
text-align: center;
margin-bottom: 20px;
text-decoration:none;
}

table#itemCats tr td a{
height: 150px;
width: 25%;
text-decoration:none;
}

p#shopNavButtons{
text-align: center;
padding: 10px;
}

span.previous {
padding: 20px;
}

span.next {
padding: 20px;
}



/***********/
/* News */
/***********/

p.newsHeadline{
padding: 0px;
margin: 0px;
font-size:105%;
font-weight: bold;
color: #000066;
}

p.newsTagline{
padding: 0px;
margin: 0px;
font-size:100%;
font-style: italic;
color:#353535;
}

p.newsStory{
padding: 0px;
margin: 0px;
font-size:90%;
color:#000;
}

div.newsItem{
margin-bottom: 10px;
padding: 0px;
}


div.newsItem table tr td{
vertical-align: top;
margin: 0px;
padding: 0px;
}

div.newsItem table tr td p{
margin: 0px;
padding: 0px;
}

#mdComment p{
margin: 0px;
}
#mdComment{
margin-bottom: 10px;
}

#mdCommentFrontPage p {
margin: 0px;
}

#mdCommentFrontPage {
margin-top: 20px;
padding-left: 4px;
}

#mdCommentFrontPage p a{
text-decoration: none;
font-weight: bold;
}