/* CSS Document */

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EEEEEE;}
body {background-color: #333333; background-image: url(images/carbonbgtile.gif); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
a {font-family: Arial, Helvetica, sans-serif; color: #EEEEEE;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; color: #EEEEEE;}
a:hover {text-decoration: underline; color: #EEEEEE;}
a:active { text-decoration: none; color: #EEEEEE;}
p {margin: 8px 0px; padding: 0px;}
p.size10 {margin: 8px 0px; padding: 0px;font-size:10px;}

h2 {font-size: 14px; letter-spacing: 2px; margin: 0px; padding: 0px; font-weight: normal;}
.contentblock {background-color: #666666; padding-top: 16px; padding-right: 46px; padding-bottom: 22px; padding-left: 48px;}
.resellerlogin {width: 224px; padding-left: 15px;}
.hometop {height: 44px;}
.headingbar {padding-left: 15px; background-image: url(images/headingbar_bg.gif); background-repeat: repeat-x;}
.homebox {background-image: url(images/home_bg.gif); background-repeat: repeat-x;}
.homebox p { margin:6px 0;}
.storybox {background-image: url(images/story_bg.gif); padding-top: 18px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px;}
.storybox1 {background-image: url(images/story1_bg.gif); padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
UL.story {list-style-image: url(images/bullet_grey.gif); margin: 0px; padding: 13px 0px 0px 20px;}
UL.where { list-style-image: url(images/bullet_grey.gif); margin: 0px; padding: 0px 0px 0px 18px; font-size: 11px;}
UL.where li {padding-top: 1px; padding-bottom: 2px;}
.actionpics {height: 70px; padding-top: 0px; padding-right: 140px; padding-bottom: 0px; padding-left: 19px;}
.actionbox {background-image: url(images/action_bg.gif); padding-top: 16px; padding-right: 24px; padding-bottom: 0px; padding-left: 24px;}
.orderingbox {background-image: url(images/ordering_bg.gif); background-repeat: repeat-x;  padding-top: 22px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
.orderingbox1 {background-image: url(images/ordering1_bg.gif); background-repeat: repeat-x; padding-top: 23px; padding-right: 18px; padding-bottom: 0px; padding-left: 8px; vertical-align: top;}
.subtext, .subtext a {font-size: 11px; color: #BEBEBE;}
.price {font-size: 20px; color: #FED411;font-weight: bold;}
INPUT.quantity {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EEEEEE; background-color: #646464; padding-left: 5px; border: 0px none; width: 50px;}
#login {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #EEEEEE; background-color: #646464; padding-left: 5px; border: 0px none; width: 140px;}
.orderingbox2 {background-image: url(images/ordering1_bg.gif); background-repeat: repeat-x; padding-top: 23px; padding-right: 0px; padding-bottom: 0px; padding-left: 22px;}
.popupcontent {background-color: #666666; margin: 15px;padding: 20px;}
FORM.nopadding {margin: 0px; padding: 0px;}
.noticebox {padding-right: 40px; padding-left: 40px; background-image: url(images/ordering_bg.gif); background-repeat: repeat-x; padding-top: 30px;}

.greybox, .greybox a {background-color: #333333;}
	
.greybox a {color: #FAD612;}
	
	
/*Doms added css for bg45 page*/
#nozzleflash{ width: 238px; height:199px; }
#bannerflash{ width: 277px; height:93px;}
#content_container{ width:590px; height:274px; padding:5px 24px 6px 23px; position:relative;}
.bg45contentblock {background-color: #666666;}
#animation_container{ width:393px; height:274px; position:absolute; left:24px; top:5px; background: url(images/anim_cont_bg.jpg) repeat-x; border-bottom:#1a1a1a 1px solid;}
#anim_cont_tr{ width:9px; height:9px; background:url(images/anim_cont_tr.gif) no-repeat; position:absolute; right:-2px; top:0px;}
#anim_cont_tl{ width:9px; height:9px; background:url(images/anim_cont_tl.gif) no-repeat; position:absolute; left:-2px; top:0px;}
#anim_cont_bl{ width:9px; height:9px; background:url(images/anim_cont_bl.gif) no-repeat; position:absolute; left:-1px; bottom:-2px;}
#anim_cont_br{ width:9px; height:9px; background:url(images/anim_cont_br.gif) no-repeat; position:absolute; right:-1px; bottom:-2px;}
#anim_cont_title{ width:250px; height:22px; background:url(images/anim_cont_name.jpg) no-repeat; position:absolute; left:9px; top:10px;}
#anim_arrow{width:36px; height:100px; background:url(images/anim_arrow.jpg) no-repeat; position:absolute; bottom:42px; right:6px;}
#anim_gun{ width:132px; height:126px; background:url(images/anim_gun.jpg) no-repeat; position:absolute; top:52px; left:0px; z-index:5;}
#anim_flash{ width:238px; height:199px; position:absolute; top:75px; left:94px; z-index:10;}
#anim_label1_arrow{width:33px; height:25px; background:url(images/anim_label1_arrow.jpg) no-repeat; position:absolute; right:101px; top:50px;}
#anim_label1{width:147px; height:48px; position:absolute; right:1px; top:15px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:12; text-transform:uppercase; color:#b8b8b8; text-align:center;}
#anim_label2_arrow{width:33px; height:25px; background:url(images/anim_label2_arrow.jpg) no-repeat; position:absolute; left:52px; bottom:62px;}
#anim_label2{width:100px; height:46px; position:absolute; left:5px; bottom:17px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:12; text-transform:uppercase; color:#b8b8b8; text-align:center;}

#bg45details_container{ width:192px; height:274px; position:absolute; right:23px; top:5px; background: url(images/anim_cont_bg.jpg) repeat-x; border-bottom:#1a1a1a 1px solid;}
#bg45details_header{ width:192;; height:23px; background: url(images/infobox_header.jpg) no-repeat; padding:3px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#bg45details_content{ padding:5px 7px 0 10px;}
#bg45details_bl{ width:9px; height:9px; background:url(images/bg45details_bl.gif) no-repeat; position:absolute; left:-1px; bottom:-1px;}
#bg45details_br{ width:9px; height:9px; background:url(images/bg45details_br.gif) no-repeat; position:absolute; right:-1px; bottom:-1px;}