.tail-top{ background:url(images/bg.gif) top repeat-x #fff}
.tail-bottom{background:url(images/bot.gif) bottom repeat-x  }

.right_bgd { position:absolute; top:0; right:0; width:50%; height:200px; background:url(images/tall_top_right.gif) left top repeat-x;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; }

/*======= header =======*/
#header {height:211px;  background:#000;}

/*======= index.html =======*/
#page1 #content .col-1{ width:460px; height: 353px; margin:24px 0; background:url(images/littleblue-2.jpg) left top no-repeat;}
#page1 #content .col-2{ width:317px;height:355px;margin:23px 0 0 65px;
width:400px;}
#page1 #content .col-3{ background:url(images/Chinstrap.jpg) left top no-repeat; width:332px; height: 191px; margin:0 0 0 37px; }
#page1 #content .col-4{background:url(images/Rockhopper.jpg) left top no-repeat; width:332px; height: 191px; margin:0 0 0 190px;}
#page1 #content .col-5{ width:246px; margin-right:32px}
#page1 #content .col-6{ width:317px}

#page1 #content ul.sell{ float: left; margin:3px 33px 0; padding:0; list-style:none; font-size:12px;}
#page1 #content ul.sell li{background: none !important; margin:0; padding-left:3px; color: #2179b9;}

.button-lb {margin: 220px 100px;width:102px; height:24px; position:absolute;}
.button-lb a { background:url(images/easystart.jpg) no-repeat 0 0; width:102px; height:24px; display: block;}
.button-lb a:hover { background-position: 0 -24px;}

.sellblurb-lb {width:187px; height:167px; position:absolute; margin: 80px 0 0 220px; }

.upsell2 {margin:7px 0 0 30px;}

.upsell3 {margin:35px 60px 0 0;}

#choose {margin-bottom: 35px; height:93px;}
#page1 #footer .chooseblue a{ background:url(images/choose-lb.jpg) no-repeat 0 0; width:246px; height:93px;float:left; margin: 0 20px 0 32px;}
#page1 #footer .chooseblue a:hover{ background-position: 0 -93px;}
#page1 #footer .choosechinstrap a{ background:url(images/choose-cs.jpg) no-repeat 0 0; width:308px; height:93px;float:left;margin: 0 0 0 13px;}
#page1 #footer .choosechinstrap a:hover{ background-position: 0 -93px;}
#page1 #footer .chooserockhopper a{ background:url(images/choose-rockhopper.jpg) no-repeat 0 0; width:255px; height:93px;float:left;margin: 0 0 0 45px;}
#page1 #footer .chooserockhopper a:hover{ background-position: 0 -93px;}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:711px; margin-right:12px}
#page2 #content .col-2{ width:257px}
/*======= internal pages =======*/
#page3 #content .col-1{ width:711px; margin-right:12px}
#page3 #content .col-2{ width:257px}
#page3 #content .col-3{ width:440px; margin-right:60px}
#page3 #content .col-4{ width:440px}
#page3 #content .col-4rh{ background:url(images/Rockhopper.jpg) left top no-repeat; width:332px; height: 191px; margin:0 0 0 190px;}
#page3 #content .col-3cs{ background:url(images/Chinstrap.jpg) left top no-repeat; width:332px; height: 191px; margin:0 0 0 37px; }
#page3 #content .bg { background:url(images/tail1.gif) repeat-y 473px top } 


/*======= index-3.html =======*/
#page4 #content .col-1{ width:257px; margin-right:12px}
#page4 #content .col-2{ width:711px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:711px; margin-right:12px}
#page5 #content .col-2{ width:257px}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:257px; margin-right:12px}
#page6 #content .col-2{ width:711px}
/*======= index-6.html =======*/
#page7 #content .col-1{ width:711px; margin-right:12px}
#page7 #content .col-2{ width:257px}

#page7 #content .col-1 .col-1{ width:73px; margin-right:0; text-align:center}
#page7 #content .col-1 .col-2{ width:125px; margin-right:0}
#page7 #content .col-1 .col-5{ width:225px; margin-right:0}
#page7 #content .col-1 .col-3{ width:137px; margin-right:0; text-align:center; }
#page7 #content .col-1 .col-4{ width:80px; margin-right:0; text-align:center;}

#page8 cufon {padding-top:15px!important}

#content .col-q{ width:600px; height: 179px; margin:4px; padding: 4px; background:url(images/blue-bubble.jpg) left top no-repeat;}
#content .col-rh{ width:600px; height: 187px; margin:4px; padding: 4px; background:url(images/green-bubble.png) left top no-repeat; }
#content .col-rh1{ background:url(images/Rockhopper.jpg) left top no-repeat; width:332px; height: 191px; margin:0 auto;}
#content .col-cs1{ background:url(images/Chinstrap.jpg) left top no-repeat; width:332px; height: 191px; margin:0 auto;}

#content .col-cs{ width:600px; height: 187px; margin:4px; padding: 4px; background:url(images/red-bubble.png) left top no-repeat; }

/*======= footer =======*/
#footer { height:200px; }
#footer #fcolumns{margin-left: 35px;}
#footer #fcol{ width:163px; float:left;text-align:center;}
#footer .col-2{ width:160px}
#footer .col-3{ width:222px}
