/* CSS Document - Officestore.com */
body { margin: 0px; padding: 170px 0px 0px 0px; font-size: 1.0em; font-family: "Arial"; background: #fff; }
#wrapper { width: 100%; margin: 0px; padding: 0px; }
#wrapper #header { width: 100%; height: 101px; position: absolute; top: 0px; margin: 0px; padding: 0px; background: url(../images/header_background.gif) repeat-x #000; }
#wrapper #header #navigation_Bar { width: 100%; background: #000; height: 75px; }
#wrapper #header #navigation_Bar ul.main_Navigation li.nav_left_Cap, #wrapper #header #navigation_Bar ul.main_Navigation li.nav_right_Cap { position: absolute; top: 0px; width: 6px; height: 36px; padding: 0px; margin: 0px; visibility: visible; }
#wrapper #header #navigation_Bar ul.main_Navigation li.nav_left_Cap { left: 0px; }
#wrapper #header #navigation_Bar ul.main_Navigation li.nav_right_Cap { right: 0px; }
#wrapper #header ul.main_Navigation { margin: 0px auto 7px auto; padding: 0px 0px 0px 2px; font-weight: bold; border-top: none; border-bottom: none; width: 988px; height: 36px; position: relative; }
#wrapper #header ul.main_Navigation li { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; float: left; text-align: center;	background: url(../images/nav_spliter.png) no-repeat right; }
#wrapper #header ul.main_Navigation li ul#sub_navigation_1, #wrapper #header ul.main_Navigation li ul#sub_navigation_2, #wrapper #header ul.main_Navigation li ul#sub_navigation_3, #wrapper #header ul.main_Navigation li ul#sub_navigation_4 { margin: 0px; padding: 0px; position: absolute; top: 48px; left: 3px; width: 990px; display: none; }
/*#wrapper #header ul.main_Navigation li ul#sub_navigation_1 {
	display: block;
}*/
#wrapper #header ul.main_Navigation li ul li { background: none; color: #fefefe; font-size: 0.7em; }
#wrapper #header ul.main_Navigation li ul li a { padding: 0px 9px 0px 8px; margin: 0px 0px 0px 0px; color: #b0b0b0; border-right: 1px solid #b0b0b0; font-size: 0.9em; width: auto; }
#wrapper #header ul.main_Navigation li ul li a:hover { text-decoration: underline; }
#wrapper #header ul.main_Navigation li a { text-decoration: none; display: block; padding: 10px 0px 10px 0px; margin: 0px 8px 0px 5px; width: 148px; font-size: 0.7em; font-weight: bold; cursor: pointer; }
#wrapper #header ul.main_Navigation li a.on { background: url(../images/tab_1.png) no-repeat 0px 4px; }
#wrapper #header ul.main_Navigation li ul li a:hover { color: #fefefe; }

#wrapper #header #banner { width: 995px; height: 84px; margin: 8px auto 0px auto; padding: 0px; background: url(../images/banner_background.gif) repeat-x; position: relative; }
#wrapper #header #banner img#logo {	position: absolute;	top: 28px; left: 13px; }
#wrapper #header #banner .banner_leftCap, #wrapper #footer .footer_content .banner_leftCap { width: 13px; height: 93px;	margin: 0px; padding: 0px; background: url(../images/banner_leftCap.gif) no-repeat; position: absolute;	left: 0px; top: 0px; }
#wrapper #header #banner .banner_rightCap, #wrapper #footer .footer_content .banner_rightCap { width: 14px; height: 93px; margin: 0px; padding: 0px; background: url(../images/banner_rightCap.gif) no-repeat; position: absolute; right: 0px; top: 0px; }
#wrapper #header #themePanel { margin: 0px auto 0px auto; width: 990px; background: #000; display: none; }
#wrapper #header #themePanel ul.colour_picker, #wrapper #header #themePanel ul.colour_picker li { margin: 0px; padding: 5px; float: left; }
#wrapper #header #themePanel ul.colour_picker li a { text-indent: -3000px; display: block;b width: 25px; height: 12px; }
#wrapper #header #themePanel ul.colour_picker li a.light_blue {	background: #02a7ca;
}
#wrapper #header #themePanel ul.colour_picker li a.pink { background: #de028e; }
#wrapper #header #themePanel ul.colour_picker li a.purple { background: #5d00dc; }
#wrapper #header #themePanel ul.colour_picker li a.light_green { background: #1fb230; }
#wrapper #header #themePanel ul.colour_picker li a.orange { background: #ec6908; }
#wrapper #header #themePanel ul.colour_picker li a.blue { background: #006aa1; }
#wrapper #header #themePanel ul.colour_picker li a.light_pink { background: #e66edf; }
#wrapper #header #themePanel ul.colour_picker li a.brown { background: #8a250a; }
#wrapper #header #themePanel ul.colour_picker li a.light_purple { background: #9761c0; }
#wrapper #header #themePanel ul.colour_picker li a.green { background: #146523; }

#wrapper #footer .footer_content .banner_rightCap {	background: url(../images/footer_rightCap.gif) no-repeat; }
#wrapper #header #banner p.time, #wrapper #header #banner p.welcome_user { position: absolute; top: 55px; right: 18px; font-size: 0.7em; font-weight: bold; color: #ccc; }
#wrapper #header #banner p.welcome_user { font-weight: bold; font-size: 0.7em; left: 343px; }
#wrapper #header #banner p.welcome_user span { margin-left: 10px; }
#wrapper #header #banner #search_Wrapper {	position: absolute;	top: 7px; right: 14px; background: url(../images/search_Background.gif) repeat-x; height: 25px; padding: 8px 3px 8px 8px; }
#wrapper #header #banner #search_Wrapper form {	float: left; }
#wrapper #header #banner #search_Wrapper span.cap { width: 6px; height: 46px; margin: -8px 8px -8px -8px; background: url(../images/search_End_Cap.gif) no-repeat; display: block; float: left; }
#wrapper #header #banner #search_Wrapper span.label { font-size: 0.75em; font-weight: bold; color: #f1f1f1; float: left; margin-top: 5px; }
#wrapper #header #banner #search_Wrapper input.search_Textbox {	width: 190px; border: 1px solid #000; padding: 2px; margin: 3px 10px 0px 10px; color: #666; float: left; }
#wrapper #header #banner #search_Wrapper input.search_Button { float: left; margin-right: 7px; }
#wrapper .content {	margin: 0px auto 0px auto; padding: 13px 0px 13px 0px; width: 995px; background: url(../images/content_background.gif) repeat-y 782px 0px; }
#wrapper .content .column_1, .column_2 {	margin: 0px;	padding: 7px;	width: 281px;	float: left;}
#wrapper .content p {	font-size: 0.7em;}
#wrapper .content #column_1 { margin: 0px 25px 0px 0px; padding: 0px; width: 770px; float: left; position: relative; }
#wrapper .content #column_2 { margin: 0px 0px 20px 0px; padding: 0px; width: 200px; float: left; }
#wrapper #footer {	margin: 0px;	padding: 0px;	width: 100%;	background: url(../images/header_background.gif) repeat-x #000;	border-bottom: 1px solid #282828;	clear: both;}
#wrapper #footer .footer_content {	width: 969px;	min-height: 206px;	margin: 8px auto 20px auto;	padding: 13px;	position: relative;	background: url(../images/banner_background.gif) repeat-x;}
#wrapper #footer .footer_content .footer_logo {	position: absolute;	bottom: 30px;	left: 15px;}
#wrapper #footer .panel {	color: #999;	font-size: 0.7em;	float: left;	width: 390px;	height: 210px;	padding: 0px 100px 0px 60px;	margin: 0px 0px 0px 0px;}
#wrapper #bottom_Bar {	clear: both;	float: left;	margin: 0px;	padding: 0px;	width: 100%;	background: #2A2A2A;	border-top: 1px solid #111111;	font-size: 0.65em;	text-align: center;}
#wrapper #bottom_Bar p {	margin: 7px;	color: #999;	}

#wrapper .content h1 {	font-family: "Arial";	font-size: 1.0em; margin: 0px; padding: 10px; display: block; width: auto; height: 19px; position: absolute; top: 0px; left: 0px; }
#wrapper .content h2 {	clear: both; font-family: "Arial";	font-size: 0.8em;	font-weight: bold;	margin: 0px;	padding: 20px 0px 7px 7px;}
#wrapper .content h3 {	font-family: "Georgia";	font-size: 1.1em;	margin: 0px;	padding: 20px 0px 0px 20px;}
#wrapper #footer h3 {	padding: 0px;	margin: 0px;	font-family: "Georgia";	color: #ccc;}
#wrapper .content #column_2 h3 {	font-family: "Georgia";	font-size: 1.1em;	margin: 0px;	padding: 0px 0px 0px 0px;}
#wrapper .content h4 {	font-family: "Georgia";	font-size: 1.0em;	margin: 0px;	padding: 0px;}
#wrapper a.anchor {	position: absolute;	top: 1px;	right: 13px;}
#wrapper a.anchor img {	border: none;}
#wrapper .content .hr { line-height: 2px; height: 2px; width: 100%; }
#wrapper .content .hr hr { display: none; }
#wrapper .content hr.sub_lb {	margin-right: 7px;	margin-left: 7px;	margin-bottom: 10px;	border: dotted;	height: 1px;}
:focus {	outline: none;}
a img {	border: none;}
#wrapper .content #column_2 hr {	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	border: 3px solid #529527;}
#wrapper .content #column_1 .page_content { color: #333; margin: 7px; font-size: 0.7em; }
#wrapper .content a.button { text-indent: -3000px; display: block; float: left; height: 25px; margin: 0px 2px 0px 2px; }

#wrapper .content a.button#login { background: url(/images/colours/purple_login_button.gif) no-repeat; width: 69px; }
#wrapper .content a.button#login:hover { background: url(../images/colours/purple_login_hover.gif) no-repeat; }
#wrapper .content a.button#register { background: url(/images/colours/purple_register_button.gif) no-repeat; width: 69px; }
#wrapper .content a.button#register:hover { background: url(../images/colours/purple_register_hover.gif) no-repeat; }
#wrapper .content a.button#continue { background: url(../images/colours/purple_continue_button.gif) no-repeat; width: 107px; }
#wrapper .content a.button#continue:hover { background: url(../images/colours/purple_continue_hover.gif) no-repeat; }


/* Top categories */
#wrapper ul.generic_List { margin: 10px auto 20px auto; padding: 0px; float: left; height: 130px; list-style: none; }
#wrapper ul.generic_List#boss { height: 100%; }
#wrapper ul.generic_List#boss li { width: 236px; float: left; }
#wrapper ul.generic_List li {	margin: 0px 10px 0px 10px; padding: 0px; width: 172px; position: relative; }
#wrapper ul.generic_List li span { font-size: 0.7em; color: #999; position: absolute; right: 15px; top: 6px; }
#wrapper ul.generic_List li p.title {	font-size: 0.7em;	font-weight: bold; border-bottom: 1px dotted #000; margin: 0px; padding: 5px 0px 7px 0px; color: #333; }
#wrapper ul.generic_List li a {	text-decoration: none; font-size: 0.75em; clear: both; display: block; border-bottom: 1px dotted #666; padding: 5px 0px 5px 0px; color: #1e5b7e; background: url(http://i.i.com.com/cnwk.1d/i/tiburon/hh/187.gif) no-repeat center right; }
#wrapper ul.generic_List li a:hover { text-decoration: underline; }

/* Featured & Best Brands */
#wrapper .content .panel ul.featured_Brands_List {	margin: 0px; padding: 0px 40px 0px 40px; float: left;  }
#wrapper .content .panel ul.featured_Brands_List li { margin: 0px; padding: 0px 11px 0px 11px; list-style: none; float: left; background: url(../images/brands/spliter.gif) no-repeat right; height: 58px; }
#wrapper .content .panel ul.featured_Brands_List li a img { text-decoration: none;	border: none;  }
#wrapper .content .panel ul.featured_Brands_List a:hover { }
#wrapper .content .panel ul.featured_Brands_List li.left a { width: 52px; height: 58px; display: block; background: url(../images/buttons/brands_left.jpg) no-repeat; position: absolute; left: 0px; top: 0px; text-indent: -3000px; }
#wrapper .content .panel ul.featured_Brands_List li.left a:hover { background: url(../images/buttons/brands_left_hover.jpg) no-repeat; }
#wrapper .content .panel ul.featured_Brands_List  li.right a { width: 52px; height: 58px; display: block; background: url(../images/buttons/brands_right.jpg) no-repeat; position: absolute; right: 0px; top: 0px; text-indent: -3000px; }
#wrapper .content .panel ul.featured_Brands_List  li.right a:hover { background: url(../images/buttons/brands_right_hover.jpg) no-repeat; }
#wrapper .content .panel { background: url(../images/brand_panel.gif) repeat-x; height: 58px; position: relative; width: 770px; overflow: hidden; margin: 0px 0px 15px 0px; clear: both; }

#wrapper #footer ul.generic_List {	clear: none; float: left; width: 175px; margin: 0px 20px 0px 0px; }
#wrapper #footer ul.generic_List li {	clear: both;	margin: 0px;	padding: 0px;	list-style: none;}
#wrapper #footer ul.generic_List li.title {	color: #ccc;	font-family: "Georgia";	font-size: 0.8em;	border-bottom: 2px solid #ccc;	padding-bottom: 4px;	margin-bottom: 14px;	width: 175px;}
#wrapper #footer ul.generic_List li a {	color: #999;	border-bottom: 1px dotted #999;	padding: 3px 0px 3px 0px;	background: none;	font-size: 0.7em;	width: 175px;}
#wrapper #footer ul.generic_List li a:hover {	color: #fff;}

#wrapper #header #banner #search_Wrapper .menu { height:25px; font-size:0.85em; float: left; margin: 0px 0px 0px 7px; padding: 1px 0px 0px 0px; border-left: 1px solid #000; }
#wrapper #header #banner #search_Wrapper .menu ul { padding:0px 0px 0px 10px; margin: 0px 0px 0px 0px; ist-style-type:none; border-left: 1px solid #424242; height: 26px; float: left; }
#wrapper #header #banner #search_Wrapper .menu ul li {	float:left; position:relative; list-style: none; float: left; }
#wrapper #header #banner #search_Wrapper .menu ul li a { display:block; font-size:0.75em; font-weight:bold; text-decoration:none; color:#333; border:1px solid #d9d9d9; border-right: 1px solid #000; border-bottom: none; background:url(../images/buttons/nav_Button_Background.gif) repeat-x #9e9e9e; padding:4px 10px 0px 10px; height: 20px; line-height: 1.25em; text-align: center;}
#wrapper #header #banner #search_Wrapper .menu ul li.first a {	background:url(../images/buttons/nav_Button_Background_left.gif) no-repeat; border: none; padding:5px 12px 0px 10px; }
#wrapper #header #banner #search_Wrapper .menu ul li.last a { background:url(../images/buttons/nav_Button_Background_right.gif) no-repeat; border: none; padding:5px 16px 0px 16px; }
#wrapper #header #banner #search_Wrapper .menu ul li a:hover {	color:#fff;	background:url(../images/buttons/nav_Button_Background_over.gif) repeat-x #2b5412; border: 1px solid #599433; border-right: 1px solid #274c10; border-bottom: none; }
#wrapper #header #banner #search_Wrapper .menu ul li.first a:hover { background:url(../images/buttons/nav_Butt_Bkgrnd_left_over.gif) no-repeat; border: none;}
#wrapper #header #banner #search_Wrapper .menu ul li.last a:hover { background:url(../images/buttons/nav_Butt_Bkgrnd_right_over.gif) no-repeat;	border: none;}

#wrapper .content .display_options ul.product_sub_selection { padding: 0px 0px 10px 0px;	float: left; margin: 0px; }
#wrapper .content .display_options#no_form ul.product_sub_selection { padding: 0px 0px 0px 0px; }
#wrapper .content .display_options ul.product_sub_selection li {	margin: 0px 10px 0px 0px; padding: 0px; list-style: none; float: left; width: 243px; }
#wrapper .content .display_options ul.product_sub_selection li a { text-decoration: none; font-weight: bold; display: block; padding: 3px 0px 3px 12px;	font-size: 0.7em; }
#wrapper .content .display_options ul.product_sub_selection li a:hover { background: #ececec; }

#wrapper .content dl.product_list {clear: both}
#wrapper .content dl.product_list, #wrapper .content dl.product_list_horz {	margin: 13px 0px 0px 0px; padding: 0px; }
#wrapper .content dl.product_list div, #wrapper .content dl.product_list_horz div {	width: 240px; padding: 8px; margin-bottom: 10px; min-height: 180px; float: left; position: relative; border-bottom: 1px solid #f2f2f2;}
#wrapper .content dl.product_list#featured div { min-height: 180px; }
#wrapper .content dl.product_list dt a, #wrapper .content dl.product_list_horz dt a { font-weight: bold; font-size: 0.75em; width: 150px; margin-bottom: 7px; display: block; text-decoration: none; }
#wrapper .content dl.product_list dt a:hover, #wrapper .content dl.product_list_horz dt a a:hover {	text-decoration: underline; }
#wrapper .content dl.product_list dd, #wrapper .content dl.product_list_horz dd { margin: 0px; padding: 0px; }
#wrapper .content dl.product_list dd p, #wrapper .content dl.product_list_horz dd p  { margin: 10px 0px 10px 0px; padding: 0px; width: 150px; color: #333; }
#wrapper .content dl.product_list p.product_code, #wrapper .content dl.product_list_horz p.product_code { color: #999; }
#wrapper .content dl.product_list dd p.price, #wrapper .content dl.product_list_horz dd p.price { position: absolute; bottom: 10px; left: 8px; }
#wrapper .content dl.product_list dd p.save, #wrapper .content dl.product_list_horz dd p.save { position: absolute; bottom: 50px; left: 8px; }
#wrapper .content dl.product_list dd p.save,#wrapper .content dl.product_list dd p.price,#wrapper .content dl.product_list_horz dd p.price,#wrapper .content dl.product_list_horz dd p.save {width: 170px}
#wrapper .content dl.product_list dd p.price span, #wrapper .content dl.product_list_horz dd p.price span {	font-size: 1.6em; font-weight: bold; padding-left: 5px; }
#wrapper .content dl.product_list dd img.thumbnail, #wrapper .content dl.product_list_horz dd img.thumbnail { position: absolute; top: 8px;	right: 8px; }
#wrapper .content dl.product_list dd a.button, #wrapper .content dl.product_list_horz dd a.button, #wrapper .content dl.product dd a.button { position: absolute; bottom: 18px;	right: 8px; width: 73px; height: 27px; display: block; text-indent: -3000px; }
#wrapper .content dl.product dd a.button { position: static; }

/* Single Product */

#wrapper .content dl.product_list#single_product div { width: 760px; min-height: 300px; }
#wrapper .content dl.product_list#single_product p { width: 420px; }
#wrapper .content dl.product_list#single_product table { width: 300px; margin-top: 20px; font-size: 0.7em; color: #666; background: url(../images/display_options_background.gif) repeat-x bottom; border: 1px solid #ccc;}
#wrapper .content dl.product_list#single_product table tr td { padding: 4px; border-bottom: 1px dotted #ccc; }
#wrapper .content dl.product_list#single_product table tr.price td { background: url(../images/colours/purple_bar.gif) repeat-x; color: #fefefe; }
#wrapper .content dl.product_list#single_product table tr.price td span { font-size: 1.2em; font-weight: bold; }
#wrapper .content dl.product_list#single_product table tr.quantity td { border-bottom: none; }
#wrapper .content dl.product_list#single_product table tr td select { border: 1px solid #ccc; color: #666; font-size: 0.95em; margin: 2px 0px 2px 0px; }
#wrapper .content dl.product_list#single_product table tr.button td { border-bottom: none; }
#wrapper .content dl.product_list#single_product img.main_Image { position: absolute; top: 8px; right: 20px; }
#wrapper .content dl.product_list dd p.price span.vat, #wrapper .content dl.product_list_horz dd p.price span.vat, #wrapper .content dl#single_product.product_list table tr.price td span.vat  { font-size: 8px; }

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

#wrapper .content dl.product_list_horz div { width: 770px; min-height: 0px; }
#wrapper .content dl.product_list_horz dt a { width: 550px; }
#wrapper .content dl.product_list_horz dd p { width: 340px; }
#wrapper .content dl.product_list_horz dd p.price {	top: 20px; left: 400px; }
#wrapper .content dl.product_list_horz dd p.save { position: absolute; top: 0px; left:400px;}
#wrapper .content dl.product_list_horz dd img.thumbnail { top: 8px;	right: 26px; }
#wrapper .content dl.product_list_horz dd a.button { top: 20px;	right: 135px; }

#wrapper .content .display_options { border: 1px solid #dcdcdc;	border-top: none; margin: 0px 0px 15px 0px; padding: 9px 0px 9px 9px; background: url(../images/display_options_background.gif) repeat-x bottom; position: relative; float: left; width: 759px;}
#wrapper .content .display_options#no_form { background: url(../images/display_options_clear.gif) repeat-x bottom }
#wrapper .content .display_options p { color: #333; }
#wrapper .content .display_options .left_Cap, #wrapper .content .display_options .right_Cap { position: absolute; bottom: -1px; width: 7px; height: 7px; }
#wrapper .content .display_options .right_Cap {	right: -1px; background: url(../images/display_options_right_cap.gif) no-repeat; }
#wrapper .content .display_options .left_Cap { left: -1px; background: url(../images/display_options_left_cap.gif) no-repeat; }
#wrapper .content .display_options form { margin: 0px; padding: 0px; clear: both; }
#wrapper .content .display_options span.label { color: #333; font-size: 0.7em; font-weight: bold;}
#wrapper .content .display_options span#view {	margin-right: 59px;}
#wrapper .content .display_options input.switch_list, #wrapper .content .display_options input.switch_it {	font-size: 0.7em; padding: 1px; margin: 0px 13px -4px 0px; width: 80px;}
#wrapper .content .display_options select { font-size: 0.7em; color: #333; margin: 0px 0px -2px 0px; }
#wrapper .content .display_options span#results { margin-right: 98px; }
#wrapper .content .display_options span#sort {	margin-right: 53px;	margin-left: 13px; }

#wrapper .content ul.pagination { clear: both; display: block; margin: 10px auto 0px auto; float: right; }
#wrapper .content ul.pagination li { float: left; margin: 0px 10px 0px 10px; list-style: none; }
#wrapper .content ul.pagination li a { text-indent: -3000px; width: 73px; height: 27px; display: block; }
#wrapper .content ul.pagination li.next_button a { background: url(../images/colours/purple_next_button.gif) no-repeat; }
#wrapper .content ul.pagination li.next_button a:hover { background: url(../images/colours/green_next_hover.gif) no-repeat; }
#wrapper .content ul.pagination li.previous_button a { background: url(../images/colours/purple_previous_button.gif) no-repeat; }
#wrapper .content ul.pagination li.previous_button a:hover { background: url(../images/colours/green_previous_hover.gif) no-repeat; }

#wrapper .content #column_1 .display_options ul.checkout_stages, #wrapper .content #column_1 .display_options ul.checkout_stages li {	margin: 30px 0px 19px 0px;	padding: 0px;	list-style: none;	font-size: 0.85em;	font-weight: bold;	color: #666;}
#wrapper .content #column_1 .display_options ul.checkout_stages li {	margin-right: 60px;	padding: 10px 0px 10px 35px;	display: inline;}
#wrapper .content #column_1 .display_options ul.checkout_stages li span {	background: url(../images/stage_label_bk.gif) repeat-x;	padding: 0px 5px 0px 15px;
}
#wrapper .content #column_1 .display_options ul.checkout_stages li#login {	background: url(../images/step_1.gif) no-repeat;}
#wrapper .content #column_1 .display_options ul.checkout_stages li#delivery {	background: url(../images/step_2.gif) no-repeat;}
#wrapper .content #column_1 .display_options ul.checkout_stages li#payment {	background: url(../images/step_3.gif) no-repeat;}
#wrapper .content #column_1 .display_options ul.checkout_stages li#confirm {	background: url(../images/step_4.gif) no-repeat;}



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

/* Mini Basket */
#wrapper .content #column_2 table.basket {	width: 200px; font-size: 0.7em; padding: 0px; margin: 0px; border: none; background: url(../images/display_options_background.gif) repeat-x bottom; position: relative; display: block; }
#wrapper .content #column_2 table.basket tr.title td {	font-weight: bold;	background: url(../images/colours/black_bar.gif) repeat-x #000; color: #fefefe; padding: 1px 0px 1px 6px; height: 28px;  }
#wrapper .content #column_2 table.basket tr.title td .left_cap, #wrapper .content #column_2 table.basket tr.title td .right_cap { position: absolute; top: 0px; width: 4px; height: 28px; display: block; }
#wrapper .content #column_2 table.basket tr.title td .left_cap { left: 0px; background: url(../images/colours/black_left_cap.gif) no-repeat; }
#wrapper .content #column_2 table.basket tr.title td .right_cap { right: 0px; background: url(../images/colours/black_right_cap.gif) no-repeat; }
#wrapper .content #column_2 table.basket tr.title td img.cart_icon { position: absolute; top: 5px; right: 12px; }

#wrapper .content #column_2 table.basket tr.items td { background: url(../images/colours/purple_cart.gif) repeat-x; color: #fefefe; font-size: 1.1em; padding: 10px; }
#wrapper .content #column_2 table.basket tr.items td.sub_title { border-left: 1px solid #000; width: 90px; }
#wrapper .content #column_2 table.basket tr.items td.bold_text { border-right: 1px solid #000; width: 70px; }

#wrapper .content #column_2 table.basket tr.shipping td.sub_title, #wrapper .content #column_2 table.basket tr.total td.sub_title { border-left: 1px solid #ccc; }
#wrapper .content #column_2 table.basket tr.shipping td.bold_text, #wrapper .content #column_2 table.basket tr.total td.bold_text { border-right: 1px solid #ccc; }

#wrapper .content #column_2 table.basket tr.shipping td { border-bottom: 1px dotted #cacaca; color: #666; }

#wrapper .content #column_2 table.basket tr.buttons td { border-top: 1px dotted #cacaca; color: #666; border-bottom: 1px dotted #cacaca; color: #666;}

#wrapper .content #column_2 table.basket tr.buttons td { border-left: 1px solid #ccc; }
#wrapper .content #column_2 table.basket tr.buttons td { border-right: 1px solid #ccc; }
#wrapper .content #column_2 table.basket tr.buttons td a { display: block; width: 79px; height: 23px; text-indent: -3000px; float: right; margin-right: -3px; }
#wrapper .content #column_2 table.basket tr.buttons td a.basket { background: url(../images/colours/purple_basket_button.gif) no-repeat; }
#wrapper .content #column_2 table.basket tr.buttons td a.basket:hover { background: url(../images/colours/purple_basket_hover.gif) no-repeat; }
#wrapper .content #column_2 table.basket tr.buttons td a.checkout { background: url(../images/colours/purple_checkout_button.gif) no-repeat; }
#wrapper .content #column_2 table.basket tr.buttons td a.checkout:hover { background: url(../images/colours/purple_checkout_hover.gif) no-repeat; }

#wrapper .content #column_2 table.basket tr.delivery td { background: url(../images/basket_bottom2.gif) no-repeat bottom; height: 40px; }

#wrapper .content #column_2 table.basket tr td.bold_text { font-weight: bold; }
#wrapper .content #column_2 table.basket tr td { padding: 7px 10px 7px 10px; }
#wrapper .content #column_2 table.basket tr td span.total { color: #5d01dc; }

/* Basket Page */

#wrapper .content #column_1 table.basket { clear: both; width: 770px; font-size: 0.7em; margin-top: 13px; }
#wrapper .content #column_1 table.basket tr td { padding: 5px; }
#wrapper .content #column_1 table.basket tr td .hr { background: #ccc; height: 1px; }
#wrapper .content #column_1 table.basket tr td.quantity input { border: 1px solid #ccc; padding: 2px; font-size: 1.0em; color: #666; float: left; margin-right: 2px; }
#wrapper .content #column_1 table.basket tr td.bold_text { color: #333; font-weight: bold; }
#wrapper .content #column_1 table.basket tr.title td { font-weight: bold; }
#wrapper .content #column_1 table.basket tr.product td span.title { color: #777; font-weight: bold; }
#wrapper .content #column_1 table.basket tr.product td span.product_code { color: #999; }
#wrapper .content #column_1 table.basket tr.product td span.price { font-size: 1.2em; font-weight: bold; }
#wrapper .content #column_1 table.basket tr.product td a.remove { clear: both; display: block; margin-top: 5px; }
#wrapper .content #column_1 table.basket tr td.total { background: #000; color: #fefefe; font-weight: bold; }
#wrapper .content #column_1 table.basket tr td.total span { font-size: 1.3em; }
#wrapper .content #column_1 table.basket tr td.quantity a { display: block; width: 18px; height: 18px; text-indent: -3000px; float: left; margin: 1px 2px 0px 2px; }
#wrapper .content #column_1 table.basket tr td a.add_quantity { background: url(../images/buttons/add_quantity.gif) no-repeat; }
#wrapper .content #column_1 table.basket tr td a.remove_quantity { background: url(../images/buttons/remove_quantity.gif) no-repeat; }
#wrapper .content #column_1 table.basket tr td input { margin: 0px 5px 0px 5px; padding: 0px; }
#wrapper .content #column_1 table.basket tr#VAT_style td, #wrapper .content #column_1 table.basket tr#subTotal_style td { border-bottom: 1px dotted #ccc; }
#wrapper .content #column_1 table.basket td a { float: left; margin: 0 2px;}

#wrapper .content #column_2 .nugget_container {	width: 200px; margin: 7px 0px 7px 0px; padding: 0px; clear: both;}

#wrapper .content #column_1 form.generic_form {	margin: 0px;	padding: 0px;	color: #333;}
#wrapper .content #column_1 form.generic_form table {	float: left;	margin-left: 7px;	font-size: 0.7em;}
#wrapper .content #column_1 form.generic_form input.textbox {	font-size: 0.8em;	padding: 2px;	margin: 1px;	width: 200px;	border: 1px solid #999;}
#wrapper .content #column_1 form.generic_form select {	font-size: 0.8em;	margin: 1px;	width: 206px;}
#wrapper .content #column_1 form.generic_form span.label {	font-weight: bold;	width: 150px;	display: block;}

#wrapper .content #column_1 .page_header { position: relative; min-height: 112px; padding: 10px; }
#wrapper .content #column_1 .page_header p { position: absolute; top: 50px; left: 10px; }
#wrapper .content #column_1 .page_header img.main_cat_image { margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; }

.cat_tab { width: 141px; height: 19px; background: url(../images/cat_tab.png) no-repeat; font-size: 0.7em; font-weight: bold; padding: 10px 10px 0px 13px; margin: -38px 0px 0px -5px; color: #333; }
.cat_tab a { text-decoration: none; }

a.back_button { position: absolute; top: 0px; right: 0px; padding: 15px 15px 0px 0px; display: block; }


/* Xmas Theme */

.xmas_theme { background: url(../images/xmas/xmas_red_bar.gif) repeat-x #000; height: 16px; padding: 7px; position: relative; }
.xmas_theme .left_cap { position: absolute; top: 0px; left: 0px; width: 5px; height: 30px; background: url(../images/xmas/xmas_left_cap.gif) no-repeat; }
.xmas_theme h2 {  }

#wrapper .content #column_1 .coloured_title_bar { padding: 7px; height: 16px; position: relative; clear: both; }
#wrapper .content #column_1 .coloured_title_bar h1 { margin: 0px; padding: 0px; background: none; color: #fefefe; font-size: 0.8em; position: static; }
#wrapper .content #column_1 .coloured_title_bar h2 { color: #fefefe; margin: 0px; padding: 0px; }
#wrapper .content #column_1 .coloured_title_bar .left_cap, .coloured_title_bar .right_cap { width: 4px; height: 30px; position: absolute; top: 0px; }
#wrapper .content #column_1 .coloured_title_bar .left_cap { left: 0px; }
#wrapper .content #column_1 .coloured_title_bar .right_cap { right: 0px; }

#wrapper .content #column_1 .breadcrumb { font-size: 0.7em; position: absolute; top: 0px; left: 0px;  }
#wrapper .content #column_1 .breadcrumb span.unactive { color: #666; display: block; float: left; padding: 0px 16px 0px 11px; }
#wrapper .content #column_1 .breadcrumb span.label { color: #666; font-weight: bold; float: left; }
#wrapper .content #column_1 .breadcrumb a { text-decoration: none; color:#0066FF; display: block; float: left; padding: 0px 16px 0px 11px; background: url(../images/colours/purple_arrow.gif) no-repeat right center; }
#wrapper .content #column_1 .breadcrumb a:hover { text-decoration: underline; }
#wrapper .content #column_1 .breadcrumb a.last { background: none; }

#wrapper .content #column_2 .payment_type, #wrapper .content #column_2 .telephone_info { border-bottom: 1px dotted #ccc; width: 200px; }
#wrapper .content #column_2 .payment_type h3, #wrapper .content #column_2 .telephone_info h3 { font-size: 0.65em; font-weight: bold; font-family: 'arial'; color: #777; margin: 5px; }
#wrapper .content #column_2 .payment_type img { margin: 5px; clear: both; }
#wrapper .content #column_2 .telephone_info { margin: 10px 0px 10px 0px; }
#wrapper .content #column_2 .telephone_info p { font-size: 1.65em; font-weight: bold; color: #5d00dc; margin: 0px 10px 0px 5px; padding: 0px; }

table.order_details { margin: 0px 5px 20px 5px; padding: 0px; float: left; }
table.order_details tr td { padding: 3px; }
table.order_details tr td a { font-size: 0.6em; color: #0066FF; display: block; float: left; padding: 5px 0px 0px 20px; }
table.order_details tr td a:hover { text-decoration: none; }
table.order_details tr td.label { font-size: 0.65em; font-weight: bold; color: #666; width: 80px; }
table.order_details tr td.title { font-size: 0.75em; font-weight: bold; padding-bottom: 16px; color: #1f8500; }
table.order_details tr td input.frm { width: 200px; border: 1px solid #ccc; margin: 0px; padding: 3px; color: #333; float: left; font-size: 0.7em; }
table.order_details tr td input#Validate7 { width: 100px; }
table.order_details tr td select { border: 1px solid #ccc; font-size: 0.7em; color: #333; padding: 3px; width: 200px; }
table.order_details tr td.validation { color: #FF0000; font-size: 0.6em; width: 50px; padding-left: 5px; }
table.order_details tr td.validation span { visibility: hidden; }


/* disclaimer test */
.disclaimer {
	font-size: 10px;
	color: #ff0000;
}

.floatleft {
	width: 100%;
	clear: both;
	float: left;
}

dl.zend_form dt {
	width: 120px;
	float: left;
	margin-bottom: 5px;
}

dl.zend_form dd {
	margin-bottom: 5px;
}

/* form errors */

ul.errors li {
	color: #ff0000;
}


.orderAddress			{ width:300px; border:1px solid #999999; display:inline-block; float:left; margin-right:10px; margin-left:55px; list-style:none; padding-left:0px;}
.orderAddress li		{ text-align: center; padding:3px; color:#333; border-bottom:1px dotted #f2f2f2;}
.orderAddress li.orderAddressHeader		{ background:none repeat scroll 0 0 #6600FF; color:#fff; font-size:1.1em;  font-weight:700; text-transform:uppercase; padding:5px; border-bottom:none none;}
#wrapper .content #column_1 table.basket tr td input.confirm					{margin:0px; margin-left:300px;  margin-bottom:40px; }