
/* COLOURS -------------------------- >

background : #1c3664

text yellow : #ffffd5
text dark blue : #1c3664
text light blue : #b0b9c9
text grey : #77787b

mouse-off
	gradient top : #ffffd5
	gradient middle : #d1ae80
	gradient bottom : #cfab7d

mouse-over
	gradient top : #d6c8a6
	gradient middle : #af8f65
	gradient bottom : #9d7547

seperator : #ba8a67

--------------------------------------- */

a:link { color: #1c3664; text-decoration: none; }
a:hover { color: #1c3664; text-decoration: none; }
a:visited { color: #1c3664; text-decoration: none; }

h1, h2, h3{ color: #1c3664; }
 
h1 { font-size: 1.2em; margin:0px 0px 5px 0px; }
h2 { font-size: 1.1em; margin:0px 0px 5px 0px; }
h3 { font-size: 1.0em; margin:0px 0px 5px 0px; }

/* body::before { content:""; position:fixed; background:url(/_images/_dev/thegrid.png) 50% 0; z-index:1; top:0; right:0; bottom:0; left:0; opacity:0.1; pointer-events:none; } */		/* DEVELOPMEN|T STAGING GRID */
body { background-color:#1c3664; font-family:arial; color:#666666; font-size:100%; margin:0px; background-attachment:fixed; }

/* GLOBALS */
.input_text { padding:2px; font-size:0.9em; color:#1c3664; border:1px solid #1c3664; }
.input_submit { font-size:0.9em; color:#1c3664; }
.input_submit_basket { font-size:0.9em; color:#1c3664; }

.form_title_bold { float:left; width:100px; font-weight:bold; color:#1c3664; }
.form_content_basic { float:left; width:250px; }
.form_line { float:left; width:879px; height:1px; margin:20px 0px 20px 0px; background-color:#77787b; }
.form_spacer20 { float:left; width:879px; height:20px; }
.form_spacer10 { float:left; width:879px; height:10px; }
.form_spacer5 { float:left; width:879px; height:5px; }


.msg_error_outter { float:left; width:871px; height:23px; padding:12px 2px 10px 3px; margin:5px 0px 5px 0px; color:#101010; font-weight:bold; background:url(/_images/msg_error.jpg) no-repeat right; }
.msg_error_inner { float:left; width:867px; padding:2px 0px 2px 5px; border-top:1px solid #ff0000; border-bottom:1px solid #ff0000; }
.msg_warning_outter { float:left; width:871px; height:23px; padding:12px 2px 10px 3px; margin:5px 0px 5px 0px; color:#101010; font-weight:bold; background:url(/_images/msg_warning.jpg) no-repeat right; }
.msg_warning_inner { float:left; width:867px; padding:2px 0px 2px 5px; border-top:1px solid #e07f3b; border-bottom:1px solid #e07f3b; }
.msg_info_outter { float:left; width:871px; height:23px; padding:12px 2px 10px 3px; margin:5px 0px 5px 0px; color:#101010; font-weight:bold; background:url(/_images/msg_info.jpg) no-repeat right; }
.msg_info_inner { float:left; width:867px; padding:2px 0px 2px 5px; border-top:1px solid #2360ba; border-bottom:1px solid #2360ba; }

.main_container_outer, .main_footer { float:left; width:899px; }
.main_footer { margin:5px 0px 0px 0px; font-size:0.6em; color:#b0b9c9; } 

.valign_trick_outer { display:table; #position:relative; }		/* the width and height need to be defined */
.valign_trick_middle { #position:absolute; #top:50%; display:table-cell; vertical-align:middle; }
.valign_trick_inner { #position:relative; #top:-50%; }			/* width will need to be defined */

.search_pagenation { float:left; width:879px; margin:10px 0px 10px 0px; color:#b0b9c9; font-size:0.8em; text-align:left; }

.panel_full_top { float:left; width:899px; height:7px; background:url(/_images/panel_top.png) no-repeat; }
.panel_full_middle { float:left; width:879px; padding:0px 10px 0px 10px; text-align:left; background-color:#ffffff; }
.panel_full_bottom { float:left; width:899px; height:8px; background:url(/_images/panel_bottom.png) no-repeat; }

.panel_text_width { float:left; width:840px; text-align:justify; }

.panel_spacer_ten { float:left; width:899px; height:10px; }

.panel_small_container { float:left; width:293px; height:234px; text-align:left; }
.panel_small_text_container { float:left; width:150px; }
.panel_small_text { height:145px; font-size:0.8em; }
.panel_small_price { color:#1c3664; font-size:0.8em; font-weight:bold; }
.panel_small_moredetails { font-size:0.8em; }

.button_blank { width:131px; height:28px; background:url(/_images/btn_blank.png) no-repeat; }
	a.button_blank_link:link { font-size:0.9em; font-weight:bold; color:#ffffff; }
	a.button_blank_link:visited { font-size:0.9em; font-weight:bold; color:#ffffff; }
	a.button_blank_link:hover { font-size:0.9em; font-weight:bold; color:#101010; }


/* HEADER */
.header_topmenu_container { float:left; width:899px; margin:10px 0px 5px 0px; padding:0px 0px 5px 0px; font-size:0.9em; color:#ffffff; border-bottom:2px solid #ffffff; }
.header_topmenu_container a { color:#ffffff; }
.header_logos_container { float:left; width:899px; margin:10px 0px 0px 0px; }
.header_menu_container { float:left; width:899px; height:40px; margin:10px 0px 0px 0px; }
.header_menu_leftend { float:left; width:7px; height:40px; background:url(/_images/menu_leftend.png); }
.header_menu_middle { float:left; width:730px; height:40px; font-size:0.8em; background:url(/_images/menu_out.png); }

.header_menu_item { float:left; width:60px; height:40px; line-height:40px; }
.header_menu_spacer { float:left; width:1px; height:40px; background:url(/_images/menu_spacer.png); }

.header_menu_search_background { float:left; width:135px; height:40px; background:url(/_images/menu_search_input.jpg); }
.header_menu_search_input { width:120px; height:21px; margin:8px 0px 0px 5px; color:#ba8a67; border:0px; }

/*
.header_menu_search_background { float:left; width:253px; height:40px; background:url(/_images/menu_search_input.jpg); }
.header_menu_search_input { width:240px; height:21px; margin:8px 0px 0px 5px; color:#ba8a67; border:0px; }
*/

#menu_items_sub { float:left; padding-top:0px; height:40px; background:url(/_images/menu_arrow_down.png) no-repeat right 6px; }
#menu_items_nosub { float:left; padding-top:0px; height:40px; }
.menu_listitems { margin:0px; text-indent:10px; background:url(/_images/menu_arrow_right.png) no-repeat left 7px; }

ul#menu li { display: inline; position: relative; }
ul#menu div { display: none; }
ul#menu li.mega div { width:200px; position: absolute; top:28px; left: 0px; padding:3px 0px 3px 5px; text-align:left; line-height:150%; background-color:#d1ae80 }
ul#menu li.hovering div { display: block; }


/* HOME */
.home_slideshow {float:left; width:899px; height:238px; }
.home_main_left { float:left; width:540px; margin:34px 0px 0px 18px; text-align:left; }
.home_main_right { float:right; }
.home_soldbay_container { float:left; width:233px; height:142px; margin:11px 0px 0px 10px; }
.home_newsletter_container { float:left; width:233px; height:92px; margin:0px 0px 0px 10px; padding:10px; background:url(/_images/panel_newsletter.png); }
.home_newsletter_text { float:left; width:233px; margin:10px 0px 0px 0px; font-size:0.9em; text-align:left; }
.home_newsletter_email_container { float:left; width:233px; margin:10px 0px 0px 0px; text-align:left; }
.home_newsletter_email_input { width:195px; height:21px; color:#ba8a67; border:0px; }


/* MY ACCOUNT */
.myaccount_menu_container { float:right; width:160px; }
.myaccount_menu_text { float:left; width:100px; margin:8px 0px 0px 0px; }
.myaccount_menu_image { float:left; width:30px; }
.myaccount_menu_spacer { float:left; width:160px; height:5px; }

.myaccount_address_container { float:left; width:879px; margin:0px 0px 20px 0px; }


/* CATEGORY */
.category_container { float:left; width:284px; }
.category_htag { margin:0px 0px 10px 0px; font-size:0.9em; }
.category_leftside { float:left; width:131px; }
.category_leftside_description { float:left; width:131px; height:151px; font-size:0.9em; }
	a.category_leftside_description_link:link { font-size:0.8em; font-weight:bold; color:#1c3664; }
	a.category_leftside_description_link:visited { font-size:0.8em; font-weight:bold; color:#1c3664; }
	a.category_leftside_description_link:hover { font-size:0.8em; font-weight:bold; color:#101010; }
.category_leftside_price { color:#1c3664; font-size:0.9em; font-weight:bold; }
.category_leftside_button { float:left; width:131px; }
.category_image_container { float:right; width:125px; height:177px; margin:0px 0px 0px 0px; border:1px solid #999999; }
.category_spacer_vertical { float:left; width:10px; height:205px; }
.categry_spacer_horizontal { float:left; width:879px; height:10px; }


/* PRODUCT */
.product_image_container { float:left; width:335px; margin:0px 0px 0px 10px; }

.product_image_border_top_sml { float:left; width:284px; height:8px; background:url(/_images/product_top_sml.png) no-repeat; }
.product_image_border_middle_sml { float:left; width:262px; padding:0px 10px 0px 10px; text-align:center; border-left:1px solid #cba78d; border-right:1px solid #cba78d; }
.product_image_border_bottom_sml { float:left; width:284px; height:8px; background:url(/_images/product_bottom_sml.png) no-repeat; }

.product_image_border_top_lrg { float:left; width:335px; height:8px; background:url(/_images/product_top_lrg.png) no-repeat; }
.product_image_border_middle_lrg { float:left; width:333px; padding:10px 0px 10px 0px; border-left:1px solid #cba78d; border-right:1px solid #cba78d; }
.product_image_border_bottom_lrg { float:left; width:335px; height:8px; background:url(/_images/product_bottom_lrg.png) no-repeat; }

.product_image_spacer { float:left; width:284px; height:10px; }
.product_image_thumbnails_arrow { float:left; width:22px; height:60px; }

.product_strapline { float:left; width:522px; }
.product_specs_container { float:left; width:200px; margin:10px 0px 20px 0px; font-size:0.8em; }
.product_specs_line { float:left; width:200px; height:1px; background-color:#ba8a67 }
.product_specs_text { float:left; width:200px; margin:2px 0px 2px 2px; }

.product_tabs_container { float:left; width:522px; margin:0px 0px 0px 10px; }
.product_tabs_container_inner { float:left; width:522px; margin:10px 0px 0px; font-size:0.9em; }
.product_tabs_text_container { width:502px; padding:10px; color:#ffffff; background-color:#cfab7d; }
.product_tabs_bottom { width:522px; height:7px; background:url(/_images/tabs_bottom.png); }

.product_pricebutton_container_outer { float:right; width:150px; margin:70px 0px 0px 0px; }
.product_pricebutton_container { float:right; width:150px; margin:0px 0px 0px 0px; }
.product_price_text { float:left; width:150px; margin:0px 0px 5px 0px; font-size:1.4em; font-weight:bold; color:#1c3664; text-align:center; }
.product_price_button { float:left; margin:0px 0px 0px 0px; }

.product_related_container { float:left; width:899px; height:175px; background:url(/_images/panel_itemsmaylike.png); }
.product_related_container_inner { float:left; width:700px; height:175px; margin:0px 0px 0px 199px; }
.product_related_product_container { float:left;width:140px; margin:10px 0px 0px 0px; }
.product_related_product_title { float:left; width:140px; height:12px; font-size:0.8em; }
.product_related_product_image { float:left; width:140px; height:120px; text-align:center; }
.product_related_product_button { float:left; width:140px; text-align:center; }


/* BASKET */
.basket_row_container {float:left; width:995px; padding:0px 0px 3px 0px; margin:0px 0px 3px 0px; }
.basket_row_headers { float:left; padding:3px; margin:0px 1px 0px 0px; color:#1c3664; background-color:#d6c8a6; }
.basket_rows, .basket_rows_bold { float:left; padding:3px; color:#1c3664; margin:0px 1px 0px 0px; }
.basket_rows_bold { font-weight:bold; }
.basket_row_spacer,.basket_row_spacer_line { float:left; width:995px; height:1px; margin:5px 0px 5px 0px;  }
.basket_row_spacer_line { background-color:#1c3664; }
.basket_text { float:left; width:973px; padding:10px; margin:0px 0px 10px 0px; color:#1c3664; font-weight:bold; border:1px solid #1c3664; }
.basket_progress_bar { float:left; width:992px; height:30px; margin:0px 0px 0px 0px; border:1px solid #1c3664; }
.basket_progress_textdone { float:left; margin:7px 0px 0px 0px; color:#3aad02; text-align:center; font-size:1.2em; font-weight:bold; }
.basket_progress_texttodo { float:left; margin:7px 0px 0px 0px; color:#1c3664; text-align:center; font-size:1.2em; font-weight:bold; }
.basket_progress_img { float:left; width:25px; height:27px; margin:3px 20px 0px 20px; }


















