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:0px; padding-left:5px; padding-bottom:0px; margin-bottom:0px; 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;}
.size18 {font-size: 18px;}
.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; width: 1100px;}
.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:2 5 2 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;}
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;
  }

/*New Sales Page*/
.salestable { width:714px; background:#999999; border: 1px solid #000; padding:5px;}

/*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;}
#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;}
#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;}
#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;}
.navbutton { margin: 8 0 0 0px; padding: 4px; width: 170px; text-align: center; background:#c2beb9; border: 1px solid #f4ae4b; float: left; font-size: 10px; letter-spacing:0.1em;}
#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-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px 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 5px; padding: 2px; width: 220px; text-align: left; float:left;}
#feature3 { margin: 8 3 18 5px; padding: 2 1 2 8px; width: 236px; 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; }

