/* CSS Document */
body { background: #fffde1 url(../images/beegees_bg.jpg) repeat-x; margin: 0px; font-family: trebuchet ms; font-size: 11px}


#outer_container { background:url(../images/home_bg2.jpg) no-repeat; width: 100%; }
#inner_container { width: 1150px;}
#left_col { float: left; width: 300px; }
#right_col { float: left; width: 800px; }

.clear { clear: both; }
.hidden { display: none; }
a { color: #75839d} /* Default Link color */


/* LEFT COL */
#logo { position: relative; z-index: 10 }
#cart_links { font-size: 10px; color: #d0d0c2; position: relative; top: -20px; left: 30px; z-index: 11 }
#search { background: url(../images/search_bg.gif); width: 182px; height: 25px; margin: 0 0 20px 30px; position: relative}
#search input { border: 0; background: none}
#search #keywords { position: absolute; top: 5px; left: 0px; width: 160px; color: #93938a }
#search #search_submit { position: absolute; top: 4px; left: 162px; width: 15px; height: 15px; border: 0px}

/* Subscriptions */
#subscribe { background:url(../images/subscribe_bg.gif); width: 239px; height: 182px; margin: 0 0 10px 0; position: relative;}
#subscribe input { border: 0; background: none}
#subscribe #email { position: absolute; top: 60px; left: 30px; width: 160px; color: #93938a } 
#subscribe #newsletter_submit { position: absolute; top: 57px; left: 192px;}
#subscribe #texts_submit { position: absolute; top: 141px; left: 192px;}
#subscribe #cell_num { position: absolute; top: 145px; left: 30px; width: 160px; color: #93938a }

#other_places { background:url(../images/other_places_bg.gif); width: 238px; height: 99px; margin: 0 0 10px 0; }
#other_places ul { padding: 40px 0 0 30px; font-size: 11px}
#other_places li { list-style: none; }
#other_places a { font-weight: bold; text-decoration: none; color: #444481}

#social { background: url(../images/social_bg2.gif); width: 237px; height: 128px; }
#social_icons { padding: 36px 0 0 30px }
.social_icon { float: left; margin-right: 15px; }


#left_banner { width: 180px; height: 150px; background:url(../images/placeholder_180x150.gif);  margin: 0 0 0 30px}

#footer { font-size: 10px; color: #615e5d; text-align: right;; width: 240px; margin-top: 200px; line-height: 16px}
#footer a { color: #444481; }

#content_container {width: 680px;  margin: 30px 0 0 10px; display: inline-block; position: relative}
#main_content { background: url(../images/content_bg.png) no-repeat;  width: 680px;  position: relative; min-height: 300px; }

/* NAV MENU */
#nav_menu  { margin: 0 0 40px 0}
#nav_menu li { list-style: none; }
.level1 a { color: #3e465c; font-size: 22px; text-decoration: none}
.level1 a.level1_selected { color: #000000;}
ul.sub{ padding: 10px 0 10px 5px	 }
.level2 a { color: #3e465c; font-size: 18px; text-decoration: none;}
.level2 a.level2_selected { color: #000000;}


#tabs { position: relative; }
#tabs ul {  height: 24px; margin: 0; padding: 0 22px 0 0; width: 650px;  }
#tabs li {   display: inline-block; float:right; color: #ffffff; text-align: center; text-transform: uppercase; font-size: 16px; height: 24px; width: 110px; position: relative; }
#tabs li span {  background:url(../images/story/tab_off.png) no-repeat; cursor: pointer; color: #ffffff;  padding: 4px 0 0 0; height: 24px; width: 137px; display: block; position: absolute;left:0; top: 0}
#tabs li span.selected {  background:url(../images/story/tab_on.png) no-repeat; cursor: pointer; color: #465ba0;  height: 24px; width: 140px; display: block; position: absolute;left: 0; top: 0; z-index: 100}
#tabs a  { text-decoration: none; }
#tabs a { color: #ffffff }
#tabs li span.selected a { color: #465ba0;}



/* HOME PAGE SPECIFIC */

#home_flash { width: 992px; height: 680px; /* background: url(../images/fpo/home_flash.jpg); */ position: absolute; top: 0px; left: 236px; z-index: 1}
#home_content { background:url(../images/content_bg.png) no-repeat; width: 680px; min-height: 550px; padding: 20px 0 0 4px; z-index: 10; position: relative; top: 468px; overflow: hidden}

.home_feature { float: left; width: 204px; margin: 0 0 0 14px; position: relative; overflow: hidden }
.home_feature .feature_heading { padding: 2px 0 15px 0 }
.home_feature .feature_img { width: 203px; height: 204px;}
.home_feature  img.fimage {  border: 1px solid #f2c461; }
.home_feature .feature_text { color: #4a699f; font-family: trebuchet ms; font-size: 11px; padding: 4px 0}
.home_feature .feature_text a { color: #4a699f; text-decoration: none; }
.home_feature .image_tab { position: absolute; top: 177px; right: 0px; }

.home_text { font-size: 14px; padding: 10px 20px; line-height: 22px }

/* STORE */
#store_head { position: absolute; top: -2px; left: 25px}
#store_main { background: url(../images/store/store_main_bg.png) no-repeat; width: 680px;  margin: 30px 0 0 10px; position: relative; }
#store_music { background: url(../images/store/store_music_bg.png) no-repeat; width: 680px;  margin: 30px 0 0 10px; position: relative; }
#store_content { width: 640px; margin:40px 0 0 20px; display: inline-block;}


/* STORE MAIN */
.featured_item  { margin: 10px 0 30px 0; display: inline-block}
.feature_image { float:left; overflow: hidden }
.feature_info { float:left; width: 300px; } 
.feature_headline { background: #ecedf3; color: #3e3c85;  padding: 5px 20px; font-size: 22px; margin-top: 10px }
.feature_copy {margin: 10px 0 0 20px}
.feature_title { color: #ff7800; font-size: 16px; padding: 16px 0}
.feature_price { color: #ff7800; font-size: 16px; margin: 5px 0 0 0 }
.feature_price .old { text-decoration:line-through; color:#a5a5a5 }


/* STORE BROWSING */
.store_listings { border-top: 1px solid #cecad8; border-bottom: 1px solid #cecad8; padding: 20px 0 0 0}
.store_listing{ float:left; width: 150px; margin: 0 0 30px 0 }
.store_listing h2 { font-size: 11px }
.store_listing a { color: #4a699f}
.store_listing_spacer { float:left; width: 13px; height: 10px; display:block; }

ul.pages { margin: 0; padding: 0;}
ul.pages li { display: inline-block; border-right: 1px solid #5e70ab; padding: 0 5px; margin: 0}
ul.pages li:last-child { border: 0px}
.paging { margin: 4px 0}
.paging .sorting {float:left}
.paging .pages { float: right}
.paging a.selected { color: #ff7800}

/* PRODUCT PAGE */
.product_title { font-size: 22px; color: #4a699f }
.product_subtitle { font-size: 12px; color: #adadad; margin: 2px 0 10px 0}
.product_image { float:left }
.product_info { float:left; width: 300px; } 
.product_highlights { background: #ecedf3; color: #3e3c85;  padding: 5px 20px }
.product_highlights ul { padding: 0 0 0 10px; }
.product_highlights li { margin-bottom: 10px; }
.product_copy {margin: 10px 0 0 20px}
.read_more {text-align: right; }
.read_more, .read_more a { color: #6280b4}
.product_price { color: #ff7800; font-size: 16px; margin: 5px 0 0 20px }
.product_price .old { text-decoration:line-through; color:#a5a5a5 }

.product_options { background:#f2f0ef; height: 30px; width: 640px; margin: 2px 0 40px 0; position: relative }
.product_options #look_inside { position: absolute; top: 4px; left: 10px;}
.product_options #listen { position: absolute; top: 10px; left: 225px;}
.product_options #addtocart { position: absolute; top: 0px; left: 360px;}

.related_items { float: left; width: 315px; }
.related { float:left; width: 150px; margin: 15px 0 0 0 }
.related h2 { font-size: 11px }
.related a { color: #4a699f}
.related_spacer { float:left; width: 10px; height: 10px; display:block; }
.store_banner { float:left; margin: 0 0 0 15px }

#product_more { border-bottom: 1px solid #c9c4c8; padding: 0 0 8px 0 }
#product_more h1 { font-size: 14px; color: #4a699f; border-top: 1px solid #c9c4c8;padding: 28px 0 0 0; margin: 28px 0 0 0 }
.product_buy { color: #ff7800; font-size: 16px; margin: 5px 0 0 0px; float: left; }
.product_buy .old { text-decoration:line-through; color:#a5a5a5 }
.product_buy img { margin: 10px 0 0 0}
.product_banner { float: left; border-left:  1px solid #c9c4c8; padding: 0 0 0 10px; margin: 0 0 0 40px }




/* STORY TABS */
#the_story { position: absolute; top: -15px; left: 10px}

#story_left { float:left; margin: 30px 15px 10px 20px; width: 422px}
#story_left h1, #media_left h1 { font-size: 18px; font-weight: bold; margin: 0 }
#story_left .story_subtitle { color: #acacab; display:block; margin-bottom: 20px}
#story_right { float: left; width: 205px;  }
#timeline { height: 75px; padding:25px 0 0 0}
#story_sites { margin: 0 0 30px 0}

#discography { padding: 20px 0 0 0}
ul.discography { margin: 20px 0 0 0; padding: 0}
.discography li { list-style: none; height: 240px}
.discography li .album_title { display: block; margin: 6px 0 }
.slider_nav { text-align: center }

/* ALERTS */
#alerts { text-align: center}
#alerts h1 { font-size: 18px; margin-top: 10px}

/* MEDIA */
#media_left { float:left; margin: 30px 15px 10px 20px; width: 480p;}
#media_right { float: left; width: 157px; margin-top: 60px }
#slideshow { width: 480px; height: 340px; overflow: hidden; margin-top: 10px }