/**
 * This is custom CSS setup.
 * Needs BluePrintCss before this file
 * 
 * Colors Reference
 * Blue: #275C98
 * Orange: #F89A1C
 * Brown: #D9CDB5
 */
 
/* HTML */
body {
   background: #EBDDC4 url(../img/fill_top.png) repeat-x scroll left top;
   font-family: Arial, Helvetica, sans-serif;
}
a { color: #275C98; }
a:hover { text-decoration: underline; }
h1 { margin: 0; font-weight:bold; font-size: 14px; color: #eeeeee; }
h2 { 
   background: transparent url(../img/top.gif) repeat-x scroll left top; 
   font-size: 12px; 
   font-weight:bold;
   color: #ffffff; 
   height: 23px;
   padding: 3px 0px 0px 8px;
   margin: 0px;
}
h3 {
   font-size: 20px;
   border-bottom: 3px solid #D9CDB5;
   padding: 5px 0px;
   margin-top: 10px;
   font-weight: bold;
}
h4 {
   font-size: 16px;
   border-bottom: 1px solid #D9CDB5;
   padding: 0px 0px 1px 0px;   
   margin: 0px 0px 3px 0px;
   font-weight: bold;
}
/* Common Classes */
.right { float: right; }
.left { float: left; }
.hide { display: none; }
.inline { display: inline; }
.center { text-align: center; }
.starRating {
   background: url(../img/star_rating.png) no-repeat scroll;
   height: 16px;
}
.strike { text-decoration: line-through; }
.red { color: red; }
.paddingTop5 { padding-top: 5px; }
.paddingTop10 { padding-top: 10px; }
.marginTop10 { margin-top: 10px; }
/* Header */
#header { height: 110px; }

/* Logo */
#logo { margin-top: -10px; }
#logo a { text-decoration: none;	color: #FFFFFF;  }

/* Category Menu */
#menu {
	height: 42px;
   margin: 5px 0px 0px 0px;
}
#menu ul { float: right; list-style: none; margin:0px; }
#menu li { display: inline; float: left; width: 131px; }
#menu a {
   background: url(../img/tab.png) no-repeat left top;
	display: block;
	height: 42px;
	padding: 10px 20px 0px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
   color: #000000;
   font-size: 14px;
}
#menu a:hover { background: url(../img/tab_current.png) no-repeat left top; color: #ffffff; }
#menu a.activeTab { 
   background: url(../img/tab_current.png) no-repeat left top; color: #ffffff; 
   cursor: default;
}

/* User Menu */
#userMenu{
   height:50px;
	color: #eeeeee;
   vertical-align: middle; 
   padding-top:3px;
}
#userMenu a, #userMenu form, #userMenu #fb_profile_pic {
   display: block;
   float: right;
}
#userMenu #fb_profile_pic {
   width: 55px;
}
#userMenu a {
	color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
   font-size: 14px;
   margin-right: 16px;
}
#userMenu a:hover { text-decoration: underline; }
#loginStrip form, #loginStrip form label, #loginStrip form input { vertical-align: middle; }
#loginStrip form label { color: #eeeeee; font-size: 11px; padding: 0px 3px 0px 0px; }
#loginStrip form input { margin: 0px 3px 0px 0px; }
#loginStrip div { float: left; }
#loginStrip .loginBox input { width: 80px; font-size: 11px; height:13px; }
#loginStrip .submit input { 
   border: 1px solid #CF5202;
   background-color: #F89A1C;
   color: #ffffff;
   font-weight:bold;
   padding: 2px 3px;
   font-size: 11px;
   cursor: pointer;
}
/* Content */
.contentBox { 
   border: solid #C8BEA6;
   border-width: 0px 1px 1px 1px;
   margin-top: 3px;
   background-color: #fff;
   padding-bottom: 5px;
}

/* Index page center column */
.welcomeBox { background: url(../img/welcome_bg.jpg) no-repeat left top; width: 469px; height: 196px; margin-top:3px; }
.joinBtn { background: url(../img/welcome_btn.jpg) no-repeat left top; position:relative; top:150px; width:112px; height:31px; display:block; }
.joinBtn:hover { background: url(../img/welcome_btn_hover.jpg) no-repeat left top; }
.mainItem { margin: 5px 0px 0px 0px;}
.mainItemTitle { font-size: 14px; line-height: 17px; }
.mainItemTitle a { text-decoration: none; color: #275C98; }
.mainItemTitle a:hover { text-decoration: underline; color: #275C98; }
.mainItemTitle strong { color: #3d3d3d; }

/* Quick Links */
.quickLinks { list-style: none; margin: 0px 0px 0px 7px; padding: 0px; }
.quickLinks a { font-size: 13px; text-decoration: none; }
.quickLinks a:hover { text-decoration: underline; color: #275C98; }
.quickLinks li.active a { cursor: default; color: #F89A1C; text-decoration: none; font-weight:bold; font-size:13px; }

/* Search Box */
.searchBox { margin: 3px 0px; padding: 0px; }
.searchBox div.input { text-align: center; }
.searchBox div.submit { display: none; }
#SearchSearch { color: #999; padding: 2px; }

/* addThis Box */
.addThisBox { margin: 3px auto 0px auto; padding: 0px; width:127px; }

/* Release date lists */
.monthList { list-style: none; margin: 0px 0px 0px 7px; padding: 0px; }
.monthList a { font-size: 13px; color:#000; text-decoration: none; }
.monthList a:hover { text-decoration: underline; }
.monthList li.active a { cursor: default; color: #F89A1C; text-decoration: none; font-weight:bold; font-size:13px; }
.weekList { list-style: none; margin: 0px 0px 0px 12px; padding: 0px; }
.weekList li { 
   background: transparent url(../img/arr.gif) no-repeat scroll 0px 8px; 
   padding: 0px 0px 0px 12px;
}
.weekList a { font-size: 13px; color:#275C98; text-decoration: none; font-weight:bold; }
.month { font-weight: bold; margin:0px; padding:0px; }

/* Category filters */
#catFilters { list-style: none; margin: 0px 0px 0px 7px; padding: 0px 3px 0px 0px; }
#catFilters a { font-size: 13px; color:#000; text-decoration: none; font-weight:bold; margin: 0px; padding: 0px; }
#catFilters a:hover { text-decoration: underline; }
.categoryList { list-style: none; margin: 3px 0px; padding: 0px; }
.categoryList li {padding:0px; margin:0px;}
.categoryList li div.input { clear:both; }
.categoryList li input { display:block; float:left; width:15px; }
.categoryList li label { display:block; float:right; width:137px; font-size:12px; font-weight:normal; padding-left: 2px; position:relative; bottom:2px; }
#FilterIndexForm div.submit { margin: 9px 0px 0px 7px; }
#FilterIndexForm div.submit input { font-size: 12px; }
.selectall_dvd, .selectall_music { font-size:12px !important; font-weight:normal !important; color:#275C98 !important; text-align:right; display:block; width:70px; float:right; }

/* right column items */
.rightColItem { font-size: 12px; color: #000000; margin-top:5px; }
.rightColItem a { text-decoration: none; }
.rightColItem a:hover { text-decoration: underline; color: #275C98; }
.rightColItemAttr { text-align:right; }

/* Ad Styles */
div.adBox_300, div.adBox_160, div.adBox_728 { border: none; background-color: #F2E9D4; margin: 3px auto; }
div.adBox_300 { width:300px; height:250px; }
div.adBox_160 { width:160px; height:600px; }
div.adBox_728 { width:728px; height:90px; }
#footerAd {
   border-top: 3px solid #D9CDB5; 
   border-bottom: 3px solid #D9CDB5;
   margin: 5px 0px;
   padding: 5px 0px;
}

/* Footer style */
#footerLinks ul { float: right; list-style: none; margin:0px; }
#footerLinks li { display: inline; float: left;  }
#footerLinks a {
	display: block;
	padding: 2px 3px;
	text-align: center;
   color: #000000;
   font-size: 12px;
}

/* login & join form */
.loginFormWrapper { font-size: 14px; height: 400px; }
.loginFormWrapper label { display: block; padding: 0px; }
.loginFormWrapper input { 
   display: block; 
   font-size: 17px;
   margin: 0px 0px 10px 0px;
   height: 25px;
   width: 300px;
}
.loginFormWrapper div.submit input {
   color: #333333;
   width: auto;
   min-width: 100px;
   font-size: 1em;
}
.loginFormWrapper #UserRemember_ { display: none; }
.loginFormWrapper div.checkbox input { display: inline; width: 25px; height:auto; }
.loginFormWrapper div.checkbox label { display: inline; }
.loginFormWrapper div.checkbox { vertical-align: middle; }
.joinTit { color: #F89A1C; font-size: 20px; margin-top:10px; }
.joinDesc { font-size:13px; margin:0px; padding: 0px; }

/* Individual Item Style */
.itemBox {
   display:block;
   border: 1px solid #C8BEA6;
   margin-top: 3px;
   background-color: #fff;
   padding-bottom: 5px;
   padding-top: 10px;
}
.indItemTitle { font-size: 18px; padding: 0px 0px 3px 0px; font-family:arial; }
.itemBox .info { margin: 1px 0px;}
.itemBox a { font-size: 13px; color:#275C98; text-decoration: none; font-weight:bold; }
.itemBox a:hover { text-decoration: underline; }
#pricedetails { font-size: 11px; font-weight: normal; }

/* Create new watchlist */
#WatchlistAddlistForm { padding: 3px; }
#WatchlistAddlistForm input { margin:3px; }
#WatchlistName { width: 180px; }

/* my watchlists */
.watchlists { list-style: none; margin: 0px 5px; padding: 0px; }
.watchlists li { border-bottom: 1px solid #D9CDB5; color: #275C98; padding: 3px 0px; }
.watchlists li.last { border:none; }
.watchlists a { font-size: 13px; text-decoration: none; }
.watchlists a:hover { text-decoration: underline; color: #275C98; }
.watchlists a.active { cursor: default; color: #F89A1C !important; text-decoration: none; font-weight:bold; font-size:13px; }

/* watchlist popup */
.listPopup .title { padding: 3px 3px 3px 0px; margin:0px; font-size:18px; line-height:21px; color:#000000; font-weight:bold; }
.listPopup ol { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 3px;  list-style: outside url(../img/arr.gif); }
.listPopup ol * { color: #275C98 !important; }
.listPopup li { padding: 5px 3px 1px 0px; }
.listPopup a { font-size: 16px; text-decoration: none; color: #275C98; position: relative; top:3px; }
.listPopup span { font-size: 13px; position: relative; top:1px; }
.listPopup a:hover { text-decoration: underline; color: #275C98; }

/* user info box */
.userinfo { height:589px; }
.userinfo h4 { font-size:20px; }
.userinfo div { font-size:16px; padding: 5px 0px; }
.userinfo .notice { padding-left:5px; font-size:13px; margin-top:5px; }

/* watchlist setting */
#WatchlistSaveSettingForm { padding-bottom: 10px; }
#WatchlistSaveSettingForm div { padding-bottom: 5px; }
#WatchlistSaveSettingForm input, #WatchlistSaveSettingForm img { vertical-align: middle; }
#WatchlistSaveSettingForm label { font-weight: normal; margin-left: 3px; vertical-align: middle; }
#WatchlistSaveSettingForm .submit { float:right; }

/* pagination */
.paginate { padding-top: 8px; height:30px; }
.paginate span.dots, .paginate span.current, .paginate span a { 
   margin-left:3px;
   font-weight:bold; 
   font-size:13px;
   display:block; 
   float:left;
}
.paginate span.current, .paginate span a { border:1px solid #ccc; padding: 0px 5px; }
.paginate span.current { color:#F89A1C; }
.paginate span a { background:#F2E9D4; color:#275C98; text-decoration: none; }
.paginate span a:hover { text-decoration: underline; }

/* watchlist table */
table.watchlistTable { margin-top:5px; margin-bottom:0px; }
table.watchlistTable th { background-color:#F2E9D4; border-bottom: 1px solid #D9CDB5; }
table.watchlistTable td { font-size: 12px; background:none; border-bottom: 1px solid #eee; }
table.watchlistTable td a { font-size: 12px; font-weight: normal; }
table.watchlistTable .asc { padding: 8px; background: transparent url(../img/arr_up.gif) no-repeat scroll right; }
table.watchlistTable .desc { padding-right: 8px; background: transparent url(../img/arr_down.gif) no-repeat scroll right; }
table.watchlistTable td.removedItem { color:#999; font-size: 12px; }
table.watchlistTable td.removedItem span { text-decoration: line-through; color:#999; font-size: 12px; }

/* watchlist title */
.watchlistTitle { color:#F89A1C; padding-bottom: 10px; font-size:17px; font-weight:bold; }

/* Date style for main items */
.date { font-family: Arial,Helvetica,sans-serif; margin: 10px 0px 0px 0px; font-size:18px; color:#333; font-weight:bold; border-bottom: 1px solid #D9CDB5;  }