body {font-family: Arial, "Microsoft Sans Serif", Tahoma, Verdana, "Century Gothic";
     font-size: 11px; color: #343b46; line-height:1.25;
     background-color: #f0f3f7; margin: 0px; padding:0px; text-align: center;}
b {font-family:Arial, Helvetica, sans-serif; font-weight:bold;} 
a:active { color: #343b46; text-decoration: none }
a:link { color: #343b46; text-decoration: none }
a:visited { color: #343b46; text-decoration: none }
a:hover { color: #343b46; text-decoration:underline }
a.white:active { color:#FFFFFF; text-decoration: none }
a.white:link { color:#FFFFFF; text-decoration: none }
a.white:visited { color:#FFFFFF; text-decoration: none }
a.white:hover { color:#FFFFFF; text-decoration:underline }
a.orange:active { color:#d28302; text-decoration:none }
a.orange:link { color:#d28302; text-decoration:none }
a.orange:visited { color:#d28302; text-decoration:none }
a.orange:hover { color:#d28302; text-decoration:underline }

img { border:none; outline:none;}
td {font-size: 11px; color: #343b46; line-height:1.25;}
h1 {font-family:"arial narrow", Tahoma, Arial, Helvetica, sans-serif; color:#EFAC3E; font-size:18px; letter-spacing:0; padding-top:20px; padding-left:5px; padding-bottom:0px; margin-bottom:10px; margin-top:10px;}
h2 {font-family:"arial narrow", Tahoma, Arial, Helvetica, sans-serif; color:#343b46; font-size:14px; letter-spacing:0; padding-top:0px; margin-top:0px;}
h3 {font-family:"arial narrow", Tahoma, Arial, Helvetica, sans-serif; color:#EFAC3E; font-size:18px; letter-spacing:0;}
div.selected {color:#000; font-weight:bold; }
.allcaps {text-transform:uppercase;}
.small { font-family:Arial, Helvetica, sans-serif; font-size: 9px; }
.large { font-family:"arial narrow", Tahoma, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color:#EFAC3E; letter-spacing:0;}
.large_grey { font-family:"arial narrow", Tahoma, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color:#9c9c9c; letter-spacing:0;}
.larger { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.help2 { font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-left: -21px; list-style-image: url(/images/popup/helpbullet.gif) }
.message {color: #4F79B0; font-style: italic; font-weight: bold;}
.error {color: red; font-style: italic; font-weight: bold;}
.dropdown {font-size:10px; margin:2px; letter-spacing:normal;}
.space50{word-spacing: 25px; padding:3px;}
.normal{font-size:11px;}
.textleft{text-align: left;}
.indexheader { font-size: 20px; line-height: 21px; text-transform: uppercase; }
.indexsubheader { line-height: 15px; font-size: 14px; font-weight: bold; }
.subhead {font-weight:bold; font-size: 12px;}
.big { font-weight: bold; font-size: 14px; }
.padding3{padding:3px;}
.padding20{padding:20px;}
.padding10{padding:10px;}
.orange {color:#d28302;}
.red {color:#CC0000;}
.gold {background-color:#FFf6e9;}
.plat {background-color:#dee8fe;}
.pro {background-color:#e8e8e8;}
.platnav {background:#fff6e9; background-image:url(/images/pagewrap_100207/nav_platback.gif); background-repeat:repeat-y; border-right: 1px solid #809ad0;}
.pronav {background:#fff6e9; background-image:url(/images/pagewrap_100207/nav_proback.gif); background-repeat:repeat-y; border-right: 1px solid #a4a4a4;}
.goldborder {background:#e9ab45; background-image:url(/images/pagewrap_100207/nav_goldborder.gif); border-right: 1px solid #e9ab45;}
.platborder {background:#809ad0; background-image:url(/images/pagewrap_100207/nav_platborder.gif); border-right: 1px solid #809ad0;}
.proborder {background:#a4a4a4; background-image:url(/images/pagewrap_100207/nav_proborder.gif); border-right: 1px solid #a4a4a4; margin-bottom: 8px;}
.goldnav {min-height: 49px; background:#fff6e9;background-image:url(/images/pagewrap_100207/nav_goldback.gif); background-repeat:repeat-y; border-right: 1px solid #e9ab45;border-top: 1px solid #e9ab45;}
/*hack for IE to apply min-height*/
*html .goldnav {height: 49px; background:#fff6e9;background-image:url(/images/pagewrap_100207/nav_goldback.gif); background-repeat:repeat-y; border-right: 1px solid #e9ab45;border-top: 1px solid #e9ab45;}
/*End of hack*/

/*Page Layout*/
#topbar{height:21px; background:#343b46; color:#FFFFFF; padding:2px 5px 2px 5px; position:relative;}
#container { width:930px; margin-left: auto; margin-right: auto; margin-top:20px; text-align: left;}
#stacker{display:block; width:100%; padding:0; margin:0;}
#clear { clear:both}
#leftalign{text-align: left center;float: left; height:16px;}
#rightalign{text-align: right center; float: right; height:16px;}
#left_align{text-align: left;float: left;}
#right_align{text-align: right; float: right;}
.rightalign{text-align: right center; float: right; height:16px;}
.leftalign{text-align: left center;float: left; height:16px;}
table.checkout {
  width: 600px;
  border: solid 1px #FEDC97;
  }

.checkout td {
  padding: 2px;
  }

td.checkout_hdr {
  background-color: #FEDC97;
  font-weight: bold;
  }

table.error {
    width: 535px;
    border: solid 1px red;
  }

.error td {
    padding: 2px;
    color: red;
    font-style: italic;
  }


/*Header Layout*/
#topnav { width:930px; height:21px; background:#ffffff; border: 1px solid #000; padding:0px; clear:both; position:relative;}
#left_topnav{text-align: left; padding:3px; position:absolute; left:3px; width:60%; word-spacing: 25px; line-height:20px;}
#right_topnav{text-align: right; padding:3px; position:absolute; right:3px; width:40%;}
.topnav { width:930px; height:21px; background:#ffffff; border: 1px solid #000; padding:0px; clear:both; position:relative;}
.left_topnav{text-align: left; padding:3px; position:absolute; left:3px; width:60%; word-spacing: 25px; line-height:20px;}
.right_topnav{text-align: right; padding:3px; position:absolute; right:3px; width:40%;}
#af-logoarea { width:930px; height:71px; background:#fce9ca; background-image:url('images/pagewrap_100207/headerback.jpg'); background-repeat: repeat-x;
                border:1px solid #000; border-top: 0px; margin-bottom: 12px; clear:both; }

/*Left Side Layout*/
.left { float:left; width:170px; margin: 0 0 12 0px; padding:0;}
#left { float:left; width:170px; margin: 0 0 12 0px; padding:0;}
.af-search { margin: 0 0 8 0px; padding: 4px; width: 170px; text-align: left; background:#FFF6E9; border-right: 1px solid #FED07F; border-bottom: 1px solid #FED07F; border-left: 1px solid #FED07F; border-top: 10px solid #FED07F; float: left; }
#af-search { margin: 0 0 8 0px; padding: 4px; width: 170px; text-align: left; background:#FFF6E9; border-right: 1px solid #FED07F; border-bottom: 1px solid #FED07F; border-left: 1px solid #FED07F; border-top: 10px solid #FED07F; float: left; }
#af-mypicks { margin: 0 0 8 0px; padding: 4px; width: 170px; text-align: left; background-image:url(/images/pagewrap_100207/boxback.jpg);border: 1px solid #FED07F; float: left; }
.mypicks { margin: -8 0 8 0px; padding: 4px; width: 170px; text-align: left; border:1px solid #FED07F; border-top: 0px; float: left; background:#fff6e9;}
#mypicks { margin: -8 0 8 0px; padding: 4px; width: 170px; text-align: left; border:1px solid #FED07F; border-top: 0px; float: left; background:#fff6e9;}
.af-navad { margin: 8 0 0 0px; padding: 4px; width: 170px; text-align: left; background:#FFFfff; border: 1px solid #a4a4a4; float: left; font-size: 10px; letter-spacing:0.1em;}
#af-navad { margin: 8 0 0 0px; padding: 4px; width: 170px; text-align: left; background:#FFFfff; border: 1px solid #a4a4a4; float: left; font-size: 10px; letter-spacing:0.1em;}
.mediatype {font-family:Arial, Helvetica, sans-serif; width: 128px; float:right; line-height:1.5em;}
#mediatype {font-family:Arial, Helvetica, sans-serif; width: 128px; float:right; line-height:1.5em;}
/*hack for IE to adjust kerning*/
*html #mediatype {font-family:Arial, Helvetica, sans-serif; width: 128px; float:right; letter-spacing:-0.6; line-height:1.5em;}
/*End of hack*/

#categories {font-family:Arial, Helvetica, sans-serif; width: 120px; float:right; letter-spacing:0; line-height:1.1em;}
#subcategories {font-family:Arial, Helvetica, sans-serif; width: 110px; float:right; letter-spacing:0; line-height:1.1em;}

/*Right Side Layout*/
#content {margin:0 0 12px 180px; width: 746; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 3px solid #000; padding: 0 0 18px 3; background:#ffffff; }
#af-ad { margin: 2 2 2 6px; padding: 4px; width: 174px; text-align: left; border: 1px solid #a4a4a4; float:left;
font-size: 10px; letter-spacing:0.1em;}
#boxheader {margin: 4px; padding: 0px; width: 537px; border: 1px solid #343b46; float:left;}
#new_media { margin: 2px; padding: 2px; width: 169px; text-align: left; background:#ffffff; background-image:url(/images/pagewrap_100207/icon_linkarrow.gif); background-repeat:no-repeat; background-position: bottom; float: left; cursor: pointer; cursor: hand;} 
#joinbutton { font-family: Arial, "Microsoft Sans Serif"; margin: 2px; padding: 1px; width: 236px; text-align: left; border: 1px solid #343b46; float: left; font-size: 10px;}
#firstfeature { margin: 8 3 18 1px; padding: 2px; width: 174px; text-align: left; float:left;}
#feature { margin: 8 3 18 1px; padding: 2 1 2 4px; width: 176px; text-align: left; border-left: 1px solid #343b46; float:left;}
#firstfeature3 { margin: 8 3 18 1px; padding: 2px; width: 236px; text-align: left; float:left;}
#feature3 { margin: 8 3 18 1px; padding: 2 1 2 4px; width: 238px; text-align: left; border-left: 1px solid #343b46; float:left;}
#mediasample { margin: 0; padding: 4 1 2 19px; width: 166px; text-align: left; float:left;}
#doublefeature { margin: 18 2 18 2px; padding: 2px; width: 354px; text-align: left; float:left;}
#navigation { margin: 0px; padding: 4px; width: 170px; text-align: left; float: left; }
#navborder { margin: 0px; padding: 0 4 0 4px; width: 170px; text-align: left; float: left; }

/* added for new join renew form layout.  feel free to edit gdewitt 6/25/08 */
form.co { /* set width in form, not fieldset (still takes up more room w/fieldset width */
    margin: 0px;
    padding: 0px;
    color: #7D7E7E;
/*    width: 600px;*/
}

form.co fieldset { / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    border-width : 0px;
    border-style: none;
    padding: 10px;        /* padding in fieldset support spotty in IE */
    margin: 0;
}

form.co div.row {
    width: 600px;
    height: 20px;
    padding-bottom: 10px;
    clear: both;
}

/*
form.co label {
    width: 25%;
    display: block;
    float: left;
    text-align: right;
}
*/

form.co span.two_column {
    display: block;
    float: left;
    width: 25%
}

form.co span.one_column {
    display: block;
    float: left;
    width: 75%;
}






/* NICK'S UPDATES FOR JOIN */

#cartHeader {
  background-color:#333B44;
  color:#FFF;
  height:14px;
  padding:10px;
  font-weight:bold;
  font-style:italic;
  font-size:12px;
  line-height:14px;
}



.btnGryL, .btnGryR {
  width:5px;
  height:18px;
  float:right;
  margin-top:-2px;
  font-size:1px;
}
.btnGry {
  float:right;
  background-image:url('images/join/btn_gry.gif');
  line-height:18px;
  margin-top:-2px;
  padding-left:5px;
  padding-right:5px;
}
.btnGryL {
  background-image:url('images/join/btn_gry_l.gif');
  margin-left:5px;
}
.btnGryR {
  background-image:url('images/join/btn_gry_r.gif');
}
  
#tabs {
  padding-top:10px;
  padding-left:30px;
  height:40px;
}

#tabs a {
  margin-left:4px;
  display:block;
  float:left;
  height:39px;
  width:220px;
  border-width: 1px 1px 0px 1px;
  border-color: #000;
  border-style:solid;
  text-align:center;
  line-height:39px;
  color:#FFF;
  font-size:14px;
  font-weight:bold;
  position:relative;
  _bottom:-1px;
}

.tabSelected {
  height:40px ! important;
  position:relative;
  bottom:0px;
  _bottom:-2px;
}

.tab0 {
  background-image:url('images/join/grad_green.gif');
}
.tab1, .tab4 {
  background-image:url('images/join/grad_orange.gif');
}
.tab2, .tab5, .tab6 {
  background-image:url('images/join/grad_blue.gif');
}
.tab3, .tab7, .tab8 {
  background-image:url('images/join/grad_gray.gif');
}

form.co {
  border-top:1px solid #000;
  background-repeat:repeat-x;
} 

.clear {
  font-size:0px;
  height:0px;
  clear:both;
}

/* JARL ADDED FOR MULTISEAT */
.popups {padding:10px; text-align:left;}
a.faq {text-decoration: none; color: #000000;}
.cart_link {
		margin: 3px;
		padding: 3px;
		width: 80px;
		text-align: center;
		background-color:#385FB1;
		cursor: pointer;
		cursor: hand;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
		border:#CCCCCC solid 1px;
		color:#FFFFFF;
		} 
.product_selected {
		margin: 3px;
		padding: 3px;
		width: 80px;
		text-align: center;
		background-color:#dddddd;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
		border:#CCCCCC solid 1px;
		color:#FFFFFF;
		cursor: default;
		} 



label {line-height:22px;}


#un_directions {
  width:300px; 
  float:right;
  padding-right:20px;
}

#un_pw {
  width:400px;
  float:left;
}

#un_pw input {
  width:200px;
}

#un_pw label {
  width:140px;
  padding-right:5px;
  text-align:right;
  display:block;
  float:left;
}

#un_pw div {
  margin-top:4px;
  margin-bottom:6px;
}

legend {font-weight:bold;}

#payment label {display:block;float:left;width:260px;padding-right:4px;text-align:right;}
#payment div {margin-top:3px;margin-bottom:3px;float:left;}

.addressFields .dcol1, .addressFields .dcol2 {width:360px;float:left;height:28px;}
.addressFields label {width:100px;display:block;float:left;text-align:right;padding-right:4px;}
.addressFields input {width:140px;}
.addressFields select, #STATE_O, #SHIPPING_STATE_O {width:160px ! important;}
.addressFields .dcol3 {width:720px;height:26px;}
.addressFields .dcol3 label {float:none;display:inline;}
.addressFields .dcol3 input {vertical-align:middle;width:20px;}

.opt {font-style:italic;margin-left:4px;}

.productRow label {display:block;line-height:20px;margin-left:24px;cursor:pointer;}
.product, .qty, .price, .cdPromo {float:left;height:24px;line-height:24px;}
.product {width:400px;}
.price {width:100px;text-align:right;}
.qty {width:220px;text-align:right;}
.cdPromo {text-align:right;width:320px;}

#taxes_apply {width:300px;float:left;}
#subtotal_box {text-align:right;float:left;width:425px;font-weight:bold;}
#sub_total_line {background-color:#696969;height:25px;line-height:25px;color:#FFF;padding-left:4px;border:1px solid #FFF;}
.bonus_gold {background-image:url('images/join/bonus_bk_gold.gif');height:71px;padding: 1px 40px 20px 40px;}
.bonus_plat {background-image:url('images/join/bonus_bk_plat.gif');height:48px;padding: 1px 40px 20px 40px;}

.ucol1, .ucol2 {float:left;line-height:20px;}
.ucol1 {width:376px;}
.ucol2 {width:340px;text-align:right;}
.ucol1 input {vertical-align:middle;margin-right:5px;margin-top:0px;}

#cd_bundle {padding:5px 0px 5px 0px;margin:5px 0px 5px 0px;}
#cd_bundle input {margin-left:4px;}
#bundle_copy {padding:4px 4px 4px 21px;}

.cdsForSale .price {width:320px;}
.cdsForSale label {cursor:default;}

#cd_products .qty_content {display:none;}

.summaryLineItem {line-height:20px;}
.itemQuantity, .itemDescription, .itemPrice {float:left;}
.itemQuantity {width:24px;padding-left:10px;}
.itemDescription {width:490px;}
.itemPrice {width:190px;text-align:right;padding-right:10px;}
#summary_subtotal_line {background-color:#EDEDED;text-align:right;line-height:18px;padding-right:10px;font-weight:bold;line-height:20px;}
#shipping_dropdown label, #shipping_dropdown select {float:left;margin-top:8px;line-height:20px;}
#shipping_dropdown label {padding-left:10px;}
#shipping_price {float:right;padding-right:10px;margin-top:8px;line-height:20px;}

#tax_line, #total_line {text-align:right;padding-right:10px;line-height:20px;}
#total_line {clear:both;background-color:#6A6A6A;color:#FFF; font-weight:bold;}
#tax_line {width:346px;float:left;}
#tax_type {padding-left:10px;width:360px;float:left;line-height:20px;text-align:center;}
hr {background-color: #EDEDED; height:1px; border:0px;}
form.co h1 {font-size:18px;color: #7D7E7E;}

#loading_cart {font-weight:bold;font-size:14px;margin:20px;}
#shopping_cart{background-repeat:repeat-x;}

#upgrade_plat_pro {background-color:#A0A0A0;color:#FFF; padding:1px 5px 10px 14px;.padding-bottom:18px;border:1px solid #FFF;border-top-width:0px;}
#upgrade_plat_pro a {color:#FFF;}
#bonus_cd {padding:0px 10px 0px 10px;}
#shopping_cart, #shopping_cart h1 {color:#000 ! important;}



.product label {display:inline;float:left;line-height:20px;margin-left:4px;}
.moreInfo {float:left;line-height:20px;margin-left:10px;}
.product input {line-height:24px;}



.accountAdmin h1 {background-color:#343B46;color:#FFF;padding:3px 5px 3px 5px;font-size:12px;font-family: Arial,}
.accountAdmin p, .accountAdmin div {padding:0px 10px 0px 10px;}
.accountAdmin label {display:block;float:left;width:200px;text-align:right;padding-right:4px;}
.accountAdmin .row {margin-top:5px;}
.accountAdmin {border-bottom:2px solid black;padding-bottom:10px;}

#cartShadow h2 {cursor:default;}


#payment input, #un_pw input, #billingForm input, #shippingForm input, .qty_content input {height:12px;font-size:10px;}
#payment select, #un_pw select, #billingForm select, #shippingForm select, #shopping_cart select, #shipping_list {font-size:10px;height:19px;}