@charset "utf-8";
/*------------------------------------------------------------------
Project:    PHONICA
Version:    0.40
Last change:    09/07/09
Author:   Target
Corporate:   Ernst & Edgar
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

0. Body
1. Colors / Typography
2. Globals
3. Header
    3.1. Settings
    3.2. Logo
    3.3. Player
    3.4. Covers
    3.5. Info
4. Nav
    4.1. Search
5. Content
    5.1 Pagination
    5.2 Sidebar
    5.3 Newsletter
    5.4 Comments
    5.5 Ads
    5.6 Product
    5.7 Login, register, recover pass
    5.8 Addressbook
    5.9 My Account
    5.10 Middle_large
    5.11 Step Menu
    5.12 Middle_large tables
    5.13 Highlighted items
    5.14 Ratings
    5.15 Chart Page 2010
6. Footer
7. Overrides

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[0. Body]
*/

body{
    width: 960px;
    font-family: 'lucida grande', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #4e4e4e;
    margin: 0 auto;
    background: url(../images/bg.jpg) #CACACA repeat-x top left;
}
h1,h2,h3,h4,h5,h6,p,a,textarea,input,button{font-family: 'lucida grande', Arial, Helvetica, sans-serif;}
input[type="text"],
input[type="password"],
textarea{ 
    padding: 4px;
    border:1px solid #9C9D9E;
    color:#000;    
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{ 
    border:1px solid #000;
    color:#000;    
}
input[type="checkbox"]{
    margin-left: -2px; 
}
form{
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,p,ul,ul li{
    margin: 0;
    padding: 0;
}
p{font-weight: normal;}
img{border:0;}
a{
/*     color: #005869; */
	color: #030303;
    text-decoration: none;
}
a:Hover{
    text-decoration: none;
}
table tr td a{
    color: #4e4e4e;
    text-decoration: none;
}
table tr td a:Hover{
    color: #4e4e4e;
    text-decoration: underline;
}
br{
    clear: both;
}
hr{
    color: #c4c5c5;
    background-color: #c4c5c5;
    border: 1px solid #c4c5c5;
    height:1px;
    margin: 8px 0;
    clear: both;
}
.out_of_stock{
	color:red;
	float:right;
	padding-right:4px;
	font-weight:bold;
}
/*------------------------------------------------------------------
[1. Colors / Typography ]
*/
h1{font-size: 22px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 11px;}

h1,h2,h3,h4,h5,h6{
    font-weight: bold;
}
.blue{ color: #0a87cb;}
.pink{ color: #005869;}

.small, .note {
    font-family:'lucida grande', Arial, Helvetica, sans-serif;;
    font-size: 10px;
}

label { font-weight: bold; }
.note { 
	font-weight: normal;
	font-style: italic;
}
/*------------------------------------------------------------------
[2. Globals]
*/

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.clear{ clear: both; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
#wrapper{
    width: 960px;
    text-align: left;
    margin: 0;
    margin-top:45px;
    position:relative;
    float: left;
}
#message{
    font-size:12px;
    font-weight:bold;
    margin:20px 10px;
    padding:6px;
    background-color: #fff6bf;
    border: 1px solid #ffd324;
    color: #514721;
}
#newsletter #message{margin:10px 0;}
#message img{
    padding:0 6px 0 0;
    float: left;
}
.middle_wrapper .error{
	/* margin: 10px; */
	margin: 2px;
}
.sidebar .error{
	margin-bottom: 10px;
}
.error{
    padding: 4px 8px;
    background-color: #fff6bf;
    border: 1px solid #e5cc34;
    color: #514721;
}

.success{
    margin: 1px 0;
    padding:4px;
    background-color: #EBFFBF;
    border: 1px solid #425122;
    color: #425122;
}
.button{
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    background: #252a31 url(../images/btn_grey.png) top left repeat-x;
    border-top: 1px solid #485161;
    border-left: 1px solid #485161;
    border-right: 1px solid #1e2228;
    border-bottom: 1px solid #1e2228;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
.button:Hover{
    color: #fff;
    padding: 4px 8px;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border-top: 1px solid #485161;
    border-left: 1px solid #485161;
    border-right: 1px solid #1e2228;
    border-bottom: 1px solid #1e2228;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}

.button_black{
    font-size: 11px;
    color: #fff;
    padding: 1px 8px 2px 8px;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
a.button_black{ padding: 3px 8px;}
a.button_black:Hover,
.button_black:Hover{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border: 1px solid #000;
    text-decoration: none;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
a.button_disabled{
    font-size: 11px;
    color: #747576;
    padding: 3px 8px;
    border: 1px solid #9e9e9e;
    background-color: #E7E7E9;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
a.button_disabled:Hover{
    text-decoration: none;
}
.input{
    padding: 5px;
    margin: 4px 4px 0 3px;
    font-size: 12px;
    color: #878889;
    border: 1px solid #c4c5c5;
    background-color: #fff;
    float: left;
}
.input:focus{
    color: #000;
    border: 1px solid #005869;
    background-image: none;
}
.select{
    padding: 2px;
    margin: 4px 4px 0 3px;
    font-size: 12px;
    color: #878889;
    border: 1px solid #c4c5c5;
    background-color: #fff;
    float: left;
}
.select:focus{
    color: #000;
    border: 1px solid #005869;
    background-image: none;
}

.master-wrapper{
	margin: 8px;
    _margin:4px;
    float: left;
}
.master-wrapper p{
    margin-bottom :8px;
}


/*------------------------------------------------------------------
[3. Header]
*/
#header{
    width: 960px;
    height: 145px;
    margin-top: 10px;
    float: left;
    position: absolute;

}

/*------------------------------------------------------------------
[3.1. Settings]
*/
#settings{}
#settings ul{
    list-style: none;
    float: right;
}
#settings ul li{
    display: inline;
    margin-left: 12px;
}

#settings ul li a{
    color: #000;
    text-decoration: none;
}
#settings ul li a:Hover{
    text-decoration: underline;
}

/*------------------------------------------------------------------
[3.2. Logo]
*/
#logo{
    width: 150px;
    height: 50px;
    margin: 25px 30px 0 0;
    float: left;
}

/*------------------------------------------------------------------
[3.3. Player]
*/
#player{
    width: 165px;
    height: 100px;
    margin-right: 20px;
    margin-top: -20px;
    float: left;
}

/*------------------------------------------------------------------
[3.4. Covers]
*/
#covers{
    margin: 2px 0 0 0;
    float: left;
}
#covers img{
    padding: 4px 8px 8px 4px;
    margin-right: 2px;
    background: transparent url(../images/img_medium.png) top left no-repeat;
}

/*------------------------------------------------------------------
[3.5. Info]
*/
#info{
    text-align: right;
    float: right;
}
#info ul{
    margin: 20px 0 0 0;
    font-size: 12px;
    color: #000;
}
#info ul li{
    list-style: none;
    padding-bottom: 6px;
}
#info ul li a{
    font-weight: bold;
    text-transform: capitalize;
    text-decoration: underline;
    color: #000;
}
#info ul li a:Hover{
    color: #005869;
}

#info ul li a span{
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}
#info ul li span a{
	text-decoration:none;
	color: #fff;
/* 	background-color:#005869; */
	background-color: #030303;
	font-weight:bold;
	padding:1px 4px 0 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#info ul li span a:Hover{
	color: #fff;
}
/*------------------------------------------------------------------
[4. Nav]
*/
#nav{
   width: 960px;
    height: 34px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
    top: 145px;
    background: transparent url(../images/nav.png) repeat-x top left;
    float: left;
    position: absolute;
    z-index: 109;

}


#menu, #menu ul {padding:0;list-style:none; height:32px;color: #fff;}
#menu {padding-left:2px; float: left; margin-top: 1px; z-index: 109; position: absolute;}
#menu li.first {}

#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left; border-right:1px solid #000;}
#menu li a {white-space:nowrap; display:block; float:left; height:32px; line-height:32px; font-size:13px; text-decoration:none; color:#fff; padding:0 20px 0 20px; font-family: 'futura', lucida grande, Arial, Helvetica, sans-serif;}
#menu li a.drop { _padding:6px 20px 0 10px;}
#menu li.last { border-right: 0; }
#menu li a:hover {position:relative; background: transparent url(../images/title_bg.png) top left repeat-x;}
#menu li:hover {position:relative; background: transparent url(../images/title_bg.png) top left repeat-x;}
#menu li:hover > a {color:#FFF;}

#menu li ul li a:hover {color:#005869;}

#menu :hover ul {left:-1px; top:30px; width:200px; background:url(trans.gif); padding-top:1px; border-bottom:0;}
#menu .last:hover ul { width: 100%; }
#menu .last:hover ul li { width: 100%; }
#menu :hover ul li a {background-color: #232325; border-left:1px solid #000; height:20px; line-height:20px; width:200px; border-bottom:1px solid #000; font-size:12px; padding: 2px 20px 2px 10px;}
#menu .last:hover ul li a { width: 100%; padding: 2px 10px 2px 10px;  }
#menu li.last a.drop { padding:0 10px 0 auto; _padding:6px 10px 0 10px;}

#menu :hover ul li a:Hover{ color: #fff;}

#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000;background: transparent url(../images/title_bg.png) top left repeat-x; color: #fff;}
#menu :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background: transparent url(../images/title_bg.png) top left repeat-x; color: #fff;}
#menu :hover ul :hover ul {left:150px; top:21px;}
#menu :hover ul :hover ul ul {left:-9999px;}

#menu :hover ul :hover ul li a:hover {padding-left:10px; }
#menu :hover ul :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
#menu :hover ul :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}

#menu :hover ul :hover ul :hover ul {left:150px;}
#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}

#menu ul li,
#menu ul li ul li,
#menu ul li ul li a{
	z-index: 9999;
	position: relative;
}

/*------------------------------------------------------------------
[4.1. Search]
*/
#search{
    padding: 0 4px 0 0;
    float: right;
}
.search_input{
    width: 130px;
    padding: 4px;
    margin: 3px 0 3px 3px;
    font-size: 12px;
    color: #878889;
    border: 1px solid #000;
    background: #fff url(../images/input_bg.png) repeat-x scroll top right;
    float: left;
}
.search_input:focus{
    color: #000;
    border: 1px solid #000;
    background-image: none;
}
.btn_search{
    width: 41px;
    height: 23px;
    margin: 5px 0 0 0;
    border: none;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    background: transparent url(../images/btn_search.png) top left;
    float: left;
}
.search_result_box .item-wrapper{
	width: 490px;
	border-bottom: 1px solid #cbcbcb;
	padding: 0 0 20px 0;
	margin: 0 0 20px 25px;
}
.search_result_box .item-wrapper .search_description{
	width:390px;
}
.search_result_box .error{
	margin: 10px;
}
/*------------------------------------------------------------------
[5. Content]
*/
#content{
    width:960px;
    position: absolute;
    top:200px;
    margin-top: 50px;
    float: left;

}
#contentchartgrid{
    width:1000px;
    position: absolute;
    top:200px;
    margin-top: 50px;
    float: left;

}
#left,
#right{
    width: 185px;
    float: left;
    position: relative;
}
#middle{
    width: 540px;
    margin:0 15px;
    _margin:0 7px;
    padding:0 10px;
    float: left;
    position: relative;
}

.chart-wrapper-big{
	width: 520px;
	background: #90d4b8;
	padding: 10px;
/* -webkit-box-shadow: 4px 4px 4px 0px ;
-moz-box-shadow: 4px 4px 4px 0px ;
box-shadow: 4px 4px 4px 0px ; */
	-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	float: left;}
.chart-wrapper-big-best{
	width: 520px;
	background: rgba(0,0,0,0.7);
	padding: 10px;
/* -webkit-box-shadow: 4px 4px 4px 0px ;
-moz-box-shadow: 4px 4px 4px 0px ;
box-shadow: 4px 4px 4px 0px ; */
	-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	float: left;}

.middle_wrapper{
    width:540px;
    _width:520px;
/* -webkit-box-shadow: 4px 4px 4px 0px ;
-moz-box-shadow: 4px 4px 4px 0px ;
box-shadow: 4px 4px 4px 0px ; */
    margin-bottom: 15px;
/*     background-color: #fff; */
	border: 1px solid #b2b2b2;
-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
    float: left;
}

.middle_wrapper_more{
    width:960px;
    _width:960px;
    margin-bottom: 15px;
/*     background-color: #fff; */
	border: 1px solid #b2b2b2;
    float: left;
}


.middle_wrapper_homepage{
    width:540px;
    margin-bottom: 15px;
    float: left;
}
.middle_wrapper_homepage_more{
    width:960px;
    margin-bottom: 15px;
    float: left;
}
.middle_feature{
    width: 538px;
    height: 183px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    float: left;
}
#content p{
    padding: 3px 0;
}
#content p.ssl-desc {
	padding: 3px 0;
	line-height: 1.5em;
}
#content h1{
    padding: 8px 4px 2px 0;
    border-bottom: 1px dotted #c4c5c5;
    margin-bottom: 10px;
    float: left;
}
#content h4{
    padding: 8px 4px 8px 0;
    margin-bottom: 4px;
    float: left;
}
.middle_title_formats{
    color: #320018;
    padding: 8px 6px;
    text-align: right;
}
.middle_title_formats a{
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    color: #030303;
}
.middle_title_formats a.selected_item{
	background-color: #030303
	;
	color: #ffffff;
	padding: 2px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.middle_sort{
    width: 528px;
/*     background-color: #ececed; */
    border-bottom:1px solid #b2b2b2;
    border-top:1px solid #b2b2b2;
    padding: 8px 6px;
    font-size: 11px;
    font-weight: normal;
    color: #000;
    text-align: right;
}
.middle_sort a{
    color: #000;
}
.middle_sort a:hover,
.middle_sort a.active,
.middle_sort a.selected_item{
    color: #005869;
}

.not_found_wrapper{
	margin: 0;
}
#content .not_found_wrapper h1,
.not_found_wrapper h1{
	margin: 10px;
	border-bottom: none;
}
.item_master_wrapper{
	width: 516px;
    margin: 8px 0 8px 22px;
    _margin: 8px 0 8px 17px;
    float: left;
}


.item-wrapper{
    width: 100px;
    margin-right: 29px;
    margin-bottom: 10px;
    float: left;
}
.item-wrapper2{
    width: 130px;
    margin-bottom: 20px;
    min-height: 120px;
    float: left;
	
}
.item-wrapper3{
    width: 130px;
    margin-bottom: 20px;
    float: left;
	
}

.middle_wrapper_bigger .item-wrapper,
.middle_wrapper_homepage .item-wrapper{
    width: 170px;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
}
.middle_wrapper_homepage_more .item-wrapper{
    width: 170px;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
}
#content .middle_wrapper_bigger .item-wrapper h5,
#content .middle_wrapper_bigger .item-wrapper p,
#content .middle_wrapper_bigger .item-wrapper p span,

#content .middle_wrapper_homepage .item-wrapper h5,
#content .middle_wrapper_homepage .item-wrapper p,
#content .middle_wrapper_homepage .item-wrapper p span{
	margin: 0;
	padding: 0;
}
#content .middle_wrapper_homepage_more .item-wrapper h5,
#content .middle_wrapper_homepage_more .item-wrapper p,
#content .middle_wrapper_homepage_more .item-wrapper p span{
	margin: 0;
	padding: 0;
}
.item-wrapper-artist{
    width: 350px;
    margin-right: 29px;
    margin-bottom: 10px;
    float: left;
}
#middle .item-wrapper-artist h5{
	margin: 0;
	padding: 2px 4px;
	background-color: #030303;
	float: left;
}
#middle .item-wrapper-artist h5 a{
	color: #ffffff;
	font-size: 16px;
}

.sidebar .item-wrapper a h5,
.middle_wrapper .item-wrapper a h5{
    color: #030303;
    font-weight: bold;
}
.sidebar .item-wrapper a h5:Hover,
.middle_wrapper .item-wrapper a h5:Hover{
    color: #1394c5;
}

.item-wrapper p{
    font-size: 11px;
    color: #000;
}
#content .item-wrapper p{
		padding: 3px 0 0 0;
}
.item-wrapper p span{
    font-size: 10px;
    color: #878889;
}
.middle_wrapper .item-wrapper h5,
.item-wrapper p{
    padding: 2px 0 0 0;
/*     margin-left: 6px; */
}

.item-wrapper h5 a{
	color: #030303;
}

.item-wrapper a:Hover{
    color: #1394c5;
}
/*new*/
.sidebar .item-wrapper-jcarousel{
	width: 175px;
    margin-bottom: 10px;
    text-align: center;
    float: left;
}
.sidebar .item-wrapper-jcarousel a{
	display: block;
}
.sidebar .item-wrapper-jcarousel a h5,
.sidebar .item-wrapper-jcarousel a p{
	color: #030303;
}
.sidebar .item-wrapper-jcarousel a:Hover h5,
.sidebar .item-wrapper-jcarousel a:Hover p{
	color: #005869;
}
#content .sidebar .item-wrapper-jcarousel p,
#content .sidebar .item-wrapper-jcarousel h5{
	margin: 0;
	padding: 0;
	float: none;
}
.sidebar .item-wrapper-jcarousel p span{
    font-size: 10px;
    color: #878889;
}
#middle .item-wrapper-big-more{
	width: 960px;
	border: 1px solid #b2b2b2;
	padding: 10px;
	margin-bottom: 10px;
	float: left;
}
#middle .item-wrapper-big{
	width: 520px;
	border: 0px solid #b2b2b2;
	background: #ebebeb;
	padding: 10px;
-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
/* -webkit-box-shadow: 4px 4px 4px 0px ;
-moz-box-shadow: 4px 4px 4px 0px ;
box-shadow: 4px 4px 4px 0px ; */
	margin-bottom: 10px;
	float: left;
}
#middle .item-wrapper-big .item_wrapper_big_info{
	width: 335px;
	float: left;
}
#middle .item-wrapper-big h5 a{
	font-size: 18px;
	font-family:'futura',lucida grande, arial, sans-serif;
	font-weight: normal;
	color: #030303;
}
#middle .item-wrapper-big p{
	font-size: 12px;
	font-family:'lucida grande', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #030303;
}
#middle .item_wrapper_box{
	width: 36px;
	float: left;
}
#middle .item_wrapper_play_btns{
	width: 338px;
background: #FFFFFF;
-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	border: 0px solid #b2b2b2;
	padding: 5px;
/* 	margin-top: 8px; */
	float: left;
}

#middle .item_wrapper_play_btns p{
	width: 13px;
	margin: 0 2px 0 0;
	text-align: right;
	float: left;
}
#middle .item_wrapper_play_btns img{
	margin: 1px 0 0 0;
	float: left;
}
#middle .item_wrapper_hover{
	position:relative;
	left:0;
	top:-168px;
	width:165px;
	height:165px;
	z-index:3;
	text-align: center;
}
#middle .item_wrapper_hover_txt{
	background-color: #000;
	padding: 2px;
	color: #fff;
	text-align: center;
}
#middle .item_wrapper_hover_txt_out{
	background-color: #ff0000;
	padding: 2px;
	color: #fff;
	text-align: center;
}
#middle .item_wrapper_hover_txt a{color: #fff;}
#middle .item_wrapper_hover_txt:Hover a,
#middle .item_wrapper_hover_txt a:Hover {color: #000;}
#middle .item_wrapper_hover_txt:Hover {background-color: #FFF;}

#middle .item_wrapper_hover_img{
	margin: 33px 55px 34px 55px;
	width: 55px;
	height: 60px;
	text-align: center;
}
#middle .item_wrapper_hover_txt,
#middle .item_wrapper_hover_img img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#middle .item_wrapper_hover_txt:Hover,
#middle .item_wrapper_hover_img img:Hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#middle .item_wrapper_big_info .item_wrapper_big_box{
	background-color:#ffffff;
	padding:5px;
	width:338px;
-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	margin-bottom:8px;
	float:left;
}
#middle .item_wrapper_big_info .item_wrapper_big_box span{
	margin-top: 4px;
}

/*------------------------------------------------------------------
[5.1. Pagination]
*/
#pagination{
    margin: 20px 10px;
    float: left;
}
#pagination ul{
    border:0; 
    margin:0; 
    padding:0;
    display: inline;}
#pagination ul li{
    border:0; 
    padding:0;
    font-size:12px;
    font-weight: normal;
    color:#C4C5C5;
    list-style:none;
    display: inline;
}
#pagination ul li.active{
    padding: 4px 6px;
    color: #fff;
    background-color: #222327;
    text-decoration: none;
}
#pagination ul li a{
    padding: 4px 6px;
    color: #4E4E4E;
    font-weight: bold;
    background-color: #fff;
    text-decoration: none;
}
#pagination ul li a:Hover{
    padding: 4px 6px;
    color: #0a87cb;
    background-color: #eaf3fa;
    text-decoration: none;
}



.pagination{
    margin: 20px 10px;
    float: right;
}
.pagination a{
	padding: 3px;
}
.pagination b{
	padding: 3px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	background-color: #030303;
}






#pagination_top{
    margin: 5px 10px;
    float: left;
}
#pagination_top ul{
    border:0; 
    margin:0; 
    padding:0;
    display: inline;}
#pagination_top ul li{
    border:0; 
    padding:0;
    font-size:12px;
    font-weight: normal;
    color:#C4C5C5;
    list-style:none;
    display: inline;
}
#pagination_top ul li.active{
    padding: 4px 6px;
    color: #fff;
    background-color: #222327;
    text-decoration: none;
}
#pagination_top ul li a{
    padding: 4px 6px;
    color: #4E4E4E;
    font-weight: bold;
    background-color: #fff;
    text-decoration: none;
}
#pagination_top ul li a:Hover{
    padding: 4px 6px;
    color: #0a87cb;
    background-color: #eaf3fa;
    text-decoration: none;
}

.pagination_top{
    margin: 5px 10px 20px;
    float: right;
}
.pagination_top a{
	padding: 3px;
}
.pagination_top b{
	padding: 3px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	background-color: #030303;
}






/*------------------------------------------------------------------
[5.2. Sidebar]
*/
.sidebar{
    width: 185px;
/* -webkit-box-shadow: 4px 4px 4px 0px ;
-moz-box-shadow: 4px 4px 4px 0px ;
box-shadow: 4px 4px 4px 0px ; */
border: 1px solid #b2b2b2;

-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    float: left;
}
.sidebar_coverflow{
    width: 185px;
    float: left;
}
.middle_wrapper_homepage h5,
.middle_wrapper h5,
.sidebar h5{
    padding: 8px 6px;
    font-size: 12px;
    font-weight: bold;
    font-family:'lucida grande', Arial, Helvetica, sans-serif;
	color: #030303;
    float: left;    
}
.middle_wrapper_homepage h5.more,
.middle_wrapper h5.more,
.sidebar h5.more{
    float: right;
}
.middle_wrapper_homepage h5.more a,
.middle_wrapper h5.more a,
.sidebar h5.more a{
    color: #030303;
    margin:0 4px 4px 0;
    text-decoration: none;
    float: right;
}
.middle_wrapper_homepage h5.more a:Hover,
.middle_wrapper h5.more a:Hover,
.sidebar h5.more a:Hover{
    color: #030303;
	text-decoration: none;
}
.sidebar_title{
    width: 185px;
    
}
.middle_title{
    width: 540px;
}
.middle_title_more{
    width: 960px;
}
.sidebar_title h5,
.middle_title h5{
	font-size: 14px;
	font-family:'futura',lucida grande, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}



.middle_title h5.more,
.middle_title h5.more a{
	font-size: 12px;
	color: #b2b2b2;
	float: right;
}
.sidebar .sidebar_title h5.more{
	font-size: 10px;
	margin-top: 4px;
}
.middle_title,
.sidebar_title{
    margin-bottom: 10px;
/*     background: #003b4d url(../images/title_bg.png) top left repeat-x; */
    float: left;    
}
.sidebar_content_wrapper p{
    line-height: 12px;
    color: #000;
    padding: 0;
    margin: 0;
    float: left;
}
.sidebar_content h5 a{
	color: #000;
}
.sidebar_content_wrapper p a{
	color: #000;
    text-decoration: none;
}
.sidebar_content_wrapper p a:Hover{
    color:#1394c5;
    text-decoration: none;
}
.sidebar_content_wrapper p span{
    color: #9c9d9e;
    text-transform: capitalize;
}
.sidebar_content{
    width: 90px;
    padding-top: 6px;
    float: left;
}
.sidebar_content_large{
    width: 175px;
    padding: 5px;
    float: left;
}

.sidebar_content_wrapper img{
    margin: 4px;
    padding:6px 10px 8px 6px;
    background: transparent url(../images/img_small.png) top left no-repeat;
    float: left;
}
.sidebar_content_wrapper{
    margin-bottom: 10px;
    float: left;
}
.sidebar_community{
	margin:0 0 0 11px;
}
.sidebar_community img{
	margin: 0 2px 10px 2px;
	border: 1px solid #EAEAEA;
	float: left;
}
.sidebar_community img:Hover{
	border: 1px solid #005869;
}
.sidebar_twitter {
	margin: 0px 10px 10px 10px;
	float:left;
}
.sidebar_twitter a{
	display: inline;
}
.sidebar .sidebar_title h5.newsletter{
	font-size: 11px;
}
/*------------------------------------------------------------------
[5.3 newsletter]
*/
#newsletter input[type="text"]{
    width: 163px;
    padding: 5px;
    font-size: 12px;
    color: #000;
    border: 1px solid #535353;
    background: #fff url(../images/input_bg.png) repeat-x scroll top right;
    float: left;
}
#newsletter input:focus{
    color: #000;
    border: 1px solid #000;
    background-image: none;
}
#newsletter input[type="submit"]{
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    margin: 4px 0 0 0;
    background: #252a31 url(../images/btn_grey.png) top left repeat-x;
    border-top: 1px solid #485161;
    border-left: 1px solid #485161;
    border-right: 1px solid #1e2228;
    border-bottom: 1px solid #1e2228;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    float:left;
}
#newsletter input[type="submit"]:Hover{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border-top: 1px solid #485161;
    border-left: 1px solid #485161;
    border-right: 1px solid #1e2228;
    border-bottom: 1px solid #1e2228;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}



/*------------------------------------------------------------------
[5.4 comments]
*/
#comment_form input[type="text"],
#comment_form textarea{
    width: 492px;
    font-size: 11px;
}
#comment_form input[type="text"]:focus,
#comment_form textarea:focus{
    border: 1px solid #000;
}
#comment_form textarea{
    height: 60px;
}
#comment_form input[type="submit"]{
font-size: 11px;
    color: #fff;
    padding: 2px 8px 1px 8px;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:right;
}
#comment_form input[type="submit"]:Hover{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
}
.comment h5{
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.latest_comment{
	margin: 0px 10px 10px 10px ;
}

.latest_comment a{
	color: #4E4E4E;
}

.latest_comment_title{
	font-weight: bold;
}

.latest_comment_title a{
	color: #4E4E4E;
}

.comment_wrapper{margin: 0px 10px 20px 10px;}

.comment_wrapper .item-wrapper{	width: 175px;}
.comment_wrapper .item-wrapper .description{ width: 96px;}
.comment_text{	margin-bottom: 20px;}
.comment_item{	margin-bottom: 5px;}
.comment_item h5 a{
	color: #005869;
	text-decoration: none;
}

.comment_item h5 a:Hover{
	color: #4E4E4E;
	text-decoration: none;
}

.comment_item table tbody tr td p{
	margin-left: 6px;
}

.comment_text{
	background:#EFEFEF none repeat scroll 0 0;
	padding:5px 8px;
	position:relative;
	width:300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
}
.comment_text .arrow{
	border-left:10px solid white;
	border-right:medium none;
	border-top:20px solid #EFEFEF;
	top:10%;
	height:0;
	line-height:0;
	position:absolute;
	left:-10px;
	width:0;
}

#comment_form .comment_textarea textarea{
	font-size: 12px;
	background:#EFEFEF none repeat scroll 0 0;
	padding:5px 8px;
	position:relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 4px solid #b2b2b2;
	float: left;
}
.comment_textarea .arrow{
	border-left:15px solid transparent;
	border-right:10px solid transparent;
	border-bottom:15px solid #b2b2b2;
	height:0;
	line-height:0;
	position:relative;
	top:-12px;
	left:2%;
	width:0;
}
#comment_form .comment_textarea:Hover textarea,
#comment_form .comment_textarea textarea:Hover{	border: 4px solid #4E4E4E;}
#comment_form .comment_textarea textarea:focus{
    border: 4px solid #4E4E4E;
    background-color: #fff;
}
#comment_form .comment_textarea:Hover .arrow,
#comment_form .comment_textarea:Focus .arrow{
	border-bottom:15px solid #4E4E4E;
}
#comment_form .button_disabled{
	float: right;
}

/*------------------------------------------------------------------
[5.5 Ads]
*/
.ads{
    width: 169px;
    background-color: #fff;
    text-align: center;
    padding:8px;
    float: left;
}

/*------------------------------------------------------------------
[5.6 Product]
*/


#product_box{
    width: 190px;
    margin-right: 10px;
    float: left;    
}
#srch_product_box{
	margin: 0px 10px 10px 20px;
	float: left;
	width: 140px;
}
#product_detail{
    width: 320px;
    _width: 300px;
    float: left;
}
#product_detail button{
    width: 100px;
    color: #fff;
    padding: 1px 4px 2px 4px;
    margin-right: 10px;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
#product_detail button:Hover{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
#product_detail table{ 
    width: 320px; 
    margin-bottom: 10px;
}
#product_detail table tr td a.button_black{    float: right;}
#product_detail table tr td p{
    padding:0;
    margin: 3px 0 0 3px;
}
#product_detail h3{
	color: #030303;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


#product_tag_disabled,
#product_tag{
    width: 190px;
    margin: 10px 0 0 0;
}
#product_tag_disabled input[type="text"],
#product_tag input[type="text"]{
    width:110px;
    height: 14px;
    padding: 3px 3px 1px 3px;
    margin: 0 0 0 0;
    font-size: 11px;
    color: #000000;
    float: left;
}

#product_tag_disabled input[type="text"]{
    border: 1px solid #9e9e9e;
    border-right: none;
}
#product_tag input[type="text"]{
    border: 1px solid #000;
    border-right: none;
}

#product_tag input[type="text"]:focus{
    color: #000;
    border: 1px solid #000;
    border-right: none;
    background-image: none;
}
#product_tag_disabled input[type="submit"],
#product_tag input[type="submit"]{
	margin: 0;
	height: 20px;
    font-size: 11px;
    padding: 1px 4px 2px 4px;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
#product_tag_disabled input[type="submit"]{
    color: #747576;
    border: 1px solid #9e9e9e;
    background-color: #E7E7E9;
}
#product_tag input[type="submit"]{
    color: #fff;
    border: 1px solid #000;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
}

#product_tag input[type="submit"]:Hover{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}

/*add*/
.product_tag_input{	
	width:125px;
    height: 14px;
    padding: 3px 3px 1px 3px;
    margin: 0 0 0 7px;
    font-size: 11px;
    color: #747576;
    background: #fff url(../images/input_bg.png) repeat-x scroll top right;
    border: 1px solid #000;
    border-right: none;
    float: left;
}
.product_tag_input:focus{
    color: #000;
    border: 1px solid #000;
    border-right: none;
    background-image: none;
}

.product_tag_submit{
    font-size: 11px;
    padding: 1px 4px 2px 4px;
    *padding: 0px 8px 0px 4px;
    _padding: 1px 4px 0px 4px;
    
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    color: #fff;
    border: 1px solid #000;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
    float:left;
}
.product_tag_submit:Hover{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    float:left;
}




#gallery{
	margin: 20px 10px 10px 10px;
}

#gallery ul { list-style: none; 
	padding: 0px 5px 0px 5px;
} 

#gallery li { display: inline; }

#gallery ul img {
	border: 5px solid #fff;
	border-width: 5px 5px 5px ;
	height: 40px;
}

.sidebar_coverflow_br{
	border-top: 1px solid #b2b2b2;
}

.frame_190_big{
    width: 175px;
    height: 174px; 
	padding: 0 4px 0 0;
    background: transparent url(../images/frame_190.png) bottom left no-repeat;
    float: left;
}
.frame_190{
    width: 171px;
	padding: 0 4px 6px 0;
    background: transparent url(../images/frame_190.png) bottom left no-repeat;
    float: left;
	position:relative;
}
.frame_190 .chart-position{
	position:absolute;
	top:10px;
	left:10px;
	width:40px;
	min-height:40px;
	padding: 10px 5px 0px 5px;
	vertical-align: middle;
	-moz-border-radius: 40px;-khtml-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;
	-webkit-box-shadow: 2px 2px 2px 0px ;
-moz-box-shadow: 2px 2px 2px 0px ;
box-shadow: 2px 2px 2px 0px ;
	background: rgba(0,0,0,0.7);
}
.frame_190 .position-text{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
	padding-top:5px;
}
.bestofpanel 
{
opacity:0.6;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.bestofpanel:hover
{
opacity:0.8;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.bestofpanela
{
opacity:0.6;
filter:alpha(opacity=40); /* For IE8 and earlier */
margin-left: 8px;
}
.bestofpanela:hover
{
opacity:0.8;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.chartsmixes
{
margin-top: 20px;
}
.bestofcharts
{
width: 636px;
display: inline;
float: left;
}
.bestofdj
{
width: 616px;
background: rgba(0,0,0,0.7);
padding: 10px;
-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}
.bestofartist
{
margin-top: 20px;
width: 616px;
background: rgba(0,0,0,0.7);
padding: 10px;
-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}
.bestofmixes
{
margin-left: 10px;
display: inline;
float: left;
}
.bestofgridnew
{
width: 293px;
display: inline;
float: left;
margin-bottom: 10px;
margin-right: 10px;
background: rgba(0,0,0,0.7);
padding: 10px;
-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}
table.list{
    width: 514px;
    margin: 13px;
    _margin: 6px;
    float:left;
}
table.list th{
    border-bottom: 3px solid #E7E7E9;
    background-color: #e7e7e9;
}
table.list td{
    border-bottom: 5px solid #E7E7E9;
    background-color: #f3f4f4;
}
table.list td button,
table.list td button:Hover{
    float:right;
}

/* caption styling  for covers*/

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: 'lucida grande', Arial, Helvetica, sans-serif;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

.strike_price{
    text-decoration:line-through;
}

.on_sale_box{
    padding:2px; 
    background-color:#005869; 
    color:#ffffff;
    margin-left:10px;
}

    
/*------------------------------------------------------------------
[5.7 Login, register, recover pass]
*/
#register,
#advanced-search,
#recover_pass{
    float: left;
}

#login {
	margin: 30px 0 40px 12px;
	padding: 20px 10px;
	background-color: #E4E4E4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #b2b2b2;
	float: left;
}

#register label,
#recover_pass label,
#advanced-search label,
#login label{
    padding: 4px 4px 0 0;
}
#register label, 
#advanced-search label{
    width:125px;
    margin-bottom: 10px;
}

#register input,
#recover_pass input,
#login input,
#advanced-search input {
    margin-right: 15px;
}
#login input[type="text"],
#login input[type="password"]{
	width: 130px;
}
#register input[type="text"],
#register input[type="password"],
#advanced-search input[type="text"],
#advanced-search input[type="password"] {
    width:225px;
    margin-bottom: 10px;
}

#register label,
#register input,
#login label,
#login input,
#recover_pass label,
#recover_pass input,
#advanced-search label,
#advanced-search input {
    float:left;
}

#advanced-search input[type="radio"],
#advanced-search input[type="checkbox"] {
	vertical-align: middle;
}

#advanced-search label + div {
	float: left;
}

#register input[type="submit"],
#advanced-search input[type="submit"],
#advanced-search input[type="reset"],
#login input[type="submit"],
#recover_pass input[type="submit"] {
    font-size: 11px;
    color: #fff;
    padding: 1px 4px 2px 4px;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    margin-top: 1px;
    float:left;
}
#register input[type="submit"]:Hover,
#advanced-search input[type="submit"]:Hover,
#advanced-search input[type="reset"]:Hover,
#login input[type="submit"]:Hover,
#recover_pass input[type="submit"]:Hover{
	background: #252a31 url(../images/title_bg.png) top left repeat-x;

}

#register input[type="submit"],
#advanced-search input[type="submit"],
#advanced-search input[type="reset"] {
    margin-left:286px;
}
/*------------------------------------------------------------------
[5.8 Global Forms]
*/
.global_forms{
    width: 520px; 
}
.global_forms_label,
.global_forms label{
    /* width: 168px; */
    width: 138px;
    display: block;
}
.global_forms_input,
.global_forms_textarea,
.global_forms textarea,
.global_forms input[type="text"],
.global_forms input[type="password"]{
/*     width: 320px; */
	width: 360px;
    font-size: 12px;
}
.global_forms select{
    width: 378px;
}

.global_forms input[type="submit"],
.global_forms input[type="reset"]
{
    font-size: 11px;
    color: #fff;
    padding: 1px 8px 2px 8px;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:right;
}
.global_forms input[type="submit"]:Hover,
.global_forms input[type="reset"]:Hover
{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border: 1px solid #000;
    text-decoration: none;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:right;
}



/*------------------------------------------------------------------
[5.8 Forms]
*/
table.forms input[type="text"]{
    width: 350px;
}
.forms select{
    width: 360px;
}
.forms label{
    width: 150px;
}
.forms input[type="submit"],
.forms input[type="reset"]
{
    font-size: 11px;
    color: #fff;
    padding: 1px 8px 2px 8px;
    background: #252a31 url(../images/btn_black.png) top left repeat-x;
    border: 1px solid #000;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}
.forms input[type="submit"]:Hover,
.forms input[type="reset"]:Hover
{
    color: #fff;
    background: transparent url(../images/title_bg.png) top left repeat-x;
    border: 1px solid #000;
    text-decoration: none;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
     float:left;
}





.table_addressbook{
	width: 520px;
    margin: 0;
    border: 1px solid #bababa;
    float: left;
}
.table_addressbook th{
    color: #bababa;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    background-color: #eaeaea;
}
.table_addressbook td.last,
.table_addressbook th.last{
    border-bottom: 0;
}
.table_addressbook td{
    color: #333;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #bababa;
    background-color: #fff;
}


/*------------------------------------------------------------------
[5.9 My Account]
*/
@media projection, screen {
    /* Toggler - default style */
    .toggler {
        width: 516px;
        margin:8px 0 8px 0;
        cursor:pointer;
        text-decoration: none;
        font-size: 14px;
        font-weight:bold;
        line-height:30px;
        display: block;
    }
    .toggler-closed {
        color:#333;
        padding-left:4px;
        height:30px;
        background: #efefef url(../images/togglerc.gif) center right no-repeat;
        border: solid 1px white;
    }
    .toggler-closed:hover {
        color: #000;
        padding-left:4px;
        height:30px;
        background: #efefef url(../images/togglerch.gif) center right no-repeat;
        border: solid 1px #e3e3e3;
    }
    .toggler-opened {
        color:#333;
        padding-left:4px;
        height:30px;
        background: #efefef url(../images/togglero.gif) center right no-repeat;
        border: solid 1px white;
    }
    .toggler-opened:hover {
        color: #000;
        padding-left:4px;
        height:30px;
        background: #efefef url(../images/toggleroh.gif) center right no-repeat;
        border: solid 1px #e3e3e3;
    }

    /* Container - default style */
    .toggler-c {
    }
    .toggler-c-closed {
       background-color:#efefef;
       border:solid 1px #e3e3e3;
       margin:-8px 0px 8px 0px;
       padding:4px;
    }
    .toggler-c-opened {
       margin:-8px 0px 8px 0px;
       padding:4px;
       background:#efefef;
       border:solid 1px #fff;
    }
    
    /* Container - added */
    .toggler-c p{
        margin: 0 0 4px 4px;
    }
    .toggler-c p a{
        color: #000;
    }
    .toggler-c p a:Hover{
        color: #005869;
        text-decoration: underline;
    }
    
    
    
}

@media print {
    .toggler-c { margin-bottom:8px; }
    .toggler { display: none; }
}


/*------------------------------------------------------------------
[5.10. Middle_large]
*/
.middle_large{
    width: 750px;
/*     height: 30px; */
    margin-bottom: 10px;
/*     background: transparent url(../images/title_bg.png) top left repeat-x; */
border: 1px solid #b2b2b2;



    float: right;
/* -webkit-box-shadow: 4px 4px 4px 0px ;
-moz-box-shadow: 4px 4px 4px 0px ;
box-shadow: 4px 4px 4px 0px ; */
	-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;    
}

.middle_large_title{
    padding: 8px 6px;
    color: #030303;
    float: left;    
}
.middle_large_title h5{
	font-size: 16px;
    font-weight: normal;
    font-family:'futura',lucida grande, arial, sans-serif; 
}
.middle_large h5.more{
    float: right;
}
.middle_large h5.more a{
    color: #030303;
    margin:0 4px 4px 0;
    text-decoration: none;
    float: right;
}
.middle_large h5.more a:Hover{
    color: #000;
    text-decoration: underline;
}
.middle_large_content{
    width: 750px;
/*     background-color: #fff; */

    float: left
}
.middle_large_content p{
    margin: 10px;
}
.middle_large_step_wrapper{
	width: 750px;
/*     background-color: #f7f7f7; */
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    margin: 0 0 10px 0;
    float: left;
}
.middle_large_step_wrapper p{
    font-size: 10px;
    font-weight: normal;
    color: #727272;
    margin: 10px 10px 0 10px;
}

/*------------------------------------------------------------------
[5.11. Step Menu]
*/
#step_menu{
    margin: 10px;
    border: 1px solid #bababa;
    float: left;
}
#step_menu li{
    height:26px;
    list-style:none;
    float:left;
    background-color:#FFF;
    background-image: url(../images/step_clean.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    font-family:'lucida grande', Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#bbbbbb;
    padding-top:12px;
    padding-left:12px;
}

#step_menu li.current{
    color: #FFF;
    background-color: #005869;
    background-image: url(../images/current.jpg);
}

#step_menu li.lastDone{
    background-color:#efefef;
    background-image: url(../images/undone.jpg);
}

#step_menu li.done{
    background-color:#efefef;
    background-image: url(../images/done.jpg);
}

#step_menu li a, #step_menu li a:link, #step_menu li a:visited, #step_menu li a:hover, #step_menu li a:active {
color:#ccc;
}

#step_menu li.lastDone a, #step_menu li.lastDone a:link, #step_menu li.lastDone a:visited, #step_menu li.lastDone a:hover, #step_menu li.lastDone a:active, #step_menu li.current a, #step_menu li.current a:link, #step_menu li.current a:visited, #step_menu li.current a:hover, #step_menu li.current a:active, #step_menu li.done a, #step_menu li.done a:link, #step_menu li.done a:visited, #step_menu li.done a:hover, #step_menu li.done a:active {
color:#bababa;
}

#step_menu li.done a:hover, #step_menu li.lastDone a:hover  {
color:#333;
cursor:hand;
}

#step_menu li.step_menuNoBg{
background-image:none;
}

#step_menu li a{
height:26px;
display:block;
}

/* #step_menu.fourStep */
#step_menu.fourStep li{width:138px;}
#step_menu.fourStep li.step_menuNoBg{width:116px;}
#step_menu.fourStep li a{width:138px;}

/*------------------------------------------------------------------
[5.12. Middle_large Tables]
*/
.table_large{
    width: 730px;
    margin: 10px;
    border: 1px solid #bababa;
}
.table_large th{
    color: #bababa;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #bababa;
    background-color: #eaeaea;
}
.table_large td{
    color: #333;
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    border-top: 1px solid #bababa;
    background-color: #fff;
}
.table_large th.last{
    border-right: 0;
}
.table_large td.first{
    text-align: left;    
}
.table_large td input{
    text-align: right;
    width: 30px;
}


.table_medium{
    width: 520px;
    margin: 0;
    border: 1px solid #bababa;
    float: left;
}
.table_medium th{
    color: #bababa;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #bababa;
    background-color: #eaeaea;
}
.table_medium th.last{
    border-right: 0;
}
.table_medium td{
    color: #333;
    font-size: 11px;
    font-weight: normal;
    border-top: 1px solid #bababa;
    background-color: #fff;
}


.table_small{
    width: 360px;
    margin: 10px 0 10px 10px;
    border: 1px solid #bababa;
    float: left;
}
.table_small th{
    color: #bababa;
    background-color: #eaeaea;
}
.table_small td{
    color: #333;
    font-size: 11px;
    font-weight: normal;
    border-top: 1px solid #bababa;
    background-color: #fff;
}
.table_small tr.flag td{
    background-color: #fff8ab;
}
.table_small td.extra,
.table_small_clean td.extra{
    color: #717171;
    font-size: 10px;
    font-weight: normal;
    border-top: 1px solid #bababa;
    background-color: #eaeaea;
}
.table_small td a{
    color: #005869;
}
.table_small_clean td.extra a span{
    text-decoration: underline;
}
.table_small_clean td.extra a span:Hover{
    color: #005869;
    text-decoration: none;
}

.table_small_clean{
    width: 360px;
    margin: 10px 0 10px 10px;
    border: 1px solid #bababa;
    float: left;
}
.table_small_clean th{
    color: #bababa;
    background-color: #eaeaea;
}
.table_small_clean td{
    color: #333;
    font-size: 11px;
    font-weight: normal;
    background-color: #fff;
}
.table_small_clean input[type="text"]{
    width:260px;
    margin: 0;
    float: left;
}
.table_small_clean .extra select{
    width: 340px;
}

.table_small_clean select{
    width: 260px;
}

.table_large div.payment{
    width: 344px;
    padding: 4px;
    border: 1px solid #bababa;
    background-color: #eaeaea;
    float: left;
}
.table_large div.payment:Hover{
    border: 1px solid #333;
    background-color: #fff;
}
.table_large div.payment img{
    margin: 10px 0;
    float: left; 
}


.checkout_btns{
    width: 730px;
    margin: 10px;
    padding: 10px 0 0 0;
    border-top:1px solid #bababa;
    float: left;
}
.checkout_btns_wrapper{
    background-color: #eaeaea;
}

.checkout_btns a{
    width: 77px;
    height: 15px;
    padding: 4px 8px 2px 8px;
    font-size: 11px;
    cursor: pointer; /* hand-shaped cursor */
     cursor: hand; /* for IE 5.x */
}
.checkout_btns a.back{
    color: #bababa;
    text-align: right;
    background: #eaeaea url(../images/checkout_back.png) top left repeat-x;
    float:left;
}
.checkout_btns a.back:Hover{
    color: #333;
    background: #bababa url(../images/checkout_back.png) top left repeat-x;
}
.checkout_btns a.next{
    color: #fff;
    background:#252A31 url(../images/checkout_next.png) no-repeat left top;
     float:right;
	 margin-left: 5px;
}
.checkout_btns a.next:Hover{
    color: #eaeaea;
    background: #bababa url(../images/checkout_next.png) no-repeat left top;
}

.checkout_small_text{
	margin-left: 15px;
	color: #717171;
	font-size: 10px;
	font-weight: normal;
}

.table_login{
    margin-left: 40px;
}
.table_login label{
    width:80px;
    padding: 4px 0 4px 0;
    float: left;
}
.table_login input[type="text"],
.table_login input[type="password"]{
    width:150px;
    margin: 0 0 2px 0;
    float: left;
}
.table_login input[type="submit"]{
    background:#252A31 url(../images/btn_black.png) repeat-x scroll left top;
    border:1px solid #000000;
    color:#FFFFFF;
    cursor:pointer;
    float:left;
    font-size:11px;
    margin: 1px 0 0 6px;
    padding:1px 4px 2px;
    float: left;
}
.basket_link{
	color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    margin-right: 10px;
    background: #000 url(../images/btn_black.png) top left repeat-x;
    border-top: 1px solid #485161;
    border-left: 1px solid #485161;
    border-right: 1px solid #1e2228;
    border-bottom: 1px solid #1e2228;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    float:right;
}
.basket_link:Hover{
	color: #fff;
    background: #252a31 url(../images/title_bg.png) top left repeat-x;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

/*------------------------------------------------------------------
[5.13. Highlighted items]
*/

.highlight{
	margin: 10px 0px 20px 0px;
}

/*------------------------------------------------------------------
[5.13. Rating items]
*/

.rating_item{
	margin: 0px 8px 15px 8px; 
}

.rating_item a{
	color: #005869;
}

.rating_item a:Hover{
	color: #4E4E4E;
	text-decoration: none;
}

.rating_item p{
	margin-left: 6px;
}


/*------------------------------------------------------------------
[5.14. Top Rated]
*/
.top_rated .item-wrapper{
	margin: 5px;
	width: 175px;
}
.top_rated img{
	margin-right: 4px;
	float: left;
}
.top_rated .item-wrapper .description{
	padding: 0;
	width: 96px;
}

.sidebar .top_rated .item-wrapper a h5,
.sidebar .top_rated .item-wrapper a p{
	padding: 0;
	margin: 0;
}

.item-wrapper div.star{margin: 0 2px 5px 0;}



/*------------------------------------------------------------------
[5.15. Chart Page 2010]
*/


.twentytenchart{
    width: 250px;
    margin: 2px;
   float: left; 
border: 1px solid #b2b2b2;
padding: 3px;
}



/*------------------------------------------------------------------
[6. Footer]
*/
#footer{
    width: 540px;
    height: 20px;
    font-size: 11px;
    color: #333;
    text-align: center;
    float: left;
}
#footer ul{
    padding: 4px 0 0 0;
}
#footer ul li {
    display: inline;
    list-style: none;
}
#footer ul li a{
    color: #000;
    text-decoration: none;
}
#footer ul li a:Hover{
    color: #005869;
    text-decoration: none;
}
/*------------------------------------------------------------------
[6. Footer Full Page]
*/
#footerfull{
    width: 960px;
    height: 20px;
    font-size: 11px;
    color: #333;
    text-align: center;
    float: left;
}
#footerfull ul{
    padding: 4px 0 0 0;
}
#footerfull ul li {
    display: inline;
    list-style: none;
}
#footerfull ul li a{
    color: #000;
    text-decoration: none;
}
#footerfull ul li a:Hover{
    color: #005869;
    text-decoration: none;

}

 /*------------------------------------------------------------------
[7. TABLES]
*/


.details h3{
    background-color: #4E4E4E;
    color: #fff;
    padding: 6px;
    float: left;
}
.table_1{
    width:710px;
    border: 1px solid #cacaca;
    border-left:none;
    border-bottom:none;
    background-color: #fff;
}
.table_2{
    width:350px;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-left:none;
    border-bottom:none;
    float: left;
}

.table_3{
    width:522px;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-left:none;
    border-bottom:none;
    float: left;
}

.table_1 td,
.table_2 td,
.table_3 td,
.table_1 th,
.table_2 th,
.table_3 th
{
    border-bottom: 1px solid #cacaca;
    border-left:1px solid #cacaca;
    padding:6px;
}
.table_1 th,
.table_2 th,
.table_3 th{ 
    background-color: #f3f3f3;
}

.table_3 td a{
	color: #005869;
	text-decoration: none;
}
.table_mrg{
    margin-top: 20px;
    float:left;
}
.table_mrg_rght10{
    margin-right: 10px;
}
.table_mrg_lft20{
    margin-left:20px;
}

.buttons{
    margin-top: 10px;
    margin-right: 6px; 
    float:right;
}
.buttons a{
    color:#ffffff;
    background-color:#0A87CB;
    padding: 4px;
    
    margin-left: 6px;
}
.buttons a:Hover{
    color:#333333;
    background-color:#aaaaaa;
}

/*------------------------------------------------------------------
[7. Overrides]
*/
.mrg_no{
    margin: 0;
}
.mrg_top4{
    margin-top: 4px;
}
.mrg_top20{
    margin-top: 20px;
}
.mrg_rgt8{
    margin-right: 8px;
}
.mrg8{
    margin: 8px;
}
.fleft{float: left;}
.fright{float: right;}


/*------------------------------------------------------------------
[8. Vinyl Factory Group]
*/
.vfg_header{
	background: black url('../images/vfg/vfg_bg.jpg') repeat-x top left;
	position:absolute;
	height:45px;
	margin:0;
	left:0;
	top: 0;
	z-index:99;
	width:100%;
	text-align:center;
}
.vfg_header .vfg_wrapper{
	margin: 0 auto;
}
.vfg_header img.vfg_logo{
	float: left;
}
.vfg_header .vfg_ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
.vfg_header .vfg_ol li{
	float: left;
}
ol.vfg_ol li a{
	height: 45px;
	cursor: hand;
	display: block;
}
ol.vfg_ol li.vfg_man,
ol.vfg_ol li.vfg_man_active,
ol.vfg_ol li.vfg_edi,
ol.vfg_ol li.vfg_edi_active,
ol.vfg_ol li.vfg_reg,
ol.vfg_ol li.vfg_reg_active,
ol.vfg_ol li.vfg_fac,
ol.vfg_ol li.vfg_fac_active,
ol.vfg_ol li.vfg_pho,
ol.vfg_ol li.vfg_pho_active,
ol.vfg_ol li.vfg_gal,
ol.vfg_ol li.vfg_gal_active,
ol.vfg_ol li.vfg_ser,
ol.vfg_ol li.vfg_ser_active{
	cursor: hand;
	height: 45px;
	float: left;
}
ol.vfg_ol li.vfg_man,
ol.vfg_ol li.vfg_man_active{
	width: 154px;
	background: transparent url('../images/vfg/vfg_man.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_edi,
ol.vfg_ol li.vfg_edi_active{
	width: 106px;
	background: transparent url('../images/vfg/vfg_edi.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_reg,
ol.vfg_ol li.vfg_reg_active{
	width: 108px;
	background: transparent url('../images/vfg/vfg_reg.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_fac,
ol.vfg_ol li.vfg_fac_active{
	width: 94px;
	background: transparent url('../images/vfg/vfg_fac.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_pho,
ol.vfg_ol li.vfg_pho_active{
	width: 79px;
	background: transparent url('../images/vfg/vfg_pho.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_gal,
ol.vfg_ol li.vfg_gal_active{
	width: 103px;
	background: transparent url('../images/vfg/vfg_gal.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_ser,
ol.vfg_ol li.vfg_ser_active{
	width: 112px;
	background: transparent url('../images/vfg/vfg_ser.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_abo,
ol.vfg_ol li.vfg_abo_active{
	width: 73px;
	background: transparent url('../images/vfg/vfg_abo.jpg') no-repeat scroll 0 0;
}
ol.vfg_ol li.vfg_man_active,
ol.vfg_ol li.vfg_edi_active,
ol.vfg_ol li.vfg_reg_active,
ol.vfg_ol li.vfg_fac_active,
ol.vfg_ol li.vfg_pho_active,
ol.vfg_ol li.vfg_gal_active,
ol.vfg_ol li.vfg_ser_active,
ol.vfg_ol li.vfg_man:Hover,
ol.vfg_ol li.vfg_edi:Hover,
ol.vfg_ol li.vfg_reg:Hover,
ol.vfg_ol li.vfg_fac:Hover,
ol.vfg_ol li.vfg_pho:Hover,
ol.vfg_ol li.vfg_gal:Hover,
ol.vfg_ol li.vfg_ser:Hover{
	background-position: 0 -45px;
}
/* VF Gold Top Navigation - Checkout */
#masthead 				{width:auto;height:44px;background-image: url('../images/vfg-gold/vf-background.png')}
#vinyl_factory_top_bar	{width:1063px;margin: auto;}
ul.vfg_ul				{margin:0 !important;}
li.vf-logo				{background: transparent url('../images/vfg-gold/vf-logo.png') no-repeat scroll 0 0;display: block;height: 44px;background-position: 0 0px;margin-left: 0px;float: left;width: 150px;outline: none;}
li.vf-logo:Hover		{background-position: 0 0px; cursor: pointer; }
li.vf-logo a 			{width: 100%; height:100%; display:block;}
ul.vfg_ul				{margin:0 !important;}
li.vf-factory			{background: transparent url('../images/vfg-gold/vf-the-factory.png') no-repeat scroll 0 0;display: block;height: 44px; background-position: 0 -43px;margin-left: 2px;float: left;width: 112px;outline: none;}
li.vf-factory:Hover		{background-position: 0 0px; cursor: pointer; }
li.vf-factory a 		{width: 100%; height:100%; display:block;}
ul.vfg_ul				{margin:0 !important;}
li.vf-editions			{background: transparent url('../images/vfg-gold/vf-limited-editions.png') no-repeat scroll 0 0;display: block;height: 44px;background-position: 0 -43px; margin-left: 2px;float: left;width: 136px;outline: none;} 
li.vf-editions:Hover	{background-position: 0 0px; cursor: pointer; }
li.vf-editions a 		{width: 100%; height:100%; display:block;}
ul.vfg_ul				{margin:0 !important;}
li.vf-gallery			{background: transparent url('../images/vfg-gold/vf-galleries.png') no-repeat scroll 0 0;display: block;height: 44px;background-position: 0 -43px;margin-left: 2px;float: left;width: 87px;outline: none;}
li.vf-gallery:Hover		{background-position: 0 0px; cursor: pointer; }
li.vf-gallery a 		{width: 100%; height:100%; display:block;}
ul.vfg_ul				{margin:0 !important;}
li.vf-fact-magazine		{background: transparent url('../images/vfg-gold/vf-fact-magazine.png') no-repeat scroll 0 0;display: block;height: 44px;background-position: 0 -43px;margin-left: 2px;float: left;width: 144px;outline: none;}
li.vf-fact-magazine:Hover	{background-position: 0 0px; cursor: pointer; }
li.vf-fact-magazine a 		{width: 100%; height:100%; display:block;}
ul.vfg_ul					{margin:0 !important;}
li.vf-phonica				{background: transparent url('../images/vfg-gold/vf-phonica.png') no-repeat scroll 0 0;display: block;height: 44px;background-position: 0 0px;margin-left: 2px;float: left;width: 88px;outline: none;}
li.vf-phonica:Hover		{background-position: 0 0px; cursor: pointer; }
li.vf-phonica a 		{width: 100%; height:100%; display:block;}
ul.vfg_ul				{margin:0 !important;}
li.vf-about-us			{background: transparent url('../images/vfg-gold/vf-about-us.png') no-repeat scroll 0 0;display: block;height: 44px;background-position: 0 -43px;margin-left: 15px;float: right;width: 136px;outline: none;}
li.vf-about-us:Hover	{background-position: 0 0px; cursor: pointer; }
li.vf-about-us a 		{width: 100%; height:100%; display:block;}

/* Checkout Banner */
#checkout_banner	{float:left;width:562px;margin:10px 0 0 5px;}