* {
margin: 0;
padding: 0;
}

p { 
margin: 1.12em 0; 
}

img {
border:0;
}

a {
color: #b09537;
}

body {
background: url(/images/format/body_top.gif) repeat-x;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 12px;
color: #474545;
}

h2 {
font-weight: bold;
color: #474545;
font-size: 12px;
}

h3 {
font-weight: bold;
color: #474545;
font-size: 14px;
}

h3 span {
color: #474545;
font-weight: normal;
}

h4 {
color: #474545;
font-size: 12px;
}

h5 {
font-size: 11px;
}

div#container {

width: 738px;
margin: 0 auto;
}

div.swagcontainer {
float: left;
width: 322px;
height: 175px;
}

div.swagleft {
float: left;
width: 142px;
height: 159px;
overflow: hidden;
}

div.swagright {
float: left;
width: 170px;
height: 159px;
overflow: hidden;
}

div.swagright p {
margin-top: 0;
}

div.swag_title {
margin: 0px;
}

div.swag_title a {
margin: 0px;
letter-spacing: -1px;
text-decoration: none;
font-weight: bold;
color: #474545;
font-size: 15px;
}

div.swag_titlebig {
letter-spacing: -1px;
text-decoration: none;
color: #d53926;
font-size: 30px;
}

div#copyright {
text-align: center;
color: #bcbcbc;
margin: 30px auto 0;
font-size: 11px;
}

div#copyright a, div#copyright a:visited {
color: #bcbcbc;
text-decoration: none;
}

div#copyright a:hover {
color: #bcbcbc;
text-decoration: underline;
}

div.indswagcontainer {
/*width: 629px;*/
width: 695px;
height: auto;
}

div.indswagleft {
float: left;
width: 236px;
/*height: 345px;*/
height: 745px;
overflow: hidden;
}
#prev_link{
	display: block;
	margin: 0 0 0 30px;
}

div.indswagright {
float: left;
width: 448px;
overflow: hidden;
}

div.indswagright p {
margin-top: 2px;
}

div.indswagright ul {
list-style-type: disc;
margin: 12px 0 0 0;
}

div.indswagright ul li ul {
margin: 0 0 12px 0;
}

div.indswagright ul li {
color: #474545;
font-size: 14px;
}

div.indswagright li li {
color: #474545;
font-size: 12px;
margin: 2px 0 0 18px;
}

div.indswagright li li li {
margin: 0 0 0 22px;
}

div.indswag_icon {
margin: 0;
padding: 0px 8px 20px 0;
width: 32px;
float: left;
}

div#home_right {
margin: 0 auto;
padding: 30px 0 0 0;
}

div#home2_right {
margin: 0 auto;
height: 75px;
width: 520px;
padding: 30px 0 0 0;
float: right;
}

div#home2_left {
margin: 0 auto;
height: 75px;
width: 115px;
padding: 20px 0 0 0;
float: left;
}

/*  ---   Music Page   ---   */

div.music_container {
width: 738px;
margin: 0 auto;
}

div.music_left {
width: 286px;
margin: 0 10px 0 0;
float: left;
}

div.music_right {
width: 372px;
float: left;
}

div.music_a {
margin: -10px 0 20px 0;
}


/*  ---   Main Header   ---   */
div#mainheader {
margin: 0 auto;
background: url(/images/header/header_main.gif) no-repeat;
width: 695px;
height: 143px;
}

#span_search_swag_box{
	background: url(/images/header/search_box.jpg) no-repeat;
	width: 209px;
	height: 27px;
	border: none;
	float: right;
	margin: 105px 0px 0 0;
	padding: 4px 0 0 5px;
}
#search_swag_box{
	background: none;
	width: 180px;
	height: 20px;
	border: none;
	float: right;
	margin-right: 29px;
	font-size: 15px;
	font-weight: normal;
	outline: none;
}

div#mainmenu {
margin: 0 0 0 22px;
padding: 0;
width: 695px;
font-size: 15px;
right: auto;
}

div#mainmenu li {
padding: 0 30px 0 0;
display: inline;
list-style: none;
}

div#mainmenu a {
text-decoration: none;
color: #989696;
}

div#mainmenu a:hover {
text-decoration: none;
color: white;
}

div#mainmenu_left {
width: 7px;
height: 31px;
background: url(/images/buttons/top/mm_left.gif) no-repeat;
float: left;
}

div#mainmenu_center {
padding: 6px 17px;
height: 19px;
width: 647px;
float: left;
background: url(/images/buttons/top/mm_center.gif) repeat-x;
}

div#mainmenu_right {
width: 7px;
height: 31px;
background: url(/images/buttons/top/mm_right.gif) no-repeat;
float: left;
}


/*  ---   Body Header   ---   */

div#body {
/*background-color: #FFF;*/
background: none;
width: 695px;
margin: 0 auto;
color: #4c4c4c;
overflow: hidden;
}

div#vid_container {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
text-align: center;
color: #97958b;
background-color: #414141;
width: 675px;
overflow: hidden;
}

div#video_homeContainer {
width: 675px;
height: 300px;
margin: 0;
padding: 0;
}

div#video_homeVideo {
width: 400px;
margin: 0;
padding: 0;
float: left;
}

div#video_homeContent {
width: 255px;
margin: 0 10px;
padding: 0;
float: left;
overflow: hidden;

}




div#maincontent {
padding: 10px 15px;
}

/*
div.pageheader {
width: 695px;
height: 96px;
margin: 0 auto;
}
*/

div.pageheader {
width: 695px;
height: 96px;
margin: 0 auto;
background: url(/images/header/subheader_grad.gif) repeat-x;
}

div.sortby {
margin:0 0 0 450px;
padding: 35px 0 0 0;
font-size: 14px;
}

div.pageheadertitle{
margin: 0 0 0 10px;
letter-spacing: -4px;
font-size: 42px;
padding: 15px 0 0 0;
float: left;
}

span.reg_right{
	display: block;
	float: right;
	font-size: 11px;
	margin: 35px 0 0 0;
}

/*
div#homeheader {
background: url(/images/header/subheader_home.gif) no-repeat;
}

div#swagheader {
background: url(/images/header/subheader_freeswag.gif) no-repeat;
}

div#the411header {
background: url(/images/header/subheader_the411.gif) no-repeat;
}

div#musicheader {
background: url(/images/header/subheader_music.gif) no-repeat;
}

div#adminheader {
background: url(/images/header/subheader_home.gif) no-repeat;
}
*/

div.swagWeeks h4 span {
color: #444;
font-weight: normal;
}

div.error {
border: 1px solid #e2c822;
background: #fff9d7;
padding: 0 14px;
margin: 12px 0 0;
color: #333;
font-weight: bold;
}

.floatLeft {
float: left;
}

.clear {
clear: both;
}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/** preview styles **/
div#preview{
	width: 672px;
	height: 530px;
	background: #fff;
	position: relative;
	/*position: absolute;
	top: 0;
	left: 0;*/
}
div#pwrap{
	display: none;
}
div#preview h2.preview_title{
	font-size: 23px;
	font-weight: normal;
	margin: 10px 0 8px 36px;
	float: left;
}
div#preview p.note{
	float: right;
	margin: 18px 38px 0 0;
	color: #aaa;
}
div#preview div.large{
	position: relative;
	margin: 0 0 0 36px;
}
div#preview div.large div.large_content{
	width: 597px;
	height: 336px;
	position: absolute;
	top: 46px;
	left: 0px;
}
div#preview div.large div.large_content img{
	width: 597px;
	height: 336px;
}
div#preview div.thumbs{
	width: 672px;
	height: 123px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #2C2C2C;
}

div#preview div.thumbs a{
	display: block;
	float: left;
	height: 123px;
	width: 103px;
	margin: 0 0 0 34px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	outline: none;
}
div#preview div.thumbs a.first{
	margin: 0;
}
div#preview div.thumbs img{
	width: 106px;
	height: 59px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}
div#preview span.icon_title{
	color: #fff;
}

div#preview div.thumbs div.items{
	margin: 17px 0 0 71px;
	width: 517px;
	height: 97px;
	overflow: hidden;
}
a.prev{
	position: absolute;
	cursor: pointer;
	left: 0px;
	top: 40px;
	background: url(/images/left_arrow.gif) no-repeat;
	text-indent: -999999px;
	z-index: 101;
}
a.next{
	position: absolute;
	cursor: pointer;
	right: -35px;
	top: 40px;
	background: url(/images/right_arrow.gif) no-repeat;
	text-indent: -999999px;
	z-index: 100;
}
div#swag_includes{
	background: #ECEFE8;
	width: 444px;
	height: 230px;
	padding-top: 20px;
	padding-bottom: 0px;
	position: relative;
	margin: 40px 0 40px 0;
}
div#swag_includes div.lower{
	background: #D9DCD5;
	height: 33px;
	width: 309px;
	/*position: absolute;
	bottom: 0;*/
	padding: 0 0 0 135px;
}
div.lower span{
	position: relative;
	top: 2px;
}
div.lower input,
div.lower img{
	position: relative;
	top: 5px;
}
div#swag_includes div#lower{
	top: 5px;
}
div#swag_includes h3{
	background: url(/images/hrd_swag_bag_includes.gif) no-repeat;
	text-indent: -999px;
	width: 279px;
	height: 56px;
	margin: 0 0 10px 20px;
}
div#swag_includes p{
	margin: 0 0 0 70px;
	color: #888;
	width: 370px;
}
div#swag_includes div.dl_btn{
	margin: 20px 0 10px 295px;
}
ul.optional_materials li div{
	color: #5;
	margin: 3px 0 5px 0;
	text-indent: 5px;
}
ul#materials_ul li ul.optional_materials{
	list-style: none;
}
ul#materials_ul{
	list-style: none;
}
div.comment_area{
	background: #dde2d5;
	padding: 30px 20px;
	width: 625px;
	margin-top: 40px;
}
div.comment_area h3{
	background: url(/images/hdr_share_your_ideas.gif) no-repeat;
	width: 237px;
	height: 44px;
	text-indent: -999px;
}
div.comment_area p.description{
	width: 560px;
	margin: 0 0 0 60px;
}
div.comment_area p{
	margin: 0;
}
div.init_login_prompt{
	margin: 15px 0 0 60px;
}
div.init_login_prompt a.login,
div.init_login_prompt a.logout{
	float: left;
	margin: 0 20px 0 0;
}
a.signup,
a.edit{
	float: left;
	margin: 7px 0 0 0;
	color: #427884;
	font-size: 9px;
}
div#signup_frm,
div#edit_acct_frm{
	width: 522px;
	margin: 30px 0 0 60px;
}
div#signup_frm h4{
	background: url(/images/hdr_sign_up.gif) no-repeat;
	width: 71px;
	height: 20px;
	text-indent: -999px;
	margin: 0 0 10px 0;
}
div#edit_acct_frm h4{
	background: url(/images/hdr_edit_account.jpg) no-repeat;
	width: 115px;
	height: 16px;
	text-indent: -999px;
	margin: 0 0 10px 0;
}
div#signup_frm input.txt,
div#login_frm input.txt,
div#edit_acct_frm input.txt{
	width: 228px;
	height: 21px;
	background: #fff;
	border: none;
	margin-bottom: 20px;
	padding-top: 6px;
}
div#signup_frm label,
div#login_frm label,
div#edit_acct_frm label{
	color: #666666;
	display: block;
}
div#signup_frm label.err,
div#login_frm label.err,
div#edit_acct_frm label.err{
	color: #cf0f0f;
	display: block;
}
div#signup_frm div.col1,
div#edit_acct_frm div.col1{
	width: 260px;
	float: left;
	border-right: 1px solid #aaa;
}
div#signup_frm div.col2,
div#edit_acct_frm div.col2{
	width: 228px;
	float: right;
}
input.btn_submit_signup,
input.btn_submit_edit,
span#signup_err{
	float: right;
}
span#signup_err{
	margin: 7px 10px 0 0;
	color: #cf0f0f;
}
span#browse_box{
	display: none;
}
span#photo_field{
	position: relative;
	display: block;
	margin-top: 10px;
}
span#photo_field img#your_photo{
	width: 60px;
	height: 60px;
}
a#choose_photo{
	position: absolute;
	left: 95px;
	margin-top: 20px;
}
div#login_frm{
	margin: 30px 0 0 60px;
}
div#login_frm h4{
	background: url(/images/hdr_login.gif) no-repeat;
	width: 49px;
	height: 19px;
	text-indent: -999px;
	margin: 0 0 10px 0;
}
div.log_sign .btn_login{
	margin: 0 0 0 27px;
}
span#login_passwd_block{
	display: block;
	width: 228px;
}
a.fgp_link{
	margin: 0 0 0 90px;
	float: left;
	font-size: 9px;
}
span.login_passwd_block label{
	float: left;
}

div#login_frm, div#signup_frm, div#edit_acct_frm{
	display: none;
}
div.comment_area hr{
	width: 580px;
	margin: 40px 0 0 30px;
	height: 1px;
	border: none;
	border-top: 1px solid #888;
}
div.swag_comment{
	width: 580px;
	margin: 40px 0 0 30px;
}
div.swag_comment div.image_holder{
	float: left;
	width: 60px;
}
div.image_holder img{
	width: 60px;
	height: 60px;
}
div.swag_comment div.text_content{
	float: right;
	width: 508px;
}
div.swag_comment p.name{
	float: left;
	color: #485a43;
	font-size: 13px;
	font-weight: bold;
}
div.swag_comment p.date{
	float: left;
	color: #6e7268;
	font-size: 10px;
	margin: 2px 0 0 10px;
}
div.swag_comment p.body{
	color: #373935;
	font-size: 9px;
	margin-top: 8px;
}
textarea.comment_body{
	width: 508px;
	height: 120px;
	border: none;
	margin: 50px 0 0 100px;
}
input.btn_post_cmnt{
	margin: 10px 0 0 100px
}
div.error_wrapper{
	position: relative;
}
div.error_pointer{
	background: url(/images/err_indicator.gif) no-repeat;
	width: 18px;
	height: 16px;
	position: absolute;
	left: -25px;
	top: 5px;
}
.fieldWithErrors {
  padding: 2px;
  background-color: #cf0f0f;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #cf0f0f;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin: 10px 0 0 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 20px;
}
div#error,
div#notice{
	height: 77px;
	width: 680px;
	background: #ecefe8;
	margin-bottom: 30px;
}
div#error{
	background: #ecefe8 url(/images/error_icon.jpg) no-repeat 10px 9px;
}
div#notice{
	background: #ecefe8 url(/images/notice_icon.jpg) no-repeat 10px 9px;
}
div#error span#big,
div#notice span#big{
	font-family: "Myriad Pro", Verdana, Arial;
	font-size: 30px;
	line-height: 30px;
	color: #535152;
	display: block;
	margin: 0;
	padding: 18px 0 0 90px;
}
div#error span#small,
div#notice span#small{
	font-family: "Myriad Pro", Verdana, Arial;
	font-size: 14px;
	line-height: 14px;
	color: #90908e;
	display: block;
	padding: 0 0 0 93px;
}
div#home_opener{
	margin: 0 0 20px 0;
}
div#featured_swag{
	float: left;
	width: 446px;
	height: 208px;
	/*background: #eff0ed;*/
	background: #dfe2d9 url(/images/featured_stuff_header.jpg) no-repeat 0 0;
}
/*
div#featured_swag h3{
	width: 237px;
	height: 46px;
	background: url(/images/hdr_featured_swag.gif) no-repeat;
	text-indent: -99999px;
	margin: 10px 0 0 15px;
	float: left;
}
*/
div#featured_swag h3{
	margin: 0px;
	height: 0px;
	text-indent: -999999px;
}
div#featured_swag div.swag_image{
	float: right;
	width: 142px;
	height: 159px;
	margin: 25px 10px 0 0;
}
div#featured_swag div.title a{
	clear: left;
	font-family: "Myriad Pro", Verdana, Arial;
	color: #d53926;
	font-size: 17px;
	line-height: 17px;
	text-decoration: none;
	display: block;
	padding: 20px 0 0 0;
	margin: 76px 0 0 25px;
}
div#featured_swag div.summary{
	color: #656565;
	font-size: 13px;
	line-height: 13px;
	font-family: "Myriad Pro", Verdana, Arial;
	padding: 0;
	margin: -7px 0 0 25px;
}
div#featured_swag div.download_link{
	float: left;
	margin: 13px 0 0 25px;
}
div#email_signup{
	float: right;
	width: 180px;
	margin: 0 10px 0 0 ;
	position: relative;
}
div#email_signup img{
	margin: 0 0 15px 0;
}
div#email_signup h3{
	font-family: "Myriad Pro", Verdana, Arial;
	font-size: 16px;
	color: #000;
}
div#email_signup p{
	font-size: 12px;
	font-family: "Myriad Pro", Verdana, Arial;
	color: #656565;
}
div#email_signup label{
	color: #607961;
	font-weight: bold;
	font-size: 12px;
	font-family: "Myriad Pro", Verdana, Arial;
}
div#email_signup input.eml_txt{
	height: 23px;
	width: 190px;
	border: 1px solid #ccc;
}
input.email_btn{
	position: absolute;
	right: -10px;
}
div.sw_week{
	background: url(/images/icon_week.gif) no-repeat;
	text-indent: 45px;
	padding-bottom: 10px;
}
#box_contents{
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 10px 0 40px;
}
#box_contents li{
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-size:12px;
	margin: 5px 0px;
}

#terms{ margin-left: 20px; }
#terms ol{ list-style-type: decimal; }
#terms ol ol{ list-style-type: lower-alpha; margin-left: 20px; }
#terms ol ol ol{ list-style-type: lower-roman; }
#terms ol li{margin: 13px 0px;}
#terms h2{ font-size: 20px; text-align: center;}
#terms h3{ font-size: 15px; text-align: center;}

#rss_block{
	float: right;
	position: relative;
	width: 218px;
	height: 207px;
	margin: 0px;
	background: url(/images/rss_background.jpg) no-repeat;
}
#rss_block p{
	margin: 0px;
	padding: 0px;
}
#rss_block #heading{
	font-weight: bold;
	color: #000;
	font-size: 14px;
	margin: 138px 0 0 18px;
}
#rss_block #desc{
	margin: 5px 0 0 18px;
	font-size: 11px;
}

div#home_ads{
	height: 160px;
}
div#home_ads div.ad{
	display: block;
	float: left;
	width: 215px;
	height: 160px;
	margin: 0px 5px;
}
div#home_ads div.first{margin-left: 0px;}
div#home_ads div.last{margin-right: 0px;}

div#stuff_ads div.ad{
	margin: 20px 0 0 30px;
	width: 175px;
	height: 210px;
}
#home_header{
	margin-top: 25px;
}