@charset "utf-8";
/* CSS Document */

Body
{
margin: 0px auto;
background: url(../bgs/mainbg.jpg) no-repeat top center;
font-family: Arial, Helvetica, sans-serif;
line-height: 17px;
padding: 0px;
letter-spacing: .5px;
font-size: 12px;
color: #444;
}
a
{
color: #5C96D6;
text-decoration: none;
}
a:hover
{
text-decoration: underline
}
img
{
border: 0px;
}
.nonarrow a
{
background: none;
}
h1.intro
{
background: url(../img/h1_bg.jpg) no-repeat;
text-indent: -999999px;
display: block;
margin: 0px 0px 20px 0px;
width: 327px;
height: 42px;
padding: 0px;
}
h1.store
{
background: url(../img/h_store.gif) no-repeat;
text-indent: -999999px;
display: block;
margin: 0px 0px 0px 0px;
width: 327px;
height: 42px;
padding: 0px;
}
h2
{
font-size: 20px;
margin: 0px 0 20px 0;
border-bottom: 1px dotted #999;
padding: 0px 0px 10px 0px;
}
h2.spec
{
font-size: 12px;
margin: 0px 0 5px 0;
padding: 0px 0px 0px 0px;
border-bottom: none;
}
h2.order
{
font-size: 18px;
width: 140px;
margin: 0px 0 20px 0;
border-bottom: 1px dotted #999;
padding: 0px 0px 10px 0px;
}
h3
{
color: #5D96D6;
margin: 0px 0 5px 0;
padding: 0px;
text-align: left;
}
h4
{
font-size: 14px;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #999999;
}

#global
{
margin: 0px auto;
width: 969px;
position: relative;
}	
input
{
vertical-align: middle;
}
#g_header
{
background: url(../img/generic_gsi_head.jpg) no-repeat;
width: 969px;
height: 113px;
}
#s_header
{
background: url(../img/store_gsi_head.jpg) no-repeat;
width: 969px;
height: 113px;
}
ul#globalNav
{
margin: 0px;
padding: 0px;
width: 969px;
list-style: none;
float: left;
clear: both;
background: url(../bgs/bg_under.png) repeat-x;
}
#globalNav li
{
float: left;
}
#globalNav li a
{
float: left;
background: url(../bgs/bg_under.png) center top repeat-x;
color: #FFFFFF;
text-decoration: none;
padding: 14px 10px 14px 10px;
font-weight: bold;
border-left: 1px solid #000;
border-right: 1px solid #999999
}
#globalNav li a:hover
{
float: left;
background: url(../bgs/bg_under.png) bottom repeat-x;
color: #FFFFFF;
text-decoration:  none;
border-right: 1px solid #BFEEFF
}
.trans { behavior: url(../scripts/pngbehavior.htc);
}
#breadcrumb1
{
background: url(../bgs/breadcrumbbg.png) repeat-y;
width: 969px;
height: 39px;
color: #333;
clear: both;
}
#breadcrumb1 a
{
	color: #FFFFFF;
}
.train
{
position: absolute;
left: 500px;
top: 145px;
}
.battery
{
position: absolute;
left: 630px;
top: 142px;
}
.basket
{
background: url(../bgs/basket_bg.gif) no-repeat;
width: 253px; 
height: 17px;
float: right;
margin-right: 7px;
font-size: 10px;
padding: 5px 5px 5px 30px;
margin-top: 5px;
}
a.std{
color: #5C96D6;
}
#homeLeftCol
{
width: 580px;
margin-right: 15px;
float: left;
padding-top: 20px;
margin-bottom: 20px;
padding-left: 10px;
}
#homeRightCol
{
width: 342px;
float: right;
background: #EFEFEF;
padding: 10px;
padding-top: 20px;
margin-bottom: 20px;
display: inline;
}

.clearBoth
{
clear: both;
margin: 0px
}
.floatLeft
{
float: left;
}
.floatRight
{
float: right;
}
img
{
border: 0;
}
#brand
{
margin: 25px 0 0 15px;
float: left;
}
.navHead
{
background: url(../img/subnav_header.png) no-repeat; 
width: 190px;
height: 29px;
color: #FFFFFF;
padding: 7px 0 0 5px;
font-weight: bold;
}
/* sub nav options */
#subNav
{
padding:width: 190px; margin: 0px; padding:0px; list-style: none;
}
#subNav li
{
background-color: #EFEFEF;
}
#subNav li a
{
padding: 5px 0 5px 10px;
display: block;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
 border-right: 1px solid #ccc;
}
#subNav li a:hover
{
padding: 5px 0 5px 10px;
display: block;
border-bottom: 1px solid #fff;
border-top: 1px solid #999;
border-right: 1px solid #ccc;
background: #E0E0E0;
}


#footer
{
background: url(../bgs/footerbloc_bg.png) repeat-x #D0D0D0;
padding: 10px;
float: left;
width: 949px;
}
#footer a
{
background: url(../bgs/footerlinksbg.gif) no-repeat 0px 6px;
padding: 0px 0px 0px 7px;
display: block;
margin-bottom: 5px;
}
#footerCont
{
float: right;
border-left: 1px solid #fff;
width: 360px;
padding: 0px 20px 0px 20px;
}
.listItem
{
float: left; 
clear: both; 
background: url(../bgs/storeitem_bg_lower.png) bottom no-repeat; 
width: 737px; 
_width: 710px; 
margin-bottom: 20px;
}
.listItemDetails
{
float: left; 
width: 537px;
_width: 510px; 
border-right: 1px solid #ccc; 
margin-bottom: 12px; 
text-align: justify; 
padding: 0px 15px 5px 10px;
}
.listImg
{
margin-right: 10px;
float: left;
}
.quickOrderBox
{
float: right; 
width: 140px;
padding-right: 15px;
padding-bottom: 10px;
}
.price
{
font-size: 14px;
font-weight: bold;
color: #CC0000;
}
.pageImg
{
margin: 0px 0px 20px 20px;
float: right;
}
td
{
border-collapse: collapse;
}
/***********
SHOPPING BASKET
***********/

.checkout-level1 {
	background-color: #ccc;
	padding: 5px;
	height: 22px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px dotted #999;
}
.checkout-level1a {
	background-color: #990000;
	padding-left: 5px;
	height: 17px;
	color: #FFFFFF;
}
.checkout-level2 {
	padding-left: 5px;
	height: 17px;
	border-bottom: 1px dotted #999;	
}
.checkout-level3 {
	padding-left: 5px;
	height: 17px;
	font-weight: bold;
	border-bottom: 1px dotted #999;	
}
.checkout-level-price {
	padding-left: 5px;
	height: 37px;
	color: #5C110F;
	border-bottom: 1px dotted #999;	
}
.checkout-level-options{
	padding-left: 5px;
	height: 37px;
	color: #5C110F;
	border-bottom: 1px dotted #999;	
}


/* form elements */
form
{
margin: 0px;
padding: 0px;
}
select.qty
{
width: 100px;
}
input.qty
{
background: url(../bgs/input_bgs.png) repeat-x;
width: 42px;
height: 23px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
border-top: 1px solid #999;
border-right: 1px solid #ccc;
vertical-align: middle;
margin-right: 5px;
font-size: 16px;
padding: 3px 0 0 3px;
}

.contactStd
{
width: 350px;
clear: both;
display: block;
margin: 5px 0px 15px 0px;
height: 30px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.contactTxt
{
width: 350px;
clear: both;
display: block;
margin: 5px 0px 5px 0px;
height: 80px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.yourdetails
{
width: 220px;
clear: both;
margin-left: 10px;
height: 30px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.yourdetailsSm
{
width: 100px;
clear: both;
margin-left: 10px;
height: 30px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.topsearch
{
width: 200px;
height: 22px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #333;
margin-right: 5px;
float: left;
border-right: 1px solid #ccc;
border-left: 1px solid #333;
}


.ordersummary {
border-collapse: collapse;
width: 100%;
}

th {
background: #f1f1f1;
padding: 5px;
text-align: left;
font-weight: bold;
}

.ordersummary td {
padding: 5px;
}
.current {
color: #5C110F;
}