/* CSS Document */
body{background:#af3437; width:780px; margin:0px auto 30px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h2{font-size:24px; margin:0px; color:#666666; padding-left:5px;}
h3{font-size:18px; margin:10px 0px 10px 0px;}
h4{font-size:16px; margin:5px 0px 5px 5px; color:#000000;}
p{margin:10px 0px 10px 0px;}
p.postfooter{font-size:11px;margin:10px 0px 5px 0px; color:#555555;}
a{color:#af3437; text-decoration:none;}
a:hover{color:#000000;}
img{border:0px;}

#container{background:url(../images/header_bg.gif) top #ffffff; background-repeat:no-repeat; margin:15px 0px 5px 0px; padding:5px; width:770px; float:left;}

#header{height:111px; float:left; width:770px;}
#header #logo{float:left; width:595px;}
#header #logo p{margin:0px 0px 0px 350px; font-weight:bold; font-size:14px; color:#555555;}
#header #signup{float:right; width:168px; height:101px; border-left:1px solid #555555; margin:5px 0px 5px 0px;}
#header #signup p{font-size:9px; color:#555555; margin:0px 1px 0px 5px; font-weight:bold; }
#header #signup form{margin:0px; padding:5px 0px 5px 5px;}
#header #signup input{border:1px solid #999999; background:url(../images/input_bg.gif) repeat-x; height:16px; width:92px; font-size:10px; margin-top:1px;}
#header #signup input.sub{border:0px; background:url(../images/submit_bg.gif) repeat-x; height:20px; width:62px; font-size:10px; color:#ffffff; font-size:10px; margin-top:-2px; }

/*-----------------------begin maincol--------------------------*/
/*-----------------------begin leftcol--------------------------*/
#leftcol{width:595px; float:left;}

#tabs{font-size:14px; float:left;}
#tabs a{display:block; width:140px; height:22px; color:#ffffff; float:left; margin-right:5px; text-decoration:none; padding-left:5px; padding-top:8px; background-repeat:no-repeat;}
#tabs a#store{background:url(../images/tab1.gif);}
#tabs a#community{background:url(../images/tab2.gif);}
#tabs a#learn{background:url(../images/tab3.gif);}
#tabs a#about{background:url(../images/tab4.gif); margin-right:0px;}

#mainpic{width:575px; height:293px; float:left; background:url(../images/main_pic.gif); color:#ffffff; font-size:39px; padding:5px;}
#mainpic span{font-size:14px;}

body#storejhb #mainpic{border:5px solid #cb3000; background:url(../images/main_store.jpg);}
body#communityjhb #mainpic{border:5px solid #ea8c00; background:url(../images/main_community.jpg);}
body#learnjhb #mainpic{border:5px solid #009300; background:url(../images/main_learn.jpg);}
body#aboutjhb #mainpic{border:5px solid #003194; background:url(../images/main_about.jpg);}
body#error #mainpic{border:5px solid #cb3000; background:url(../images/main_error.jpg);}
body#error h1{font-size:24px; margin:0px; color:#666666; padding-left:5px;}

#content{width:595px; margin-top:5px; float:left; background:url(../images/left_bg.gif) top left; background-repeat:no-repeat;}
#content img{border:2px solid #cd3000;}
#content table{margin-left:5px; width:580px;}
#content table tr td{padding-top:10px;}
#content table tr.price td{border-bottom:1px solid #666666; font-size:18px; padding-bottom:5px; padding-top:0px; color:#666666;}
#content table a{color:#555555;}
#content table a:hover{text-decoration:underline; color:#000000;}
#content p{margin-left:5px;}

#content2{width:590px; padding-left:5px; float:left;}
/*-----------------------end leftcol--------------------------*/
#maincol1{width:770px; float:left; background:url(../images/main_bg.gif) repeat-y;}
#maincol2{width:770px; float:left; background:url(../images/rightnav_bg.gif) bottom right no-repeat;}
/*-----------------------begin rightcol--------------------------*/
#rightcol{width:169px; float:right;}

#rightcoltop{width:169px; height:23px; padding-top:7px; float:left; text-align:center; background:url(../images/right_top.gif);}
#rightcoltop a{font-weight:bold; padding-left:10px; padding-right:10px;}

#rightnavhead{width:164px; height:24px; padding-left:5px; float:left; color:#ffffff; border-top:5px solid #ffffff; font-size:18px;}

body#storejhb #rightnavhead{background:url(../images/rightnav_head1.gif);}
body#communityjhb #rightnavhead{background:url(../images/rightnav_head2.gif);}
body#learnjhb #rightnavhead{background:url(../images/rightnav_head3.gif);}
body#aboutjhb #rightnavhead{background:url(../images/rightnav_head4.gif);}
body#error #rightnavhead{background:url(../images/rightnav_head4.gif);}

#rightnav{width:169px; float:left; background:#cccccc;}
#rightnav ul{ list-style-type:none; margin:0px; padding:0px; font-weight:bold; font-size:13px; float:left; width:169px;}
#rightnav ul li{margin:0px; width:169px; display:block; float:left;} 
#rightnav ul li a{margin:0px; display:block; width:154px; padding:3px 0px 3px 15px;background:url(../images/icons/bullet1.gif) left no-repeat; color:#555555; border-bottom:1px solid #ffffff;}
#rightnav ul li span{margin:0px; display:block; width:154px; padding:3px 0px 3px 15px;background:url(../images/icons/bullet2.gif) left no-repeat; color:#af3437; border-bottom:1px solid #ffffff;}

#rightnav ul li a:hover{background:url(../images/icons/bullet2.gif) left no-repeat; color:#af3437;}
#rightnav ul ul li a{margin:0px; display:block; width:139px; padding:3px 0px 3px 30px;background:url(../images/icons/bullet3.gif) left no-repeat; color:#000000; border-bottom:1px solid #ffffff;}
#rightnav ul ul li a:hover{background:url(../images/icons/bullet4.gif) left no-repeat; color:#af3437;}
#rightnav ul ul ul li a{margin:0px; display:block; width:114px; padding:3px 0px 3px 55px;background:url(../images/icons/bullet5.gif) left no-repeat; color:#af3437; border-bottom:1px solid #ffffff;}
#rightnav ul ul ul li a:hover{background:url(../images/icons/bullet6.gif) left no-repeat #e6e6e6; color:#af3437;}
#rightnav a#linked1{background:url(../images/icons/bullet2.gif) left no-repeat; color:#af3437;}
#rightnav a#linked2{background:url(../images/icons/bullet4.gif) left no-repeat; color:#af3437;}
#rightnav a#linked3{background:url(../images/icons/bullet6.gif) left no-repeat #e6e6e6; color:#af3437;}
/*-----------begin blog right nav----------*/
#rightnav ul#blog{}
#rightnav ul#blog li a{ cursor:default; color:#555555; background:url(../images/icons/bullet1.gif) left no-repeat;} 
#rightnav ul#blog ul li a{ cursor:pointer;margin:0px; display:block; width:139px; padding:3px 0px 3px 30px;background:url(../images/icons/bullet33.gif) left top no-repeat; color:#000000; border-bottom:1px solid #ffffff;}
#rightnav ul#blog ul li a:hover{background:url(../images/icons/bullet44.gif) left top no-repeat; color:#af3437;}


/*-----------end blog right nav----------*/

/*-----------------------end rightcol--------------------------*/
/*-----------------------end maincol--------------------------*/

#bottom{width:770px; float:left;}
#bottom h2{color:#cccccc;}
#bottom a{color:#ffffff; text-decoration:none;}
#bottom a:hover{text-decoration:underline;}
#bottom #leftbox{width:397px; height:157px; background:url(../images/bottom_left_bg.gif) no-repeat; float:left;}
#bottom #leftbox .col{width:196px; float:left;}
#bottom #leftbox p{background:url(../images/icons/bullet.gif) top left no-repeat; padding-left:18px; color:#ffffff; margin:5px 0px 0px 5px;}
#bottom #rightbox{width:368px; height:157px; background:url(../images/bottom_right_bg.gif) no-repeat; float:right;}
#bottom #rightbox h2{margin-bottom:15px;}
#bottom #rightbox p{color:#ffffff; margin:5px 0px 0px 175px;}
#bottom #rightbox p img{padding-right:5px; margin-bottom:-2px;}
#bottom #rightbox p#signin{color:#ffffff; margin:0px 0px 0px 300px; text-align:center; font-size:13px; font-weight:bold;}
#bottom #rightbox p#signin img{margin-bottom:2px;}
#bottom #rightbox p#signin span{font-size:17px; }

#footerarea{width:770px; float:left; background:#cccccc; margin-top:5px; font-size:11px;}
#footerarea #leftfooter{float:left; width:250px; padding:5px; color:#333333;}
#footerarea #rightfooter{float:right; width:470px; color:#af3437; text-align:right; padding-top:18px; padding-right:40px; font-size:12px;}
#footerarea a:hover{text-decoration:underline;}

#footerarea2{width:770px; float:left;  font-size:10px;}
#footerarea2 #leftfooter2{float:left; width:250px; padding:5px; color:#333333;margin-bottom:30px;}
#footerarea2 #rightfooter2{float:right; width:470px; color:#af3437; text-align:right; padding-top:10px; padding-right:35px;}
#footerarea2 a{color:#333333;}
#footerarea2 a:hover{text-decoration:underline;}

#content img.rssimg {border: 0px solid #ffffff; float:right;}
#content div img.rssimg {border:0px solid #FFFFFF; float:left; margin-left:10px;}
#content img.rssimglft {border: 0px solid #ffffff;}


/*-----------------------Cart Styles--------------------------*/
#cartheader{width:595px; height:5px; float:left; background: #ce3000; color:#ffffff; font-size:1px;}
#contentcart table{width:450px; float:none;}
#contentcart table tr td {padding: 3px}
.pagetitle { font-size: 16px; font-weight: bold; width:500px;}
td.wrappertable {background:#cccccc;}
td.wrappertable td {text-align: left;}
td.headertext {font-weight: bold;}
td.innertable {background: white;}

/*-----------------------Social Links--------------------------*/
div.sociallinks { margin:5px auto 5px auto; padding:0px; }
div.sociallinks img { display:block; margin:1px auto 1px auto; padding:0px; }
div.sociallinks h5 { display:block; margin-left:10px; color:#555555 }