/*** typography ***/
/* General */
body, html { font-family: Arial, Garamond, Sans-Serif; color: black; /*background-color:#ECF6F8;*/ font-size:12px;}
ul { list-style:none; }
a { text-decoration:none;}
h1 { margin:10px 0 0 0;font-size: 30px; font-weight:normal; color:Blue;}
h3 {font: bold 16px Arial, Garamond, Sans-Serif; padding-left:0px; margin-bottom:0px;
margin-left:0px; margin-top:4px;}
p {margin:10px 0 10px 0;}
.datesep {position:relative; left:2px;}
hr.medium { text-align:left; width:500px; margin:10px 0 8px 0; }
#strap ul, #privacypolicy ul { list-style:disc; list-style-position:inside;}
.prodsprice { text-align:center; }
#brerrmessagepos { color:Red; font-size:12px; font-weight:bold;}
/* header*/
#brand { font-size:10px; }
#brand ul#contact {font-family: Arial, Geneva, Sans-Serif;}
#brand li {text-align:center;}
#strap {font-size: 11px;padding:5px; }
#strap .title {font-size: 16px; font-weight:bold;}
#strap ul { list-style:disc; list-style-position:inside;}
#splash1 {}
#splash2 { color:#528EFA; text-align:center;}
#splash2 #line1 {font-size:1.6em;}
#splash2 #line2 {font-size:1.2em; margin-top:5px;}
/* copyright */
#copyright {font-size:10px; padding-top:8px; }
/* site info */
#siteinfo {font-size:11px;color:black;}
#siteinfo a { color:black;}
#siteinfo a:hover { font-weight:bold;}
/* tools */
#tools { background: url("../images/toolsbkgnd_2.gif") top left repeat-x; }
#tools ul {background: url("../images/searchbkgnd.gif") bottom left no-repeat; }
#tools #name{color:White; font-weight:bold;}
#tools .basketB{color:White; text-decoration:none; font-weight:bold;}
#searchGO { position:relative; top: 6px; left:3px;}
/* navigation */
#nav li {background:url("../images/bbntab2.gif") no-repeat top left;}
#nav a {color:Black; text-decoration:none; font-weight:bold;}
/*#nav a:hover {color:White; background:url("../images/bbntab2_over.gif") no-repeat top left;}
#nav a.selected {color:White; background:url("../images/bbntab2_over.gif") no-repeat top left;} */
/* ContactUs Page */
#contactus {font-size: 14px; }
#contactus table{ margin:0; padding:0; border-collapse:collapse; width:100%;}
#contactus td {padding: 6px 0 0 0; width:50%;}
#contactus .addresstitle {font-weight: bold; margin-top:0; padding-top:0;}
#contactus h3 {margin:5px 0 0 0; font-weight:normal;font-size: 20px;}
/* PrivacyPolicy Page
#privacypolicy ul { margin-left:10px;}
#privacypolicy ul ul {list-style:circle;list-style-position:inside; margin-left:20px;} */
/* Help Page */
.helptopic{padding-left:20px;}
.helptopictitle{font-size:20px; font-weight:bold;color:Red;}
.helptopicsubtitle{padding-left:10px;padding-top:3px; font-size:16px; font-weight:bold;}
.helptopictext{padding-left:10px;font-size:12px; margin-bottom:14px;}
.helptopicintrotext{font-size:12px;}
.helptopic ul {margin-top:0; padding-top:0; list-style:disc; list-style-position:outside; margin-left:30px; margin-bottom:10px;}
.helptopic li {padding-top:2px; }
.helptable1, .helptable2{margin-left:15px;border:1px solid black; border-collapse:collapse; }
.helptable1 td, .helptable1 th, .helptable2 td, .helptable2 th {border:1px solid black; padding:3px;}
.helptable1 thead, .helptable2 thead {text-align:left;}
.helptable1 th.left {width:120px;}
.helptable2 th.left {width:160px; }
.helptable2 td.left {vertical-align:top;}
.helptopic hr {width:400px;padding:0; margin:0 auto 15px auto; color:Black; height:2px; background-color: Black; text-align:center; }
.helpcontent{margin: 20px 0 0 10px;}
/* Search Page */
span.smallest {font-size:11px;}
span.small {font-size:12px;}
div.search{ padding-left:20px;}
div.search a { text-decoration:none; font-size:14px;}
input.pagenum {border:solid 1px black; margin-left:5px; font-weight:bold; margin-right:5px;
width:100px; position:relative; padding-left:5px;top:-2px;}
#brtablepos { margin-top:8px; margin-bottom:8px;}
.variants { padding-right:20px;}
.pagenavbot {margin-top:10px;}
/* Shopping Trolly */
#sbtopbuttons {float:right; margin-bottom:5px;}
.sberrmessage { clear:right; float:right; color:Red; font-size:11px;}
.sbitems{ width:100%;}
div#sbtotals{ clear:both; float:right;}
#tots{float:right;}
#butts{clear:both;float:right; }
/* browse page */
table.browsetable td {border:solid 1px #DBDBD3; padding-left:2px;}
table.browsetable { border-collapse:collapse; border:solid 2px #DBDBD3;}
.browsetableheader{ background-color: #003884; color: #ffffff;}
.browsetable {/*width:95%;*/width:100%;}
#brbutton {float:right;}
.catselected { font-size:1.3em; color:#2978E3; font-weight:bold; margin-top:3px;}
#brtablepos a { text-decoration:none; color:#002C68; font-weight:normal; }
/*
*************************
Checkout Pages
*************************
/*----- Error area -----*/
.cherror
{
border: 2px solid #000;
margin-left:30px;
margin-top:10px;
width:400px;
padding: 3px;
font-size:16px;
color:Red;
}
.cherrtext
{
font-size:12px;
}
/***** End Error area *****/
/*----- Inputs area -----*/
div#chinputs
{
margin-top:5px;
}
.chinfo
{
font-size:8pt;
padding-left:2px;
}
.chreqd
{
color:Red;
font-weight:bold;
font-size:14pt;
text-align:left;
position:relative;
top:5px;
}
/***** End Inputs area *****/
/*
*************************
Delivery Page
*************************
*/
#debtcontinue
{
margin-left:150px;
}
/* styles */
.detable tr
{
line-height:1.6em;
vertical-align:middle;
}
.detable td
{
width:150px;
font-size:10pt;
}
#deliverydetails hr { text-align:left; width:450px; }
#chinputs {margin:0; padding:0;}
/*
*************************
Payment Page
*************************
*/
.patable tr
{
line-height:1.6em;
vertical-align:middle;
}
.patable td
{
width:160px;
font-size:10pt;
}
.patable td.reqd
{
width:15px;
}
.patable td.help
{
width:auto;
font-size:8pt;
}
.paheader
{
font-weight:bold;
font-size:9px;
}
#padeladdr
{
position:relative;
left:4px;
font-size:9pt;
border: #ccc 1px solid;
padding: 5px;
width:180px;
}
#pacardaddrtable
{
left: 20px;
position: relative;
}
#pabtcontinue
{
margin: 0 0 0 50px;
}
/*
*************************
Confirm Order Page
*************************
*/
.co p, div#contacts /* Paragraph wouldn't give contacts indentation in FF */
{
margin-left:10px;
margin-top:0px;
margin-bottom:4px;
}
.cotextbox
{
Overflow:hidden; /*stops vertical scroll bar */
font-size:12px;
margin-bottom:0px;
padding-bottom:0px;
}
div#contacts td
{/*Needed to get correct font size in LH table column*/
font-size:12px;
}
.coactions
{
clear:both;
}
/*
*************************
End Checkout Pages
*************************
*/
/* Offers on Home Page */
div.offer{/*border: solid 1px #AAA;*/ width:230px; /*height:210px; margin: 5px 0 10px 0;
padding: 10px; */float: left; background-color:White; position:relative; border-bottom:dashed 1px #B4B6B8; padding:15px 5px 5px 5px;
margin-bottom:4px; }
div.offerdetail {float:left; width:130px; padding:0 5px 0 4px; /*border:1px solid black;*/ }
div.offerimage {float:right; width:80px; /* border:1px solid red;*/}
div.image{text-align:center; margin-bottom:1px;}
div.offercode{font-size:10px; display:none;/* position:absolute; bottom:1px; right:5px;*/}
div.headline{font-size: 14px; color: green; font-weight:bold; margin-bottom:5px;/*text-align:center;*/}
div.detail{font-size:12px;overflow:hidden; margin:0; margin-bottom:4px; padding:0;/*text-align:center;*/ }
div.moredetail{font-size:12px; color:Red; overflow:hidden; margin-bottom:4px; padding:0;/*text-align:center;*/
/*position:absolute; bottom:60px;*/}
div.moredetail a {text-decoration :none; color:Red;/*padding:0 0 0 5px;*/}
div.price{margin:0; /*position:absolute; bottom:40px; padding:0 0 0 5px;*/ font-size:14px; color:Blue; }
div.buy{/*text-align:center; position:absolute; bottom:15px;left:50px;*/ margin-top:4px;}