body {
padding: 0;
margin: 0;
background-color: #fff;
text-align: center;
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
}

.b {
font-weight: bold;
}

img {
border: none;
}

p {
line-height: 140%;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #0099FF;
}

#wrap {
margin: 0 auto;
padding: 0;
width: 980px;
text-align: left;
}

#top {
float: left;
display: block;
position: relative;
padding: 0;
margin: 0;
width: 980px;
background: transparent url(../graphics/layout/logo.gif) top left no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

#top img {
float: left;
margin: 0;
padding: 0;
border: none;
}

#top p {
margin: 0;
padding: 10px 0 0 0;
line-height: 2em;
}

#top #contact {
position: relative;
float: right;
display: block;
width: 370px;
margin: 0;
padding: 0;
text-align: right;
}

#top #contact p {
line-height: 1.5em;
}

#top #contact span {
font-size: 2em;
display: block;
padding: 5px 0 10px 0;
}

#mini-basket {
float: right;
display: block;
width: 240px;
margin: 0;
padding: 0;
text-align: center;
}

#basket a {
text-decoration: none;
color: #000;
}

#basket a:hover {
color: #0099FF;
}

#nav {
float: left;
display: block;
padding: 0;
margin: 0;
width: 980px;
background: #454545 url(../graphics/layout/nav.jpg) top left repeat-x;
}

#nav a {
float: left;
display: block;
color: #fff;
text-decoration: none;
font-size: 1.2em;
}

#nav a span {
display: block;
margin: 5px 10px;
}

#nav a:hover {
color: #FFCC00;
}

#navsearch{
float: right;
display: block;
width: 150px;
height: 27px;
text-align: right;
}

#navsearch form {
padding: 0;
margin: 0;
border: none;
}

#navsearch form #ns {
float: left;
display: block;
width: 108px;
margin: 3px 0 0 0;
padding: 0 3px;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
}

/* Banner Graphic */

.banner-graphic {
width: 980px;
clear: both;
padding-top: 17px;
text-align: center;
}

#main {
float: left;
display: block;
margin: 0;
padding: 0;
width: 980px;
}

#left {
float: left;
display: block;
margin: 0;
padding: 0;
width: 145px;
font-size: 1.2em;
}

#left ul {
list-style: none;
margin: 10px 0px;
padding: 0px;
}

#left #brandsnav ul, #left #salenav ul {
margin: 0px 0px 0px 10px;
}

#left li {
margin: 0px;
padding: 0px;
}

	#left li.georgia,
	#left li a#navoptLeft_CGmhdYEe,
	#left li a#navoptLeft_yDip6C3J {
	font-family: Georgia, Arial;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	}

	#left li.newin,
	#left li a#navoptLeft_CGmhdYEe {
	padding: 0 0 5px;
	}

#left p {
margin: 0;
padding: 0;
}

#left a {
display: block;
margin: 0;
padding: 0;
width: 145px;
text-decoration: none;
}

#left a span {
display: block;
margin: 0 0 0 10px;
padding: 2px 0;
}

#left #brands {
margin: 5px 0 0 0;
display: none;
}

#left #brands a span {
margin: 2px 0 2px 20px;
}

#secure {
text-align: center;
margin: 30px 0 0 0;
}

#secure img {
margin: 0 0 10px 0;
padding: 0;
}

#content {
float: right;
display: block;
width: 825px;
margin: 0;
padding: 0 0 10px 0;
}
	
	body#getthelook #content p.paging-top a,
	body#getthelook #content p.paging-top span {
	color: #fff;
	padding: inherit 10px;
	}

p#paging {
margin: 0 10px;
}
p.paging-top {
margin: 5px 10px !important;
}

#homeimg {
float: right;
display: block;
width: 825px;
text-align: right;
margin: 0;
padding: 0;
}

#homeimg img {
float: right;
margin: 20px 0 0 0;
padding: 0;
}

#headlines {
float: left;
display: block;
margin: 10px 0 30px 0;
padding: 0;
width: 825px;
font-size: 1.1em;
border-left: #E0DFDF 1px solid;
border-right: #E0DFDF 1px solid;
}

.newsrow {
clear: left;
float: left;
display: block;
width: 825px;
margin: 0;
padding: 0;
}

.news-post {
float: left;
display: block;
width: 411px;
margin: 0;
padding: 10px 0;
}

.news-post p {
margin: 0 10px;
padding: 10px 0 0 0;
}

.news-post a {
color: #000;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
}

.news-post a:hover {
color: #0099FF;
}

.news-post p.newsDesc {
margin: 0 10px;
padding: 0;
text-align: justify;
}

#content p, #content ul {
font-size: 1.2em;
}

#foot {
float: left;
display: block;
width: 980px;
border-top: 1px solid #666;
margin: 20px 0 0 0;
padding: 20px 0;
text-align: center;
}

h1 {
font-size: 3em;
padding: 15px 0 10px 0;
margin: 0;
}

	body#getthelook #content h1,
	body#new-in #content h1 {
	color: #fff;
	font-size: 4em;
	padding: 15px 10px 10px;
	margin: 0;
	}

#sort-table {
clear: left;
font-size: 1.1em;
margin: 0 0 10px 0;
}

#sort-table label {
float: left;
display: block;
padding: 3px 0 0 0;
}

#sort-table select {
float: left;
display: block;
font-size: 1em;
padding: 0;
margin: 1px 0 0 5px;
}

#sort-table span {
color: #333;
background-color: #bbb;
}

#coBox {
background-color: #EBEBEB;
border:1 px solid #000000;
float: left;
margin: 0;
padding: 0;
width: 825px;
}

.coMargin {
margin: 5px;
}

#coButtons {
float: left;
margin: 10px 0;
text-align: right;
width: 825px;
}

.sections {
float: left;
display: block;
width: 825px;
margin: 0 0 10px 0;
padding: 0;
}

.section {
width: 175px;
text-align: center;
display: block;
margin: 10px 0 0 0;
}

.section img {
border: none;
}

.left {
clear: both;
float: left;
}

.middle {
float: left;
text-align: center;
margin-left: 42px;
}

.right {
float: right;
}

.spacer {
clear: both;
}

#content .section span {
display: block;
}

#content .section img.sect_img {
padding: 0 0 5px 0;
}

#content .section span.sect_so {
margin: 0;
padding: 0;
height: 28px;
}

#content .section span.sect_name {
margin: 0;
padding: 0;
font-size: 1.2em;
}

#content .section span.sect_summ {
margin: 0;
padding: 0 0 5px 0;
color: #666;
font-size: 1.1em;
}

.paging,
.vatdisplay,
#section-name {
display: none;
}

#product {
float: left;
display: block;
width: 600px;
margin: 20px 0 0 0;
padding: 0;
}

#prod_img {
float: left;
display: block;
width: 247px;
height: 370px;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 2000;
position: relative;
}

#prod_img p {
margin: 0;
padding: 0;
}

#prod_img img {
border: none;
margin: 0;
padding: 0;
}

#prod_info {
float: right;
display: block;
width: 340px;
}

#prod_info h2 {
font-size: 2.5em;
font-weight: normal;
margin: 0;
padding: 5px 0;
}

#content #prod_info p {
margin: 0;
padding: 5px 0;
}

#prod_summ {
font-size: 1.4em;
}

#content p#prod_price {
font-size: 1.8em;
}

#content div#prod_loyalty {
text-align: center;
padding: 0;
margin: 5px 0;
width: 350px;
height: 70px;
background: #fff url(../graphics/layout/loyalty/prod_loyalty.jpg) top left no-repeat;
color: #000;
font-style: italic;
font-size: 1.1em;
line-height: 1.5em;
overflow: hidden;
}

#content div#prod_loyalty p {
padding: 2px 0;
}

#prod_tabs {
float: left;
display: block;
width: 340px;
margin: 10px 0 0 0;
padding: 0px;
font-size: 1.2em;
}

#prod_tabs a {
float: left;
display: block;
width: 80px;
text-align: center;
background: #eee url(/graphics/layout/shiny_tab.jpg) top left no-repeat;
}

#prod_tabs a span {
display: block;
margin: 0 auto;
padding: 5px 0;
}

#prod_details {
clear: left;
display: block;
width: 360px;
height: 170px;
overflow: auto;
margin: 0;
padding: 0;
background: #eee url(/graphics/layout/shiny_details.jpg) top left no-repeat;
}

#prod_details div {
clear: left;
padding: 0;
margin: 10px;
width: 330px;
height: 140px;
overflow: auto;
}

#prod_details ul {
margin: 0 0 0 20px;
padding: 0;
font-size: 1.2em;
}

#returns {
display: none;
}

#delivery {
display: none;
}

#products .dropdown-name {
display: none;
}

#product option.oos {
color: #999;
}

#prod_buttons {
clear: both;
display: block;
width: 100%;
margin: 0;
padding: 2px 0 0 0;
font-size: 1.1em;
}

#prod_buttons a {
float: left;
display: block;
width: 81px;
margin: 0 2px 0 0;
text-align: center;
background-color: #ddd;
cursor: pointer;
padding: 5px 0;
}

#prod_buttons a span {
display: block;
margin: 0 auto;
padding: 1px 0;
}

#prod_buttons #add-to-bag {
float: left;
display: block;
font-size: 1em;
width: 81px;
padding: 5px 0 4px 0;
margin: 0 2px 0 0;
border: none;
line-height: normal;
}

	#prod_buttons #add-to-bag {
	padding: 5px 0;
	}
	
	html>body #prod_buttons #add-to-bag {
	* padding: 5px 0 4px 0;
	}

#prod_buttons a#add {
background-color: #CC0000;
color: #fff;
}

#prod_buttons a:hover#add {
color: #FFCC00;
}

#prod_other {
clear: left;
float: left;
display: block;
width: 600px;
margin: 10px 0 0 0;
padding: 0;
font-size: 1.1em;
}

#prod_other img {
float: left;
display: block;
margin: 0 20px 0 0;
padding: 0;
border: none;
}

table#contact_table, table#style_news_table {
font-size: 1.2em;
}

input#contact_code{
background: #fff url(../graphics/layout/formcode.gif) top left no-repeat;
}

p#info_message {
color: #CC3300;
border: 1px solid #cc3300;
background-color: #FAD2CB;
padding: 10px;
margin: 10px 0px;
}


/* get the look page */

#getthelook {
display: block;
float: left;
width: 100%;
}

#getthelook_left {
display: block;
float: left;
margin-left: 4px;
width: 410px;
text-align: center;
}

#getthelook_right {
display: block;
float: right;
padding: 0 10px 0 0;
width: 385px;
text-align: center;
}

#getthelook_right a.gtl_left {
float: left;
display: block;
width: 175px;
margin: 0 0 10px 0;
}

#getthelook_right a.gtl_right {
float: right;
display: block;
width: 175px;
margin: 0 0 10px 0;
}


#content #getthelook_right span {
display: block;
}

#content #getthelook_right span.sect_name {
margin: 0;
padding: 5px 0 0 0;
font-size: 1.2em;
}

#content #getthelook_right span.sect_summ {
margin: 0;
padding: 0 0 5px 0;
color: #666;
font-size: 1.1em;
}

/* get the look side panel */

#gtl {
float: right;
display: block;
width: 200px;
background-color: #eee;
margin: 20px 0 0 0;
padding: 10px 0;
text-align: center;
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

#gtl p, #gtl img{
padding: 0;
margin: 5px auto;
}

#gtl a {
display: block;
}



/* vouchers table */

table#vouchers {
font-size: 1.2em;
margin: 15px 0;
padding: 0;
border-collapse: collapse;
}

	table#vouchers th {
	background: #ddd;
	font-weight: bold;
	}
	
	table#vouchers th, table#vouchers td {
	border-top: 1px solid #ddd;
	padding: 5px;
	margin: 0;
	}
	
		table#vouchers td.vleft {
		width: 400px;
		}
	
		table#vouchers td.vright input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 1px 3px;
		width: 46px;
		}
	

span.exvat {
color: #aaa;
font-size: .7em;
display: block;
float: right;
}
span.exvat a {
color: #aaa;
}


#content .vatMsg {
color: #aaa;
margin: 0;
padding: 0;
text-align: right;
}

p.cart-buttons {
margin: 5px 0;
float: left;
display: block;
width: 100%;
}

p#brandtext {
clear: left;
}

input.voucherbox {
float: left;
margin: 2px 5px 0 0;
}

input.button {
float: left;
display: block;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: auto;
padding: 5px 10px;
margin: 0 2px 0 0;
cursor: pointer;
background-color: #ddd;
color: #000;
}

input.buttonOver {
float: left;
display: block;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: auto;
padding: 5px 10px;
margin: 0 2px 0 0;
cursor: pointer;
background-color: #ddd;
color: #0099FF;
}

input.float_right {
float: right;
display: block;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: auto;
padding: 5px 10px;
margin: 0 2px 0 0;
cursor: pointer;
background-color: #CC0000;
color: #fff;
}

input.float_rightOver {
float: right;
display: block;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: auto;
padding: 5px 10px;
margin: 0 2px 0 0;
cursor: pointer;
background-color: #CC0000;
color: #FFCC00;
}

div#existing_customers {
float: left;
display: block;
}

div#existing_customers p {
float: left;
display: block;
padding: 0 0 10px 0;
width: 100%;
}

ul.sitemap, ul.sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.sitemap li {
font-size: 1em;
margin: 10px 20px;
padding: 0;
}

ul.sitemap li a {
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
}

ul.sitemap li ul li {
font-size: 1.2em;
margin: 10px 20px;
padding: 0;
}

ul.sitemap li ul li a {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

div.catText {
clear: left;
float: left;
width: 100%;
display: block;
padding: 0;
margin: 0 0 15px 0;
border: 1px solid #ccc;
/* background-color: #eee;
box-shadow: 2px 2px 5px #333;
border-radius: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic; */
}

div.catText p {
margin: 10px;
}

div.catText p a#brand_link {
float: right;
margin: 10px;
color: #09F;
}

ul#account {
border: 1px solid #CC3300;
background-color: #FAD2CB;
padding: 10px 0;
}

ul#account li span {
display: block;
margin: 0 10px;
}

#left ul#account li a {
padding: 5px 0 0 0;
width: auto;
}

table#order-details img, table#view-cart img {
width: 50px;
height: 75px;
}

h2.clear, h2.pagetitle {
clear: left;
font-size: 2em;
margin: 20px 0 0 0;
padding: 0;
}

h3 {
font-size: 3em;
margin: 10px 0;
padding: 0;
}

/* BLOG CSS */



div#floatCont {
float: left;
width: 825px;
}

#left ul.newsul {
float: left;
display: block;
width: 145px;
margin: 10px 0 0 0;
}

#left ul.newsul li {
padding: 2px 0;
}

#left ul.newsul li.header {
float: left;
display: block;
clear: left;
width: 145px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
padding: 5px 0 10px 0;
}

h2.newsdate {
font-size: 1.6em;
color: #666;
font-style: normal;
}

div.meta {
clear: both;
}

div.meta span.commOne {
float: left;
display: block;
margin: 0;
}

div.meta span.commTwo {
float: left;
display: block;
margin: 0 0 0 5px;
}

div.meta span.commTwo a {
color: #CC3300;
font-weight: bold;
}

div.meta span.editThis {
float: left;
display: block;
margin: 0 0 0 5px;
}

div.meta div.addthis_toolbox {
float: left;
display: block;
margin: 0 0 0 5px;
}

div.meta, div.post-teaser, div.post small {
font-size: 1.2em;
color: #666;
padding: 5px 0 0 0;
}

div.meta a, div.post-teaser a, div.post small a {
color: #666;
}

div.meta a:hover, div.post-teaser a:hover, div.post small a:hover {
color: #0099ff;
}

div#left ul.newsul a span {
margin: 0;
} 

div.post {
float: left;
display: block;
width: 825px;
padding: 0 0 10px 0;
border-bottom: 1px solid #000;
}

div#floatCont div div h3 {
font-size: 2em;
}

div.sociable ul {
list-style: none;
padding: 0;
margin: 0;
}

div.sociable ul li {
float: left;
padding: 0;
margin: 5px 0 0 5px;
}

img.alignleft {
float: left;
margin: 0 5px 5px 0;
}

img.alignright {
float: right;
margin: 0 0 5px 5px;
}

div.navigation {
float: left;
display: block;
width: 100%;
font-size: 1.2em;
margin: 10px 0;
padding: 0;
}

div.navigation div.alignleft {
float: left;
display: block;
margin: 0;
padding: 0;
}

div.navigation div.alignright {
float: right;
display: block;
margin: 0;
padding: 0;
}




/* Quickpay links. */

#content p.quickpay {
background: #FAD2CB;
border: 1px solid #CC3300;
font-weight: bold;
padding: 10px;
}




/* New in and Get the Look changes. */

body#getthelook .middle, 
body#new-in .middle {
margin-left: 35px;
}

body#getthelook .right, 
body#new-in .right {
margin-right: 10px;
}

body#getthelook .left, 
body#new-in .left {
margin-left: 10px;
}






	#newproduct {
		display: block;
		float: left;
		width: 980px;
	}
	#imagebox {
		display: block;
		float: left;
		width: 530px;
	}
	#carousel {
		display: block;
		float: left;
		width: 100px;
		margin: 30px 0 0 30px;
	}
	li#gtlli {
		position: relative;
	}
	#tgtl {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#mImg {
		display: block;
		float: left;
		width: 277px;
		height: 420px;
		margin: 18px 0 0 70px;
		background: transparent url(/graphics/layout/mImg_bg.png) top left no-repeat;
	}
	.pImg {
		display: block;
		float: left;
		margin-top: 15px;
		margin-left: 15px;
		width: 247px;
		height: 370px;
	}
	#pImg {
		border: none;
		width: 247px;
		height: 370px;
		margin: 0;
	}
	#gtlbox {
		clear: left;
		display: block;
		float: left;
		width: 530px;
	}
	#gtlbox #gtlimg {
		display: block;
		float: left;
		width: 530px;
		margin: 0;
		text-align: center;
	}
	#gtlbox #gtlimg table {
		margin: 0 auto;
	}
	#gtlbox #gtlimg table span {
		display: block;
		margin: 0 10px 0 0;
		font-size: 1.6em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}
	#prod_info {
		margin: 30px 60px 0 0;
		width: 350px;
	}
	#prod_buttons {
		display: block;
		float: left;
		width: 350px;
		text-align: center;
	}
	#prod_buttons input#add-to-bag {
		float: right;
	}
	#prod_buttons input:hover#add-to-bag {
		color: #FFCC00;
	}
	#prod_buttons a#coB {
		margin-left: 50px;
	}
	#prod_buttons a:hover#coB {
		color: #0099ff;
	}
	#social {
		float: left;
		display: block;
		width: 350px;
		margin: 10px 0 0 0;
	}




div#home_headlines {
background: #EEEFF4;
display: inline;
float: left;
height: 587px;
line-height: 1.4em;
margin: 0 9px 0 1px;
padding: 0 6px;
width: 390px;
}

div#facebook {
display: inline;
float: left;
width: 412px;
}



/* SHINY FORMS */

#shiny_form {
margin: 0 auto;
width: 470px;
}

#shiny {
float: left;
display: block;
width: 470px;
font-size: 1.2em;
}

#shiny_top {
float: left;
display: block;
width: 470px;
background: #fff url(/graphics/layout/shiny_top.jpg) top left no-repeat;
height: 35px;
}

#shiny_middle {
float: left;
display: block;
width: 470px;
background: #fff url(/graphics/layout/shiny_middle.jpg) top left repeat-y;
padding: 20px 0;
}

.shiny_row {
float: left;
display: block;
width: 470px;
}

.shiny_left {
text-align: right;
float: left;
display: block;
width: 120px;
margin: 10px 0 10px 30px;
}

.shiny_left label {
display: block;
padding: 5px 0 0 0;
}

.shiny_right {
text-align: left;
float: right;
display: block;
width: 280px;
margin: 10px 30px 10px 0;
}

.shiny_right input, .shiny_right textarea {
width: 240px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

.shiny_right input#contact_code {
width: 50px;
font-size: 1.2em;
}

.shiny_grey {
float: right;
display: block;
color: #999;
margin: 10px 30px;
width: 410px;
}

.shiny_grey a {
color: #999;
}

.shiny_grey a:hover {
color: #333;
}

.shiny_black {
float: right;
display: block;
color: #000;
margin: 10px 30px;
width: 410px;
text-align: left;
}

.shiny_black a {
color: #999;
}

.shiny_black a:hover {
color: #333;
}

#shiny_bottom {
float: left;
display: block;
width: 470px;
background: #fff url(/graphics/layout/shiny_bottom.jpg) top left no-repeat;
height: 35px;
}

#shiny_buttons {
float: left;
display: block;
width: 470px;
}

#shiny_buttons .shiny_row {
float: left;
display: block;
width: 440px;
margin: 20px 0 0 14px;
}

#shiny_buttons .shiny_left {
width: 200px;
margin: 0;
}

#shiny_buttons .shiny_right {
width: 150px;
margin: 0;
}

#shiny_buttons a {
display: block;
height: 26px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

#shiny_buttons a span {
display: block;
float: left;
width: 10px;
height: 26px;
background: #fff url(/graphics/layout/shiny_button_left.jpg) top left no-repeat;
}

#shiny_buttons a strong {
display: block;
float: right;
height: 26px;
padding: 5px 25px 0 15px;
background: #fff url(/graphics/layout/shiny_button_right.jpg) top right no-repeat;
}

#shiny_buttons .shiny_left a {
float: left;
}

#shiny_buttons .shiny_right a {
float: right;
}

#shiny_buttons .shiny_grey_left, #shiny_buttons .shiny_grey_right {
display: block;
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 1.1em;
}

#shiny_buttons .shiny_grey_left a, #shiny_buttons .shiny_grey_right a {
color: #999;
display: inline;
}

#shiny_buttons .shiny_grey_left a:hover, #shiny_buttons .shiny_grey_right a:hover {
color: #333;
}

#shiny_buttons .shiny_grey_left {
float: left;
margin: 10px 0;
text-align: left;
width: 280px;
}

#shiny_buttons .shiny_grey_left a {
color: #999;
}

#shiny_buttons .shiny_grey_right {
float: right;
margin: 10px 0;
text-align: right;
width: 200px;
}

#contact_info .shiny_row {
width: 440px;
}

#contact_info .shiny_grey_left, #contact_info .shiny_grey_right {
display: block;
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 1.4em;
}

#contact_info .shiny_grey_left a, #contact_info .shiny_grey_right a {
color: #999;
display: inline;
}

#contact_info .shiny_grey_left a:hover, #contact_info .shiny_grey_right a:hover {
color: #333;
}

#contact_info .shiny_grey_left {
float: left;
margin: 20px 0;
text-align: left;
width: 230px;
}

#contact_info .shiny_grey_right {
float: right;
margin: 20px 0;
text-align: right;
width: 200px;
}

#shiny_prod {
float: left;
display: block;
width: 350px;
}

#shiny_prod div {
margin: 5px 0;
}

#shiny_stockmsg {
float: left;
display: block;
width: 180px;
color: #333;
font-weight: bold;
font-size: 1.1em;
}

#shiny_styleno {
float: right;
display: block;
width: 160px;
color: #999;
font-size: 1em;
text-align: right;
}

#shiny_sizes {
clear: both;
float: left;
display: block;
width: 350px;
color: #999;
}

#shiny_select {
clear: both;
float: left;
display: block;
width: 120px;
}

#shiny_select select {
width: auto;
}

#shiny_checkout {
float: right;
display: block;
width: 100px;
text-align: right;
}

#shiny_checkout a {
float: right;
display: block;
width: 96px;
height: 26px;
background: #000 url(/graphics/layout/shiny_checkout.png) top left no-repeat;
}

#shiny_checkout a:hover {
background: #0099ff url(/graphics/layout/shiny_checkout.png) top left no-repeat;
}

#shiny_add {
float: right;
display: block;
width: 100px;
text-align: right;
}

#shiny_add a {
float: right;
display: block;
width: 94px;
height: 24px;
background: #fff url(/graphics/layout/shiny_add.png) top left no-repeat;
}

#shiny_add a:hover {
background: #FFCC00 url(/graphics/layout/shiny_add.png) top left no-repeat;
}

#social a {
color: #999;
}

#social a:hover {
color: #333;
}


/* LOYALTY STYLES */

#top #contact #loyalty_card {
position: absolute;
top: 0;
left: 30px;
width: 112px;
height: 73px;
padding: 0;
}

#top #contact #loyalty_card a {
display: block;
width: 112px;
height: 80px;
background: transparent url(/graphics/layout/loyalty/top_card.jpg) 0 7px no-repeat;
}

h1#basketh1 {
margin: 10px 0;
padding: 0;
position: relative;
}

h1#basketh1 small {
position: absolute;
right: 0;
bottom: 5px;
font-size: 0.6em;
}

div#cust_left {
display: block;
float: left;
width:360px;
}

div#cust_right {
display: block;
float: right;
width: 452px;
height: 100px;
background: transparent url(/graphics/layout/loyalty/customer_notice.jpg) 0 20px no-repeat;
}

div#confirm_points {
position: relative;
margin: 20px auto;
width: 685px;
height: 272px;
background: transparent url(/graphics/layout/loyalty/confirm.jpg) top left no-repeat;
}

div#confirm_points #totalpoints {
position: absolute;
text-align: left;
line-height: 1em;
top: 20px;
left: 170px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
padding: 0;
margin: 0;
font-style: italic;
}

div#confirm_points #totalpoints small {
color: #666;
}

div#confirm_points #usepoints {
position: absolute;
top: 120px;
left: 430px;
}

div#confirm_points #submitpoints {
position: absolute;
top: 190px;
left: 530px;
background: #ddd;
color: #000;
padding: 3px 10px;
border: none;
cursor: pointer;
}

div#confirm_points #submitpoints:hover {
color: #09F;
}

div#receipt_points {
position: relative;
margin: 20px auto;
width: 722px;
height: 287px;
background: transparent url(/graphics/layout/loyalty/receipt_points.jpg) top left no-repeat;
}

div#receipt_points #referrer {
position: absolute;
top: 140px;
left: 439px;
width: 200px;
}

div#receipt_points #found {
position: absolute;
top: 165px;
left: 439px;
width: 200px;
border: none;
background-color: none;
}

div#receipt_points #signup {
position: absolute;
top: 55px;
left: 439px;
}

div#receipt_points a.finish_purchase {
position: absolute;
top: 123px;
left: 576px;
width: 120px;
height: 28px;
color: #fff;
background-color: #CC0000;
font-size: 1.2em;
}

div#receipt_points a.finish_purchase:hover {
color: #FFCC00;
}

div#receipt_points a.finish_purchase span {
display: block;
margin: 6px 0 0 0;
}

div#receipt_points #submitpoints {
position: absolute;
top: 210px;
left: 600px;
background: #ddd;
color: #000;
padding: 3px 10px;
border: none;
cursor: pointer;
}

/* Free Returns */

#top #mini-basket {
position: relative;
}

#top #mini-basket #fr {
position: absolute;
top: 10px;
left: 40px;
width: 166px;
height: 45px;
}

#top #mini-basket #fr a {
display: block;
width: 166px;
height: 45px;
background: transparent url(/graphics/layout/fr.jpg) top left no-repeat;
}

/* postcode finder */

#postcode_finder {
float: left;
display: block;
width: 825px;
padding: 0;
border: 1px solid #ccc;
background-color: #eee;
margin: 10px 0;
}

#postcode_finder table {
margin: 5px 10px;
width: 805px;
}

#postcode_finder table tr td {
vertical-align: middle;
float: none;
}

#postcode_finder table tr td.left {
text-align: right;
width: 40%;
}

#postcode_finder table tr td.right {
text-align: left;
width: 60%;
}
