/* Global */

*, body { margin: 0; padding: 0; }
body { background-color: #bf0404; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; padding: 0; margin: 0; }
#container { width: 980px; margin: auto; }
.clear { clear: both; }


/* Contact */
#content form li { list-style: none; }
label { display: block; margin-bottom: 2px; font-size: 1.0em; line-height: 1.0em; }
input, textarea { padding: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; }
textarea { width: 100%;	height: 100px; }
input.required, textarea.required { color : #333333; }
input.validation-failed, textarea.validation-failed { border: 1px solid #ff3300; color : #ff3300; }
.validation-advice { margin: 5px 0;	padding: 5px; background-color: #ff3300; color : #ffffff; font-weight: bold; }
.custom-advice { margin: 5px 0;	padding: 5px; background-color: #c8aa00; color : #ffffff; font-weight: bold; }
.form-row {	clear: both; padding: 0.5em; }
.captcha { width: 20px; }

/* Margins */

#menumargin { border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff; background-image: url(images/globalmenu.jpg); background-repeat: repeat-x; background-color: #410102; }
#headermargin { border-bottom: 3px solid #ffffff; height: 240px; background-image: url(images/footer.jpg); background-repeat: repeat-x; background-position: top; }
#bodymargin { background-color: #400101; border-bottom: 3px solid #ffffff; }
#footermargin { background-color:#bf0404; background-image: url(images/footer.jpg); background-repeat: repeat-x; }

/* Heading, Paragraph, List and Link */

h1, h2, h3, h4, h5, h6 { font-size: 2.2em; line-height: 1.2em; margin-bottom: 15px; }
p, table { font-size: 1.3em; line-height: 1.3em; margin-bottom: 10px; margin-top: 5px; }


/* Global Menu */

#globalmenu ul { list-style: none; }
#globalmenu ul li#buyonline { background-image: url(images/buyonline.gif); background-position: top; background-repeat: no-repeat; }
#globalmenu ul li#buyonline a { color: #400101; }
#globalmenu ul li#buyonline:hover, #globalmenu ul li#buyonline a:hover, #globalmenu ul li#buyonline a:active, #globalmenu ul li#buyonline a:focus { text-decoration: underline; background-image: url(images/buyonline.gif); background-position: top; }
#globalmenu ul li#buyonline a:hover { text-decoration: underline; background-image: url(images/buyonline.gif); background-position: top; }
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#globalmenu { line-height:39px; text-decoration:none; width: 980px; margin: auto; font-size: 1.3em; }
/* Set up the link size, color and borders */
#globalmenu a, #globalmenu a:visited {display:block; text-decoration:none; }
/* Set up the list items */
#globalmenu ul li { float:left; padding-left: 15px; padding-right: 15px; }
#globalmenu ul li a { color: #ffffff; }
#globalmenu ul li:hover, #globalmenu ul li a:hover, #globalmenu ul li a:active, #globalmenu ul li a:focus { background-image: url(images/globalmenuarrow.gif); background-repeat: no-repeat; background-position: bottom; }

/* Header */

#header { height: 240px; width: 980px; margin: auto; }
#header #logo { float: left; display: inline; margin-left: 6px; margin-top: 25px; }
#header #logo img { border: none; }
#header #banner { width: 645px; float: right; height: 240px; position: relative; }
#header #banner .item { float: left; margin-top: 15px; }
#header #banner h1 { font-size: 2.8em; line-height: 2em; }
#header #banner h1, #header #banner p { font-family: tahoma; color: #ffffff; text-align: center; margin: 0; font-weight: bold; }
#header #banner a { color: #ffffff; }
#header #banner a:hover { text-decoration: none; }
#header #banner .item img { width: 150px; height: 100px; }
#header #banner .item a { color: #ffffff; font-size: 1.6em; text-decoration: none; }
#header #banner .item a:hover { text-decoration: underline; }
#header #banner img { border: none; }
#header #banner .banner { background-image: url(images/footer.jpg); background-repeat: repeat-x; background-position: top; top: 0px; left: 0px; width: 645px; height: 240px; position: absolute; }

#header #banner .banner h3 { color: #fff; margin-top: 25px; font-size: 24px; font-weight: normal; }
#header #banner .banner .info { width: 380px; float: left; }
#header #banner .banner .info p { text-align: left; margin-bottom: 15px; font-weight: normal; }
#header #banner .banner p.price { font-size: 24px; }
#header #banner .banner .image { float: right; margin-right: 45px; margin-top: 15px; border: 2px solid #fff; }

/* Body */

#body {width: 980px; margin: auto; background-color: #400101; } 


/* Box, Battery Finder and Submenu */

#bf select { width: 260px; padding: 5px; margin-top: 5px; margin-bottom: 5px;  }

#bf, #submenu, #search { clear: both; }
.box, #submenu, #bf, #search { background-image: url(images/box.jpg); background-repeat: repeat-x; background-color: #f2d680; width: 260px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border: 3px solid #ffffff; float: left; margin-top: 10px; margin-left: 5px; margin-bottom: 10px; color: #400101; display: inline; }
.box{ margin-left: 10px; margin-right: 30px; }
#search { margin-top: 0; margin-bottom: 0;  }
#search .searchBox { width: 205px; }

#submenu ul { list-style: none; }
.box h6, #submenu ul, #bf h6, #search h6 { font-style: italic; font-weight: normal; font-size: 2.2em; margin-top: 10px; margin-bottom: 10px; }
#submenu ul li ul { font-style: normal; font-weight: normal; font-size: 0.6em; }
#submenu ul li ul li { margin-bottom: 10px; margin-top: 10px; }
.menu-current, #submenu .menu-current { font-weight: bold; }
.box a, #submenu a { color: #400101; text-decoration: none; }
.box a:hover, #submenu a:hover { text-decoration: underline; }
#submenu label { font-size: 1.2em; }

#lucas, #trojan, #platinum, #paypal, #paymentoptions, #bosch { clear: left; float: left; width: 205px; margin-left: 5px; display: inline; margin-bottom: 5px; }
#paypal { color: #ffffff; font-size: 1.1em; line-height: 23px; }
#lucas img, #trojan img, #platinum img, #bosch img { border: none; }
#side { float: left; }

/* Content */

#content { color: #ffffff; padding-top: 20px; padding-right: 10px; margin-right: 40px; padding-bottom: 10px; width: 595px; float: right; display: inline; }
#content h1 { color: #ffffff; }
#content ul, ol { margin-left: 30px; }
#content li { font-size: 1.3em; line-height: 1.3em; margin-bottom: 10px; margin-top: 5px; }
#content a { font-weight: bold; text-decoration: none; color: #ffffff; }
#content a:hover { text-decoration: underline; }
#content #onlinestore { float: right; }
#content #onlinestore img { border: none; }
#content embed { border: 3px solid #ffffff; }

#content #categories { margin-right: -51px; } 
#content #categories img { margin-right: 5px; margin-bottom: 5px; }
#content #categories a:hover img { border: 3px solid #ffffff; }

.chatbutton { text-align: center; clear: both; }
#loginButton { height:48px; width:168px; }

#content .sitemap { font-size: 1.3em; } 
#content .sitemap li, #content .sitemap ul  { font-size: 1em; list-style: decimal; }

/* Shopping Cart */

#content .item { margin-right: 22px; margin-bottom: 20px; font-size: 1em; clear: both; }
#content img { border: 3px solid #f2d680; margin-right: 10px; margin-bottom: 20px; }
#content .item p { }
#content .txtOldPrice { text-decoration: line-through; }
#content .price { float: left; }
#content .addtocart { color: transparent; text-transform: capitalize;padding:0; border: 0; float: right; background-image: url(images/addtocart.gif); text-indent: -30000px; display: block; height: 48px; width: 168px; }
#content .productaddtocart { color: transparent; text-transform: capitalize;padding:0; border: 0; background-image: url(images/addtocart.gif); text-indent: -30000px; display: block; height: 48px; width: 168px; margin-bottom: 15px; }

#content #relatedproducts .item { width: 176px; float: left; clear: none; }
#content #relatedproducts .item img { height: 113px; width: 170px; }


/* Content Footer */

#contentfooter { clear: both; height: 60px; }
#contentfooter #telephone { float: left; margin-left: 10px; display: inline; }
#contentfooter #nationwidedelivery { float: right; margin-right: 50px; display: inline; }
#contentfooter img { border: none; }

/* Footer */

#footer { width: 980px; margin: auto; }
#footer .newsletteremail { width: 246px; }
#footer .newslettersubmit { text-align: center; clear: both; }

/* Legal */

#legal { text-align: center; }
#legal p { font-size: 1em; color: #ffffff; }
#legal a { color: #ffffff; font-style: italic; }
#legal a:hover { text-decoration: none; }