/* GENERIC */
html { margin: 0; padding: 0; }
a { color: black; }
form { margin: 0; }
 body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; background: #b398b4 url(/static/img/backgrounds/dark_purple_top_plain.gif); text-align : center; font-size: 62.5%; text-align: left;	} 
/* body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; background: #0a0c49 url(/static/img/bgs/christmas-main.jpg) repeat-x; text-align : center; font-size: 62.5%; text-align: left;	} */
p { font-size: 1.1em; }
th { text-align: left; }
ul { margin: 0; padding:0; list-style: none; }

/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* HEADINGS */  
h1 { font-size : 1.8em; color: #8f3b93;}
h2 { font-size : 1.5em; color: #8f3b93;}
h2 a { color: #8f3b93; }

h3 { font-size: 1.2em;  color: #8f3b93; margin-top: 10px; margin-bottom: 0; }
h4 { font-size: 1.1em;  color: #8f3b93;}
h5 { font-size: 1em;  }

/* GENERIC & LAYOUT */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.centre { margin:0 auto; text-align:left; }
.line {	border-bottom: 1px solid #b398b4; }
.panel { background: url(/static/img/bgs/panel.gif) repeat-x; padding: 1px 0 5px 8px; border: 1px solid #e1d6e1; margin: 0 0 8px 0; } 

/* BUTTONS */
button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ }
button::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */ }
button span { position: relative; display: block; white-space: nowrap; }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } }

button { padding: 0 15px 0 0; margin-right:5px; font-size:11px; text-align: center; background: transparent url(/static/img/btns/button-sprites.png) no-repeat right -80px; }	
button span { color: #fff; padding: 7px 0 0 15px; height:30px;	background: transparent url(/static/img/btns/button-sprites.png) no-repeat left top; }
button span img { vertical-align: middle;	margin-right: 4px; }
button:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */ background-position: right -120px; }
button:hover span, button.submitBtnHover span { background-position: 0 -40px; }

/* Error handling */
.error { border: 1px solid #da001a; padding: 5px; color: red; font-size: 1.2em; background: white; }
.error h2 { color: #da001a; margin: 0; }
.error p { color: black; }

#container { width: 875px; margin: 0 auto; text-align: left; }
#top { background: #fff url(/static/img/layout/white_curved_top.gif) repeat; padding: 16px; border-bottom: 1px solid #f2e9f2; margin-top: 10px; border-left: 1px solid #0a0c49; border-right: 1px solid #0a0c49; border-top: 1px solid #0a0c49;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

#search_box { background: white; padding: 12px; margin: 0 0 0 20px; width: 240px; float: left; }
#search_box #search_input_box { width: 155px; }
#search_box input { padding: 4px; font-size: 1.2em; margin-right: 5px; }
/* IN-PAGE BASKET TOTAL */
#in_page_basket { min-width: 125px; float: right; padding: 10px 15px 15px 10px; font-size: 1.2em; text-align: center; color: #6d396f; background: #f4e9f5; 

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;	
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	border: 2px solid white; }
	 
#in_page_basket a { color: #6d396f; text-decoration: none; font-weight: bold; }
#in_page_basket img { margin-right: 5px; vertical-align: absmiddle; }
#logo { float: left;  background: url(/static/img/nav/logo.gif) no-repeat; height: 48px; width: 375px; text-indent: -9999em; overflow: hidden; }
#logo a { display: block; height: 48px; width: 375px; text-decoration: none; }

#column_left { width: 170px; float: left; padding: 0 0 0 7px; }
#main {	background: #fff; padding: 10px 10px 20px 10px; margin: 0; border-left: 1px solid #0a0c49; border-right: 1px solid #0a0c49; }
#body {	float: left; margin: 0 0 12px 6px; }
.one-column #body {}
#body.two-column { width: 670px; }

#disclaimer { margin-top: 20px; width: 500px; background: #faf9fa; padding: 10px; }
#disclaimer p { color: #666; font-weight: normal; font-size: 1em; margin: 0;}
#disclaimer h2 { color: #666; padding: 0; margin: 0 0 3px 0; font-size: 1.1em; }
#disclaimer a { color: #666; }

/* CHRISTMAS */
.christmas_panel {width: 650px; background:#223962 url(/static/img/bgs/christmas-panel.jpg) no-repeat;background-position: top right; min-height: 100px; padding: 1px 0 5px 8px; border: 1px solid #e1d6e1; margin: 0; }
.christmas_panel h1 { color: white; }
.christmas_panel h2 { color: white; }
.christmas_panel p { color: white; width: 400px; }
.christmas_panel a { color: white; }

#christmas-top-10 { margin: 0 0 0 9px; min-height: 424px; width: 170px; }
#christmas-top-10 h2 { margin: 5px 0 0 0; padding: 0; }
#christmas-top-10 ol { margin-top: 5px; }
#christmas-top-10 li { font-size: 1.2em; color: white;  margin: 0 0 3px -14px; padding: 0; }
#christmas-top-10 li a { color: white; font-weight: bold; text-decoration: none; }
#christmas-top-10 li a:hover { text-decoration: underline; }

#intro_text { margin-bottom: 10px; }

#last-order-date { padding: 5px 0 0 13px; margin: 0;  }

.button_link { background: #8f3b93; padding: 5px; width: 65px; height: 12px; float: left; margin: 0 0 0 5px; text-align: center; }
.button_link:hover { background: #b398b4; }
.button_link a { color: #fff; text-decoration: none; font-size: 1.2em; display: block; }

/* UTILITY NAVIGATION */
#utility_navigation { padding: 5px; margin: 20px 0 0 0; border: 1px dotted #e2c7e3; }

/* IN-PAGE NAVIGATION */
.breadcrumb { margin: 0 0 20px 0; padding: 0; font-size: 1.2em; color: gray; }
.breadcrumb a { color: gray; }
.pagination { padding: 5px; width: 600px;	color: #8f3b93; font-size: 1.3em; text-align: right; font-weight: bold; }
.pagination a { color: white; }

/* FOOTER */
#footer { background: #fdfbfd; clear: both; height: 40px; padding: 27px 20px 16px 20px; text-align: center;  border-left: 1px solid #0a0c49; border-right: 1px solid #0a0c49; border-bottom: 1px solid #0a0c49; }
#footer p { float: left; padding: 0; }
#footer ul { text-align: left;}
#footer li { display: inline; text-align: left; padding-right: 5px; }
#footer li:first-child { border: none; }
#footer li a { margin: 0; text-decoration: none; }
#footer li a:hover { text-decoration: underline;  }

/* NAVIGATION */
#navigation { margin: 0 0 15px 0;  }
#navigation dl { margin: 0; padding: 0; width: 150px;  }
#navigation dt	{ padding: 5px;  }
#navigation dt a 	{ color: #333; font-size: 1.2em; text-decoration: none; display:block;}
#navigation dt:hover { color: #6d396f; }
#navigation dt.selected a { color: #6d396f;font-weight: bold; }
#navigation dt.navigation_header { padding: 5px 0 3px 7px; }
.navigation_header { background: url(/static/img/category/header_bg.gif) repeat-x; }
#navigation dt.navigation_header:hover { background: url(/static/img/category/header_bg.gif) repeat-x; }

#logged_in_user a { line-height:2.3em; }

/* USER NAV BAR */
#user_nav_bar {	text-align: right; padding: 4px; padding-left: 10px; }
#user_nav_bar p { font-weight: bold; margin: 0; }
#user_nav_bar li { list-style: square; list-style-position: inside; }
#user_nav_bar input { width: 90px; font-size: 1em; }

/* HOMEPAGE */
#homepage_promo {}
#homepage_top_10 { margin: 0 0 0 9px; background: #fff url(/static/img/homepage/top_10_bg.gif) repeat-x; height: 238px; width: 200px; }
#homepage_top_10 img {  margin: 8px 0 0 14px; }
#homepage_top_10 li { font-size: 1.2em; color: #6d396f; margin: 0 0 3px -4px; }
#homepage_top_10 li a { color: #6d396f; font-weight: bold; }
#homepage_top_10 li a:hover { color: #000;  }

/* LISTINGS */
.listing { text-align: center; float: left; padding: 2px; margin: 10px 14px 0 0; position: relative; border: 1px solid white; width: 200px; }
/*.listing:hover { background: #fefefe; }*/
.listing p { margin: 0; padding: 4px; }
.listing a { font-size: 1.2em; text-decoration: none; font-weight: bold; color: #724074; }
/*.listing a:hover { font-size: 1.2em; text-decoration: underline; font-weight: bold; color: #724074; }*/
.listing_msf { border: 1px solid #f8e5f9; margin: 0 15px 0 0; }
.listing#cross-sell { width: 110px; }

.product_overlay {
	position: absolute; font-size: 1.1em; font-weight: bold; width: 190px; margin: 0 1px 3px 1px; 
	/* background: #ddd url(/static/img/bgs/panel.gif); */
	background: #efefef; 
	bottom: 0; min-height: 7px; padding: 4px;
	color: black;
	display: block;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.3); box-shadow: 0 2px 4px rgba(0,0,0,0.2); 
opacity:.8; /* FX/Opera/Safari/Chrome */
-ms-filter:"alpha(opacity=50)"; /* IE8 */
filter:alpha(opacity=50); /* IE6/IE7 */
}
 
.product_overlay a {
	display: block;
	text-decoration: none;
}
.product_overlay .product_link { font-size: 1em; text-align: left; float: left; width: 125px; vertical-align: bottom; padding: 0; }
.product_overlay .price { float: right; font-size: 1em; color: gray; font-weight: bold; vertical-align: bottom; }

.shadow-big   { -webkit-box-shadow: 0 4px 7px rgba(0,0,0,0.4); -moz-box-shadow: 0 4px 7px rgba(0,0,0,0.4); box-shadow: 0 4px 7px rgba(0,0,0,0.4); }
.shadow-small { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); }


/* CATEGORY PAGE */
#category_header_bar { width: 610px;  margin: 0 0 10px 0; padding: 0; }
#category_header_bar h1 { font-size: 2.8em; padding: 0; margin: 0; }
#category_header_bar p  { padding: 0; margin: 0; font-size: 1.2em; }
#category_header_bar .pagination { background: #8f3b93;	padding: 5px; width: 600px;	color: #fff; }
#category_header_bar .pagination a { color: #8f3b93; }
#category_count { font-size: 1.5em; color: #6d396f; padding: 0 10px 0 0; }
#category_banner_msf p { font-size: 1.2em; margin: 10px 0 10px 0;  }

/* PRODUCT DETAIL */
#detail h2 { font-size: 2.5em; margin: 0; }
#detail h3 { font-size: 1.6em; margin: 10px 0 0 0; }
#product_image { }
#product_image_container { position: relative; height: 300px; width: 300px;text-align: center; }
.product_image_extra { width: 50px; height: 50px; border: 2px solid silver; margin: 0 0 5px 0; }
.product_image_extra_selected {  width: 50px; height: 50px; border: 2px solid #8f3b93; margin: 0 0 5px 0; }
#image_thumbnails { margin: none; }

#detail_postage { width: 248px; margin: 13px 0 0 0; font-size: 1.1em; background: #efe9ef; padding: 1px 5px 1px 8px;}

.shirt_type_link { float:left; background:url(/static/img/backgrounds/tab-off.gif) repeat-x; font-size: 1.1em; height: 13px; font-weight: bold; padding: 5px 5px 5px 5px; margin: 0 1px 0 1px;}
.shirt_type_link a { text-decoration: none; color: white; }
.selected_shirt_type_link { float:left; background: #8f3b93; font-size: 1.2em; font-weight: bold;  padding: 5px 5px 5px 5px; }
.selected_shirt_type_link a { color: white; text-decoration: none; }

#variant_panel { }
#variant_selector { font-size: 1.1em; border-bottom: 1px solid black; border-right: 1px solid black; }
#variant_selector .sizes { font-weight: bold; text-align: center; width: 60px; border-top: 1px solid black; background: url(/static/img/bgs/silver_grad_up.gif) repeat-x top; }
#variant_selector .colours { text-align: left; }
#variant_selector th { padding: 4px; border-left: 1px solid black; border-top: 1px solid black; width: 65px; text-align: center; }
#variant_selector td { padding: 4px; border-left: 1px solid black; width: 65px; text-align: center; border-top: 1px solid white; }
#variant_selector .variant_cell { background: url(/static/img/bgs/silver_grad_up.gif) repeat-x top; border-top: 1px solid black; }
#variant_selector .variant_cell:hover { background: white; border-top: 1px solid black; }
#detail_price_summary { margin-top: 15px; width: 550px; border: 1px solid silver; padding-left: 5px; }

#add_to_basket_price { color: #8f3b93; text-align: right; vertical-align: middle; font-size: 1.4em; font-weight: bold; padding-right: 10px;}

/* DETAIL SIZING GUIDE */
.sizing_guide_table			  { width: 720px; }
.sizing_guide_table th 		  { text-align: left; padding: 5px; }
.sizing_guide_table td		  { padding: 20px;text-align: center; border: 1px dotted #ddd; }
.sizing_guide_measurements th { background: #8f3b93; color:#fff; padding: 2px; }
.sizing_guide_measurements td { border: 1px dotted silver; padding: 3px; text-align: left; }
.sizing_guide_measurements .size_name { font-size: 1.4em; font-weight: bold; color: #999; }

/* GENERIC CHECKOUT */
#checkout { width: 640px; margin: 0 0 0 20px; float: left;  }
#checkout_sidebar { width: 160px; float: right; margin-left: 20px }
#checkout_status  { margin: 0 0 0 30px; }
.checkout_promo_panel { border: 1px solid #8f3b93; width: 145px; margin: 0 0 5px 0; padding: 5px; }
.checkout_promo_panel h2 { margin: 0 0 5px 0; }
.checkout_promo_panel h3 { margin: 0 0 0 0; }
.checkout_promo_panel p { margin: 3px 0 2px 0; }
.continue_bar { margin: 10px 0 0 0; padding: 10px; width: 570px; height: 20px; border: 1px solid #e1d6e1; color: #8f3b93; }
.continue_bar #next_steps { font-size: 1.4em; font-weight: bold; color: #fff; }
.choose_address_selected { border: 1px solid #8f3b93; padding: 5px; min-height: 75px; }
.choose_address { border: 1px solid silver;	padding: 5px; color: silver; min-height: 75px; }

/* PAYMENT */
#cvv-example 	 { background: none; margin-top: 5px; padding: 5px; }
#cvv-example img { padding: 0 0 15px 10px; }
#cvv-example h4  { padding: 5px 0 5px 0; margin: 0; }

/* ADDED TO BASKET */
#added_frame { border: 1px solid black; background: url(/static/img/bgs/added_frame.gif) repeat-x; width: 550px; height: 200px; padding: 5px; }
#added_frame img { margin: 0 10px 0 0; }
#added_frame th { font-size: 1.2em; }
#added_frame td { font-size: 1.2em; }

/* BASKET */
#basket { width: 620px; font-size: 1.3em; margin: 0; }
#basket .colour_preview { font-weight: bold; width: 85px; padding: 3px; }
#basket .total_column { font-weight: bold; }
#basket .product_name td { }
#basket .product_details td { padding: 6px; background: #efefef; }

#basket h2 { font-size: 1.2em; padding: 4px 0 4px 5px; margin: 15px 0 0 0; }
.basket_total { width: 570px; margin: 20px 0 0 0; }
.basket_total td { font-size: 1.2em; text-align: left; }
.basket_total #discount td { color: red; }
.basket_total #grand_total td { font-size: 1.5em; font-weight: bold; }
#checkout_bar { width: 570px; margin: 0 0 30px 0; }
#checkout_bar a { font-weight: bold; }

/* ADDED TO BASKET BUBBLE OVERLAY */
.bubble { position: absolute; width: 324px; height: 172px; left: 475px; top: 105px; background: url(/static/img/detail/bubble-bg.gif) no-repeat; padding: 15px;	z-index: 10; margin: 0; font-size: 13px; }
.bubble #colour_preview { padding: 2px; }
.bubble h2 { margin: 0; padding: 10px 0 5px 0; width: 280px; }
.bubble #dotted-underline { border-bottom: 1px dotted #8f3b93; font-weight: bold; }
.bubble table { margin: 0; }
.bubble #continue-buttons { text-align: center; margin-top: 10px; padding-top: 0px; float: left; }
.bubble #continue-buttons img { margin-right: 20px; }

/* ATTRIBUTES RESULTS PAGES */
#intro_text { }
#attribute_category_filters { }

/* SEARCH RESULTS */
#search-results { width: 400px; }
#search-results td { font-size: 1.1em; font-weight: bold; border-bottom: 1px solid silver; background: white; padding: 3px; }
.category-search-result {  }
.category-search-result a { font-size: 1.5em; }
#search-suggestion { padding: 5px; font-size: 1.3em; font-weight: bold; }

/* MY ACCOUNT */
#my_account_orders_table { font-size: 1.1em; width: 400px; }
#my_account_orders_table  td { border-bottom: 1px dotted silver; }

#order_tracking_table { font-size: 1.1em; width: 400px; }

/* Live Validation */
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; }
.LV_valid {	color:#00CC00; }
.LV_invalid { color:#CC0000; }
/* .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; } */
/* .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }*/