﻿Body {padding:0px 0px 0px 0px; overflow:scroll;  font-size:14px; margin:15px 15px 15px 15px; font-family: Arial, Helvetica, sans-serif;}

/* 216CB0 */
h1 {color:#1E69AF; font-size:30px; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
h2 {color:#1E69AF;font-size:16px; margin:8px 0px 5px 0px; padding:0px 0px 0px 0px; }

a {text-decoration:none; color:#1E69AF;}
a:hover {text-decoration:underline;}
br {clear:both;}
p {padding:0px 0px 0px 0px; margin:10px 0px 13px 0px}
img {border:none 0px;}
th {text-align:left;font-size:13px; padding:2px 2px 2px 2px; font-weight:normal;}
td {text-align:left;font-size:13px;padding:2px 2px 2px 2px; margin:0px;}
form {margin:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left;}



.TableForm {}

#HeaderOrange {float:left; width:100%; height:126px;  border-bottom:solid 3px #333333; 
	background-image: url(/images/headersearch.gif); background-position:bottom; background-repeat:repeat-x;}
#HeaderOrangeEnd {float:left; width:100%; height:126px; 
	background-image: url(/images/HeaderSearchRight.gif); background-position: right bottom; background-repeat:no-repeat;}
#HeaderBlue {float:left; width:900px; height:126px; background-color:#1E69AF;  background-image: url(/images/headerbackground.gif);}
#HeaderRight {float:left; width:100%;height:126px; background-position:top right; background-repeat:no-repeat; background-image: url(/images/HeaderRight.gif)}
#HeaderLeft {float:left;width:100%; height:126px;background-repeat:no-repeat; background-image: url(/images/en/logo.gif)}
#HeaderMiddle {float:left;width:100%; height:126px;background-repeat:no-repeat; background-position:455px 0px; background-image: url(/images/headerdiscs.gif)}

#MainMenu {float:left; clear:none; list-style:none;  margin:0px 0px 0px 0px;  padding:0px 0px 0px 0px; }
#MainMenu li {float:left; clear:none; list-style:none;  margin:6px 10px 0px 11px;  padding:0px 0px 0px 0px; }
#MainMenu li a { color:#FFFFFF; font-size:14px; font-weight:bold;}

#SearchBox {float:left; height:40px; top:86px; width:400px; left:60px; position:relative; background-repeat:repeat-x; background-image: url(/images/searchbackground.gif)}
#SearchBox img {float:left; left:-4px; position:relative;}
#SearchBox input.txtinput {float:left; border:solid 1px #333333; font-size:16px; width:160px; margin:9px 5px 0px 0px; }
#SearchBox input.btninput {float:left;}

#Page {width:980px; float:left;}

#SideMenu {float:left; width:210px; overflow:hidden; background-color:#86C433; background-image: url(/images/sidemenuback.gif);  border:solid 3px #333333; border-top:none 0px;  border-bottom:solid 2px #333333; 
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#SideMenuInner {float:left; background-image: url(/images/sidemenubackpic.gif); background-repeat:no-repeat;}
#SideMenu h2 {float:left; clear:both; width:195px; height:31px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#FFFFFF;}
#SideMenu h2 span{float:left; padding: 6px 0px 0px 10px;}
#SideMenu ul{float:left; width:100%; list-style:none;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#SideMenu ul li {float:left; width:100%; height:31px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both; background-image: url(/images/triangle.gif); background-repeat:no-repeat; background-position:20px center; }
#SideMenu ul li a {float:left; margin:7px 0px 0px 40px; padding:0px 0px 0px 0px; font-size:12px; font-weight:bold; color:#FFFFFF;}


#Content {float:left; width:750px;}
#ContentInner {float:left; width:740px; margin:12px 0px 0px 12px}

#Footer {float:left;clear:both; height:70px; margin:15px 0px 0px 0px; background-color:#1E69AF; background-image: url(/images/headerbackground.gif); width:100%;color:#FFFFFF;  font-size:10px; padding:0px 0px 0px 0px;}
#Footer div {float:left; height:70px; background-repeat:no-repeat; background-position:255px 0px; background-image: url(/images/headerdiscs.gif)}
#Footer a {color:#FFFFFF;}
#Footer img {float:right; margin:14px 10px 0px 0px;}
#Footer span {float:left;margin:12px 0px 0px 10px;}

/* Shoping basket / oder style*/

.Basket {border:none 0px;float:left; clear:both; width:97%; margin: 0px 0px 10px 5px;}
.Basket tr {border:none 0px;}
.Basket td{ border:none 0px; vertical-align:top; border-bottom: 1px solid #CCCCCC; padding:4px 0% 4px 0%;font-size:11px;}
.Basket a:hover {}
  /* tr */ 
.Basket .HeadRow{font-weight:bold;}
.Basket .ItemRows{}
.Basket .FootRow{height:35px; vertical-align:bottom;}
  /* td */ 
.Basket .HeadDesc{}
.Basket .ItemDesc {text-align:left;  }
.Basket .ItemDesc a{padding:0px 0px 0px 17px;margin:0px 0px 0px 2px;background-image: url(/images/common/b_go_sm.gif);background-repeat:no-repeat;background-position:left;}
.Basket .HeadPrice{text-align:right;width:65px;}
.Basket .ItemPrice{text-align:right;}
.Basket .HeadQty{text-align:right;width:45px;}
.Basket .ItemQty{text-align:right;}
.Basket .HeadTotal{text-align:right;width:65px;}
.Basket .ItemTotal{text-align:right;}
.Basket .FootTotal{text-align:right;font-weight:bold;}
.Basket .HeadRemove{text-align:right;width:75px;}
.Basket .ItemRemove {width:100px; }
.Basket .ItemRemove a{ margin:0px 0px 0px 10px; padding:0px 0px 0px 17px;background-image: url(/images/b_close_sm.gif);background-repeat:no-repeat;background-position:left;}
.Basket ul {margin:3px auto 0px auto;}
.Basket ul li {margin:0px auto 0px auto;}

/* checkout header with steps */
#Checkout {float:left;   margin:5px 0px 10px 0px; padding:5px 0px 5px 0px; list-style:none; width:100%; background-color:#A8D46C; }
#Checkout li {float:left;  margin:0px 10px 0px 3px; padding:0px 0px 0px 0px;}
#Checkout li img { vertical-align:middle; margin:0px 5px 0px 0px;}
#Checkout li a { font-size:12px;}
.chkTest {float:left; width:90%; clear:both; font-weight :bold; font-size:12px; color:#FF0000; margin:5px 5px 5px 10px;}

.Error {float:left; clear:both; width:90%;  Margin: 10px 0 20px 0px; BORDER: #FF0000 1px solid; PADDING: 10px 10px 10px 10px; BACKGROUND-COLOR: #ffdddd; }
.Success {Margin: 10px 0 20px 0px; BORDER: #00CC00 1px solid; PADDING: 10px 10px 10px 10px; BACKGROUND-COLOR: #D2FFD2; }

/* Product lister */
.Products {float:left; width:100%;margin:10px 0px 10px 0px; table-layout:auto;  padding:0px 0px 0px 0px;}
.Products tr {}
.Products td {width:310px;  padding:3px 0px 3px 0px; margin:0px 0px 0px 0px;}

.ProdOuter {float:left; width:355px; height:135px; padding:10px 8px 0px 10px; background-image: url(/images/ProdBack.gif); background-repeat:no-repeat; }
.ProdImg { float:left;border:solid 1px #86C433; background-position:center center; background-repeat:no-repeat; vertical-align:middle; width:75px; height:75px;  margin:0px 10px 0px 0px;clear:left;}
.ProdInf {width:250px;  float:left; margin:0px 0px 0px 0px; clear:right;  }
.ProdInf h3 { width:100%; font-size:11px;clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }
.ProdInf p { width:100%; clear:both; font-size:11px; }
.ProdInf a { font-weight:bold; font-size:11px;  }
.ProdInf .Was {color:#FF0000; text-decoration:line-through;}
.ProdInf .Stock {color:#009900;}

.PageDetails {width:100%;clear:both; padding:5px 0px 5px 0px ;border-top:solid 1px #86C433;border-bottom:solid 1px #86C433;}


.Prev {float:left;font-size:12px; width:90px; text-align:center ; padding:3px 3px 3px 3px; border:solid 1px #86C433;}
.Next {float:left;font-size:12px; width:90px; text-align:center ; padding:3px 3px 3px 3px; border:solid 1px #86C433;}
.pages {float:left; font-size:12px; width:530px; margin:0px 3px 0px 3px; padding:0px 0px 0px 0px;}
.pages li{float:left;  list-style:none; margin:0px 3px 6px 3px;}
.pages li.selectedpage {background-color:#86C433; color:#FFFFFF;}
.pages li.selectedpage a{color:#FFFFFF;}
.pages li a{float:left;width:25px;text-align:center ; padding:3px 3px 3px 3px;border:solid 1px #86C433;}


.btn {float:left; width:auto; white-space:nowrap; font-weight:bold; padding:3px 23px 3px 3px; margin:3px 10px 3px 0px; background-image: url(/images/common/b_go.gif); background-repeat:no-repeat;background-position:right;}

.Account { float:left; width:48%;}


/* A to Z listin for title / artist */
#AZ {float:left; Padding:0px; list-style:none; Margin: 10px 0 10px 0px;  padding:0px; clear:both;}
#AZ li {float:left; text-align:center; width:35px; DISPLAY: inline;  clear:none; margin:0px 3px 6px 3px;}
#AZ  a{float:left;width:25px;text-align:center ; padding:3px 3px 3px 3px;border:solid 1px #86C433;}
.box {clear:both; float:left; padding:3px 3px 3px 3px; margin:0px 0px 15px 0px; width:99%; border:solid 1px #86C433;}

/* Track listings */
#tracks {  margin:20px 0px 0px 0px; padding:0px 0px 0px 0px}
#tracks li { list-style:none; float:left; width:33%; margin:0px 0px 5px 0px;}
#tracks li span {font-size:12px;}
/* title / artist */
.t {float:left; clear:both; width:100%; font-size: 12px; font-weight: bold; }
.a2{float:left; clear:both; font-size: 10px; font-weight: normal;} 

.filter {width:70px; }


#OrderOuter {float:left; width:100%;}
#OrderOuter th {padding:4px 4px 4px 4px;  vertical-align:top; font-size:10px;}
#OrderOuter td {padding:4px 4px 4px 4px;  vertical-align:top; font-size:10px; }
#OrderOuter h2{font-size:16px; width:100%; background-color:#FF99CC; color:#FFFFFF; Padding:3px 3px 3px 3px; margin:5px 0px 5px 0px;}

#OrderDelivery {width:98%;}
#OrderDelivery th {width:30%;}
#OrderDelivery td {}
#OrderBilling {width:98%;}
#OrderBilling th {width:30%;}
#OrderBilling td {}

.OrderTable {width:100%;}
.OrderTable th {Padding:4px 4px 4px 4px; vertical-align:top; font-size:12px; text-align:left;font-weight:bold;}
.OrderTable td {Padding:4px 4px 4px 4px; vertical-align:top; font-size:12px;}

.OrderItemRow  td  {border-bottom:solid 1px #CCCCCC;}
.OrderItemDetails { font-size:10px;}

.OrderHeadRow    {background-color:#CCCCCC;font-weight:bold;}
.OrderTax {font-weight:bold;}
.OrderPostage {font-weight:bold;}
.OrderGrandTotal {background-color:#CCCCCC;font-weight:bold;}

.OrderItemPrice {text-align:right;}
.OrderItemQty {text-align:right;}
.OrderItemTotal {text-align:right;}

#Tracks {padding:0px 0px 0px 0px; margin:0px;}
#Tracks td {padding:2px 2px 2px 0px; margin:0px;}
#Tracks td.track { width:280px;}
#Tracks .a {font-size: 12px; font-weight: normal; color:#999999;} 

#ProductImage { float:right;border:solid 1px #86C433; background-position:center center; background-repeat:no-repeat; width:250px; height:250px;  margin:0px 0px 0px 10px;clear:left;}
#ProductDetails {margin:10px 0px 0px 0px ;}
#ProductDetails th{ width:120px;}