HTML { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 100%;width:100%; text-align:center; }
BODY { FONT-SIZE: 12px;  FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif ; width:100%; text-align:center;}

P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; MARGIN: 0px; PADDING-TOP: 0.1em }
A { COLOR: #000099; TEXT-DECORATION: none }
A:hover {text-decoration: underline;}

table {border:none; padding:5px 3px 5px 3px;margin:0px;}
tr {}
td { font-size: 12px; vertical-align:top;border:none;}
th1 {font-size: 11px; text-align:left; font-weight:bold; vertical-align:top;border:none;}

.TableForm {border:none 0px;width:735px;}
.TableForm tr {}
.TableForm th{padding:4px;font-size:12px; text-align:left; font-weight:normal; width:200px;}
.TableForm td{padding:4px;font-size:12px;}


FORM {Padding: 0px; margin: 0px;}
#PageRegion{width:750px;text-align:left;border-top: 1px solid #000000;border-right: 1px solid #000000;border-left: 1px solid #000000;border-bottom: 1px solid #000000;background-color: #FFFFFF;}
#Content{padding: 0 3px 0 5px;}

#MainMenu {  height:32px; Clear:both; PADDING: 0px 0px 0px 0px; BACKGROUND-IMAGE: url(/images/BackMenu.gif); MARGIN: 0px; WIDTH: 100%; BACKGROUND-REPEAT: repeat-x;}

#SubMenu {FONT-WEIGHT: bold;FONT-SIZE: 10px;PADDING:0px;MARGIN: 0px;WIDTH: 100%;PADDING-TOP: 5px;Clear: Right;}
#SubMenu LI {background-image: url(/images/bulletsub.gif);background-repeat: no-repeat;DISPLAY: inline;Float:Right;PADDING-RIGHT: 15px;PADDING-LEFT: 11px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;background-position: 0px 4px;}
#SubMenu A { COLOR: #000000; right:50px;  }
#SubMenu A:hover { COLOR: #003399 }

UL.buttons {margin:0px; Padding:0px;}
UL.buttons li {height:19px; DISPLAY: inline; Margin:0 1 1 0px; width:122px; Padding:0px;clear:none;float:left; BACKGROUND-COLOR: #000099;}
UL.buttons a {Padding: 3px 5px 3px 5px;font-size: 11px;font-weight: bold; COLOR: #FFFFFF;  width:100%;}
UL.buttons a:hover {text-decoration: underline;BACKGROUND-COLOR: #009933;Margin:0px;}

input {background-color: #CCCCFF;}
select {background-color: #CCCCFF;}



#Header {height:79px; background-image: url(/images/BackHead.gif);}
#HeadImg1 {Top:0px; Float:Left; position:relative;}
#HeadImg2 {Float:Right;}
#Footer {FONT-SIZE: 10px; height:32px; Clear:both; PADDING: 6px 0px 0px 0px; BACKGROUND-IMAGE: url(/images/BackMenu.gif); MARGIN: 10px 0 0 0px; WIDTH: 100%; BACKGROUND-REPEAT: repeat-x;}
#dbnetsolutions {FONT-SIZE: 10px;  Clear:both; PADDING: 6px 0px 0px 0px; MARGIN: 0px 0 0 0px; WIDTH: 100%;}

.Error { width:730px; Margin: 10px 0 20px 0px; BORDER: #FF0000 1px solid; PADDING: 10px 10px 10px 10px; BACKGROUND-COLOR: #ffdddd; }
.Success { width:730px; Margin: 10px 0 20px 0px; BORDER: #00CC00 1px solid; PADDING: 10px 10px 10px 10px; BACKGROUND-COLOR: #D2FFD2; }

.tblDetails2 {MARGIN: 10 0 10 0px; width:735px;border-collapse:collapse}
.tblDetails2  td {padding:3 3 3 3px; font-size:11px;}
.tblDetails2 td.r {text-align:right;}
.tblDetails2  th {padding:3 3 3 3px; font-size:11px;font-weight:bold;text-align:left;width:150px;vertical-align:top;}

.box {width:736px;border-top:solid 1px #000000;BACKGROUND-COLOR: #CED9FF;padding:2px; text-align:center;float:left;clear:both;}

h1 {Clear:both; PADDING: 3px 5px 3px 0px;MARGIN: 5px 5px 5px 0px; FONT-WEIGHT: bold;FONT-SIZE: 14px; color:#000000;}
h2 {width:730px; height:27px; font-size:12px;Clear:both;PADDING: 3px 5px 3px 0px;MARGIN: 5px 0px 5px 0px;  BACKGROUND-IMAGE: url(/images/h2.gif);Color:#FFFFFF; background-repeat:repeat-x;}
h2 a{Color:#FFFFFF;}

img {border: none 0px;margin: 0px; padding:0px;}
ul img { float: left; }

img.promo {margin:15px 4px 10px 2px;float: left;}

#PageControl {float:left; width:740px; margin:5px 0 10px 0px;border-top: 2px solid #003399;} 
#PageControl td {width:246px;}
#PageControl a {font-size: 12px;font-weight: bold; }
#PageControl a:hover {text-decoration: underline;}
#PageControl td.l { TEXT-ALIGN: left; }
#PageControl td.c { TEXT-ALIGN: center; }
#PageControl td.r { TEXT-ALIGN: right;}


	
.more {float:right; PADDING: 0 5 0 0px; MARGIN:0 0 0 0px;COLOR: #FFFFFF;;}
A.more:hover {text-decoration: underline;}

UL.discs {Padding:0px; Margin: 0 0 0 0px; clear:none; float:left;}
UL.discs li {width:245px;height:120px;DISPLAY: inline; float:left; Padding: 4 0 4 0px;Margin: 0px 1px 0px 0px ; clear:none;vertical-align:top;}
UL.discs a {font-size: 10px;font-weight: bold; }
UL.discs a:hover {text-decoration: underline;}
UL.discs p {font-size: 10px; margin-left:105px;}
UL.discs p.price{font-weight: bold;}


.Products {clear:left; width:98%;}
.Products td {   padding:3px 3px 6px 3px; }

#Product {float:left; width:450px;}
#ProductImage {float:right;margin:3px 0px 0 2px}
#ProductTracks {Padding:0px; width:90%; Margin: 10px 0px 0px 0px;   float:left;}


.ProdImg {float:left; background-position:center center; background-repeat:no-repeat; width:85px; height:85px; }
.ProdBody {float:left; font-size:11px; width:140px; margin:0px 0px 0px 5px;}
.ProdBody h3 {font-size:11px;margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;}
.ProdBody p {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.ProdBody .Stock {float:left;color:#009900;}

/* checkout header with steps */
#Checkout {float:left;   margin:5px 0px 10px 0px; padding:5px 0px 5px 0px; list-style:none; width:97%; background-color:#CCCCCC; }
#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:11px;}
.chkTest {float:left; width:90%; clear:both; font-weight :bold; font-size:12px; color:#FF0000; margin:5px 5px 5px 10px;}

/* checkout footer / divider */
.Checkout2 {float:left; clear:both; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px;width:97%; background-color:#CCCCCC; }
.Checkout2 input {float:right; margin:0px 8px 0px 0px}
.Checkout2 span {margin:2px 2px 2px 2px; font-weight:bold;}

/* Shoping basket / oder style*/

.Basket {float:left; clear:both; width:97%; margin: 0px 0px 10px 0px;border:none 0px;}
.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 0px;margin:0px 0px 0px 2px;background-image: url(/images/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;}

/* Payment buttons on checkout page*/
 #BasketButtons {float:left; margin:20px 0px 0px 0px;}

 #BasketButtons a {float:left; margin:0px 30px 0px 30px;}
 
 



table {float:left;}
#hlbuy {clear:both; float:left;}
td {padding:1 1 1 1px; margin:0px;}
.t {font-size: 12px; font-weight: bold;COLOR: #003399;}
.a {font-size: 10px;COLOR: #000000; font-weight: normal;}

.Buy {float:left;padding:10px 0px 10px 0px;}

.btn {float:left; width:auto; font-size:14px; 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;}

#AZ {Padding:0px; Margin: 10px 0 0 0px;  padding:0px;}
#AZ li { text-align:center; width:26px; DISPLAY: inline;  clear:none; margin:0px 0px 10px 1px;BACKGROUND-COLOR: #66CC66;}
#AZ a {width:100%; font-size: 11px;font-weight: bold; COLOR: #FFFFFF; Padding: 3px;}
#AZ a:hover {BACKGROUND-COLOR: #003399;Margin:0px;}

#TRACKS {Padding:0px; Margin: 0 0 0 0px; clear:none; float:left;}
#TRACKS li {width:367px;border-top: 1px solid #000000; DISPLAY: inline; float:left; Padding: 0px;Margin: 0px 1px 0px 0px ; clear:none;vertical-align:top;}
#TRACKS a { width:100%; font-size: 11px;clear:none; font-weight: bold; Padding: 3px; color:#003399;}
#TRACKS a:hover {BACKGROUND-COLOR: #CED9FF;}
#TRACKS span {font-size: 9px;COLOR: #000000; font-weight: normal;}


.Filters {float:left; width:98%; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; background-color:#D7FBD7; border:solid 1px #5ADF5A;}
.Filter { float:left; padding:2px 3px 2px 3px; clear:both; }
.FilterName { font-weight:bold; width:100px;}
.PageDetails {float:left; width:98%; margin:10px 0px 10px 0px;}

#Pager {float:left; width:98%; clear:both;margin:0px 0px 10px 0px;}
#Pager a {font-weight:bold; background-repeat:no-repeat;clear:none;}
#Pager a:hover {color:#009900;}
#Pager .next {float:right; padding:5px 17px 5px 0px; text-align:right; background-image: url(/images/b_go_sm.gif);background-position:right;}
#Pager .prev {float:left; padding:5px 0px 5px 17px; text-align:left; background-image: url(/images/b_back_sm.gif);background-position:left;}