* { margin: 0; padding: 0; }

body {
    font-size: 12px;
    color: #333;
	font-family:Arial, Helvetica, sans-serif;
    margin-top: 0;
	background: url(../images/bg.gif) repeat top left;
	}
	
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	}
	
.container {
    width: 978px;
    margin: 0 auto;
	padding: 0;
	}
	
	
.content-container {
	background-color: #ffffff;
	padding: 10px;
	}
	
ul { margin:0; padding:0; }
li { list-style:none; }

a {
	color:#d7d7d7; 
	text-decoration:none; 
	border-bottom:1px solid #b6b6b6; 
	padding:0 0 2px 0;
	cursor: pointer;
	}

a:hover { color:#6b5319; }
a:focus, a:active { outline:none; }

.logo {
	width:978px;
	height:102px;
	padding:0; margin:0;
	background:transparent url(../images/h1-header.jpg) no-repeat 0 0;
	text-indent:-9999px;
	border:0 none;
	display: block;
	}
	
.logo a {
	float: right;
	display: block;
	height: 85px;
	width: 355px;
	border: none;
	}
	
.content {
	width: 700px;
	float: left;
	}
	
.sidebar {
	width: 248px;
	float: right;
	}
	
.welcome {background: #aeaeae url(../images/div-quicklinks.gif) repeat-x 0 0; border: 1px solid #9F9F9F; margin: 0 0 10px 0; padding:20px;}
.welcome h4 {font-size:14px; padding-bottom:12px;}
.welcome a {color: #333333;}
.welcome a:hover {border-bottom-color:#ffffff;}
.welcome p {color:#3a3a3a;}

.welcome-warning {background:#ffffee; border:1px solid #ffffaa; font-size:12px; margin-bottom:10px; padding:20px;}
.welcome-warning h4 {font-size:14px; padding-bottom:12px;}

.form-container {
	background: url(../images/form-back.jpg) no-repeat bottom left;
	padding-bottom: 15px;
	clear: left;
	}
	
.form-container p {
	color: #3a3a3a;
	padding: 10px;
	clear: left;
	}
	
.form-container label {
	display: block;
	width: 100px;
	padding: 0 5px 0 45px;
	float: left;
	line-height: 23px;
	}
	
.form-container input {
	width: 120px;
	float: left;
	font-size:13px;
	padding:4px 3px;
	color:#000;
	overflow:auto;
	background:transparent url(../images/input-bg.gif) repeat-x 0 0; /* Google Toolbar Yellow Field Fix */
	border-top:2px solid #959595;
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:2px solid #959595;
	padding:4px 3px 4px 3px; margin:0;
	margin:3px 0 0 0;
	}

.button {
	width: 117px !important;
	display: inline;
	border: none !important;
	margin: 15px 114px 0 114px !important;
	padding: 0;
	clear: both;
	background: url(../images/submit-button.gif) no-repeat top left !important;
	height: 36px;
	text-indent: -9999px;
	cursor: pointer;
	}
	
.button:hover {
	background-position: 0 -36px !important;
	}	

.order-ref, .billing-details, .order-details {
	width: 345px;
	float: left;
	}
	
.no-order-ref, .delivery-details {
	width: 345px;
	float: right;
	}
	
.order-ref h4, .no-order-ref h4  {
	background: url(../images/sub-header-back.jpg) no-repeat 0 0;
	line-height: 40px;
	display: block;
	padding: 0 15px 0 50px;
	color: #eeeeee;
	font-size:14px;
	font-weight: normal;
	}
	
.billing-details h4, .delivery-details h4  {
	background: url(../images/sub-header-back-plain.jpg) no-repeat 0 0;
	-moz-background-size: 100% 200%;
    -o-background-size: 100% 200%;
    -webkit-background-size: 100% 200%; 
    background-size: 100% 200%;
	line-height: 40px;
	display: block;
	padding: 0 15px;
	color: #eeeeee;
	font-size:13px;
	}
	
.order-details h4 {
	background: url(../images/sub-header-back-wide.jpg) no-repeat 0 0;
	-moz-background-size: 100% 200%;
    -o-background-size: 100% 200%;
    -webkit-background-size: 100% 200%; 
    background-size: 100% 200%;
	line-height: 40px;
	display: block;
	padding: 0 15px;
	color: #eeeeee;
	font-size:13px;
	}

.order-ref h4 { background-position: 0 -41px; }

.notfound {
	background:#DDDDDD url(../images/error-back.gif) no-repeat 0 0;
	overflow: hidden;
	color: #464646;
	cursor:default;
	clear: both;
	font-size:12px;
	height:98px;
	width: 636px;
	padding: 12px 10px 10px 54px;
	margin: 0 0 10px 0;
	border: none;
	}
	
.notfound strong {
	font-size: 14px;
	padding-bottom: 2px;
	color: #333333;
	display: block;
	}
	
.small-print {
	font-size: 10px;
	line-height: 160%;
	padding-top: 8px;
	}

#ctl00_ContentPlaceHolder1_divDeliveryAddress {padding:0 0 0 15px;}

/*--------------------------------------------------------------------------
	SIDEBAR LINKS
--------------------------------------------------------------------------*/

.GD, .SP, .DTS, .HN, .GD-alt, .SP-alt, .DTS-alt, .HN-alt {
	padding: 10px 0;
	border-bottom: 1px dotted #D2D2D2;
	}
	
.GD, .GD-alt {
	padding-top: 0 !important;
	}
	
.RW, .RW-alt  {
	padding: 10px 0;
	}	

.GD a, .SP a, .DTS a, .HN a, .RW a {
	display: block;
	background: url(../images/logo-GD.jpg) no-repeat bottom left;
	width: 248px;
	height: 95px;
	border: none;
	text-indent: -9999px;
	padding: 0;
	}
	
	
.GD-alt a, .SP-alt a, .HN-alt a, .RW-alt a, .DTS-alt a {
	display: block;
	background: url(../images/logo-GD.jpg) no-repeat top left;
	width: 248px;
	height: 95px;
	border: none;
	text-indent: -9999px;
	padding: 0;
	}

.SP a, .SP-alt a {
	background-image: url(../images/logo-SP.jpg);
	height: 105px;
	}
	
.DTS a, .DTS-alt a {
	background-image: url(../images/logo-DTS.jpg);
	height: 60px;
	}
	
.HN a, .HN-alt a {
	background-image: url(../images/logo-HN.jpg);
	height: 61px;
	}

.RW a, .RW-alt a {
	background-image: url(../images/logo-RW.jpg);
	height: 72px;
	}
	
.GD a:hover, .DTS a:hover, .HN a:hover, .RW a:hover, .SP a:hover {
	background-position: top left;
	}

	
/*--------------------------------------------------------------------------
	FOOTER
--------------------------------------------------------------------------*/

#divFooter {
	width:980px; height:50px;
	font-size:11px; color:#676969;
	background:transparent url(../images/dot.gif) repeat-x 0 0;
	padding:0 0 18px 0;
	float:left;
	}

#divFooter a { border-bottom:1px solid #2f2f30; }
#divFooter a:hover { color:#676969; border-bottom:1px solid #fff; }

#ulContactDetails {
	margin:15px 0;
	background:transparent url(../images/icon-so.gif) top left no-repeat;
	padding:0 0 0 40px;
	float:left;
	}

#ulCopyright { margin:15px 0 0 0; float:right; }

#ulContactDetails li {
	padding:2px 0;
	float:left;
	clear:both;
	}
	
.spanTel {padding:0 20px 0 0; background:transparent url(../images/li-bullet.gif) no-repeat 100% 50%;}
.spanMail {padding:0 0 0 20px; background:transparent url(../images/li-bullet.gif) no-repeat 0 50%;}
.spanFax {padding:0 8px 0 8px;}

/*--------------------------------------------------------------------------
	TABLES!!
--------------------------------------------------------------------------*/

.generic-table td {padding:0 0 5px 5px;}

.details-provided {
	padding: 15px 40px;
	}
	
.details-provided span {
	width: 150px;
	float: left;
	}

.select-order {
	width: 700px;
	border: none;
	background-color: #fff;
	margin: 0;
	border-bottom: 2px solid #595959 !important;
	}
	
.select-order td, th {
	text-align: left;
	border: 0;
	margin: 0;
	}
	
.select-order tr:hover {
	background-color: #d1d1d1 !important;
	}
	
.select-order th { background:#151515 url(../images/thead.gif) repeat-x top left; line-height:20px;}
	
.select-order td {
	cursor: pointer;
	}
		
.select-order td a {border:none; color:#6b5319; display:block; padding:10px 5px 10px 0; text-decoration:none;
	}
	
#BillingAddress, #DeliveryAddress, #OrderLineDetails {
	margin: 20px 20px 0 20px;
	}
	
#OrderLineDetails img {
	padding: 7px 0;
	border:none;
	}

a.External-link 	  {	color: #333; display: inline-block; }
a.External-link:hover {	color: #000; border-bottom-color: #000;	}
	
a.track-link {color:#6b5319; text-decoration:none;}
a.track-link:hover {border-bottom-color:#000000;}

.float-left {float:left;}
.float-right {float:right;}

.note {font-size:11px;}

/*--------------------------------------------------------------------------
	Country Selection Modal Screen - !Further styles in simplemodal.css
--------------------------------------------------------------------------*/

.flag-uk {line-height:48px;}
.flag-uk img {border:none; margin:0 10px 0 0;}
.flag-uk a {border:none !important; color:#000 !important; font-weight:bold; text-decoration:none;}
.flag-uk a:hover {text-decoration:underline;}

.flag-us {line-height:48px;}
.flag-us img {border:none; margin:0 0 0 10px;}
.flag-us a {border:none !important; color:#000 !important; font-weight:bold; text-decoration:none;}
.flag-us a:hover {text-decoration:underline;}