/* GENERIC */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: url(/static/img/backgrounds/dark_purple_top_plain.gif); }
a { color: black; }
form { margin: 0; }
body { font-family:Arial, Helvetica, sans-serif; background-color: #b398b4; 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;}
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; } 

/* 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: 800px; margin: 0 auto; text-align: left; }
#top { background: url(/static/img/layout/white_curved_top.gif) no-repeat; padding: 0 16px;	margin-top: 10px; }
#column_left { width: 155px; float: left; padding: 0 0 0 14px; }
#main {	background: #fff; padding: 0 0 20px 0; margin: 0; border-left: 2px solid #6e3b70; border-right: 2px solid #6e3b70; }
#body {	float: left; margin: 8px 0 12px 6px; }
.one-column #body {}
#body.two-column { width: 620px; }
#logo { float: left; margin-top: 13px; 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; }

#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 { background:#223962 url(/static/img/bgs/christmas-panel.jpg) repeat-x; 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 { padding: 0 0 10px 0; font-size: 1.2em; }
.breadcrumb a {  }
.pagination { background: #8f3b93;	padding: 5px; width: 600px;	color: #fff; 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: 2px solid #6e3b70; border-right: 2px solid #6e3b70; border-bottom: 2px solid #6e3b70; }
#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; background:url(/static/img/nav/bg.gif) repeat-x;  }
#navigation dl { margin: 0; padding: 0; width: 150px; border: 1px solid silver;  border-top: 1px solid #6d396f;  border-bottom: 1px solid #6d396f; border-left: 1px solid #d0b4d1;}
#navigation dt	{ padding: 5px; border-bottom: 1px dotted silver; background:url(/static/img/nav/nav_off_grey.gif) repeat-x; }
#navigation dt a 	{ font-size: 1.1em; font-weight: bold; text-decoration: none; display:block;}
#navigation dt:hover { background:url(/static/img/nav/nav_hover_pink.gif) repeat-x; }
#navigation dt.selected { background: #6d396f; background: url(/static/img/nav/nav_selected_purple.gif) repeat-x; }
#navigation dt.selected a { color: #fff; }
#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; }

/* IN-PAGE BASKET TOTAL */
#in_page_basket { vertical-align: bottom; font-size: 1.2em; text-align: right; color: #6d396f; background: #fff; border-bottom: 1px solid #ded2de; border-top: 1px solid #ded2de; padding: 2px 5px 2px 2px; display: block; }
#in_page_basket img { margin: 0 3px 0 0; }
#in_page_basket a { color: #6d396f; text-decoration: none; font-weight: bold; }
#logged_in_user { font-weight: bold; font-size: 0.95em; margin: 1px 2px 0 0; }
#logged_in_user a { }
#logged_in_user a:hover { text-decoration: underline; }


#basket-container { padding-top: 2px; vertical-align: middle; display:block }
#basket-container a { line-height:2.3em; }
#logged_in_user a { line-height:2.3em; }
#checkout-button { margin-left: 10px; padding: 3px; background: #6d396f; width: 85px; text-align: center; float: right; border-top: 2px solid #e1d6e1; border-left: 2px solid #e1d6e1; border-right: 2px solid black; border-bottom: 2px solid black; }
#checkout-button a { display: block; color: white; line-height:1em; margin-top: 2px; }

/* 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: 0; 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; }

/* CATEGORY PAGE */
#category_header_bar { width: 610px; background: url(/static/img/category/header_bg.gif) #e9e1e9 repeat-x; margin: 0; padding: 10px 0 10px 10px; border-bottom: 3px solid #8f3b93; }
#category_header_bar h1 { font-size: 2em; padding: 0; margin: 0; }
#category_header_bar p  { padding: 0; margin: 0; }
#category_header_bar .pagination { background: #8f3b93;	padding: 5px; width: 600px;	color: #fff; }
#category_header_bar .pagination a { color: #fff; }
#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: 580px; margin: 0 0 0 20px; float: left;  }
#checkout_sidebar { width: 160px; float: right; }
#checkout_status  { margin: 0 0 0 20px; }
.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: 540px; 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: 540px; 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: 540px; 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 { width: 600px; }
#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; }*/