/**
 * Orange: #F47C2E
 * Dk Grey: #333333
 * FONT: 
 */
 
body {
	background-color: #FFF;
	color: #333;
	font-size: 13px;
	font-family: Georgia, Times, Helvetica;
	line-height: 1.4em;
	background-image: url("/img/background/blank.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body.webpages.view.home {
	background-image: url("/img/background/arrow.jpg");
	background-attachment: fixed;
}
body.webpages.view.about,
body.webpages.view.contact{
	background-image: url("/img/background/blank.jpg");
	background-attachment: fixed;
}
body.webpages.view.terms,
body.webpages.view.faq {
	background-image: url("/img/background/redyellow.jpg");
	background-attachment: fixed;
}
body.categories.view.male,
body.products.view {
	background-image: url("/img/background/pebbles.jpg");
	background-attachment: fixed;
}
body.categories.view.female {
	background-image: url("/img/background/line.jpg");
	background-attachment: fixed;
}
body.features {
	background-image: url("/img/background/shadow.jpg");
	background-attachment: fixed;
}
body.webpages.view.pr {
	background-image: url("/img/background/cobbles.jpg");
	background-attachment: fixed;
}

body.webpages.view.d3o {
	background-image: url("/img/background/exit.jpg");
	background-attachment: fixed;
}



body.webpages.view {
	background-repeat: no-repeat;
}
/*
body.webpages.view.range {
	background-image: url("/img/background/bg_range.jpg");
	background-attachment: fixed;
}
body.webpages.view.range {
	background-image: url("/img/background/bg_stockist.jpg");
	background-attachment: fixed;
}
body.webpages.view.range {
	background-image: url("/img/background/bg_contact.jpg");
	background-attachment: fixed;
}
*/
#wrapper {
	background-color: #FFF;
	margin: 0 auto;
	padding: 0 0 1px 0;
	width: 768px;
}

#header {
	background-image: url("/img/background/header-logo.png");
	background-repeat: no-repeat;
	height: 86px;
	width: 768px;
}

#footer {
	clear: both;
	background-image: url("/img/background/footer.png");
	background-position: top center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, Verdana;
	padding-right: 8px;
	text-transform: lowercase;
	padding-top: 8px;
	margin-bottom: 600px;
}



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

a:hover {
	color: #F47C2E;
}

#content {
	clear: right;
	padding: 8px 32px 32px 32px;
}
#content p {
    line-height: 14px;
    padding-bottom: 0;
    margin-top: 2px;
    margin-bottom: 6px;
}

/* Main text styles */
#header h1,
#header h1 a {
	display: block;
	float: left;
	width: 300px;
	height: 80px;
}

#header h1 span, .skip_menu {
	display: none;
}

h2 {
	font-size: 19px;
	margin-bottom: 14px; /* was 20px */
	line-height: 24px;
}
h3 {
	font-size: 19px;
	color: #333;
	line-height: 19px;
}
h4 {
	font-size: 14px;
	color: #333;
	line-height: 16px;
	margin-top: 18px;
	font-weight: bold;
}
#footer p {
	padding: 8px 24px;
	text-align: right;
	font-size: 10px;
}


/* Product related styles */

#product_viewer {
	/*border: 1px solid #676765;*/
	width: 345px;
	height: 495px;
	float: left;
	margin-bottom: 32px; /* Make sure the footer properly clears the Flash */
}

/* PAD 16px in between these two */

#product_info {
	/*border: 1px solid #676765;*/
	width: 345px;
	margin-left: 359px;
	padding-top: 15px;
	/*color: #333;*/
}
#product_info h3 {
    margin-bottom: 2px;
}
#product_info p {
    margin: 2px 0;
    padding: 0 0 10px 0;
}
#product_info p, #product_info ol, #product_info ul, body.products.view label {
    font-size: 12px;
    line-height: 14px;
}

p#select {
	padding-bottom: 0;
}

#product_info form label { /* Fine in FireFox */
	padding-left: 16px;
	padding-top: 8px;
	margin-right: -16px; /* Now it's even more iffy - ZB */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/*
	#colour_swatches {
		margin-top: -4px;
	}
*/

	#product_info form label { /* Safari hack from http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/ */
		padding-top: 4px;
	}
}

/* EOF iffy */

body.products.view div#product_info select {
	margin-top: 2px;
	vertical-align: middle;
}



/* Shopping Cart Styles */
#cart_display {
	width: 550px;
	clear: left;
}
.cart_header, .cart_item, .cart_delivery, .cart_tax, cart_qty, .cart_footer {
	padding-top: 6px;
	font-family: Arial, Verdana, Helvetica, sans_serif;
}
.cart_delivery span {
    font-family: Arial, Verdana, Helvetica, sans_serif;
}
.cart_header {
	border-bottom: 1px solid #333;
	height: 20px;
	text-transform: lowercase;
}
.cart_item,.cart_tax, .cart_delivery, .cart_footer {
    font-family: Georgia, Times, Helvetica;
	font-size: 12px;
}	
.cart_item {
	border-bottom: 1px dotted #333;
	height: 20px; /* This should be 20 - yes, changed from 60??? to 20 */
}
.cart_delivery {
	border-bottom: 1px solid #333;
	height: 20px;
}
.cart_tax {
	border-bottom: 1px solid #333;
	height: 20px;
}
.cart_footer {
	font-weight: bold;
	height: 20px;
}

/* Columns */
#cart_display .item {
	display: block;
	width: 180px;
	height: 20px;
	float: left;
}

#cart_display .colour {
	display: block;
	width: 70px;
	height: 20px;
	float: left;
}

#cart_display .size, #cart_display .qty, #cart_display .qty_adjust {
	display: block;
	width: 70px;
	height: 20px;
	float: left;
}
#cart_display .cost {
	text-align: right;
	width: 90px;
	float: left;
}







/*  */
.popBox_title {
	background-color: #FFF;
	color: #666;
	display: block;
	padding: 8px;
	font-family:  Times, Helvetica;
	font-size: 14px;
}
img #close {
    margin-top: 10px;
    margin-left: 10px;
}


form div.input input, form div.input select, form div.input textarea {
	padding: 4px;
	margin: 2px;
	color: #333;
	border: 1px solid #999;
}
form div.input textarea {
	width: 400px;
}

/* Form error messages */
form div.error-message {
  color: maroon;
  border-bottom: none;
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 0;
}

form input.form-error {
  border: 1px solid maroon;
}

label {
	display: inline;
	float: left;
	width: 180px;
}

/* Category gallery and product gallery for category */

.gallery_box a {
	color: #333; /* Change this in gallery.js too */
	text-decoration: none;
}

.gallery_box {
	float: left;
	height: 180px;
	margin: 10px 20px 10px 0;
	width: 96px;
}

/* The client wants inconsistency... */

.gallery_image,
.gallery_image img {
	height: 141px;
	width: 96px;
}

body.press_releases div.gallery_box {
	height: 196px; /* Additional 29px, for update 105 */
	width: auto;
}

body.press_releases div.gallery_image,
body.press_releases div.gallery_image img {
	height: 170px; /* Additional 29px, for update 105 */
	width: auto;
}

.gallery_image {
	border: 1px solid #CCCCCC;
}

.gallery_name {
	height: 40px;
	width: 96px;
	margin-top: 2px;
	font-size: 11px;
}

/* For webpages (CMS) */

#layout_left_col {
	width: 224px;
	float: left;
}
#layout_left_col ul li {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 14px;
}
#layout_main_col {
	width: 440px;
	margin-left: 240px;
}

#LangLangId {
	margin-left: 30px;
}

body.categories #LangLangId {
	margin-left: 0;
}

table.order, table.ordered_product {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 40px;
}
table.order th, table.order td, table.ordered_product th, table.ordered_product td {
	border: 1px solid #E5E5E5;
	padding: 2px;
}
table.order td {
	width: 50%;
}
table.order th, table.ordered_product th {
	background-color: #F5F5F5;
	font-weight: bold;
}

/*h2 span.emphasised,
body.webpages.view h2 {
	color: #F47C2E
}*/

img.thumbnail {
    width: 40px;
    height: auto;
}

/* For PR */




body.press_releases p.years,
body.press_releases p.months,
body.features p.years,
body.features p.months{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

body.press_releases span.not_current a,
body.features span.not_current a {
	text-decoration: underline;
}

body.press_releases span.not_current a:hover,
body.features span.not_current a:hover  {
	text-decoration: none;
}

body.press_releases p.years span,
body.press_releases p.months span,
body.features p.years span,
body.features p.months span
{
	text-decoration: underline;
	padding-right: 8px;

}
body.press_releases p.years span.current,
body.press_releases p.months span.current,
body.features p.years span.current,
body.features p.months span.current {
	/*color: #F47C2E;*/
	color: #000000;
	text-decoration: none;
}

body.press_releases view {
    margin: 20px;
    padding: 20px;
}




div.checkbox label {
	float: none;
	margin-left: 10px;
}

div#top_right_menus {
	clear: none;
	float: right;
	width: 300px;
}

div#top_right_menus form {
	margin-right: 30px;
}

#select_country {
	margin-left: 30px;
}

#select_country select {
	font-size: 8px;
}

#rest_of_header_bar {
	float: right;
	margin-right: 30px;
}

#upper_shopping_basket {
	float: right;
	margin-right: 30px;
	margin-top: 4px;
}

#login_top {
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	text-align: right;
	margin-top: 0;
}



/* The reseller's view */

body.reseller_view table {
	width: 100%;
}

body.reseller_view table label {
	width: 60px;
}

body.reseller_view table,
body.reseller_view table th,
body.reseller_view table td {
	border: 1px solid #E5E5E5;
	border-collapse: collapse;
}

body.reseller_view table th,
body.reseller_view table td {
	padding: 3px;
}

body.reseller_view th {
	text-weight: bold;
}

body.reseller_view td.product_image {
	width: 99px;
	padding: 0;
}

body.reseller_view td.product_image img {
	height: 145px;
	width: 99px;
	vertical-align: middle;
}

body.reseller_view td.product_colour {
	width: 100px;
}

body.reseller_view td.product_size {
	width: 20px;
}

/* List of own orders */

body.orders.personal_list table th,
body.orders.personal_list table td {
	padding: 3px;
}
body.orders.personal_list table td {
    vertical-align: top;
}






/* Menu */
/* Please see menu.js file for more IE6 fixes */
#navigation,
#navigation2,
#upper_shopping_basket { 
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	margin-right: 32px;
	overflow: visible;
	width: auto;
	height: 18px;
	float: right;
}

/* IE 6 Fix */
* html #navigation,
* html #navigation2 {
	margin-right: -32px;
}

ul.menu span {
	color: #666;
	cursor: pointer;
	height: 18px;
}

ul.menu {
	display: block;
	padding: 0;
	margin: 0;
	color: red;
	overflow: visible;
}

#navigation ul li {
	display: inline;
	margin-left: 16px;
	list-style: none;
	text-transform: lowercase;
	background-color: #FFF;
}

ul.menu li {
	float: left;
	display: block;
	overflow: visible;
	background-color: #FFF;
}

ul.menu ul {
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #333;
	overflow: visible;
	background-color: #FFF;
	position: absolute;
}

* html ul.menu ul { /*position: relative !important;*/ }
*:first-child+html ul.menu ul { position: relative !important; }

ul.menu ul li {
	padding: 0;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0 !important;
	clear: both;
	display: block !important;
	float: left;
	height: 18px;
	border-bottom: 1px dotted #333;
	background-color: #FFF;
	z-index: 100;
}

ul.menu ul li a {
	clear: both;
	display: block;
	height: 18px;
	background-color: #FFF;
}




#logged_in {
    float: right;
    text-align: right;
    padding-right: 30px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
}

#region_paragraph {
	float: left;
	text-align: left;
}

#call_region_selector img,
#call_region_selector_2 img {
	/*height: 1em;*/
	width: 24px;
	height: auto;
}
#call_region_selector span {
    font-size: 11px;
    text-decoration: underline;
}


#btn_checkout,
#btn_checkout_1,
#btn_checkout_2 {
    margin-left: 180px;
    margin-top: 40px;
}
div#checkout_process {
    background-color: #F5F5F5;
    padding: 20px;
    margin-bottom: 40px;
}

#checkout_process span {
    margin-right: 20px;
}    
#checkout_process span.checkout_active {
    text-decoration: underline;
}

p {
	margin: 1em 0;
}

div #product_info ol, div #product_info ul {
    margin-left: 20px;
    margin-bottom: 20px;
}
div #product_info ol {
    list-style: decimal;
}
div #product_info ul {
    list-style: disc;
}

body.personal_refund th,
body.personal_refund td {
	padding: 3px;
}

body.personal_refund th {
	background-color: #DDDDDD;
}

/* Colour swatches on product views */

#colour_swatches p {
	float: left;
	padding-top: 6px;
	padding-right: 4px;
}

body.products.view div.input.select label {
	width: 70px;
}

#colour_swatches div.swatch_outer_border {
	border: 1px solid white;
	float: left;
	height: 20px;
	width: 20px;
	margin: 1px;
}

#colour_swatches div div {
	border: 1px solid white;
	height: 18px;
	width: 18px;
}

/* Don't display the "select country" link */

#region_paragraph {
	display: none;
}

/* Tidy up the menu */

#navigation,
#navigation *,
#navigation2,
#navigation2 * {
	z-index: 100;
}

body.categories.view h3 {
	clear: left;
}

/* Pretend buttons */

.mock_button {
    /*margin-left: 4px;*/
    margin-top: 6px;
}

.mock_button_middle {
	background-color: #999999;
	color: white;
	display: block;
	float: left;
	font-family: helvetica, sans-serif;
	height: 19px;
	cursor: pointer;
}

.mock_button_middle a {
	color: white;
}

.mock_button img {
	display: block;
	float: left;
	vertical-align: -0.5em;
}

div#home_flash {
    margin-bottom: 26px;
}


#content p.contact_address {
    margin-bottom: 20px;
}



body.categories.view h3 {
	font-size: 17px;
}

body.products.view div.input {
	display: inline;
}

p#region_paragraph_2 a {
	text-decoration: underline;
}

body.webpages.view.contact #content p.contact_address {
	line-height: 16px;
}

body.view.categories div.gallery_box {
	margin-right: 16px;
}

body.press_releases div.gallery_box {
	margin-right: 32px;
}

#content p.months {
	margin-top: 16px;
}
h2 {
	color: #F47C2E;
}
h1.grey, h2.grey, span.grey {
	color: #666;
}
h1.grey {
    font-size: 19px;
    font-family: Georgia, Times, Helvetica;
    margin-bottom: 20px;
}



body.webpages.view.contact h2.main_header {
	margin-bottom: 23px;
}
div.half_page_wrap {
    width: 450px;
}
div.half_page_wrap h3 {
    line-height: 24px;
    margin-bottom: 19px;
}
div.half_page_wrap p {
    line-height: 16px;
    margin-bottom: 8px;
}

body.carts.checkout_review h2 {
	clear: left;
}

strong {
	font-weight: bold;
}

#flashMessage {
	color: #F47C2E;
	display: inline;
	margin-top: 12px;
}

span.is_translated {
	color: #008800;
}

span.not_translated {
	color: #880000;
}

body.products.view div#product_info select {
	width: 6em;
}

body.carts.checkout_review div.mock_button {
	padding-bottom: 70px;
}

body.carts.checkout_summary #btn_checkout {
	margin-left: 0;
}

body.orders.personal_refund p#reason_for_return {
  display: none;
}

th.product_name {
    background-color: #F6F6F6;
    font-weight: bold;
    font-size: 13px;
}

body.categories.view span.price {
	color: #F47C2E;
}

body.products.view span.price {
	font-size: 14px;
}

body.products.view a.select_country,
body.products.view a.view_sizing_info {
	margin-left: 16px;
	text-decoration: underline;
}

body.products.view p#delivery_and_returns a {
	text-decoration: underline;
}

p.sticky_note {
	background-color: #FFF7BE;
	border: 1px solid #FFCC00;
	padding: 1em !important;
}

div#header_bar {
	background-color: #F5F5F5;
  font-size: 11px;
	height: 28px;
	padding-top: 4px;
}

span.before_form {
	float: left;
}
span.after_form {
    float: right;
    margin-right: 400px;
}

div#home_feature_text {
	float: right;
	width: 230px;
}

ul.menu.footer {
	margin-right: 24px;
}

ul.menu.footer li {
	float: right;
	margin-left: 16px;
}

div#header_bar span,
div#rest_of_header_bar /* Despite it also having spans inside it, this seems necessary for some reason. */ {
	margin-top: 4px;
}

div#rest_of_header_bar span.breather {
	margin-right: 16px;
}

div.radio label {
	float: none;
	margin-left: 8px;
}

div#home_feature_text img {
	float: right;
}

object#lookBook {
	/*margin-left: 80px;*/
}

/****************    HOME PAGE SPECIFIC STYLES    ****************/
div.content_wrap_home {
    clear: both;
}
div#home_left_col, .home_left_col_lower, .l_col {
    width: 466px;
}
div#home_right_col, .home_right_col_lower, .r_col {
    float: right;
	width: 228px;
}
div#home_right_col div img {
    margin-bottom: 0;
}

div#home_left_col div, div#home_right_col div {
    margin-bottom: 10px;
}


div#home_most_popular {
    width: 466px;
    height: 244px;
    border-bottom: 1px solid #333;
}
div#home_press {
    background-color: #E5E5E5;
}
div#home_press img {
    margin: 0;
    padding: 0;
}
div#home_lookbook img {
    width: 228px;
}
div#home_most_popular h2, 
div#home_press h2,
div#home_offer h2,
div#home_lookbook h2,
div#home_mailing_list h2,
div#home_featured_product h2
{
    background-color: #666;
    height: 14px;
    font-size: 11px;
    color: #FFF;
    font-family: Arial, Helvetica, Verdana;
    padding: 2px 0 0 4px;
    margin: 0;
    line-height: 11px;
}

div#home_offer {
    background-color: #00BAF0;
    padding-bottom: 4px;
}
div#home_offer p {
    background-color: #FFF;
    color: #00BAF0;
    margin: 10px;
    line-height: 24px;
    font-size: 22px;
    padding: 6px;
}




/*
div#home_mailing_list form div.form_inline {
    float: right;
    width: 60px;
}

div#home_mailing_list form div div.input label {
    clear: left; !important
    width: 30px;
    border: 1px solid red;
}
div#home_mailing_list form div div.input input {
    width: 50px;

}
*/



/* Home Mailing List - Nina 6/11/2008
------------------------------------------------------------------------------*/

div#home_mailing_list {
	height: 120px;
	border-bottom: 1px solid #666;
}

* html div#home_mailing_list {
	width: 227px;
	overflow: hidden;
}


div#home_mailing_list p {
    padding: 8px 0 0 10px;
		font-size: 12px;
}

/* IE7 */
*:first-child+html div#home_mailing_list p {
	font-size: 11px;
}

* html div#home_mailing_list p {
	font-size: 10px;
}

div#home_mailing_list form {
    padding: 0 10px 0 10px;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana;
    float: left;
}
div#home_mailing_list form label {
	padding-left: 3px;
}

div#home_mailing_list p.privacy_link {
		float: left;
		margin: 0 0 0 0;
		padding-left: 13px;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana;
    text-decoration: underline !important;
}

div#home_mailing_list p.privacy_link * {
	 text-decoration: underline !important;
}

div#home_mailing_list form div.mock_button {
    margin: 45px 0 0 140px;
    background-color: #FF8C00;
		clear: both;
		position: absolute;
}


*:first-child+html div#home_mailing_list form div.mock_button {
	margin: 5px 0 0 140px;
}

* html div#home_mailing_list form div.mock_button {
	margin: 5px 0 0 140px;
}

div#home_mailing_list div.form_inline {
	width: 99px;
	height: 40px;
	float: left;
}

div#home_mailing_list div.form_inline.name {
	margin: 0 0 0 0;
}
div#home_mailing_list div.form_inline.email {
	margin: -40px 0 0 110px;
}

* html div#home_mailing_list div.form_inline.email {
	margin: -40px 0 0 55px;
}

div#home_mailing_list div.form_inline input {
	margin: 0;
	width: 93px;
	height: 15px;
	padding: 0px 2px 1px 2px;
}
/*----------------------------------------------------------------------------*/




div#home_intro_text {
    padding-top: 10px;
    min-height: 124px;
    margin-bottom: 20px;
}
div#home_intro_text h1 {
    font-family: Georgia,Times,Helvetica;
    font-size: 12px;
    color: #F47C2E;
}
div#home_featured_product {
    background-repeat: no-repeat;
    background-position: top;
    width: 466px;
    height: 228px;
    border-bottom: 1px solid #333;
}
div#home_featured_title p {
    font-size: 18px;
    color: #F47C2E;
    padding: 6px;
    font-weight: bold;
    line-height: 18px;
}
div#home_featured_title p span{
    color: #7B7B7B;
}

div#home_featured_title, div#home_featured_description {
    margin-left: 10px;
    background-color: #FFF;
    width: 220px;
    margin-top: 10px;
    border: 0;
}
div#home_featured_description {
    margin-top: 3px;
}
div#home_featured_description p {
    color: #7B7B7B;
    padding: 6px;
    margin: 0;
}



div.mostPopular {
    width: 108px;
    height: 192px;
    float: left;
}
div.mostPopular_spaced {
    margin-right: 11px;
}
div.mostPopular a:link, 
div.mostPopular a:visited, 
div.mostPopular_spaced a:link,
div.mostPopular_spaced a:visited
{
    color: #F47C2E;
    font-size: 10px;
}
div.mostPopular a span, div.mostPopular_spaced a span{
    text-decoration: underline;
}

div#home_featured_description a:link,
div#home_featured_description a:visited
{
    color: #F47C2E;
    text-decoration: underline;
    font-family: Arial, Helvetica, Verdana;
}


div.mostPopular, div.mostPopular_spaced {
    color: #333;
    font-size: 12px;
    line-height: 12px;
}
div.mostPopular p, div.mostPopular_spaced p {
    padding-top: 8px;
}
div.mostPopular img {
    width: 108px;
    height: auto;
    margin-top: 10px;
    border: 0;
}
div.featuredClear {
    clear: left;
}
div.home_clear {
    clear: both;
}
p.free_returns {
    color: #F47C2E;
}

/**************    END HOME PAGE SPECIFIC STYLES    **************/

#colour_swatches p {
	padding-bottom: 0;
}

body.products.view div.mock_button {
	float: left;
	margin-right: 1em;
}

ul.menu li a img {
	vertical-align: bottom;
}

div#recommendedProduct h2
{
    background-color: #666;
    height: 14px;
    font-size: 11px;
    color: #FFF;
    font-family: Arial, Helvetica, Verdana;
    padding: 2px 0 0 4px;
    margin: 0;
    line-height: 11px;
}
div.recommendedItem {
    float: left;
    margin-right: 2px;
    width: 99px;
    overflow: hidden;
}
.fade {
  position: absolute;
  top: 100px
  left: 100px
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
p.productHeader {
    font-size: 19px !important; 
}

body.blog_entries.reseller_index table {
	width: 100%;
}

body.blog_entries.reseller_index table th.action,
body.blog_entries.reseller_index table td.action {
	text-align: center;
	width: 50px;
}

/* Pagination for reseller blogs */

div.pager {
	margin: 10px;
	text-align: center;
}

div.pager div {
	display: inline;
}