/* @override http://cache.backpackinglight.com/backpackinglight/stylesheets/main.css?8
     http://cache.backpackinglight.com/backpackinglight/stylesheets/main.css */

body {
     margin: 8px;
     padding: 0;
     line-height: 130%;
     background-color: #393939;
     text-align: center;
     font-size: 0.8em;
     -webkit-text-size-adjust:100%;
}
.ie6 body { word-wrap: break-word; /*CSS3 or IE*/}

p, div, td {
     font-size: 100%;
     line-height: 135%;
}
p {
     margin: 8px 0;
}


/* @group Site Structure */
#container {
     font-family: Arial, Helvetica, sans-serif;
     color: #2f2f2f;
     background: #fff;
     margin: 16px auto;
     padding: 20px;
     width: 945px;
     text-align: left;
}
#content, #contentwide, #contentnosidebar {
     float: left;
     border-right: 1px solid #bfbfbf;
     padding: 0 5px 0 0;
     width: 736px;
     clear: left;
}
.ie6 #content, .ie6 #contentwide, .ie6 #contentnosidebar {
     width: 729px;
}

#features #contentwide{
       padding: 0;
}

#contentwide {
     width: 603px;
}
.ie6 #contentwide { width: 604px;}

#contentnosidebar {
     width: 945px;
     border-right-style: none;
     padding-right: 0;
     margin-right: 0;
     
}
#sidebar, #sidebarwide {
     float: right;
     width: 195px;
     padding: 8px 0 0 0;
     clear: right;
     margin: 0 0 0 5px;
}
.ie6 #sidebar, .ie6 #sidebarwide { 
   margin-top: 4px;
}

.ie7 #sidebar, .ie7 #sidebarwide {
   margin: 14px 0 0 5px;
}

#sidebarwide {
     width: 331px;
}
#sidebarwide.text {
     width: 300px;
     margin-right: 20px;
}
#sidebarwide.text ul, #sidebarwide.text ol {
     padding-left: 28px;
     margin-left: 0;
}
.text ul li {
     background: url(/backpackinglight/elements/blue_grey_dot.gif) no-repeat 0 5px;
}
/* @end */
/* @group Masthead */

/* @group Welcome Tab */
/* @end */
#masthead {
      width: 945px;
     position: relative;
     z-index: 1000;
}
#top {
     padding: 3px 0;
     float: right;
     width: 50%;
}
ul#toplinks {
     margin: 1em;
     padding: 0;
     list-style: none;
     float: right;
}
#toplinks li {
     float: right;
     margin: 0;
     padding: 0 4px;
}
li#last.toplink {
     margin-right: 0;
}
li.toplink a {
     text-decoration: none;
     padding: 0;
     margin: 0;
}
li.toplink a:hover {
     text-decoration: underline;
}

#myaccount a{
     display: block;
     padding-left: 4px;
     position: relative;
     padding-right: 8px;
     margin-right: 2px;
     font-weight: bold;
     border-right: 2px solid #d9d9d9;
}

#myaccount > a:hover{
    text-decoration: none;
}

#myaccount .members{
     margin-left: 12px;
}

.arrow-down {
     position: relative;
     display: inline-block;
}
.arrow-down:after {
     content: ' ';
     height: 0;
     position: absolute;
     width: 0;
     top: -.6em;
    border: 6px solid #919191;
    background-color: transparent;
    border-right-color: white;
    border-bottom-color: white;
    border-left-color: white;
}

.ie6 #myaccount .arrow-down{ display: none;}

#myaccount ul {
     list-style: none;
     background-color: #eee;
     border-bottom: 4px solid #525252;
     position: absolute;
     width: 14em;
     padding: 8px;
     height: auto;
     margin-left: -999em;
      list-style-image: none;
      z-index: 1001;
}

#myaccount ul li {
     float: none;
     padding: 0 2px;
     margin: 0;
}

#myaccount li:nth-child(1) {
     border-bottom: 1px solid #b1b1b1;
     padding-bottom: 4px;
}

#myaccount li a{
     display: block;
     font-weight: normal;
     padding: 4px 0;
     text-transform: none;
     font-weight: normal;
     font-style: normal;
     border-style: none;
     margin: 0;
}
#myaccount:hover ul, #myaccount.over ul, #myaccount:focus ul {
     margin-left: auto;
}

#logo {
     margin: 0;
     padding: 0 0 1em 0;
     float: left;
     width: 45%;
}
#logo img {
     border: none;
}
/* @end */
/* @group Headers (hn) */
h1 {
     font-size: 160%;
     line-height: 120%;
     color: #dc5d26;
     margin: 8px 0;
}
h2 {
     font-size: 130%;
     line-height: 150%;
     color: #4e4e4e;
     margin: 8px 0;
}
h3 {
     font-size: 120%;
     line-height: 140%;
}
h4 {
     font-size: 110%;
     line-height: 130%;
}
h5 {
     font-size: 100%;
     line-height: 120%;
}
.underline {
     color: #dc5d26;
     border-bottom: 1px solid #7f7f7f;
     padding-bottom: 5px;
     margin-bottom: 5px;
}
.overline {
     color: #dc5d26;
     border-top: 1px solid #eaeaea;
     padding-top: 5px;
     margin-top: 5px;
}
h1.underline a, h2.underline a, h3.underline a, h4.underline a, h5.underline a {
     color: #dc5d26;
     text-decoration: none;
}
h1.underline a:hover, h2.underline a:hover, h3.underline a:hover, h4.underline a:hover, h5.underline a:hover {
     color: #13318e;
     text-decoration: none;
}
/* @end */
/* @group attention */
.attention {
     padding: 8px;
     background-color: #eaeaea;
}
.attention strong {
     font-weight: normal;
     font-style: normal;
     color: #dc5d26;
}
.members {
     color: #de3414;
     font-weight: bold;
}


.red {
     color: #dc5d26;
}
/* @end */
/* @group Search Box */
#nav li#search_box {
     float: right;
     padding: 0;
     height: 31px;
     width: 189px;
     background: transparent url(/backpackinglight/elements/search_box.gif) no-repeat left center;
     border-right: 0;
}
.ie6 #nav #search_box{ height: 1.3em;}

#search_box #s {
     padding: 4px;
     margin: 5px 3px 3px 6px;
     border: 0;
     width: 136px;
     float: left;
     background: none;
}
#search_box #go {
     float: left;
     margin: 0;
     padding: 0;
}
#search_box a#advancedsearch {
     margin: 0;
     padding: 0;
     float: left;
     border-right: 0px;
     display: none;
}

#search_button {
     background-color: #bfbfbf;
     border: 1px solid #656565;
     color: #4e4e4e;
     cursor: pointer;
     margin: 0;
}
#nav #search {
     margin: 2px 5px;
     float: right;
     padding: 0;
     height: 20px;
     border-right: 0;
}
/* @end */
/* @group SuckerFish Navbar */
#nav {
     padding-bottom: 5px;
     margin-bottom: -5px;
     background: url(/backpackinglight/elements/shadow-bottom.png) repeat-x left bottom;
}

#nav ul {
     padding: 0;
     margin: 0;
     list-style: none;
     background-color: #9a9a9a;
     border-top: 1px solid #7f7f7f;
     height: 33px;
     border-bottom: 4px solid #525252;
}
#nav a {
     text-transform: uppercase;
     color: #fff;
     font-weight: bold;
     padding: 8px 12px;
     border-right: 1px solid #aaa;
     display: block;
     text-decoration: none;
     line-height: 17px;
}
#nav li a:hover, #nav li:hover, #nav li.over, #nav li:focus {
     background-color: #666;
}
#nav li li a:hover, #nav li li:hover, #nav li.over li.over {
     background-color: #525252;
}
#nav li {
     float: left;
     padding: 0;
}
#nav li ul {
     position: absolute;
     width: 14em;
     height: auto;
     padding-right: 8px;
     padding-bottom: 8px;
     border-style: none;
     background: transparent url(/backpackinglight/elements/shadow.png) no-repeat right bottom;
     margin-left: -999em;
}
.ie6 #nav li ul { 
     background: none;
     padding-right: 3px;
    padding-bottom: 3px;
}

#nav li li {
     background-color: #666;
     width: 14em;
     border-bottom: 2px solid #616161;
}
#nav li li a {
     display: block;
     font-weight: normal;
     padding: 6px 16px;
     text-transform: none;
     font-weight: normal;
     font-style: normal;
     border-style: none;
     margin: 0;
}
#nav li:hover ul, #nav li.over ul, #nav li:focus ul {
     margin-left: auto;
}
body#features li#t-features,
body#magazine li#t-magazine,
body#gear li#t-gear,
body#shop li#t-shop,
body#community li#t-community,
.mediawiki li#t-wiki,
body#school li#t-school {
/*change color for active topic area*/
     background-color: #525252;
     color: #f1f1f1;
}

li#t-subscribe {
/*change color for active topic area*/
     background-color: #dc5d26;
     color: #f1f1f1;
}

/* @end */
/* @group Links */
a:link {
     border-bottom: 0px;
     color: #13318e;
     text-decoration: none;
}
a:visited {
     border-bottom: 0px;
     color: #6f82ab;
     text-decoration: none;
}
a:hover {
     text-decoration: underline;
}
/* @end */
/* @group Page Specific */

/* @group Shop */




/* @end */
/* @group Homepage */

/* @group Single Main Ad */

#main_ad{
     margin: 0 0 24px 0;
}
.ie6 #main_ad{
     margin-bottom: 16px;
     padding: 0;
     display: block;
}

.ie6 div#main_ad a{
     margin: 0;
     padding: 0;
}

#front-ads img, #front-ads{
     height: 350px;
     width: 100%; 
     border: none;
     background-color: transparent !important;
}
#banner-nav {
     background: #cacaca;
     width: 100%;
     list-style: none;
     text-align: right;
     border-top: 1px solid #919191;
     margin: 0;
     padding: 0;
}

#banner-nav li{
     display: inline;
     padding: 0;
}

#banner-nav li a {
     background: transparent url(/backpackinglight/elements/banner-dots.png) no-repeat left -8px;
     display: inline-block;
     height: 8px;
     width: 8px;
     margin: 5px;
     line-height: 100px;
     overflow: hidden;
}
#banner-nav a:focus {
     outline: none;
}
#banner-nav li.activeLI a {
     color: #dc5d26;
     background-position: left top;
}


/* @end */
/* @group newsletter */
#newslettersignup {
     border-top: 2px solid #bfbfbf;
     padding: 0px 5px 10px;
     background: #fff url(/backpackinglight/elements/gradient_bg_down.gif) repeat-x left top;
}
#newslettersignup h3 {
     color: #dc5d26;
     margin: 0;
     padding: 0;
}
#newslettersignup #email_address {
     width: 240px;
     color: #7f7f7f;
}
#newslettersignup p {
     font-size: 90%;
     margin-top: 6px;
     margin-bottom: 0;
}
#newslettersignup #signupbutton {
     margin-bottom: -3px;
}
/* @end */

/* @group Large Banner Ads */
#large_ad {
     height: 400px;
     padding-bottom: 4px;
     overflow: hidden;
     border-bottom: 2px solid #bfbfbf;
}
#adnav {
     position: absolute;
     left: 4px;
     bottom: 0;
     background-color: #fff;
     background-color: rgba(255,255,255,0.7);
}
#adnav a {
     color: #7f7f7f;
     text-decoration: none;
     font-size: 15px;
     display: inline-block;
}
#adnav a#prev {
     padding: 0 0 0 5px;
}
#adnav a#next {
     padding: 0 5px 0 0;
}
/* @end */

/* @end */


/* @group Article Submission Bug */
#submission_icon {
     background: #eaeaea url(/backpackinglight/elements/submission_icon.gif) no-repeat 4px 6px;
     padding-left: 50px;
}
#submission_icon h2, #submission_icon h3 {
     margin: 0;
     padding: 0;
}
#article_submission a {
     clear: both;
     display: block;
     background: url(/backpackinglight/elements/article_submission_bug.gif) no-repeat;
     border-top: 2px solid #bfbfbf;
     border-bottom: 2px solid #bfbfbf;
     margin: 8px 0px 10px 0px;
     width: 331px;
     height: 46px;
     color: #dc5d26;
     font-weight: bold;
}
#article_submission a:hover {
     text-decoration: none;
}
#article_submission span {
     position: relative;
     left: 33px;
     top: 8px;
     width: 40px;
}
/* @end */
/* @group Jobs */
ul#jobs {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
#jobs li {
     margin-bottom: 20px;
}
#jobs li b {
     display: block;
     margin-bottom: 5px;
}
#jobs li u {
     color: #dc5d26;
     text-decoration: none;
}
/* @end */
/* @group BPL Subscriptions */
.bplsubscriptions #forms {
     width: 365px;
     margin: 0 0 30px 68px;
     float: left;
}
.ie6 .bplsubscriptions #forms{
     width: 350px;
     margin-left: 50px;
}

.bplsubscriptions input.orangebutton {
     width: 300px;     
}

.bplsubscriptions #lifetime .orangebutton {
     margin: 8px 0 0;
}


.bplsubscriptions h1 {
     font-size: 29px;
     line-height: 35px;
     padding: 40px 0 0 0px;
     margin: 0;
}
.bplsubscriptions .coupon h2 {
     font-size: 22px;
     margin: 8px 8px 8px 0;
     color: #dc5d26;
     background: url(/backpackinglight/elements/gift_card_sm.gif) no-repeat 0 center;
     padding: 8px 0 15px 85px;
}
.bplsubscriptions .purchase #buynow {
     margin-left: 90px;
     margin-top: 10px;
}
.bplsubscriptions .screens {
     float: right;
     margin: 50px 70px 20px 0;
}
.bplsubscriptions .coupon strong {
     color: #dc5d26;
}
.bplsubscriptions .coupon .textbox {
     width: 150px;
     margin-right: 8px;
}
.subscription_types h3 {
     margin-bottom: 0;
}
#loginform {
     margin: 20px 0 30px 50px;
     width: 256px;
}

.comparisontable table{
     width: 100%;
     margin-bottom: 30px;
}
.comparisontable table td,
.comparisontable table th{
     padding: 8px;
}
.bplsubscriptions td.highlight{
     background-color: rgba(220,93,38,0.25);
     text-align: center;
}
.bplsubscriptions td.annual{
     background-color: rgba(178,178,178,0.25);
     text-align: center;
}


/* @end */
/* @group Free Trial */
.freetrial_ad {
     width: 465px;
     float: left;
}
.freetrial_ad h1 {
     font-size: 29px;
     text-align: center;
     line-height: 40px;
     margin: 30px 0 0 30px;
}
.freetrial .screens {
     float: right;
     margin: 30px 70px 0 0;
}
.freetrial .register {
     width: 293px;
     float: left;
     padding: 8px;
     margin: 8px 0 20px 80px;
}
.freetrial .register strong {
     color: #dc5d26;
}
.freetrial .register .textbox {
     width: 293px;
}
.benefits {
     width: 285px;
     float: left;
     margin-right: 8px;
     border-top: 2px solid #bfbfbf;
     padding: 0 8px 8px;
     background: #FFF url(/backpackinglight/elements/gradient_bg_down.gif) repeat-x left top;
}
.showoff {
     width: 283px;
     float: left;
     border-top: 2px solid #bfbfbf;
     padding: 8px;
     margin: 0 8px;
     background: #FFF url(/backpackinglight/elements/gradient_bg_down.gif) repeat-x left top;
}

.ie6 .showoff {
     padding: 0 8px 8px 4px;
}

img.check {
     margin-bottom: -2px;
}
/* @end */
#magazine_ad, #page_header {
     width: 736px;
     border-bottom: 3px solid #7f7f7f;
     margin: 0;
}

/* @group Landing page #newsletter */
.landing .left{
     width: 450px;
     float: left;
     margin-left: 4%;
}
.landing .right {
     float: right;
     margin: 25px 25px 25px 0;
}
.landing h1 {
     font-size: 2em;
     text-align: center;
     line-height: 1.4em;
     margin: 9% 0 0 0;
}
.landing .left h2{
          text-align: center;
}
.landing form {
     float: left;
     margin: .5em 0 2em 0;
}

.landing form table{
     width: 430px;
     padding: .5em;
}

.landing form .coolButton{
     border: none;
     padding: 8px;
     text-transform: uppercase;
     font-size: 1em;
}

.landing .standard_form, .landing .standard_form td{
     background-color: transparent;
}
.landing form b {
     color: #dc5d26;
}
.landing form input[type=text]{
     width: 230px;
}
/* @end */

/* @group Landing Page CDTA */

.cdta h1 {
     font-size: 2.7em;
     text-align: center;
     line-height: 1.1em;
     margin: 18px 0 18px 0;
     letter-spacing: -2px;
}

.cdta h2#name{
     line-height: .9em;
     font-size: 1.4em;
}
.cdta .left{
     margin-top: 4%;
     width: 475px;
}
.cdta #cta{
     text-align: center;
}
.cdta .left .orangebutton{
     margin: 18px 0;
}
.cdta .showoff{
     width: 455px;
     margin-left: 4%;
}  

.testimonial p{
     font-size: 1.1em;
     padding: 8px 24px;
     font-style: italic;
     color: #7f7f7f;
}

.cdta .testimonial img{
     float: right;
     margin: 0 0 8px 8px;
}


/* @end */

/* @group WTS Section */
#school h2#intro {
     width: 500px;
     float: left;
}
#school .enrollbutton .orangebutton {
     margin: 4px 16px;
     float: right;
}
/* @end */
/* @group Podcasts */
.podcasts .ads {
     margin-top: 8px;
}
.podcasts .ads h2 {
     width: 240px;
     height: 50px;
     float: left;
     color: #dc5d26;
     padding-top: 10px;
     margin: 0;
}
.podcasts .ads p {
     width: 240px;
     float: left;
     margin: 0 0 0 8px;
}
/* @end */
/* @end */
/* @group Article */
.related {
     padding-top: 10px;
}
.related h2 {
     color: #dc5d26;
}
.related .title {
     background-color: #bfbfbf;
     font-size: 70%;
     color: #000;
}

.article {
/*for article listings*/
     border-bottom: 1px solid #eaeaea;
     padding: 8px 0;
     margin: 0;
     clear: both;
}
.article .thumbnail {
     float: left;
     margin-right: 8px;
     display: inline;
}
.article .thumbnail .sale img {
     border-width: 0;
}
.article h4 {
     margin: 0 8px 0 0;
     padding: 0;
     font-size: 120%;
}
.article .thumbnail + h4 + .description {
     margin-left: 70px;
     margin-right: 16px;
}
.article .post_count{
     color: #7f7f7f;
}
.article .type {
     color: #7f7f7f;
     background-color: #eaeaea;
     padding: 0 2px;
}
.article .author {
     font-weight: bold;
}
.article .date {
     color: #7f7f7f;
}
#related-articles {
	margin: 2em 0;
	border-bottom: 2.5em solid #ebeaeb;
	overflow: auto;
	zoom: 1;
}

#related-articles .article{
	width: 430px !important;
	min-height: 75px;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}


#articlecontainer h1 {
     margin: 16px 0 8px 0;
     line-height: 130%;
}
#articlecontainer h1 + h3 + div.attention{
     margin-top: 8px;
}

#articlecontainer > h1 + h3 {
     margin: 0;
     line-height: 120%;
}
#article_list h2, #index_list h2 {
     color: #dc5d26;
     margin: 15px 0 8px;
     border-bottom: 1px solid #eaeaea;
     padding-bottom: 5px;
}

/* @group Article Actions/Shares */

div.articleactions {
     margin: 15px 0 0 0;
     background-color: #ececec;
     padding: 4px 4px 5px;
     border-top: 1px solid #e4e4e4;
     width: auto; 
     overflow:auto;
}
div.articleactions + hr {
     display: none;
}

.addthis_default_style{float: left;}
.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

.addthis_button_email {
     margin: 2px 0 0 10px;
} 

.printlink a{
     float: left;
     margin-left: 8px;
     padding: 1px 6px 1px 22px;
     font-size: 10px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #d9d9d9;
     background: #fff url(/backpackinglight/elements/printer.png) no-repeat 2px center;
}

.commentslink a{
     float: left;
     margin-left: 8px;
     padding: 1px 6px 1px 22px;
     font-size: 10px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #d9d9d9;
     background: #fff url(/backpackinglight/elements/comments.png) no-repeat 2px center;
}

/* @end */
.list_img img {
     float: left;
     margin-right: 8px;
     border: 1px solid #7f7f7f;
     width: 59px;
     height: 59px;
     display: inline;
}
.overview {
     padding: 5px;
     border: 1px solid #bfbfbf;
     margin-bottom: 5px;
     background-color: #eaeaea;
}
.overview p {
     margin-top: 7px;
}
.caption {
     padding-top: 4px;
     padding-bottom: 4px;
     color: #4e4e4e;
     text-align: left;
}
.article_img {
     display: block;
     background-color: #bfbfbf;
     border: 1px solid #7f7f7f;
     padding: 4px 6px 4px 4px;
     margin: 0 0 8px 0;
}
.article_img img {
     border: 1px solid #4e4e4e;
}
.smalltitle {
     margin: 0;
     padding-bottom: 4px;
     text-transform: uppercase;
     font-weight: bold;
     color: #7f7f7f;
     font-size: 90%;
}
blockquote.typewriter {
     font-family: "Courier New", Courier, mono;
}
.reader_comments {
     clear: both;
     margin-top: 16px;
}
table.forumsort {
     padding: 4px;
     color: #7f7f7f;
     text-align: right;
}
table.forumsort form {
     margin: 0;
     padding: 0;
     text-align: left;
}
.forumfooter {
     margin-bottom: 0;
}
/* @end */
/* @group Portal Page */
.portal .col1, .portal .col2, .portal .col3 {
     float: left;
     width: 301px;
     margin-top: 20px;
}
.portal .col1.wide, .portal .col2.wide, .portal .col3.wide {
     width: 622px;
}
.portal .col1, .portal .col2 {
     padding-right: 10px;
     margin-right: 10px;
     border-right: 1px solid #d9d9d9;
}
.portal .col1 h2, .portal .col2 h2, .portal .col3 h2 {
     color: #dc5d26;
}
.portal .ads .col1, .portal .ads .col2, .portal .ads .col3 {
     border-right: 0;
     margin-top: 0;
}
.portal .ads {
     border-bottom: 1px solid #d9d9d9;
     padding-bottom: 10px;
}
/* @end */
/* @group Product Page */

/* @group UI-Tabs */
@media projection, screen {
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
     display: none;
}
}
/*Hide useless elements in print layouts...*/
@media print {
.ui-tabs-nav {
     display: none;
}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
     
}
.ui-tabs-nav {
     list-style: none;
     margin: 0 0 0;
     padding: 0 0 0 0;
     border-bottom: 3px solid #ccc;
     /*background-color: #e5e5e5;*/
     font-size: 12px;
}
.ui-tabs-nav:after {
/* clearing without presentational markup, IE gets extra treatment */
    display: block;
     clear: both;
     content: " ";
}
.ui-tabs-nav li {
     float: left;
     margin: 0 ;
     padding: 0;
     min-width: 84px;
/* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
     display: block;
     padding: 4px 8px;
     color: #696969;
      border-right: 1px solid #ccc;
      line-height: 18px;
}
.ui-tabs-nav a {
     font-weight: bold;
     text-align: center;
     text-decoration: none;
     white-space: nowrap;
     /* required in IE 6 */    
    outline: 0;
/* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
    background-color: #ccc;
     border-bottom-color: #ccc;
}
.ui-tabs-nav a span {
     width: 64px;
     /* IE 6 treats width as min-width */
    min-width: 64px;
     height: 18px;
     /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
     padding-right: 0;
}
*>.ui-tabs-nav a span {
/* hide from IE 6 */
    width: auto;
     height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
     padding-bottom: 0;
}
.ui-tabs-nav .ui-tabs-selected a, 
.ui-tabs-nav a:hover, 
.ui-tabs-nav a:focus, 
.ui-tabs-nav a:active {
     background-color: #ccc;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
     
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
     background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
     background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {

/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {

/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
     opacity: .4;
}
.ui-tabs-panel {
/*border-top: 1px solid #97a5b0;*/
    padding: 9px 0px;
    background: #fff;
/*declare background color for container to avoid distorted fonts in IE while fading*/
}
.ui-tabs-loading em {
     padding: 0 0 0 20px;
     background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {

/* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav {
     
/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/* @end */
.flyprice {
     width: 175px;
}
.flyprice b {
     font-size: 130%;
     line-height: 95%;
}
.flyprice b strike {
     font-weight: normal;
     font-size: small;
}
.product h3, .product h2 {
     color: #dc5d26;
     margin-top: 15px;
     margin-bottom: 8px;
}
#productmain {
     padding-right: 8px;
     padding-top: 8px;
}
#articlecontainer {
     padding-top: 8px;
}
p#review-rating{
     font-size: 110%;
     font-weight: bold;
}

.ggaward img{
     margin-right: 8px;
}

img.ratingbadge{
     float: left;
     padding: 0 12px 0 0;
}
p.product_image {
     text-align: center;
}
.product_features ul {
     padding-left: 20px;
}
.product_features li {
     margin-top: 5px;
}
.product .short_desc {
     padding: 8px;
     background-color: #eaeaea;
     color: #000;
}
/* @end */
/* @group Reader Reviews */
.review_rating h2 {
     margin: 0;
     padding: 0;
}
.review_rating h3 {
     margin: 15px 0 2px 0;
     padding: 0;
     line-height: 110%;
}
.review_rating .coolButton a {
     padding: 8px;
}
.product_review_rating h4 {
     margin: 2px 0 6px 0;
     padding: 0;
     line-height: 110%;
}
/* @end */
/* @group Site Bits */

/* @group qtips */

.qtip-content{
     font-family: Helvetica, Arial, Geneva, sans-serif;
    color: #2f2f2f;
     line-height: 18px;
}

/* @end */
/* @group JS Button */
.btn {
     padding: 0 9px;
     border-style: none;
     color: white;
     line-height: 1.8em;
     background: #dc5d26;
     text-align: center;
     display: inline-block;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     cursor: pointer;
     white-space: nowrap;     
}
a.btn{
     color: white;
}
/* @end */
/* @group Login Form */
table.login {
     width: 256px;
     margin: 0;
     padding: 8px;
     background-color: #eaeaea;
}
table.login tr, table.login td {
     margin: 0;
     padding: 2px;
}
td.loginfield {
     width: 18px;
}
td.loginfield + td input {
     width: 150px;
}
table.login .loginfield {
     font-weight: bold;
}
table.login tr font {
     color: #dc5d26;
}
table.login input.coolButton {
     float: right;
}
/* @end */
/* @group Product Box */
ul.productbox {
     float: left;
     width: 165px;
     margin: 0;
     padding: 0 16px 30px 0;
}
ul.productbox li {
     list-style-type: none;
     clear: both;
     padding: 0 0 6px 0;
     list-style-image: none;
}
.productbox li a {
     line-height: 1.2em;
}
.productbox li.thumbnail img {
     display: block;
     padding: 4px 4px 7px 4px;
     border: 1px solid #dbdbdb;
}
.productbox li.thumbnail{
     position: relative;
}

.productbox abbr {
     font-size: 30px;
     line-height: 4px;
     vertical-align: sub;
     cursor: pointer;
     border: none;
     margin: 0;
     padding: 0 0 0 1px;
}

.outstock{
     color: #dd2300;
}
.instock{
     color: #6ba46f;
}
.partialstock{
     color: #f1c345;
}

.productbox .thumbnail a.sale img, .article .thumbnail a.sale {
     display: block;
     padding: 5px 5px 5px 25px;
     border: 1px solid #dbdbdb;
     background: #fff url(/backpackinglight/elements/sale_button_vertical.gif) no-repeat left top;
}
.article .thumbnail a.sale {
     border-width: 1px;
     border-color: #6f82ab;
}
img.sale {
     display: none;
}
/* @end */
/* @group ClearFix */
.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
.clearfix {
     display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
     height: 1%;
}
.clearfix {
     display: block;
}
/* End hide from IE-mac */
/* @end */

a.smallgreybutton{
     background-color: #d9d9d9;
     color: #dc5d26;
     padding: 2px 6px;
     text-transform: uppercase;
     font-size: 11px;
     font-weight: bold;
     display: inline-block;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
a.smallgreybutton:hover{
     text-decoration: none;
     background-color: #bfbfbf;
}

.orangebutton {
     height: 39px;
     padding: 0 18px;
     border-style: none;
     color: white;
     font-size: 15px;
     line-height: 38px;
     text-transform: uppercase;
     background: #dc5d26;
     font-weight: bold;
     text-align: center;
     display: inline-block;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     cursor: pointer;
     white-space: nowrap;
     text-shadow: rgba(103,104,104,0.52) 1px 1px 3px;
}

a.orangebutton {
     text-decoration: none;
     color: #fff;
}

.orangebutton:hover{
     background: #f86b2f;
     text-shadow: rgba(103,104,104,0.52) -1px -1px 3px;
}
.small {
     font-size: 85%;
}
.meta {
     color: #7f7f7f;
     font-size: 95%;
     font-weight: normal;
}
div.spacer {
     clear: both;
}
ul.simple_list {
     list-style: none;
     list-style-position: inside;
     display: inline;
     clear: right;
}
ul.simple {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
ul {
     padding-left: 20px;
     list-style-image: url(/backpackinglight/elements/blue_grey_dot.gif);
}
ul li {
     padding-bottom: 4px;
}
.grey {
     color: #4e4e4e;
}
.hidden {
     display: none;
}
.item p.links {
     line-height: 140%;
}
.half_column {
     width: 355px;
     float: left;
     margin-right: 12px;
     display: inline;
}
.ie6 .half_column {
     width: 354px;
     margin-right: 8px;
}
.half_column div.item {
     clear: both;
}
.half_column h3.underline {
     padding-bottom: 0px;
     margin-bottom: -6px;
}
.half_column .item img {
     width: 59px;
     height: 59px;
     border: 1px none #4e4e4e;
     float: left;
     margin: 5px 5px 5px 0;
     display: inline;
}
.smallcart {
     padding: 0;
}
.breadcrumb {
     margin-top: 0;
     margin-bottom: 8px;
}
#citation h4, #citation p {
     margin: 0;
     color: #7f7f7f;
     font-size: 95%;
}
.divider {
     border-bottom: 1px solid #eaeaea;
     padding: 0;
     margin: 16px 0;
     clear: both;
}
/* @end */
/* @group Wiki */
.mediawiki th {
     background-color: #fff;
     text-align: left;
}
.mediawiki #ca-edit a {
     color: #dc5d26;
     font-size: 120%;
     font-weight: bold;
}
#mw-subcategories h3, #mw-pages h3 {
     padding: 2px;
     background-color: #eaeaea;
     margin: 0;
     color: #4e4e4e;
     display: none;
}
#mw-subcategories ul, #mw-pages ul {
     margin: 0;
}
/* @end */

a img {
     border: none;
}

/* @group Cart/Checkout */

.checkoutbutton {
     padding: 4px;
     cursor: pointer;
     color: #ffffff;
     font-weight: bold;
     border: 1px solid #b44b1c;
     background-color: #dc5d26;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}

.checkoutbutton a {
     color: #ffffff;
     padding: 4px;
}

.basket .coolButton, 
.billing .coolButton,
.shipping .coolButton,
.payment .coolButton {
     background-color: #b2b2b2; 
}

/* @end */
img.icon {
     background: #fff;
     vertical-align: middle;
     border-width: 0;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     padding: 1px;
}
img.home {
     background: transparent;
     vertical-align: bottom;
     border-width: 0;
}
.grey, img.grey {
     background-color: #ccc;
}
.orange, img.orange {
     background-color: #dc5d26;
}
/* @group Forum */

.createthread input[type=text],
.createthread textarea,
.postform,
.postform input[type=text],
.postform textarea{
     width: 99%;
}
.createthread textarea,
.postform textarea{
     height: 300px;
}
.createthread .coolButton{
     float: right;
     margin-bottom: 8px;
}



#forum_menu, .forum_menu {
     padding: 0 4px 4px;
     margin: 15px 0;
}
#forum_menu dl, .forum_menu dl {
     margin-bottom: 10px;
     margin-top: 0;
     padding: 0;
}
#forum_menu dt, .forum_menu dt {
     color: #7f7f7f;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 4px;
}
#forum_menu dd, .forum_menu dd {
     font-size: 89%;
     background: url(/backpackinglight/elements/blue_grey_dot.gif) no-repeat 0 5px;
     padding-left: 8px;
     margin-left: 0;
}
.cell_one {
     border-top: 2px solid #bfbfbf;
     color: black;
     background: #eee;
     padding: 8px;
     margin: 0;
     height: 100%;
}
.cell_two {
     border-top: 1px solid #e5e5e5;
     padding: 0px 8px;
}
/* these are the forum index styles */
.forum_header {
     border-bottom: 1px solid #bfbfbf;
     padding: 10px 0 4px 0px;
}
.forum_header h2 {
     padding: 0;
     margin: 0;
     font-size: 100%;
}
.forum_header b {
     font-size: 120%;
}
.forum_listing {
     border-bottom: 1px solid #eaeaea;
     padding: 8px 20px 4px 0px;
     line-height: 130%;
}
.forum_listing > p {
     margin: 4px 0;
}
.thread_post {
     margin: 8px 0;
}
.thread_post .cell_two {
     line-height: 140%;
}
.more_header {
     font-weight: normal;
     font-style: normal;
     font-size: 80%;
     padding-left: 10px;
}

.liferbadge {
     padding: 3px;
     white-space:nowrap;
     font-weight: bold;
     color: #de3414;
     text-transform: uppercase;
     display: inline-block;
     line-height: 11px;
}
.liferbadge .badgelife{
     color: #616161;
}

 /*end of the forum index styles*/ 
/* these are the recent post styles */
.rec_forum_orange, .rec_forum_lt_orange {
     background-color: #fff;
     border-bottom: 1px solid #dadada;
     padding: 6px;
     text-align: left;
     color: #7f7f7f;
}
.rec_forum_orange {
     color: #7f7f7f;
}
/* end of the recent post styles */
.not_standard_outline_black {
     border-top: 2px solid #bfbfbf;
     margin-top: 16px;
}
.avatar img {
     margin: 4px 4px 8px 0;
     border: 1px solid #4e4e4e;
}
/* ****End Forum Section******** */
/* @end */
/* @group Footer */
#footercontainer {
     border-bottom: 3px solid #7f7f7f;
     border-top: 1px solid #bfbfbf;
     padding: 8px 8px 4px 8px;
     margin: 10px 0 0 0;
     clear: both;
     background: #bfbfbf none repeat-x left bottom;
}
#footercontainer li {
     line-height: 100%;
}
#footer {
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 90%;
     color: #4e4e4e;
     text-transform: uppercase;
     font-weight: bold;
}
#footer li {
     float: left;
     line-height: 100%;
     display: inline;
}
#footer a {
     margin: 0;
     padding: 4px 3px;
     text-decoration: none;
}
#footer #rss {
     float: right;
     position: relative;
     padding-right: 17px;
}
#rss img {
     position: absolute;
     padding-left: 3px;
}
#copyright {
     color: #7f7f7f;
     font-size: 80%;
     margin: 8px 0;
     background: url(/backpackinglight/elements/bpl_footer_logo.gif) no-repeat right;
}
/* @end */
/* @group sidebar */
#sidebar h2, #sidebarwide h2 {
     font-size: 120%;
     margin: 15px 0;
     color: #868686;
}
#sidebar h3, #sidebarwide h3 {
     color: #dc5d26;
     margin: 10px 0;
     line-height: 110%;
}
.takeaction {
     border-top: 2px solid #bfbfbf;
     padding: 0 4px 4px;
     background: #FFF url(/backpackinglight/elements/gradient_bg_down.gif) repeat-x left top;
}
.takeaction dl {
     margin-bottom: 10px;
     margin-top: 0;
     padding: 0;
}
.takeaction dt {
     color: #7f7f7f;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 4px;
}
.takeaction dd {
     margin-left: 10px;
     line-height: 1.6em;
}
.takeaction .left {
     float: left;
     width: 170px;
     border-right: 1px solid #dbdbdb;
     margin: 0;
}
.takeaction .right {
     margin-left: 8px;
     float: right;
     width: 140px;
     display: inline;
}
.community, .top {
     border-top: 0px solid #bfbfbf;
     padding: 0 4px 4px;
     background: none;
}

/* @group Top Welcome */

#sidebarwide .top p{
     margin: 24px 18px 0 18px;
     font-size: 1.1em;
}

#sidebarwide .top .orangebutton{
     display: block;
     margin: 18px 18px 24px 18px;
}

/* @end */
/* @group Stay Connected */
#stay-connected {
     border-top: 2px solid #bfbfbf;
     padding: 0 4px 4px;
     margin: 0;
     background: #FFF url(/backpackinglight/elements/gradient_bg_down.gif) repeat-x left top;
}
#stay-connected h2, #stay-connected h4 {
     color: #000000;
     text-transform: uppercase;
     font-weight: bold;
     margin: 0 0 4px 0;
}
#stay-connected .left {
     float: left;
     width: 170px;
     margin: 0;
}
#stay-connected .right {
     margin-left: 8px;
     float: right;
     width: 140px;
     display: inline;
}
#twitter_div h4 {
     background: url(/backpackinglight/elements/twitter-logo_thumb.gif) no-repeat 8px;
     padding-left: 45px;
     line-height: 1.1em;
}
#twitter_update_list {
     list-style-type: none;
     margin: -5px 0 0 0;
     padding: 14px 8px 1px 8px;
     background: #eaeaea url(/backpackinglight/elements/twitter-list-top.gif) no-repeat center top;
     overflow: hidden;
}
#twitter_update_list li {
     list-style-image: none;
     margin: 0 0 8px 0;
     padding: 0 0 0 0;
}
#twitter-link {
     display: block;
     text-align: right;
     margin: 0 0 4px 0;
     background-color: #eaeaea;
     padding: 8px;
}
#stay-connected h4#newsletter {
     background: url(/backpackinglight/elements/newsletter-icon.gif) no-repeat 0 3px;
     padding-left: 35px;
     line-height: 1.1em;
}
#stay-connected input#email {
     margin: 0;
     width: 135px;
}
#stay-connected #signupbutton {
     margin: 4px 0 0 0;
}
#stay-connected h4#feeds {
     clear: both;
     border-top: 2px solid #bfbfbf;
     padding: 8px 4px 4px 0;
     background: url(/backpackinglight/elements/feeds-icon.gif) no-repeat 0px 4px;
     padding-left: 35px;
     margin-top: 8px;
}
/* @end */
/* @end */
/* @group Inline Ads */
.ad {
     border: 1px solid #bfbfbf;
     display: table;
     font-size: 88%;
     color: #4e4e4e;
}
.ad .meta {
     color: #7f7f7f;
     font-weight: normal;
     font-size: 100%;
     background: #eaeaea;
     padding: 1px 1px 1px 5px;
     margin: 0 0 3px 0;
     border-bottom: 1px solid #bfbfbf;
}
.ad img {
     padding: 2px 5px 5px;
}
.ad p {
     padding: 7px;
     margin: 0;
}
.ad180 {
     width: 180px;
     height: 150px;
     overflow: hidden;
}
/* @end */
/* @group recent */
.recent .c1 {
     font-size: 100%;
     width: 350px;
}
.recent {
     padding: 0;
     margin: 0;
}
.recent td {
     vertical-align: middle;
     border-bottom: 1px solid #eaeaea;
     padding: 4px 0 4px 0;
}
/* @end */
/* @group players */
.moviecontainer {
     border: 1px solid #bfbfbf;
     color: #646464;
     text-align: left;
     background: #eaeaea url(/backpackinglight/elements/bpl_media_logo_top.png) no-repeat 5px 5px;
     padding: 29px 5px 5px 5px;
}

.ie6 .moviecontainer, .ie6 .audiocontainer, .ie6 .audiocontainer.list{
     background-image: none; /*IE*/
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/backpackinglight/elements/bpl_media_logo_top.png');
}

.moviecontainer p {
     margin: 6px 0 2px;
}
.audiocontainer {
     background: url(/backpackinglight/elements/bpl_media_logo_top.png) no-repeat 0 0;
     padding: 24px 0 0 0;
     margin: 8px 0;
     height: 40px;
}
.audiocontainer .downloadlink {
     text-align: right;
     margin: 4px 4px;
     font-size: 87%;
}
.audiocontainer.list {
     background: #eaeaea url(/backpackinglight/elements/bpl_media_logo_top.png) no-repeat 5px 5px;
     border: 1px solid #bfbfbf;
     padding: 29px 5px 5px 5px;
     margin: 10px 0;
}
/* @end */
.right {
     margin: 0 0 8px 8px;
     float: right;
     display: inline;
}
.left {
     float: left;
     margin: 0 8px 8px 0;
     display: inline;
}
.center {
     clear: both;
     margin-right: auto;
     margin-left: auto;
}
.clear {
     clear: both;
}
/* @group For Old Site */
td.maincontent td {
     color: #2f2f2f;
     font: 12px/16px Helvetica, Arial, Geneva, sans-serif;
}
table.specs_with_tables,
.specs_with_tables td,
.specs_with_tables th {
     border-color: #cccccc;
     border-style: solid;
}
table.specs_with_tables {
     border-width: 0 0 3px 3px;
     border-spacing: 0;
     border-collapse: collapse;
     margin-right: 1px;
}
.specs_with_tables td, 
.specs_with_tables th {
     margin: 0;
     padding: 4px;
     border-width: 3px 3px 0 0;
     text-align: left;
}
.flypagebar {
     color: #fff;
     text-align: center;
     padding: 4px;
     font-weight: bold;
     border-bottom: 4px solid #aaa;
     background-color: #8b8b8b;
     font-size: 1em;
}
h4.flypagebar {
     margin-top: 0;
}
/* @group Articles */
.outquote_left, .outquote_right {
     background-color: #FFFFCC;
     font-size: 110%;
     font-weight: bold;
     width: 250px;
     padding: 1em;
     text-align: left;
     display: inline;
}
.outquote_left {
     float: left;
     margin-right: 0.5em;
}
.outquote_right {
     float: right;
     margin-left: 0.5em;
}
.image_subtletext {
     color: #999999;
     font-size: 80%;
}
.inline_image_left, .inline_image_right, .inline_image_center {
     background-color: #FFFFFF;
     color: #646464;
     text-align: left;
     padding: 0  0 4px 0;
     border-bottom: 1px solid #bfbfbf;
     border-right-width: 0;
     border-left-width: 0;
}
.sidebar .inline_image_left, .sidebar .inline_image_right, .sidebar .inline_image_center{
     padding: 8px;
}
.inline_image_left {
     float: left;
     margin: 0 8px 8px 0;
}
.inline_image_right {
     float: right;
     margin: 0 0 8px 8px;
}
.inline_image_center {
     margin: 8px;
}
.inline_image_left img, 
.inline_image_right img,
.inline_image_center img {
     margin-bottom: 4px;
}
.float_image_right {
     float: right;
     margin-left: 5px;
     display: inline;
}
.float_image_left {
     float: left;
     margin-right: 5px;
     display: inline;
}
div#article h2 {
     margin: 16px 0 0 0;
}
div#article .breakboth {
     clear: both
}
div#article .breakleft {
     clear: left
}
div#article .breakright {
     clear: right
}
.sidebar {
     background-color: #eaeaea;
     padding: 5px;
     margin: 8px;
     border: 1px solid #bfbfbf;
}
table.specs_without_tables td {
     vertical-align: baseline
}
.specs_without_tables td:first-child {
     font-weight: bold;
     text-align: right;
     vertical-align: top
}
.specs_without_tables td p {
     text-indent: -7px;
     margin-left: 10px;
}
.specs_without_tables p span {
     font-weight: bold
}
table.specs_with_tables {
     border: 3px solid #cccccc;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     margin: 5px;
}
.specs_with_tables td {
     width: 25%;
     border-top: 3px solid #cccccc;
     border-right: 3px solid #cccccc;
     padding: 10px;
     vertical-align: top
}
.specs_with_tables td + td {
     width: auto;
     text-align: left;
     font-weight: normal;
     border: none;
     border-top: 3px solid #cccccc;
}
table.specs_with_tables tr td table {
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%
}
table.specs_with_tables tr td table tr td {
     border: none;
     width: 20%;
     text-align: left;
     font-weight: normal;
     vertical-align: top
}
table.specs_with_tables tr td table tr td + td {
     width: 40%;
     text-align: center;
     font-weight: normal
}
table.specs_with_tables tr td table.twocol tr td {
     border: none;
     width: 50%;
     text-align: left;
     font-weight: normal;
     vertical-align: top
}
table.specs_with_tables tr td p {
     text-indent: -7px;
     margin-left: 10px;
}
table.specs_with_tables tr td p span {
     font-weight: bold
}
/* General article table handling for both images in tables and data in cells. */
#article .inline_image_center td {
     vertical-align: top
}
#article .leftAndCentered td + td {
     text-align: center
}
#article .leftAndCentered td:first-child {
     text-align: left
}
/* @end articles */
/* @group Pretty Fractions */
.numorator {
     
}
.denominator {
     
}
/* @end Pretty Fractions */
/* @group Rating System */
.highly_recommended {
     text-align: center;
     font-size: 110%;
     color: red;
     font-weight: bold
}
.recommended {
     text-align: center;
     font-size: 110%;
     color: red
}
.above_average {
     text-align: center;
     color: green;
     font-weight: bold;
     font-size: 110%
}
.average {
     text-align: center;
     color: green;
     font-size: 110%
}
.below_average {
     text-align: center;
     color: purple;
     font-size: 110%
}
/* @end */
/* @group Unsure */
.standard_outline_black {
     background-color: #eee;
}
A.categorybar:link, A.categorybar:active {
     text-decoration: none;
     background-color: #000066;
     color: #ffcc66;
}
A.categorybar:visited {
     text-decoration: none;
     background-color: #000066;
     color: #ffcc66;
}
A.categorybar:hover {
     text-decoration: underline;
     background-color: #000066;
     color: #ffffff;
}
A.areabar:link, A.areabar:active {
     text-decoration: none;
     background-color: #000066;
     color: #ffffff;
}
A.areabar:visited {
     text-decoration: none;
     background-color: #000066;
     color: #ffffff;
}
A.areabar:hover {
     text-decoration: underline;
     background-color: #000066;
     color: #ffffff;
}
.navbar {
     color: #000000;
     background-color: #000066;
}
.blackbar {
     background-color: #000000;
     color: #ffffff;
     width: 150px;
     padding: 2px;
     border-spacing: 0px;
     border-top: 1px solid #333333;
     border-bottom: 1px solid #000000;
     border-right-style: none;
     border-left-style: none;
}
.categorybar {
     background-color: #000066;
     color: #ffffff;
     font-weight: 400;
     text-align: left;
}
.orangebar {
     background-color: #FFCC66;
     color: #ffffff;
     width: 150px;
     padding: 2px;
     border-spacing: 0px;
     border-top: 1px solid #FFCC66;
     border-bottom: 1px solid #000000;
     border-left: 0px;
     border-right: 0px;
}
.areabar {
     background-color: #000066;
     color: #ffff99;
     font-weight: 700;
     text-align: left;
}
.contentbar1 {
     background-color: #000066;
     color: #000000;
}
.contentbar2 {
     background-color: #BBBBBB;
     color: #000000;
     font-weight: normal;
     font-size: 90%;
}
.standard_header {
     background-color: #7f7f7f;
     color: #fff;
     font-size: 130%;
     font-weight: 700;
     text-align: center;
     padding: 4px;
}
.standard_header2 {
     background-color: #ffffcc;
     color: #000000;
     font-size: 120%;
     font-weight: 700;
     text-align: center;
}
.standard_header3 {
     background-color: #ffffcc;
     color: #000000;
     font-size: 90%;
     text-align: center;
}
.link_menu_header {
     padding: 4px;
     background: #eeeeee;
     border: 1px solid #cccccc;
}
.link_menu_header A {
     text-decoration: none;
}
.table_header1, th {
     background-color: #969696;
     font-weight: bold;
     text-align: center;
}
A.table_header1:link, A.table_header1:active {
     color: #ccccff;
}
A.table_header1:visited {
     color: #99ccff;
}
A.table_header1:hover {
     color: #99ccff;
}
.table_header2 {
     background-color: #a5a5a5;
     color: #000000;
     font-weight: 700;
     text-align: center;
}
A.table_header2:link, A.table_header2:active {
     color: #0000ff;
}
A.table_header2:visited {
     color: #0000ff;
}
A.table_header2:hover {
     color: #ffff00;
}
.table_row1 {
     background-color: #cdcdcd;
     color: #000000;
}
A.table_row1:link, A.table_row1:active {
     color: #0000FF;
}
A.table_row1:visited {
     color: #0000FF;
}
A.table_row1:hover {
     color: #00FFaa;
}
.table_row2 {
     background-color: #e8e8e8;
     color: #000000;
}
A.table_row2:link, A.table_row2:active {
     color: #0000FF;
}
A.table_row2:visited {
     color: #0000aa;
}
A.table_row2:hover {
     color: #00FFaa;
}
.table_row1_cell {
     background-color: #aaaacc;
     color: #000000;
     font-weight: 400;
}
.table_row2_cell {
     background-color: #ccccdd;
     color: #000000;
     font-weight: 400;
}
.table_row_highlight {
     background-color: #d5d9e9;
}
.standard_form {
     background-color: #ffffcc;
     border: 1px solid #cccccc;
}
.standard_form_field {
     background-color: #ffffcc;
}
.coolButtonDanger, .coolButton, .coolButtonSmall {
     padding: 6px;
     cursor: pointer;
     color: #ffffff;
     font-weight: bold;
     border: 2px solid #aca39f;
}
.coolButtonDanger:hover {
     background-color: #dc4200;
}
.coolButtonDanger {
     background-color: #f74d2a;
}

.coolButtonDanger, .coolButton, .coolButtonSmall {
     padding: 4px 6px;
     cursor: pointer;
     color: #ffffff;
     font-weight: bold;
     border: 1px solid #bfbfbf;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}

.coolButton {
     background-color: #dc5d26;
     /*background-color: #b2b2b2;*/ 
     font-weight: bold;
}
.coolButton a, .coolButtonSmall a {
     color: #ffffff;
     padding: 4px 6px;
}

.coolButtonSmall {
     background-color: #dc5d26;
     font-size: .85em;
     font-weight: normal;
}
.highlight1 {
     color: #000000;
     background-color: #eeeeff;
}
.highlight2 {
     color: #000000;
     background-color: #d5d9e9;
}
.image_placeholder_right {
     padding-left: 10px;
     border-collapse: collapse;
     border: none;
}
.image_placeholder_left {
     padding-right: 10px;
     border-collapse: collapse;
     border: none;
}
.image_table_black {
     background-color: #000000;
     border-collapse: collapse;
     border: none;
}
.image_table_outline {
     border-collapse: collapse;
     border: none;
}
.image_caption {
     color: #FFFFFF;
     font-size: 90%;
     background-color: #000000;
     padding: 5px;
}
.members_only {
     font-weight: bold;
     color: red
}
.table_column_head {
     background-color: #FFFFFF;
     color: #999999;
     text-align: left;
     font-size: 125%;
}
productResult {
     background-color: #686868;
}
.new_products_table {
     float: right;
     width: 84px;
     background-color: #555;
     color: #FFFFFF;
     text-align: center;
     margin: 0 0 1em 1em;
     border: solid #000000 1px;
     padding: 0px;
     display: inline;
}
.img_border_black {
     border: solid #000000 1px;
}
div.inline_image_left p {
     margin: 0
}
div.inline_image_right p {
     margin: 0;
}
div.inline_image_middle p {
     margin: 0
}
/* @end */
a#skip {
     position: absolute;
     left: -5000px;
     font-family: Helvetica, Arial, Geneva, sans-serif;
}
a#skip:focus, a#skip:active {
     position: static;
     left: 0;
}
/* @end */

.alert{
     position: absolute;
     left: 0;
     top: 0;
     background-color: #c92e13;
     width: 100%;
     height: 1.3em;
     color: #fff;
     font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     padding: 2px;
     background: #c92e13; /* for non-css3 browsers */

background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.31, #D92525),
    color-stop(0.66, #BD2222)
);
background: -moz-linear-gradient(
    left top,
    #D92525 31%,
    #BD2222 66%
);

-moz-box-shadow: 0px 3px 5px #999;
-webkit-box-shadow: 0px 2px 8px #999;
box-shadow: 0px 2px 8px #999;
}

.alert:hover{
     text-decoration: none;
     background: #ae280f;
}

.shopalert a{
     position: absolute;
     top: 0;
     left: 0;
    width: 100%;
    display: block;
    color: #fff;
    padding: 4px 2px 2px;
    background: #dc5d26; /* for non-css3 browsers */
    background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.31, #dc5d26),
    color-stop(0.66, #c15122)
    );
     background: -moz-linear-gradient(
    left top,
    #dc5d26 31%,
    #c15122 66%
    );
     -moz-box-shadow: 0px 3px 5px #999;
     -webkit-box-shadow: 0px 2px 8px #999;
     box-shadow: 0px 2px 8px #999;
     font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.shopalert img{
     padding: 3px 4px;
     vertical-align: middle;
}

.shopalert a{
     text-decoration: none;
}

.shopalert #holidaybutton{
     margin: 0 0 0 10px;
     padding: 6px 8px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background-color: #f9c730;
     color: #000;

}
.shopalert #holidaybutton:hover{
     background-color: #dfaf18;
     text-decoration: none;
}

/* @group Responsiveness */

/*iphone/mobile landscape, ipad vertical, screen larger than iphone upto ipad portrait */

/*@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
        (max-device-width:480px) and (orientation:landscape),
        (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait)*/
@media screen and (max-width: 940px) {

body.responsive { margin: 0 0 0 0;}

body.responsive .shopalert a{
     width: 940px;
}
body.responsive .shopalert #text{
     display: none;
}

body.responsive .shopalert #holidaybutton{
     padding: 4px;
}

body.responsive div#container {
     width: 460px;
     padding: 10px;
}
body.responsive div#contentwide, 
body.responsive div#contentnosidebar,
body.responsive div#content {
     width: 100%;
     border: 0;
     padding: 0;
}
body.responsive #masthead {position: relative; width: 100%;}
body.responsive #top{width: 100%;}
body.responsive #logo {
     margin: 10px 0;
     padding:0;
     float: left;
}
body.responsive #logo img {
     border: none;
     width: 282px;
     height: 30px;
}
body.responsive #subscribead {display: none;}
body.responsive ul#toplinks { padding: 0 0 4px 0; width: 100%;
     border-bottom: 1px solid #d9d9d9; margin: 0 auto;
}

body.responsive #nav {padding-bottom: 10px;
     background-image: none;
     margin: 0;
}
body.responsive #nav ul {
     border-bottom-width: 3px;
     position: relative;
     height: 23px;
}
body.responsive #nav a {
     font-weight: normal;
     padding: 3px 6px;
}
body.responsive #nav ul ul,
body.responsive #nav #search_box{     display: none;}

body.responsive #sidebar, 
body.responsive #sidebarwide {
     float: left;
     width: 100%;
     padding: 8px 0 0 0;
     margin: 0;
     border-top-style: solid;
     border-top-color: #d9d9d9;
}

body.responsive #copyright{
     padding-right: 40px;
}

body.responsive img#page_header{
     display: none;
}

body.responsive img#magazine_ad{
     max-width: 468px;
     height: auto;
}

body.responsive .half_column {
     width: 100%;
     margin-right: 0;
}

body.responsive .showoff {
     width: 100%;
     padding: 8px 0;
     margin: 0;
}

/* @group Home */

body.responsive #front-ads img, 
body.responsive #front-ads{
      width: 460px;
      height: 260px;
}

body.responsive div.largefeature {
     width: 460px;
     height: 260px;
}

body.responsive div.largefeature h3 {
     line-height: 1em;
     margin-top: 36px;
     font-size: 1.5em;
}

body.responsive .banner-top .banner-text h3,
body.responsive .banner-bottom .banner-text h3{
     margin-top: 0;
}

body.responsive .banner-text p{ padding-top: 0;}

body.responsive li#t-subscribe {
     position: absolute;
     right: 0;
     top: -3em;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
body.responsive li#t-subscribe a{
     border-right-style: none;
}

body.responsive .takeaction .left,
body.responsive .takeaction .right{
     width: 48%;
}

body.responsive .community {
     border-top: 4px solid #bfbfbf;
     padding: 4px 0 0 0;
     margin: 0;
     background: none;
}
body.responsive #school-ad {
     margin: 0;
     width: auto;
}

body.responsive #stay-connected .left,
body.responsive #stay-connected .right {
     width: 47%;
}

body.responsive #twitter_div h4 {
     line-height: 2.1em;
}
body.responsive #twitter_div ul#twitter_update_list {
    margin: 0;
     background-image: none;
}
body.responsive #twitter-link {
     display: block;
     text-align: right;
     margin: 0 0 4px 0;
     background-color: #eaeaea;
     padding: 8px;
}
body.responsive #stay-connected h4#newsletter {
     line-height: 2.7em;
}
body.responsive #stay-connected input#email {
     margin: 0;
     width: 93%;
}
body.responsive #stay-connected #signupbutton {
     margin: 6px 6px 0 0;
}

body.responsive #article_submission {
     display: none;
}
/* @end */

/* @group Articles */

body.responsive #articlecontainer .breadcrumb {display: none;}
body.responsive #articlecontainer h1 {margin: 0 0 8px 0;}
body.responsive #articlecontainer #article img,
body.responsive .inline_image_left,
body.responsive .inline_image_right,
body.responsive .inline_image_center {
     max-width: 460px;
     height: auto;
}
body.responsive .inline_image_left,
body.responsive .inline_image_right,
body.responsive .inline_image_center{
     clear: both !important;
     float: none !important;
     margin: 0 auto;
}
body.responsive .inline_image_left img,
body.responsive .inline_image_right img,
body.responsive .inline_image_center img{
     width: 100%;
     height: auto;
}

body.responsive #citation{
     overflow: hidden;
}

/* @end */

/* @group Forum */

body.responsive .forumsort form{display: none;}

body.responsive .thread_post td.user{
     width: 80px !important; 
     max-width: 80px !important; 
     overflow: hidden;}
body.responsive .thread_post td.body{width: 380px !important; max-width: 380px !important;}
body.responsive .thread_post .avatar{display: none !important;}

body.responsive #community td.title{
     width: 45%;
}
body.responsive #community td.title .description{
     display: none;
}

body.responsive .thread_post .body img {
     max-width: 360px;
     height: auto;
}

body.responsive #forum_menu,
body.responsive .forum_menu {
     padding: 0;
     margin: 15px 0;
}
body.responsive #forum_menu dd,
body.responsive  .forum_menu dd {
     font-size: 100%;
     padding-left: 8px;
}

body.responsive td.moderate img.icon, 
body.responsive td.body img.icon{
     padding: 4px 8px;
     display: block;
     margin-bottom: 4px;
}

body.responsive #toplinks img.icon{
     display: inline;
     padding: 0;
}

body.responsive td.title{
     width: 70% !important;
}
body.responsive td.moderate{
     width: 8px;
}
body.responsive td.moderate a + a + a{
     display: none;
}

/* @end */

/* @group Shop */

body.responsive .product h1{
     line-height: 1.3em;
}

body.responsive ul.productbox {
     float: left;
     width: 230px;
     margin: 0;
     padding: 0 16px 30px 0;
}
body.responsive .product .breadcrumb,
body.responsive .product .addthis_toolbox{
     display: none;
}

body.responsive .product .product_image img{
     max-width: 260px;
     height: auto;
}

body.responsive #checkoutsteps img{
     width: 70px;
     height: auto;
}

body.responsive .billing #addresses tr > td{
     float: left;
     width: 460px;
}

body.responsive .billing #addresses input[type=text]{
     width: 70%;
}

body.responsive .billing #addresses td.form_chrome{
     padding: 8px 0  0 4px;
}

/* @end */

body.responsive #content object{
     width: 460px;
     height: 320px;
}

}

@media screen and (max-width: 650px)
/*iphone portrait & ipad portrait*/
/*@media (min-device-width:1024px) and (max-width:509px),
       (max-device-width:480px) and (orientation:portrait)*/ {

body.responsive body { margin: 0px;}
body.responsive p, 
body.responsive div, 
body.responsive td {
     font-size: 100%;
     line-height: 140%;
}

body.responsive div#container {
     width: 306px;
     padding: 10px;
     margin-top: 0;
}

body.responsive .shopalert a{
     width: 100%;
}

body.responsive div#contentwide, 
body.responsive div#contentnosidebar,
body.responsive div#content {
     width: 100%;
     border: 0;
     padding: 0;
}
body.responsive #masthead {position: relative; width: 100%;}
body.responsive #top{width: 100%;}
body.responsive #toplinks li {
     margin: 0;
     padding: 0 0;
}
body.responsive #logo {
     margin: 10px 0;
     padding:0;
}
body.responsive #logo img {
     border: none;
     width: 292px;
     height: 31px;
}

body.responsive #myaccount a{
     padding-left: 0;
     padding-right: 8px;
}

body.responsive #nav {padding: 0 0 4px 0;
     background-image: none;
     margin: 0;
     font-size: 100%;
}

body.responsive #nav ul { 
      height: 1.8em;
     border: none;
         background-color: #d9d9d9;
}
body.responsive #nav ul li{ 
margin:0; padding: 0;
width: auto;
}

body.responsive #nav a {
     padding: 3px 5px;
     width: auto;
     color: #000;
     border-style: none;
     font-weight: normal;
     font-style: normal;
     text-transform: none;
     background-color: #d9d9d9;
}
body.responsive #nav ul ul,
body.responsive #nav #search_box{ display: none;}

body.responsive body#features li#t-features,
body.responsive body#magazine li#t-magazine,
body.responsive body#gear li#t-gear,
body.responsive body#shop li#t-shop,
body.responsive body#community li#t-community,
body.responsive .mediawiki li#t-wiki,
body.responsive body#school li#t-school {
/*change color for active topic area*/
     background-color: transparent;
}

body.responsive #sidebar, 
body.responsive #sidebarwide {
     float: left;
     width: 100%;
     padding: 8px 0 0 0;
     margin: 0;
     border-top-style: solid;
     border-top-color: #d9d9d9;
}

body.responsive #copyright{
     padding-right: 40px;
}

body.responsive img#page_header{
     display: none;
}

body.responsive img#magazine_ad{
     max-width: 100%;
     height: auto;
}

body.responsive .half_column {
     width: 100%;
     margin-right: 0;
}

/* @group Home */

body.responsive #main_ad{
      display: none;}

body.responsive li#t-subscribe {
display: none;
}

body.responsive .takeaction .left,
body.responsive .takeaction .right{
     width: 48%;
}

body.responsive .community {
     border-top: 4px solid #bfbfbf;
     padding: 4px 0 0 0;
     margin: 0;
     background: none;
}
body.responsive #school-ad {
     margin: 0;
     width: auto;
}

body.responsive #stay-connected .left,
body.responsive #stay-connected .right {
     width: 47%;
}

body.responsive #twitter_div h4,
body.responsive #stay-connected h4#newsletter,
body.responsive #stay-connected h4#feeds {
     line-height: 1.2em;
     font-size: 0.95em;
}
body.responsive #twitter_div ul#twitter_update_list {
    margin: 0;
     background-image: none;
}
body.responsive #twitter-link {
     display: block;
     text-align: right;
     margin: 0 0 4px 0;
     background-color: #eaeaea;
     padding: 8px;
}
body.responsive #stay-connected input#email {
     margin: 0;
     width: 93%;
}
body.responsive #stay-connected #signupbutton {
     margin: 6px 6px 0 0;
}

body.responsive #article_submission {
     display: none;
}



/* @end */

/* @group Articles */

body.responsive #articlecontainer .breadcrumb {display: none;}
body.responsive #articlecontainer h1 {margin: 0 0 8px 0;}
body.responsive #articlecontainer #article img,
body.responsive .inline_image_left,
body.responsive .inline_image_right,
body.responsive .inline_image_center {
     max-width: 306px;
     height: auto;
}
body.responsive .articleactions{
     display: none;
}

body.responsive .inline_image_left,
body.responsive .inline_image_right,
body.responsive .inline_image_center{
     clear: both !important;
     float: none !important;
     margin: 0 auto;
}
body.responsive .inline_image_left img,
body.responsive .inline_image_right img,
body.responsive .inline_image_center img{
     width: 100%;
     height: auto;
}

/* @end */

/* @group Subscriptions page */

body.responsive table.login {
     width: 100%;
     margin: 0;
     padding: 8px;
     background-color: #eaeaea;
}

body.responsive .bplsubscriptions #forms {
     width: 100%;
     margin: 0;
     float: left;
}

body.responsive .bplsubscriptions #loginform {
     margin: 0;
     width: 100%;
}

body.responsive .bplsubscriptions h1 {
     font-size: 1.7em;
     line-height: 1.3em;
     padding: 40px 0 0 0px;
     margin: 0;
}

body.responsive .bplsubscriptions input.orangebutton {
     width: 100%;     
}

body.responsive .showoff {
     width: 100%;
     padding: 8px 0;
     margin: 0;
}
body.responsive .bplsubscriptions .screens {
     float: right;
     margin: 0;
}
body.responsive .bplsubscriptions .screens img,
body.responsive .landing .right img{
     display: none;
}

body.responsive .landing .left,
body.responsive .landing .right,
body.responsive .cdta.landing .left
{
 width: 100%;
 margin: 0;
}

body.responsive .landing form table,
body.responsive .landing form{
     width: 100%;
}
body.responsive .landing input[type=text]{
     width: 100%;
}

/* @end */

/* @group Forum */

body.responsive .forumsort form{display: none;}

body.responsive .thread_post td.user{
     width: 40px !important; 
     max-width: 40px !important; 
     overflow: hidden;}
body.responsive .thread_post td.user .meta{
     display: none;
}
body.responsive .thread_post td.body{width: 240px !important; max-width: 240px !important; overflow: hidden;}
body.responsive .thread_post .avatar{display: none !important;}

body.responsive #community td.title{
     width: 45%;
}
body.responsive #community td.title .description{
     display: none;
}

body.responsive .thread_post .body img {
     max-width: 240px;
     height: auto;
}

body.responsive #forum_menu,
body.responsive .forum_menu {
     padding: 0;
     margin: 15px 0;
}
body.responsive #forum_menu dd,
body.responsive  .forum_menu dd {
     font-size: 100%;
     padding-left: 8px;
}
body.responsive .postform input[type=text]{
     width: 192px;
}
body.responsive .postform textarea{
     width: 100%;
}
body.responsive td.moderate img.icon, 
body.responsive td.body img.icon{
     padding: 4px 8px;
     display: block;
     margin-bottom: 4px;
}
body.responsive #toplinks img.icon{
     display: inline;
     padding: 0;
}

body.responsive td.title{
     width: 70% !important;
}
body.responsive td.moderate{
     width: 8px;
}
body.responsive td.moderate a + a + a{
     display: none;
}

body.responsive #forum_header select{
     width: 100%;
}
/* @end */

/* @group Product Listing */

body.responsive table tr > td.productResult{
     float: left;
     width: 100%;
     padding: 0 0 16px 0;}

/* @end */

/* @group Shop */

body.responsive .product h1{
     line-height: 1.3em;
}

body.responsive ul.productbox {
     float: left;
     width: 200px;
     margin: 0;
     padding: 0 16px 30px 0;
}
body.responsive .product .breadcrumb,
body.responsive .product .addthis_toolbox{
     display: none;
}

body.responsive .product .product_image img{
     max-width: 210px;
     height: auto;
}

body.responsive #checkoutsteps img{
     width: 70px;
     height: auto;
}

body.responsive .billing #addresses tr > td{
     float: left;
     width: 460px;
}

body.responsive .billing #addresses input[type=text]{
     width: 70%;
}

body.responsive .billing #addresses td.form_chrome{
     padding: 8px 0  0 4px;
}

/* @end */

body.responsive #content object{
     width: 290px;
     height: 200px;
}

}


/* @end */


/* @end */