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

"DEFAULT (blue)" 

MUSICPAYMENT STYLE SHEET - 'su_css1.css'

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

body {
	margin:0;
	background: #fff;
	font:100% Verdana, Arial, sans-serif;
	color: #666; 
	padding:0;
}
div#container{
	width: 780px;
	padding: 0;
	margin:0 auto;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 780px;
}

p {font-size:75%; margin:0; padding:0 0 10px 0; line-height: 1.4;}
a {color: #296dcf;}
a:hover {color: #1c4a8d;}

div#su_logo a {padding:0;}
div#su_logo a:hover {background: none;}

ul {font-size:75%; margin:0 0 0 30px; padding:0;}
li {padding:0 0 5px 0;}

div#my_header {}
div#my_header_inner {height: 150px; margin:10px 0 0 0;}

div#my_header_inner a {color: #000; text-decoration: none;}
div#my_header_inner a:hover {color: #333; text-decoration: none; background: none;}

div#left {float: left; width: 150px;/* border-right:1px solid #ccc;*/ margin: 0 0 0 0;}
div#mid {float: left; width: 400px; margin: 10px 0 0 20px;}
div#right {float: left; width: 200px; margin: 10px 0 0 10px;}

div#wide_mid {float: left; width: 600px; margin: 10px 0 0 20px;}

div.login_left {float:left; width: 375px; margin:10px 0 0 0;}
div.login_right {float:left; width: 375px; margin:10px 0 0 30px;}
div#login_full {margin:10px 0 0 0;}

form#edit_customer div.login_left {float:left; width: 355px; margin:10px 0 0 10px;}

ul.categories {font-size:95%; margin:10px 0 0 0; padding:0;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;line-height: 1.4;}
ul.categories li {list-style:none; background: #255a89 url("images/css1-nav-bg.gif") repeat-x;margin:0 0 0;padding:3px 0 0; border-bottom: 3px solid #fff;}

ul.categories ul {font-size: 90%; margin: 0; padding:0;}
ul.categories ul li { list-style:none; background: #b6cef1; margin: 0; padding:3px 0 3px 10px; border-bottom: 1px solid #99b0d1;}

ul.categories li.selected {background: #00a8a7 url("images/css1-navselect-bg.gif") repeat-x;}
ul.categories li.selected li {background: #b6ddf1;}
ul.categories li.selected li.selected {background: #b6ddf1 url("images/css1-subnav-bullet.gif") left center no-repeat;}
ul.categories li.selected li.selected a {color: #045253;}

ul.categories a {color: #fff; text-decoration: none; padding:5px;}
ul.categories a:hover {background: none;color:#fff}
ul.categories ul a {color: #536e95;}
ul.categories ul a:hover {background: none;color:#536e95;}


div#prev_next { padding: 0; margin:0 0 10px 0;}
div#pn_left {float: left; width: 280px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 5px 0; }
div#pn_right {float: left; width: 120px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 5px 0; }

div#prev_next p {padding:0 2px;}

div.product_title {font-weight: normal; font-size: 90%; margin:0 0 5px 0; padding:3px;background: #dbe4f0;color: #536e95;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;line-height: 1.4;}

div.product_list_box {clear: right; border: 3px solid #bec9db;margin:0 0 10px 0;padding: 10px;}
div.product_text {float: right; width: 250px;}

img.thumb {margin:0 10px 0 0;}

div#view_thumb_holder {float: right; margin:0 0 0 10px;text-align: center;}
div#view_thumb_holder a {padding:0; background: none;}
div#view_thumb_holder a:hover {background: none;}
div#view_thumb_holder p {font-size: 65%; padding:2px;}

div#free_delivery {padding:5px 5px 0; background: #c33737; color: #511414; border: 3px solid #511414;}
div#free_delivery span {font-size: 150%; color: #fff; font-weight: bold;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;}


/* CUSTOMER PAGES -------------------------------------- */

div#half_details_box { background: #b6ddf1 url("images/css1-half-bluebox-top.gif") no-repeat;padding:10px 5px 0 10px;}
div#half_details_box_btm { background: url("images/css1-half-bluebox-btm.gif") no-repeat;}

div#full_details_box { background: #b6ddf1 url("images/css1-full-bluebox-top.gif") no-repeat;}
div#full_details_box_btm { background: url("images/css1-full-bluebox-btm.gif") no-repeat;margin:0 0 10px}

div#full_border_box_top { background: url("images/css1-full-borderbox-top.gif") no-repeat; height: 12px;}
div#full_border_box_mid { background: url("images/css1-full-borderbox-mid.gif") repeat-y;}
div#full_border_box_btm { background: url("images/css1-full-borderbox-btm.gif") no-repeat;}


ul.bullets {margin:0 0 0 10px; padding:0;}
ul.bullets li {background: url("images/css1-blue-bullet.gif") left center no-repeat;padding:5px 0 5px 30px; list-style: none;}

table.order_listing {font-size: 75%; margin:0 0 10px 0 ; width: 100%;}
table.order_listing td {width: 33%; padding: 5px 0;border-bottom:1px solid #ccc;}


/* BASKET STYES --------------------------------------- */
div#basket {background: url("images/css1-rhs-basket-top.gif") no-repeat; padding: 5px 5px 0;}
div#basket_btm {background: url("images/css1-rhs-basket-btm.gif") bottom no-repeat; padding: 0 5px; margin:0 0 10px 0;}

div#basket p {padding:0 0 10px 5px;}

table {font-size: 75%; margin:10px 0;}

td {border-bottom:1px solid #ccc; padding:5px 0;}

tr.heading td {font-size:120%; font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;line-height: 1.4;color: #536e95;border-bottom: 3px solid #bec9db;}

td.thumb {width:100px;}
td.thumb img {/*border: 1px solid #ccc;*/}
td.name {width:250px; padding: 0 0 0 10px;}
td.qty {width:80px; text-align: center; border-left: 1px solid #ccc;}
td.price {width:55px; text-align: center; border-left: 1px solid #ccc;}
td.remove {width:60px; text-align: center; border-left: 1px solid #ccc;}

td.price_remove {width:60px; text-align: center; border-bottom: 3px solid #bec9db;border-top: 2px solid #bec9db;}

td.total_text {padding:0 10px 0 0; text-align: right;}
td.total {font-size: 120%; padding: 10px 0; text-align: right;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;line-height: 1.4;color: #536e95;border-bottom: 3px solid #bec9db;border-top: 2px solid #bec9db;}

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

div#su_footer {margin:10px 0; background: #dbe4f0; padding: 5px 10px;}
div#su_footer p {padding:0;}
div#su_footer a {color: #536e95;}




/* H SETTINGS --------------------------------------- */

h1 {font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 220%; margin:0; padding: 20px 0 0 10px; color: #000;}
h4 {font-weight: normal; font-size: 90%; margin:0 0 5px 0; padding:3px;background: #dbe4f0;color: #536e95;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;line-height: 1.4;}
h5 {margin:0; padding:5px 5px 5px 0; color:#9f7730;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 85%; font-weight: bold;}

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



/* CHANGES TO H SETTINGS --------------------------------------- */


div#basket h4 {background: none; color: #7992a9;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 100%; padding:5px 0 0 5px;position:relative;}

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


p.basket_totals {text-align: right; padding:0 65px 0 0;}

p.right {text-align: right;}
p.centre {text-align: center;}

p.blue_right {text-align: right;padding:3px;background: #dbe4f0;margin:0 0 10px;}

p.title {font-size: 90%; margin:0 0 5px 0; padding:0;color: #536e95;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;line-height: 1.4;}

p.product_title {padding:0;}

p.download {background: url("images/css1-download-icon.gif") no-repeat; padding: 0 0 10px 20px;}

p.test_mode {background: #f44e4b url("images/css1-caution.gif") no-repeat; padding: 8px 0 10px 40px; color:#601f11;margin: 5px 0 0 0; border: 1px solid #000;}
p.test_mode a {color:#601f11;}

span#site_name {
		padding: 5px;
		background: url(../su-images/white-trans-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
}

* html span#site_name {
		background: none;
		background-color: #fff;
		opacity: .70;
		filter: alpha(opacity=70);
}

div.clear_left {clear: left; line-height: 0.1; height:1px;}
div.clear_right {clear: right; line-height: 0.1; height:1px;}
div.clear_products_left {clear: left; line-height: 0.1; height:1px; border-bottom: 1px solid #ccc; margin:0 0 10px 0;}



/* FORM STYLES --------------------------------------- */

form#product {margin:0; padding:0;}
form.invis {margin:0; padding:0;}
form#pop_up {margin:0; padding:0;}
form#category {margin:0; padding:0;}
form#order_by {margin:0; padding:0;}

form#edit_customer span {font-size: 70%; color: red;}

form#login_form, form#login_form2, form#msg_form {border: 3px solid #bec9db;margin:0 0 10px 0;padding: 10px;}

form#login_form label, form#login_form2 label, form#edit_customer label, form#msg_form label {
	color: #666;
	display: inline;
	width: 100px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 15px 5px 0 0px;
	clear: left;
}

input.quantity {width: 25px;}

input.customer_text {width: 150px; font-size: 14px; padding: 2px;vertical-align: middle; background: #f2f6fa;border: 1px solid #bec9db;margin:10px 0 0 0;color: #798392;}
select.customer_dd {vertical-align: middle; margin:15px 0 0 0;}

input.login_text {width: 200px; font-size: 14px; padding: 2px;vertical-align: middle; background: #dbe4f0;border: 1px solid #bec9db;margin:10px 0 0 0;color: #798392;}
textarea.msg_text {width: 200px; font-size: 14px; padding: 2px; background: #dbe4f0;border: 1px solid #bec9db;margin:10px 0 0 0;color: #798392;}
input.login_submit {margin:10px 0 0 105px;}

input.date {width: 20px;font-size: 14px; padding: 2px;vertical-align: middle; background: #f2f6fa;border: 1px solid #bec9db;margin:10px 0 0 0;color: #798392;}
input.date_year {width: 40px;font-size: 14px; padding: 2px;vertical-align: middle; background: #f2f6fa;border: 1px solid #bec9db;margin:10px 0 0 0;color: #798392;}