/#Page number id on the body tag#/

* { margin:0; padding:0;}
body { background:#fff url(../images/bg.png) no-repeat center 100px }
html, input, textarea, select{ font-family:arial; font-size:100%; color:#333; font-weight:normal; font-size:0.75em; line-height:1.15em }


.lineHeight{
line-height:100%;
}
.quote{
font-size:12px;
border:1px dotted #970D02;
color:#666666;
padding: 17px 10px;
background:#FFFFB5; 
width:340px;
float:left
}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

a{ color:#FE1C06; text-decoration:underline}
a:hover{ text-decoration:none}


.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

.link{ color:#FE1C06; text-decoration:underline; background:url(../images/marker.gif) no-repeat 0 4px; padding-left:16px}
.link:hover{ text-decoration:none}
.linkND {color: #FFFFFF; text-decoration:none}

p {margin:0; padding:0;}

h1 { text-indent:-1000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(../images/logo.gif) no-repeat 0 0; height:34px; width:112px}
.pos{ position:absolute; margin-top:0; padding:0}

h2 {  padding:0; margin:0; font-size:1em; padding-bottom:15px; line-height:1.275em}

ul { margin:0; padding:0; list-style:none; line-height:2em}
ul li a { color:#FE1C06; text-decoration: underline; font-weight:normal}
ul li a:hover{ text-decoration:none}

/*txt, links*/

/*header*/

/*content*/
#content{ width:100%; padding:10px 0 0px 0}
#content .txt_box{ width:100%} 
#content .y{ background:url(../images/y.gif) repeat-y}

#content .spacer{ height:525px; float:left}

#content .title{ margin-bottom:24px}

#content .col1 .indent{ padding:6px 16px 10px 0}
#content .col2 .indent{ padding:6px 22px 10px 22px;width:100%}

#content .date{ background:#970D02 url(../images/date_left.gif) no-repeat; color:#ffffff; font-weight:bold; width:87px; text-align:center; margin-bottom:3px}
#content .date .right{ background:url(../images/date_right.gif) no-repeat right top; padding:6px 0 3px 0}

#content p{ padding-bottom:24px}

#content .marker{ margin-right:6px; vertical-align:middle}

#content .img1{ float: left; margin:0 26px 18px 0}
#content .img2{ float:left; margin:3px 19px 26px 0}
#content .img3{ display:block; margin-bottom:26px}

#content h3{ padding-bottom:17px; font-size:1em; line-height:1em; font-weight:normal}

#content .box a{ display:block; padding-bottom:8px}
#content ul{ margin-bottom:12px}

/*footer*/
#footer{ background:url(../images/foot_rep.gif) repeat-x; color:#666666}
#footer .left{ background:url(../images/foot_left.gif) no-repeat}
#footer .right{ background:url(../images/fot_right.gif) no-repeat right top; height:98px}
#footer a{ color:#FE1C06; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer .fleft{ padding:15px 0 0 28px}
#footer .fright{ padding:15px 28px 0 0}
#footer img{ margin-left:10px; vertical-align:middle}


/*================== index.html ==================*/

/*================== index-1.html ==================*/
ul li a{ color:#FE1C06;}
#page1 ul{margin-top:10px; padding:0px; list-style: none; line-height:20px}
#page1 ul li { color:#FE1C06; text-decoration: none; background:url(../images/list_bg.gif) no-repeat 0px 10px; padding-left:12px; width:460px}
#page1 ul li a{ color:#FE1C06; text-decoration: none; background:url(../images/list_bg.gif) no-repeat 0 5px; padding-left:12px}
#page1 ul li a:hover{ text-decoration: none; color:#fa8147}

/*================== index-2.html ==================*/
#page3 .block{ width:100%}
#page3 .block .col_1{ width:55%}
#page3 .block .col_1 div{ padding-right:25px}
#page3 .block .col_2{ width:45%}
#page2 ul{margin-top:10px; padding:0px; list-style: none; line-height:20px}
#page2 ul li { color:#FE1C06; text-decoration: none; background:url(../images/list_bg.gif) no-repeat 0px 10px; padding-left:12px; width:460px}
#page2 ul li a{ color:#FE1C06; text-decoration: none; background:url(../images/list_bg.gif) no-repeat 0 5px; padding-left:12px}
#page2 ul li a:hover{ text-decoration: none; color:#fa8147}
/*================== index-3.html ==================*/
#page4 #content .col2 .indent{ padding-right:15px}

/*================== index-4.html ==================*/
#page5 #content p{ padding-bottom:21px}
#page5 .block{ width:100%}
#page5 .block .col_1{ width:55%}
#page5 .block .col_2{ width:45%}
#page5 .col1 .indent{ padding:6px 10px 10px 0}
#page5 .col2 .indent{ padding:6px 22px 10px 22px}

/*================== index-5.html ==================*/
#page6 #content .col1 p{ padding-bottom:18px}
#page6 #content .col1 h2{ padding-bottom:7px}
#page6 ul{margin-top:10px; padding:0px; list-style: none; line-height:20px}
#page6 ul li { color:#FE1C06; text-decoration: none; background:url(../images/list_bg.gif) no-repeat 0px 10px; padding-left:12px; width:600px}
#page6 ul li a{ color:#FE1C06; text-decoration: none; background:url(../images/list_bg.gif) no-repeat 0 5px; padding-left:12px}
#page6 ul li a:hover{ text-decoration: none; color:#fa8147}

/*================== index-6.html ==================*/
#page7 #content .col1 p{ padding-bottom:18px}
#page7 #content .block{ width:470px}
#page7 #content .block .col_1{ width:224px}
#page7 #content .block .col_2{ width:246px}
#page7 #content .block .row{ height:31px}
#page7 #content .block input{ width:214px; height:20px; border:#666666 1px solid; color:#666666; font-size:1em; font-family:arial}
#page7 #content .block textarea{ width:244px; height:144px; border:#666666 1px solid; color:#666666; font-size:1em; font-family:arial}
#page7 #content .col2 .indent{ padding:6px 12px 10px 22px}
#page7 #content .alignright{ padding-top:13px}
#page7 #content .alignright a{ margin-left:12px}

/*================== index-7.html ==================*/
#page8 #content .col1 p{ padding-bottom:20px}

/*=Below is the fix to add the blue ad page on the home page and the order now section on the product page James Johnson=*/

#page1 ul#jaz_top li{color:#000}
#page1 h2#jaz_h2{font-size:1.4em;color:#C40000;margin-bottom:-20px}
#page1 #jaz_sep,#page1 #jaz_sep2{margin-top:30px;margin-left:5px}
#jaz_new{float:right}
#jaz_wrap{background:url('../images/home-blue-back.png') 0 60px repeat-x;padding-bottom:30px}
#jaz_begeara{margin-left:67px}
#jaz_begeara a{display:block;margin-top:30px;margin-left:-65px}
#jaz_h1_wrap,#jaz_h2_wrap{position:absolute;top:250px;margin-left:260px}
#jaz_h1,#jaz_h2{text-indent:0;font-size:3.4em;color:#C40000;font-weight:normal;width:400px;padding-bottom:20px}
#jaz_h2{margin-bottom:30px}
#jaz_h2_wrap{width:400px;margin-left:290px}
#jaz_h2_wrap p{width:350px}
#jaz_sep2{margin-top:50px}
#jaz_order_now{background:url("../images/order_now.jpg") no-repeat;width:660px;padding-left:119px;height:212px;border-bottom:1px dashed #CCC;padding-bottom:20px;margin-bottom:20px}
#jaz_order_now h2,#jaz_p{margin-left:100px}
#jaz_order_now p{width:550px}
#jaz_order_now p#jaz_p{width:450px}
#jaz_order_now h2{font-size:1.4em;color:#338533}
#jaz_tick{float:right;margin-top:-214px;margin-right:-0px}
#page2 ul#jaz_ul li{color:#666}
#page7 .min_width #site_center .main #content .txt_box .col2.y.maxheight .indent form #tabContact { width: 100%; }
#page7 .min_width #site_center .main #content .txt_box .col2.y.maxheight .indent form #tabContact caption { text-align: left; font-size: 10px; }
#navTab { font-size: 14px; background: url(../images/nav-bg.jpg) repeat; width: 100%; }
#navTab td { background: url(../images/nav-bg.jpg) repeat; width: 14%; height: 30px; text-align: center; }
#navTab td a:link { color: #CCC; text-decoration: none; margin: 8px 5px 5px 10px; display: block; }
#navTab td a:visited { color: #CCC; text-decoration: none; margin: 8px 5px 5px 10px; display: block; }
#navTab td a:hover { color: #000; text-decoration: underline; margin: 8px 5px 5px 10px; display: block; }
#navTab td a:active { color: #CCC; text-decoration: none; margin: 8px 5px 5px 10px; display: block; }