@import '../blueprint/lib/reset.css';
@import '../blueprint/lib/typography.css';

/* pink #37526D 
light #E2EDF3 */

body { background:#FFF url("/images/default/body.jpg") repeat-x;margin:0px;color:#222}
h1 {font-size:18px;color:#37526D;font-weight:bold;}
h2 {font-size:15px;color:#999;font-weight:bold;}
h3 {font-size:13px;color:#999;}

a, a:visited, a:hover { color:#37526D;text-decoration:none;}
ul { padding:0;}
small { color:#AAA;font-size:10px;}
#container { min-width:996px;margin:0px auto;min-height:600px;width: 86em;}
#user_settings { width:100%;text-align:right;}
#logo { background:transparent url("/images/default/logo.jpg") no-repeat;width:230px;height:123px;float:left;}
fields select, #search_fields input[type=text] { font-size:11px;margin-right:4px;}

#nav { clear:both;width:100%;font-size:13px;font-weight:bold}
#nav ul { padding:0;margin:0;}
#nav li { text-align:center;list-style:none;margin-bottom:5px;padding-top:15px;width:120px;height:50px;float:left;background:transparent url("/images/default/nav.jpg") no-repeat;}     
#nav li a { display:block;float:left;text-align:center;width:120px;}
#search  { background: transparent url("/images/default/search.jpg") no-repeat;width:640px;height:86px;margin:15px 0px; }
.button_search {margin-left:38px;margin-top:7px;}
#left { margin:0px 0px;width:630px;float:left}
#left p, #right p { font-size:14px;font-weight:bold;color:#666;}
#right { width:340px;float:right;}

#listen img, #burn img, #publish img { float:left;margin-right:10px;}
#listen h1, #burn h1, #publish h1 { font-size:16px;margin:0;}
#listen p, #burn p, #publish p { font-size:13px;margin:0;}
#listen, #burn, #publish { margin:10px 0px;}

#small_nav { float:right;text-align:right;margin:5px 0px;width:250px;font-size:11px;color:#FFF;}
#small_nav a { color:#FFF;}
#breadcrumb {}

.clear { clear:both;}
.no-margin { margin:0px;}

.no-padding { padding:0px;}
.padding-10 { padding:10px;}
.vmargin-10 { margin:10px 0px}
.vmargin-20 { margin:20px 0px}
.right { float:right;}
.left { float:left;}
.pink { color:#37526D;}
.link { color:#37526D; text-decoration:underline;}
.bold  { font-weight:bold;}

a.underline { color:#1794E1;text-decoration:underline;}
a.add_to_cart,a.add_to_cart:hover { border:0px;background:transparent url("/images/default/add_to_cart.gif") no-repeat;width:162px;height:31px;display:block;line-height:30px;text-indent:15px; }
a.button,a.button:hover { border:0px;background:transparent url("/images/default/button.gif") no-repeat;width:162px;height:31px;display:block;line-height:24px;text-indent:20px; }
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; width:94%; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/*  Formulaires */
input[type=text],input[type=file],input[type=password],select,textarea {
	border: 1px solid #BBB;
	padding: 4px;
	font-size:12px;
	color: #333;
	outline-style: none;
	margin-bottom:10px;
} 

.input { float:left; padding:5px 0px;}
.padding-10 { padding:10px;}
form p { margin: 0px 0px 10px 0px; }

form label {
	margin-left: 20px;
	width:120px;
	display:block;
	float:left;
	padding-top:8px;
	text-align:right;
	padding-right:10px;
	clear:both;
	line-height:18px;
	
}

fieldset { border:1px solid #DDD;}
legend { padding:10px;font-weight:bold;}


/* Music */
#left_column { width:200px;float:left;clear:both;padding-right:10px;}
#right_column { width:760px;float:left;margin-left:30px;}

li.cat { list-style:none;margin:0px;font-weight:bold;border-bottom:1px dotted #999; }
ul.sub_cat {list-style:none;margin:0;padding:3px 0px 3px 8px }
#li.sub_cat a {font-weight:normal; margin:0;color:#CCC;}
li.cat a:hover, li.sub_cat a:hover { color:#1794E1;}

.box_vinyl { font-size:11px;line-height:12px;height:215px;}

/* Affichage d'un produit */
#product_picture { width:200px;padding:5px 0px;background:#FFF;float:left;}
#product_description {float:right;width:480px;min-height:380px;padding:10px;background:transparent url("/images/default/product.jpg") no-repeat;}
#product_description p { font-size:11px;color:#000;}
.buy_button {width:115px;height:30px; }
#product_informations { font-size:11px;}
#product_informations td.key { color:#333;background:#EFEFEF;font-weight:bold;padding:0px 10px;width:180px; }
#product_informations td.value { color:#888;background:#FFF;padding:0px 20px; }
.small_pictures td{ text-align:center;}
.option { margin-left:0px;}

tr.selected { background:#BBB;font-weight:bold;color:#000;}

/* products */
.product { float:left;margin:0px 10px 10px 0px;width:170px;height:200px;}
.product h1 { font-size:13px;color:#000;}
.product h2 { font-size:12px;margin:0px;line-height:15px;font-weight:bold;}
.price { font-weight:bold;font-size:14px;height:26px;}

.product_category { width:210px;}

/* Small cart */
#small_cart { padding-top:5px;height:30px;font-size:12px;width:250px;}
#small_cart img { vertical-align:top;margin-right:5px;}
#bottom  { width:100%;height:50px;padding-top:20px;clear:both;text-align:center;background:transparent url("/images/default/bottom.jpg") repeat-x;}

/* Session */

#new_account, #existing_account { width:330px;height:400px;padding:10px;margin:0px 10px;float:left;}
#new_account { background: #FFF url("/images/default/grey_bloc.jpg") no-repeat;}
#existing_account { background: #FFF url("/images/default/blue_bloc.jpg") no-repeat;}

/* account */

.address {border:1px dotted #CCC;width:270px;padding:10px;margin:0px 20px 20px 0px;float:left;}


/* Récapitulatif commande*/
.order { width:100%;}
.order td { vertical-align:top;padding:2px;}
.order th { background:#37526D;padding:4px;text-transform:uppercase;font-size:11px;color:#FFF;}
.order img { border:1px solid #CCC;padding:2px;background:#FFF;}
.order a { text-decoration:none;font-size:14px;}
.line0 { background:#E8E9E0;}  
#summary td { text-align:right;}
.summary_key { text-indent:5px;text-align:left;font-weight:bold;}   


/* Assistant commandes */
.wizard { width:580px;min-height:400px;float:left;padding-right:10px}
.wizard_summary { width:180px;}
.separator {clear:both; min-height:80px;padding:5px;width:560px;}
.separator img { vertical-align:top;margin-right:10px;float:left;padding:2px;border:1px solid #AAA;}

.separator p { color:#999;width:470px;}

#content {

}

ul.crossfade {
	padding: 0;
	margin: 0px 0;
	list-style: none;
	position: relative;
}

#fader li {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
	visibility: hidden;
}


#monthmix { width:630px;height:146px;background:#0099CC url("/images/default/month_mix.jpg") no-repeat;}
#monthmix h1 { color:#FFF;padding:6px 0px 0px 0px;font-size:24px;}


.highlight_disc { width:115px;float:left;text-align:center;padding-right:3px; }
.section img { width:65px;padding:1px;margin:10px 0px;border:1px solid #CCC }

.tutorial li { margin:5px 20px; }

/* Listing-Steps */
#listing-steps ul {width:680px; list-style:none; margin:10px; clear:both; float:left;}
#listing-steps ul a {text-decoration:none; color:#a9a9a9;}
#listing-steps ul li {float:left; width:25%; background:url("/images/default/progress_bar.gif") repeat-x right 6px; text-align:left;}
#listing-steps ul.step5 li { width:20%;} /*only needed if you want to use 5 Steps*/
#listing-steps ul.step10 li {width:10%;} ul.step10 li a {margin-right:25%;} ul.step10 li span a {display:block; width:19px; height:19px; margin:0px;}  /*only needed if you want to use 10 Steps*/
#listing-steps ul li span {display:block; margin:auto; margin-right:50%; text-align:center; border:1px solid #a9a9a9; width:19px; height:19px; line-height:19px; background-color:#ffffff;}
#listing-steps ul li span a {display:block; width:19px; height:19px; margin:0px;}
#listing-steps ul li span a.active, ul li.active span a, ul li.past span a:hover, ul li.past:hover span a {background-color:#990000; color:#ffffff; }
#listing-steps ul li a {display:block; margin-right:11%; text-align:center;}
#listing-steps ul li.past {background-position:right -106px;}
#listing-steps ul li.active {background-position:right -48px;}
#listing-steps ul li#lastStep {background-position:right -214px;}
#listing-steps ul li#lastStep.active {background-position:right -162px;}
#listing-steps ul li.active a:hover, ul li.past a:hover, ul li.past a, ul li.active a {color:#990000;}
#listing-steps ul li.active span a:hover {color:#ffffff;}
#listing-steps ul li.past:hover {cursor:hand; cursor:pointer;}
#listing-steps ul li.past span, ul li.active span {border:1px solid #990000;}

#speed-login{float:right;width: 400px}
#speed-login #email{float:left;font-size:10px;height: 10px;margin-left:84px;width: 115px;margin-right:2px}
#speed-login #password{float: left; height: 10px; font-size: 10px; width: 100px;margin-right: 2px}
#speed-login input[type=submit]{float: left; font-size: 10px;}