
/*general*/
*{
margin:0;
padding:0;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
margin-top:10px;
}

#page{
width:990px;
margin:0 auto;
position:relative;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

a:link, a:visited{
color:#052a8a;
}

a:hover{
text-decoration:none;
}
/*header*/

h1{
width:206px;
height:81px;
background:url(images/layout/h1.gif) no-repeat;
float:left;
}

h1 a{
width:100%;
height:100%;
display:block;
}

h1 span{
display:none;
}

#basket{
float:right;
width:500px;
text-align:right;
}

#basket p{
padding:5px 10px 0 25px;
background:url(images/layout/basket.gif) no-repeat left;
float:left;
}

form#search{
text-align:right;
background:url(images/layout/searchbg.gif) repeat-x;
height:34px;
}

form#search label{
width:80px;
height:34px;
background:url(images/layout/search.gif) no-repeat;
float:left;
}

form#search #searchsubmit{
width:55px;
height:34px;
background:url(images/buttons/searchgo.gif) no-repeat;
cursor:pointer;
border:none;
}

form#search #keywords{
width:300px;
border:0;
float:left;
margin-top:7px;
padding:0 3px;
}

/*buttons*/
.buttons{
list-style:none;
float:left;
}

.buttons li{
display:inline;
}

.buttons li a{
float:left;
background:url("images/buttons/button.gif") no-repeat left top;
text-decoration:none;
padding:0 0 0 8px;
}

.buttons li span{
float:left;
display:block;
background:url("images/buttons/button.gif") no-repeat right top;
padding:5px 15px 0 10px;
height:22px;
color:#000000;
}

.buttons li a:hover {
background-position:0% -27px;
cursor:pointer;
}

.buttons li a:hover span {
background-position:100% -27px;
cursor:pointer;
}


/*top nav*/
#nav{
height:30px;
background:url(images/layout/navbg.gif) repeat-x;
}

#nav ul{
list-style:none;
height:30px;
background:url(images/layout/navright.gif) no-repeat right;
}

#nav .first a:link, #nav .first a:visited{
background:url(images/layout/navleft.gif) no-repeat;
padding:0 0 0 6px;
height:30px;
}

#nav .first a:link span, #nav .first a:visited span{
text-decoration:none;
color:#FFFFFF;
padding:0 16px;
height:24px;
display:block;
float:left;
padding-top:6px;
background:url(images/layout/nav.gif) top right;
}

#nav .first a:hover{
background-position:0% -30px;
cursor:pointer;
}

#nav .first a:hover span{
background-position:100% 30px;
cursor:pointer;
}

#nav ul li{
display:inline;
}

#nav a:link, #nav a:visited{
text-decoration:none;
color:#FFFFFF;
padding:0 16px;
height:24px;
display:block;
float:left;
padding-top:6px;
background:url(images/layout/nav.gif) top right;
}

#nav a:hover{
background-position:100% 30px;
}

/*products nav*/
#products{
width:160px;
float:left;
margin-right:10px;
}

h3{
font-family:"Trebuchet MS", Arial, Tahoma, sans-serif;
font-size:1.4em;
font-weight:normal;
background:url(images/layout/h3left.gif) left no-repeat;
padding-left:5px;
color:#FFFFFF;
height:22px;
margin-bottom:1px;
margin-top:10px;
}

h4{
font-family:"Trebuchet MS", Arial, Tahoma, sans-serif;
font-size:1.3em;
font-weight:normal;
margin:15px 0 5px 0;
color:#072e8b;
}

h3 span{
background:url(images/layout/h3right.gif) no-repeat right;
padding-right:5px;
height:22px;
display:block;
}

#productsnav{
list-style:none;
}

#productsnav li.category{
margin-bottom:1px;
}

#productsnav li.category a{
background:url("images/layout/products.gif") no-repeat left top;
text-decoration:none;
display:block;
padding-left:5px;
color:#000;
height:100%;
}

#productsnav li.category span{
background:url("images/layout/products.gif") no-repeat right top;
display:block;
height:19px;
padding:3px 5px 0 0;
}

#productsnav li.category a:hover {
background-position:0% -22px;
cursor:pointer;
}

#productsnav li.category a:hover span {
background-position:100% -22px;
background-color:#CCCCCC;
cursor:pointer;
}

.subnavcontainer{
padding:5px 2px 5px 8px;
background:url(images/layout/subnavbottom.gif) bottom no-repeat;
margin:1px 0;
list-style:none;
}

.subnav{
background:url(images/layout/subnavbg.gif) repeat-y;
}

#productsnav li .subnav .subnavcontainer li{
margin-bottom:3px;
}

#productsnav li .subnav .subnavcontainer li a{
background:url(images/layout/pointer.gif) no-repeat left;
margin:3px 0;
padding-left:7px;
text-decoration:none;
color:#000000;
display:block;
height:100%;
}

#productsnav li .subnav .subnavcontainer li a.selected{
background:url(images/layout/pointer2.gif) no-repeat left;
margin:3px 0 3px 10px;
padding-left:7px;
font-weight:bold;
}

#productsnav li .subnav .subnavcontainer li a:hover{
text-decoration:underline;
}

#frmlogin{
font-size:0.9em;
}

#frmlogin #email, #frmlogin #password{
margin-bottom:10px;
}

.brands{
padding:3px;
}


/*main area*/
#main{
width:820px;
float:left;
}

p{
margin:5px 0;
}

#main p{
margin:10px 0;
}

h2{
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#featuredads{
margin-top:10px;
}

#featuredads a{
width:140px;
margin-right:2px;
}

#featuredads a img{
border:2px solid #f2f2f2;
}

#featuredads a:hover img{
border:2px solid #d30d0e;
}

img{
border:none;
}

.productlist a:link, .productlist a:visited{
width:140px;
margin:5px 10px;
text-align:center;
font-size:0.9em;
color:#000000;
text-decoration:none;
float:left;
}

.productlist div{
margin-bottom:10px;
float:left;
}

.productlist a span{
display:block;
}

.productlist a:hover .desc{
text-decoration:underline;
}

.productlist{
clear:both;
}

.price{
font-weight:bold;
font-size:1.1em;
}

.bigprice{
font-weight:bold;
font-size:2em;
color:#d30d0e;
}

.oldprice{
text-decoration:line-through;
color:#d30d0e;
font-size:0.9em;
}

.cat{
font-size:0.8em;
color:#999999;
float:left;
}

.cat a{
color:#999999;
}

/*footer*/
#footer{
text-align:center;
font-size:0.8em;
color:#999999;
margin:10px 0 10px 0;
position:relative;
padding-top:10px;
}

#footer a{
color:#999;
}

#footer ul{
list-style:none;
}

#footer ul li{
display:inline;
padding:0 10px;
border-right:1px solid #999;
}

#footer ul li.last{
border-right:none;
}

.productimg{
float:left;
padding-right:20px;
margin-bottom:20px;
width:400px;
text-align:center;
}

.productinfo{
background:#ededed;
float:left;
width:400px;
margin-bottom:20px;
}

h5{
background:#4c6ec0;
padding:5px;
color:#FFFFFF;
font-size:1.1em;
}

.productinfo p{
padding:10px;
}

#frmBuy{
padding:0 10px;
}

#frmBuy label{
float:left;
width:80px;
margin-right:10px;
clear:both;
margin:10px 0;
font-weight:bold;
}

#frmBuy select, #frmBuy input{
float:left;
}

#frmBuy .submit{
width:116px;
height:30px;
background:url(images/buttons/add.gif) no-repeat;
border:none;
padding:0;
cursor:pointer;
}

#main .results{
background:#f2f2f2 url(images/layout/resultsbg.gif) no-repeat right;
text-align:center;
position:relative;
height:26px;
margin-top:10px;
}

#main .results p{
padding:5px 0;
margin:0;
}

.results .resultsleft{
position:absolute;
left:0;
height:26px;
width:5px;
background:url(images/layout/resultsleft.gif) no-repeat left;
}

.resultspref{
margin:10px auto 20px auto;
text-align:center;
width:100%;
}

#main .resultspref form label, #main .resultspref form select{
float:left;
margin-left:10px;
font-weight:normal;
font-size:0.8em;
}

p.back{
float:right;
font-size:0.8em;
margin-bottom:10px;
}

/*basket*/
.viewbasket{
width:100%;
margin:10px 0;
}

.viewbasket caption{
margin-top:10px;
}

.viewbasket thead{
background:#ededed;
}

.viewbasket td, .viewbasket th{
padding:2px;
}

.viewbasket td{
border-bottom:1px solid #ededed;
}

.viewbasket .total{
font-weight:bold;
}

#postagetbl{
width:250px;
padding-top:10px;
}

.txtleft{
text-align:left;
}

.txtcenter{
text-align:center;
}

.txtright{
text-align:right;
}

.noborder{
border:none;
}

#available{
border:1px dotted #4c6ec0;
background:#e2e2e2;
margin:10px;
clear:both;
font-size:0.8em;
font-style:italic;
color:#666666;
padding:5px;
}

.saving{
font-size:0.8em;
font-style:italic;
color:#666666;
}

#available p{
margin:0;
padding:0;
}

.alert{
border:1px #d30d0e solid;
margin:5px 0;
padding:0 20px 0 35px;
background:#f4d9cc url(images/layout/alert.gif) center no-repeat;
background-position: 5px 50%;
}

.info{
border:1px #002384 solid;
margin:5px 0;
padding:0 20px 0 35px;
background:#ced9eb url(images/layout/info.gif) center no-repeat;
background-position: 5px 50%;
}

#newcustomer, #existingcustomer{
width:45%;
float:left;
margin:10px;
}

#main form fieldset{
padding:10px;
border:1px solid #e9e9e9;
margin-bottom:20px;
}

#main form legend{
font-family:"Trebuchet MS",Verdana, Arial;
color:#022b89;
padding:0 3px;
font-size:1.3em;
}

#main form legend span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
}

#main form label{
display:block;
margin:2px 0;
font-weight:bold;
color:#999999;
}

#main form input, #main form select{
margin-bottom:10px;
}

form .inputtext{
font-size:1.1em;
padding:3px;
height:1.2em;
border:1px solid #c5c5c5;
background:url(images/layout/inputbg.gif) repeat-x #f2f2f2!important;
}

form .textarea{
font-size:1.1em;
padding:3px;
border:1px solid #c5c5c5;
background:url(images/layout/inputbg.gif) repeat-x #f2f2f2!important;
margin-bottom:5px;
}

form .selecttext{
font-size:1.1em;
padding:3px;
height:1.8em;
border:1px solid #c5c5c5;
background:url(images/layout/inputbg.gif) repeat-x #f2f2f2!important;
}

#frmregister #submit{
background:url(images/buttons/register.gif) no-repeat;
width:116px;
height:30px;
border:none;
float:right;
margin-top:10px;
cursor:pointer;
}

#frmlogin #loginsubmit{
background:url(images/buttons/loginsmall.gif) no-repeat;
width:72px;
height:30px;
border:none;
margin-bottom:10px;
cursor:pointer;
}

#frmcontact #submit{
background:url(images/buttons/submit.gif) no-repeat;
width:87px;
height:30px;
border:none;
margin-bottom:10px;
cursor:pointer;
}

#frmexisting #submit{
background:url(images/buttons/login.gif) no-repeat;
width:116px;
height:30px;
border:none;
float:right;
margin-top:10px;
cursor:pointer;
}

#frmregister #save{
background:url(images/buttons/savechanges.gif) no-repeat;
width:116px;
height:30px;
border:none;
float:right;
margin-top:10px;
cursor:pointer;
}

#frmpassword #sendpassword{
background:url(images/buttons/sendpassword.gif) no-repeat;
width:116px;
height:30px;
border:none;
float:right;
margin-top:10px;
cursor:pointer;
}

.red{
color:#d30d0e;
}

ul.bullit{
list-style:none;
margin-top:5px;
}

ul.bullit li{
background:url(images/layout/bullit.gif) no-repeat left;
padding-left:20px;
margin-bottom:5px;
}

h6{
color:#002384;
font-size:1.3em;
font-weight:normal;
margin-bottom:10px;
}

.paypal{
height:22px;
padding-left:55px;
background:url(images/layout/paypalsmall.gif) no-repeat left;
}

#frmcheckout #submit{
background:url(images/buttons/payment.gif) no-repeat;
width:190px;
height:30px;
border:none;
cursor:pointer;
}

#frmcheckout #continue{
background:url(images/buttons/continue2.gif) no-repeat;
width:163px;
height:30px;
border:none;
cursor:pointer;
}

#checkoutstatus{
width:100%;
height:54px;
margin:10px 0;
background:url(images/layout/checkoutbg.gif) repeat-x;
}

#checkoutstatus .checkout2{
background:url(images/layout/checkout.gif) no-repeat top center;
height:100%;
width:100%;
margin:0;
padding:0;
}

#checkoutstatus .checkout4{
background:url(images/layout/checkout.gif) no-repeat bottom center;
height:100%;
width:100%;
margin:0;
padding:0;
}

.strong{
font-weight:bold;
}