@import "buttons.css";
@import "typography.css";
@import "colourscheme.css";

body {
	margin:0;
	padding:0;
}

#positioncontainer{
	width:961px;
	margin: 0 auto; 
}

.logo{
	width:275px;
	float:left;
}

.strapline{
	width:400px;
	float:left;
	color:#999999;
	font-size:14px;
	font-style:italic;
	padding-top:34px;
}

.strapline2{
	color:#999999;
	font-size:14px;
	font-style:italic;
}

.strapline2 span{
	color:#999999;
	font-size:12px;
	font-style:italic;
}

.basket{
	width:285px;
	float:right;
	padding-top:35px;
	color:#3399cc;
	text-align:right;
}

.basket a{
	color:#343142;
}

iframe{
	float:left;
	width:250px;
	height:20px;
}

#iframebody{
	text-align:right;
	width:250px;
}

.split50{
	width:49%;
	float:left;
}

.split50r{
	width:49%;
	float:right;
}

.a-r{
	text-align:right;
}

#checkoutsearch{
	float:left;
	margin: 60px 0 0 10px;
}

#search input, 
#checkoutsearch input{
	margin: 0; 
	padding: 0;
}

#searchButton{
	float:left;
	margin:0 0 0 16px;
}

img.infopageImageLeft {
	float: left; 
	margin: 0px 15px 15px 0px;
}

img.infopageImageRight {
	float: right;
	margin: 0px 0px 15px 15px;
}

div.priceoutput{
	margin: 10px 0 10px 0;
}

div.priceoutput2{
	margin: 0px 0 10px 0;
}

.progress{
	padding:30px 0px 12px 0px;
	border-bottom:1px dotted #3399CC;
	margin:0px 0px 32px 0px;
}

.progress span{
	color:#666666;
	font-size:11px;
	line-height:11px;
	padding:0px 20px 0px 0px;
}

.progress span.step{
	color:#cccccc;
	font-size:14px;
	line-height:14px;
}

.progress span.currentstep{
	color:#3399cc;
	font-size:14px;
	line-height:14px;
}

/* =================== info sytles =================== */

.info-listing{
	padding:20px 0px 20px 0px;
	border-bottom:1px solid #dddddd;
}

.info-listing h2{
	display:block;
	color:#000000;
	font-weight:normal;
	font-size:14px;
	line-height:14px;
	padding-bottom:24px;
	text-transform:uppercase;
}

.date{
	width:90px;
	float:left;
	color:#3399cc;
}

.news-item{
	width:675px;
	float:right;
}

.news-item2{
	
}

/* =================== page structure sytles =================== */

#headerright{
	float: right;
}

#breadcrumb-position{
	margin:5px 0px 12px 0px;
	color:#999999;
	font-size:11px;
}

#breadcrumb-position a{
	margin:0;
	color:#3399cc;
}

#container{
	float:left;
}

#container-home{
	float:left;
	padding-bottom:15px;
}

#navigation{
	width:180px; 
	float:left;
	background-image:url(../images/submenu-back.gif);
	background-repeat:repeat-x;
	margin-right:15px;
}

.nav-top{
	width:180px;
	padding:20px 0px 0px 0px;
	background-image:url(../images/sub-nav-header.jpg);
	background-repeat:no-repeat;
}

.hol{
	font-size:12px;
	color:#ffffff;
	padding:0px 0px 12px 11px;
}

.department-title{
	font-size:16px;
	color:#ffffff;
	padding:0px 0px 38px 11px;
}

#content{
	border-top:2px solid #3398ce;
	padding-top:17px;
}

.banner-holder{
	width:765px;
	margin-right:15px;
	float:left;
}

#s3{position:relative; display:block; width:765px; height:305px;}
#s3 img{position:absolute; top:0; left:0;}

.ad-holder{
	width:180px;
	float:left;
}

.ad-holder div{
	padding-bottom:16px;
}

#home-bottom{
	margin-top:15px;
	padding-top:41px;
	display:block;
	background-image:url(../images/home-boxes-top.jpg);
	background-repeat:no-repeat;
}

.home-bottom-inner{
	border-bottom:24px solid #e9e9e9;
}

.home-bottom-inner-inner{
	background-image:url(../images/depart-list-lines.jpg);
	background-repeat:repeat-y;
	margin-bottom:8px;
}

.fiveboxes{
	width:180px;
	float:left;
	display:block;
}

a.fiveboxes{
	padding-top:116px;
	text-align:center;
	font-size:14px;
	line-height:14px;
	color:#000000;
	text-transform:uppercase;
}

a.fiveboxes span{
	color:#3399cc;
	font-size:11px;
	line-height:11px;
	padding:4px 0px;
	text-transform:capitalize;
	display:block;
}

.e{
	margin-right:15px;
}

.goback{
	color:#3398ce;
	text-decoration:none;
}

.department-title-main{
	margin-top:8px;
	border-top:1px dotted #3399cc;
	border-bottom:1px dotted #3399cc;
}

#product-holder,
#content,
#department-holder{
	width:765px; 
	float:left;
}

#department-holder{
	height:295px;
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px dotted #3399cc;
}

.maindepart-descrip{
	margin:30px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	border-bottom:1px dotted #3399CC;
}

.maindepart-descrip span{
	color:#3399cc;
	font-size:14px;
	padding-bottom:5px;
	display:none;
}

.maindepart-descrip2-box{
	padding-top:10px;
}

.maindepart-descrip2{
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px dotted #3399CC;
}

.maindepart-descrip2 span{
	color:#3399cc;
	font-size:14px;
	padding-bottom:5px;
}

.depart-descrip{
	margin:135px 435px 0px 52px;
}

.depart-descrip span{
	color:#3399cc;
	font-size:14px;
	display:none;
}

.form-left center font{
	display:none;	
}

.form-left table{
	padding-top:22px;	
}

#footer{
	width: 961px; 
	float: left;
	clear: both;
	border-top:1px solid #dddddd;
	color:#666666;
	padding:0px 0px 10px 0px;
	margin:22px 0px 0px 0px;
}

#footer ul{
	padding:10px 0px;
}

#footer .split50 ul li{
	display:inline;
	padding:0px 10px 0px 0px;
}

#footer .split50 ul li a{
	color:#3399cc;
	font-size:9px;
}

#footer .split50r ul li{
	display:inline;
	padding:0px 0px 0px 10px;
}

#footer .split50r ul li a{
	color:#3399cc;
	font-size:9px;
}

.footer-menus{
	border-bottom:1px solid #dddddd;
	margin-bottom:10px;
}

/* =================== Department list =================== */

.depart-listing{
	width:384px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	float:left;
}

.depart-listing2{
	width:380px;
	float:left;
	border-bottom:1px solid #dddddd;
}

.depart-listing-inner{
	padding:7px 7px 7px 0px;	
}

.depart-listing-inner2{
	padding:7px 0px 7px 14px;	
}

.subdepart-name{
	font-size:14px;
	padding:0px 0px 0px 22px;
	margin:7px 0px 22px 16px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	line-height:14px;
	text-transform:uppercase;
}

.depart-inner-split{
	padding-bottom:7px;
}

.depart-descript{
	width:180px;
	float:left;
}

.depart-link{
	width:182px;
	float:right;
}

#depart-holder{
	padding-top:22px;
}

.right-margin{
	margin:0px 7px 0px 0px;
}

.link{
	text-align:center;
	padding-bottom:47px;
}

.link a{
	color:#3399cc;
	font-size:11px;
	line-height:11px;
}

.depart-listing-main{

}

/* =================== Image Gallery =================== */

#main_image{
	height:302px;
	width:447px;
	border:1px solid #dddddd;
	float:left;
	margin-right:15px;
}

#main-image-list{
	height:302px;
	width:70px;
	float:left;
}

.gallery_demo{
	width:70px;
}

.gallery_demo li{
	width:68px;
	height:50px;
	border:1px solid #dddddd;
	margin:0px 0px 15px 0px;
}

.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer; width:68px;}

.gallery_demo li div{
	left:240px;
}


/* =================== Product Details =================== */

.swatches{
	padding-top:10px;
}

#tooltip{
	position:absolute;
	border:1px solid #3399cc;
	background:#f6f6f6;
	padding:10px 15px;
	color:#3399cc;
	display:none;
}

.package{
	font-size:14px;
	color:#000000;
}

.package-details{
	padding:0px 0px 0px 5px;
	margin:20px 0px 20px 0px;
	min-height:147px;
	border-bottom:1px solid #dddddd;
}

.options{
		
}

.options select{
	width:100%;
	margin-bottom:7px;
}

.descriptionbox{
	margin-top:10px;
	padding:30px 0px 0px 0px;
	border-top:1px dotted #3399cc;
}

.description{
	color:#666666;
	padding-bottom:10px;
}

.description-title{
	font-size:14px;
	color:#3399cc;
	padding-bottom:20px;
}

.description-split{
	width:449px;
	float:left;
}

.related{
	width:180px;
	float:right;
}

.related-title{
	font-size:14px;
	color:#000000;
	padding-bottom:15px;
}

.related-item{
	padding-bottom:10px;
}

.related-item img{
	width:66px;
	height:37px;
	border:1px solid #dddddd;
	padding:4px 0px 4px 0px;
	float:left;
	margin-right:11px;
}

.related-item-title a{
	font-size:14px;
	font-weight:normal;
	color:#000000;
	text-transform:uppercase;
}

.related-item-subtitle{
	font-size:11px;
	font-weight:normal;
	color:#666666;
}

.related-item-text{
	font-size:11px;
	color:#666666;
}

.priceoutput a{
	color:#3399cc;
	font-size:11px;
}

.relatedp{
	padding-bottom:15px;
}

ul.tabNavigation{
	background-image:url(../images/tabs-back.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:36px;
	padding:0px 0px 0px 22px;
	margin:0px 0px 23px 0px;
}

ul.tabNavigation li{
	display:inline;
	padding-right:5px;
}

ul.tabNavigation li a{
	width:98px;
	padding:9px 0px 11px 0px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	color:#3399cc;
	font-size:14px;
	line-height:14px;
	display:inline-block;
	text-align:center;
	background-color:#f6f6f6;
}

ul.tabNavigation li a.selected{
	width:98px;
	padding:9px 0px 11px 0px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	color:#000000;
	font-size:14px;
	line-height:14px;
	display:inline-block;
	text-align:center;
	background-color:#ffffff;
}

ul.tabNavigation li a:hover{
	width:98px;
	padding:9px 0px 11px 0px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	color:#000000;
	font-size:14px;
	line-height:14px;
	display:inline-block;
	text-align:center;
	background-color:#ffffff;
}

.bookdem{
	float:right;
	width:200px;
	margin:3px 0px;
	border-left:1px dotted #3399cc;
	border-right:1px dotted #3399cc;
}

.bookdem a{
	color:#ffffff;
	font-size:11px;
	line-height:11px;
	display:block;
	margin:0px 3px 0px 3px;
	background-color:#3398ce;
	padding:6px 3px 6px 3px;
	text-align:center;
}

.bookdem a:hover{
	background-color:#939393;
}

/* =================== menu sytles =================== */

div.menu-heading{
	float: left;
	padding: 10px 5px 5px 10px;
	width: 170px;
}

ul#infolinks li{
	display:inline;
	background-image:url(../images/top-menu-divider.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-left:5px;
	padding-left:5px;
}

ul#infolinks li a{
	display:inline;
	font-size:10px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}

ul#infolinks li a:hover{
	text-decoration:underline;
}

.submenu ul li{
	border-top:1px solid #dddddd;
}

.submenu ul li a{
	color:#666666;
	font-size:12px;
	padding:6px 0px 6px 11px;
	display:block;
}

.submenu ul li a:hover{
	background-color:#fcfcfc;
	background-image:url(../images/submenu-roll.gif);
	background-repeat:no-repeat;
	background-position:center right;
	text-decoration:none;
}

.submenu ul li.secondaryNavLinksOpen a{
	background-color:#fcfcfc;
	background-image:url(../images/submenu-roll.gif);
	background-repeat:no-repeat;
	background-position:center right;
	text-decoration:none;
}

.submenu ul li ul li.secondaryNavLinks a{
	color:#666666;
	font-size:10px;
	padding:6px 0px 6px 21px;
	display:block;
	background-image:none;
}

.submenu ul li ul li.secondaryNavLinksTop a{
	color:#666666;
	font-size:10px;
	padding:6px 0px 6px 21px;
	display:block;
	background-image:none;
}

.submenu ul ul li a:hover{
	background-color:#fcfcfc;
	text-decoration:none;
	background-image:none;
}

.submenu-subsection p a{
	color:#3399cc;	
}

/*** ESSENTIAL STYLES ***/
.w100{
	width:100%;
}

.main-menu{
	padding:14px 0px 0px 0px;
}

.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	/*top:-999em;*/
	width:10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	/*top:24px;*/ /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	/*top:-999em;*/
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	/*top:-999em;*/
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

span.sf-sub-indicator{
	display:none;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
}
.sf-menu li{
	background-image:url(../images/menu-divider.gif);
	background-repeat:no-repeat;
	background-position:center right;
}
.sf-menu li a{
	padding:6px 20px;
	text-decoration:none;
}
.sf-menu li ul{
	padding:0px;
	margin:0px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#ffffff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#ffffff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:2.25em;
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.newsletter-search{
	background-image:url(../images/menu-back.gif);
	background-repeat:repeat-x;
	height:48px;
	position:relative;
	width:23%;
	float:left;
	text-align:right;
}

.search{
	padding:2px 0px 0px 5px;
}

.search input{
	font-size:10px;
	float:left;
	width:150px;
}

.search button{
	background-color:transparent;
	border:none;
	float:right;
}

.newsletter{
	padding-top:5px;
}

.newsletter a{
	display:block;
	background-image:url(../images/newsletter-arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:35px;
	color:#ffffff;
	margin-right:17px;
	font-size:11px;
}

#newsletter-box{
	display: none;
	padding:46px 0px 16px 90px;
	background-color:#000033;
	color:#ffffff;
}

.newsletter-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:24px;
}

.newsletter-sub{
	font-size:14px;
	color:#3399cc;
	padding-bottom:20px;
	display:block;
}

.newsletter-form-sub{
	font-size:18px;
	color:#ffffff;
}

.newsletter-form form{
	padding-top:20px;
}

.newsletter-form label{
	font-size:11px;
}

.newsletter-form input{
	width:285px;
	margin-top:3px;
}

.newsletter-form-split{
	padding:20px 0px 16px 0px;
}

.newsletter-form-split input{
	width:135px;
}

.newsletter-form-left{
	width:135px;
	float:left;
}

.newsletter-form-right{
	width:135px;
	float:right;
}

input.newsletter-form-submit{
	float:right;
	width:135px;
}

.back-up{
	padding:5px 12px 0px 0px;
	text-align:right;
	display:block;
}

.newsletter-left{
	width:390px;
	margin-right:105px;
	float:left;
	padding-top:49px;
}

.newsletter-right{
	width:285px;
	float:left;
}

.sf-navbar {
	background-image:url(../images/menu-back.gif);
	background-repeat:repeat-x;
	height:48px;
	position:relative;
	width:77%;
	float:left;
}
.sf-navbar li {
	position:static;
	color:#ffffff;
	font-size:12px;
}
.sf-navbar li li a {
	color:#e4e4e4;
}
.sf-navbar li ul {
	width:100%; /*IE6 soils itself without this*/
	left:0;
}
.sf-navbar li:hover ul {
	display:block;
}
.sf-navbar li li {
	position:relative;
}
.sf-navbar ul li {
	width:auto;
	float:left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:none;
}
.sf-navbar li.current {
	background:#BDD2FF;
}

.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:#989898;
}

.sf-navbar li li a.current, .sf-navbar li li a:focus, .sf-navbar li li a:hover, .sf-navbar li li a:active {
	background-image:url(../images/menu-roll.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-color:transparent;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:0;
	top:48px; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	/*top:-999em;*/
}

.sf-navbar li li.current > a {
}



#topsellers-menu ul, #loginlinks{
	padding-left: 10px; 
	/* margin: 10px 5px 0 10px; */
	margin: 0;
	list-style: none;
	float: left;
}

#topsellers-menu li, #loginlinks li{
	margin-bottom: 9px;
}

#departments-menu,
#banner{
	float: left;
}

#banner{
	margin: 10px 0 10px 0;
	width:190px;
	background-color:#FFFFFF;
	overflow: hidden;
}

/* =================== listing sytles =================== */
#department-notes{
	margin: 0 0 10px 10px;
}

#department-image{
	float: right;
	margin: 5px 5px 5px 10px;
}

div.item-listing{
	width: 188px;
	float: left;
	text-align:center;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

div.item-listing-inner{
	width: 180px;
	text-align:center;
	margin: 0px 8px 0px 0px;
	padding:8px 0px 22px 0px;
}

div.item-listing-inner-e{
	width: 180px;
	text-align:center;
	margin: 0px 0px 0px 8px;
	padding:8px 0px 22px 0px;
}

div.item-listing-e{
	width: 188px;
	float: left;
	text-align:center;
	border-bottom:1px solid #dddddd;
}

div.item-listing3c{
	width: 245px;
	float: left;
	margin: 0px 15px 0px 0px;
	padding:0px 0px 22px 0px;
	text-align:center;
	border-bottom:1px solid #dddddd;
}

div.item-listing3c-e{
	width: 245px;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align:center;
	padding:0px 0px 22px 0px;
	border-bottom:1px solid #dddddd;
}

.image-a{
	padding-bottom:8px;
	display:block;
}

.image-a:hover{
	background-image:url(../images/products-roll.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.title-a{
	font-size:14px;
	color:#000000;
	line-height:16px;
	text-transform:uppercase;
}

.subtitle-a{
	font-size:11px;
	color:#666666;
	line-height:16px;
}

.view-details{
	font-size:11px;
	color:#3399cc;
}

div.item-listing img{
	margin-bottom: 10px;
}

div.item-listing-e img{
	margin-bottom: 10px;
}

div.item-listing3c img{
	margin-bottom: 10px;
}

div.item-listing3c-e img{
	margin-bottom: 10px;
}

div.item-listing-main{
	
}

div.item-listing-main3c{
	background-image:url(../images/grid3c.gif);
	background-repeat:no-repeat;
	margin-bottom:7px;
}

#pagination, 
#pagination-btm{
	width:100%; 
	height:31px; 
	float:right;
	text-align:right;
	border-bottom:1px solid #dddddd;
}

center{
	text-align:right;
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
}

#pagination table, 
#pagination-btm table{
	margin-top:3px;
}

/* =================== product sytles =================== */

#product-images {
	float: left; 
	width:548px;
	margin:24px 37px 0px 0px; 
}

#product-details  {
	float: right;
	margin:24px 0px 0px 0px;
	width:180px;
}

#product-heading, h2 {
	margin: 5px 0 10px 0;
	font-size: 12px;
}

#popupimagelink a {
	line-height: 25px;
}

#emailfriend {
	margin:10px 0 10px 0;
}
	
#emailfriend img{
	vertical-align: middle;
}

table.complexOptions{
	border-spacing: 0;
}

table.complexOptions td {
	margin:2px 2px 0 0;
}

/* =================== Shoppingcart styles =================== */

table.ShoppingCart{
	padding: 0;
}

table.ShoppingCartItems{
	padding: 0; 
	width: 768px;
}

th.ShoppingCartHeading{
	padding: 2px 8px 2px 8px;
}

td.ShoppingCartSubTotalText{
	padding: 2px;
}

td.ShoppingCartItem,
td.ShoppingCartTotalFigures,
td.ShoppingCartSubTotalFigures,
td.ShoppingCartTotalText,
td.ShoppingCartSubTotalText,
td.ShoppingCartGrandTotalText,
td.ShoppingCartGrandTotalFigures{
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:6px;
	color:#666666;
}

#cartTable{
	border-right:1px solid #dddddd;
	margin-bottom:20px;
	width:760px;
}

.ShoppingCartItems{
	border-right:1px solid #dddddd;
	margin-bottom:20px;
}

.cart-left{
	width:765px;
	float:left;
}

.cart-right{
	width:180px;
	float:right;
}

td.ShoppingCartTotalText{
	text-align:right;	
}

td.ShoppingCartText{ 
	color:#666666;
	padding-bottom:20px;
}

td.ShoppingCartText br{ 
	display:none;
}

#cartButTable{
	padding-bottom:20px;	
}

#cartButTable tr td form input#cartButtonSHOPCREATORPayment{
	margin-left:50px;
}

/* =================== Checkout styles =================== */

table.CheckoutCardDetails,
table.CheckoutVoucherDetails,
table.CheckoutCustomerDetails,
table.CheckoutDeliveryDetails{
	padding: 10px; 
	border:1px solid #dddddd;
	width:768px;
}

#CheckoutPlaceOrderButton{
	margin-top:20px;	
}

.CheckoutPrompt{
	padding-bottom:20px;
}

th.CheckoutHeading{
	padding: 4px;
	background-color:#3398ce;
}

tr.CheckoutCardDetails,
tr.CheckoutVoucherDetails, 
tr.CheckoutCustomerDetails, 
tr.CheckoutDeliveryDetails{
	padding: 2px 0 2px 8px;
}

td.CheckoutText,
td.CheckoutField{
	padding: 1px 2px 1px 2px; 
}

.CheckoutInput{
	padding: 2px 0 2px 2px;
}

.CheckoutButtons, 
.checkoutButtons{ 
	padding: 1px 2px 1px 2px;
}

#checkoutBreakTable{
	display: none;
}

/* =================== Order Tracking Page Styles =================== */

table.orders{
	width: 100%;
}

table.orders td {
	padding: 3px 0 3px 3px;
}

td.orderidheading{
	padding: 0 0 0 3px !important; 
}

td.ordersDetail{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

td.ordersTotalheading{
	padding: 0 0 0 3px !important;
}

td.ordersTotal{
	padding: 0 0 0 3px !important;
}

/* retailer changes */

#currency iframe {display: none;}
#currency form {
	margin: 0;
	padding: 0;
}
#currency{
	margin:0 10px 0 0;
	padding-top: 12px;
	padding-bottom: 0;
	width: auto; 
	float: right;
}
#currency img{
	margin-left: 1px !important;
	margin-right: 1px !important;	
	margin-bottom: 0;
	margin-top: 0;	
	padding: 0;
}
#currencytitle{
	margin:0 10px 0 0;
	padding-top: 11px;
	width: auto; 
	float: right;
}

#reviewmain{
	clear: both;
	float: left;
}

#reviews{
	clear: both;
	float: left;
}

.rating{
	float:left;
	width:90px;
}

.name{
	float:left;
	color:#666666;
	font-size:10px;
	width:330px;
	padding:4px 0px 5px 0px;
}

.review{
	clear:both;
	display:block;
	width:100%;
	padding:16px 0px 32px 0px;
	margin:0px 0px 16px 0px;
	border-top:1px dotted #3399CC;
	border-bottom:1px solid #DDDDDD;
}

#addreviewwrap{
	clear: both;
	padding:0px 0px 20px 0px;
}
#reviewmain, h2.reviewtitle{

}

h2.reviewtitle{
	display:none;
}

#product-holder{
	clear: both;
	height: auto;
}
#addreview {
	float: left;
}

.form-left{
	width:541px;
	float:left;
}

.form-right{
	width:180px;
	float:right;
}

.form-right p{
	color:#666666;
	font-size:11px;
}

.submenu-subsection{
	padding:0px 10px 12px 10px;
	border-bottom:1px solid #dddddd;
	margin-bottom:25px;
}

.left-title{
	color:#3399cc;
	font-size:14px;
	padding-bottom:22px;
}

.left-title2{
	color:#000000;
	font-size:14px;
	padding-bottom:22px;
}

.numbers{
	padding-top:18px;
	font-size:14px;
	line-height:14px;
	color:#000000;
}

.numbers span{
	display:block;
	font-size:14px;
	line-height:14px;
	color:#3399cc;
	padding-top:3px;
}


#mp3player{z-index:999; margin:0 auto; margin-left:-5px;}