/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

body {font-family:Arial, Helvetica, sans-serif, Verdana, Tahoma; color:#000; background:#27318b; margin:0; padding:0; font-size:62.5%; }
#page_container{ width:980px; margin: 0 auto; background:#FFFFFF;}

/* GENERAL LINK COLOURS */
a:link {color:#000; text-decoration:none; font-weight:bold;}
a:visited {color:#000; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
a:active {color:#FF6600;}
a:focus {outline:none;}

/* FLOAT STYLES */
.fright {float:right;position:relative;}
.fleft {float:left;position:relative;}
.clear {clear:both; height:0; line-height:0;}

/* PARAGRAPH AND HEADINGS */
h1 {font-size:1.8em; line-height:1.2em; font-weight:normal; color:#fff; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif; margin:0 auto auto auto;}
h2 {font-size: 1.4em; font-weight:normal; color:#517089; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif;}
h3 {font-size: 1.3em; font-weight:normal; color:#517089; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif; margin:0 auto auto auto;}
h4 {font-size: 1.2em;}
.centre {text-align:center;}
.nomargin {margin:0;}
.pagetop{ color:#FFF; margin-top:-5px;}
#featured {margin:0;} /* featured products text on home page */

/* GLOBAL IMAGE STYLES */
img {border:none;}
.middle {vertical-align:middle;}

/* THUBNAIL IMAGE CONTAINER */
.imgholder {width:110px; max-width:110px; height:110px; max-height:110px; display:block; position:relative; overflow:hidden; margin:0 auto 5px auto; z-index:2; text-align:center;}
.imgholder a:link img, .imgholder a:visited img, .imgholder a:active img {border:solid 1px #dcecf0; background:#fff}
.imgholder a:hover img {border:solid 1px #b1c8ce;}
.specialoffer {display:block; width:35px; height:35px; position:absolute; top:0px; left:0px; background:url(/images/starburst_sale.png) no-repeat; z-index:15;}

/* FORM AND INPUT RELATED STYLES */
form {padding:0; margin:0;}
input {color:#444; vertical-align:middle;}
label {vertical-align:middle;}
input.button {vertical-align:top;}
.button2 {vertical-align:top; margin:5px; display:block;}
select {color:#444; font-size:1em;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
img.button {margin:5px;}
select.side {max-width:160px; width:160px;} /* Side-nav select boxes */
fieldset.hidden {margin:0; padding:0; border:none;}
legend.hidden {margin:0; padding:0; display:none;}
.wide {width:300px}
.medium {width:200px;}
.narrow {width:120px;}

/* MORE INFORMATION AND VIEW BASKET BUTTONS */
div.buttonlink {display:block; height:24px; white-space:nowrap; margin-top:8px; margin-bottom:8px;}
div.buttonlink a:link, div.buttonlink a:visited {line-height:24px; color:#FFF;}
div.buttonlink a:active {color:#FD7A14;}
div.buttonlink span {display:block; position:relative; float:left; height:24px;}
span.button_c{background:#616161 url(/images/button_blue_c.gif) repeat-x; padding:0px 10px; display:inline; text-align:center;}
.margin {margin-left:20px;} /* Used for the buttons in the side nav */
.moreinfo_small {width:90px;} /* Used for gallery view */
.moreinfo {width:140px;} /* Used for list view */

/* GLOBAL LIST STYLES others defined as and when used */
dl {margin:0;}
dt {padding:3px 0;}
dd {padding:0; margin:0;}
ol {margin:0 0 0 20px; padding:0;}
ol li {list-style:decimal;}

/* PRICE TEXT STYLES */
.price_was {color:#666666;}
.price_exvat {color:#AE4F0C; font-weight:bold;}
.price_exvat_lrg {font-size:1.2em;}
.price_incvat {color:#FFA647;}
.strike {text-decoration:line-through;}

/* Required fields bullet colour */
.req {color:#ff9900; font-size:1.8em;}

/* ALERT BOXES Standard error/confirm message box colours*/
div.alert {background:#fefbea url(/images/error.gif) no-repeat 3px 2px; border:1px solid #edc55c; text-indent:22px; margin:5px 0; padding:3px; font-size:1.2em; position:relative; text-align:left;} 
div.confirm {margin:15px 10px 15px 0px; width:100%; font-size:0.8em; }

/*************************
* structure classes
**************************/

#header_container {background:#DFECF0; position:relative; height:157px;}
#header_logo{background: url(/images/header.jpg) no-repeat left top; position:relative; height:157px; width:980px;}

/* HEADER TABS */
#navigation_tabs {padding:0; margin:0; height:34px; font-size:1.3em; z-index:5; background:#FF6600 url(/images/bg_header_bar.gif) repeat-x; line-height:34px; text-align:center;}
#navigation_tabs dt {display:none; height:34px;}
#navigation_tabs dd {display:inline; padding:0; margin:0; text-align:center; height:34px;}
#navigation_tabs a, #navigation_tabs a:visited {font-weight:normal; font-style:normal; text-decoration:none; cursor:pointer; cursor:hand; height:44px; color:#FFF; font-weight:bold;}
#navigation_tabs dd span.aa {}
#navigation_tabs dd span.bb {display:inline; height:34px; padding:10px 20px; color:#fff;}
#navigation_tabs dd span.cc {}
#navigation_tabs a:hover span.aa {}
#navigation_tabs a:hover span.bb { background:url(../images/bg_navtab_hover.gif) repeat-x; height:34px; text-decoration:underline;}
#navigation_tabs a:hover span.cc {}
#navigation_tabs a.selected span.aa, #navigation_tabs a.selected:hover span.aa {}
#navigation_tabs a.selected span.bb, #navigation_tabs a.selected:hover span.bb { background:url(../images/bg_navtab_hover.gif) repeat-x; height:34px; cursor:default; color:#fff; text-decoration:none;}
#navigation_tabs a.selected span.cc, #navigation_tabs a.selected:hover span.cc {}

/* THREE COLUMN LAYOUT general structure divs */
#SOWrap {float:left; margin:0 -1px 0 0; width:100%; z-index:3;}
#center {float:right; margin:0 0 0 -1px; width:100%; z-index:5;}
#center .imgholder {margin-right:10px;}
#left {float:left; width:180px; margin:0 1px 0 -201px; padding:0 10px; z-index:4;}
#right {float:right; width:180px; margin:0 -201px 0 1px; padding:0 10px; z-index:2;}

/* CENTRE COLUMN - CONTENT */
#content_box {font-size:1.2em; position:relative; background:#fff url(/images/bg_content_box.gif) repeat-x; padding:10px; margin:0;}
#content_box div.tl {position:absolute; display:block; top:0px; left:0px; height:332px; width:10px; background:url(/images/eTopLeft.gif) top left no-repeat;}
#content_box div.tr {position:absolute; display:block; top:0px; right:0px; height:332px; width:10px; background:url(/images/eTopRight.gif) top right no-repeat;}
#content_banner {position:relative; text-align:center; margin:0 0 10px 0;}

/* LEFT AND RIGHT COLUMNS - SIDEBOXES */
.sidebox_title {font-size:1.3em; font-weight:bold; color:#000; line-height:33px; padding:0 5px; background:#b1c8ce url(/images/bg_header_bar6.gif) repeat-x;}
.sidebox_title .title { position:relative; width:142px; padding-right:26px;}
.sidebox_title a {font-size:0.8em; line-height:0.9em; position:absolute; right:-15px; top:0px; display:block; text-align:center; text-transform:uppercase; padding:7px 2px 2px 20px; background:url(/images/bg_viewall_on.gif) no-repeat; width:55px; height:28px;}
.sidebox_title a:hover {text-decoration:none; background:url(/images/bg_viewall.gif) no-repeat;}
.sidebox {font-size:1.2em; padding:5px; margin:0 0 10px 0; border:1px solid #b1c8ce; border-width:0 1px 1px 1px; background:#f6fafb url(/images/bg_sidebox.gif) repeat-x; }
.sidebox .imgholder {height:auto;}
.sidebox ul {margin:0; padding:0; list-style-type:none;}
.sidebox ul li {margin:0; padding:0; display:inline; text-align:left;}
.sidebox ul li a:link, .sidebox ul li a:visited, .sidebox ul li a:active {width:148px; display:block; color:#000; padding:3px 10px 3px 20px; font-weight:normal; border-bottom:solid 1px #dcecf0; background:url("../templateimages/bullet_1.gif") no-repeat 10px 5px; text-align:left; text-decoration:none;}
.sidebox ul li a:hover {color:#000; text-decoration:underline; background-color:#DFECF0; text-align:left;}
.sidebox li a.selected, .sidebox li a.selected:link, .sidebox li a.selected:visited, .sidebox li a.selected:hover, .sidebox li a.selected:active {position:relative; display:block; padding:3px 10px; color:#000; font-weight:bold; text-decoration:underline; background:#b1c8ce; border-bottom:1px solid #fff; border-top:1px solid #517089; width:auto;}
.sidebox li a.sub_selected, .sidebox li a.sub_selected:link, .sidebox li a.sub_selected:visited, .sidebox li a.sub_selected:hover, .sidebox li a.sub_selected:active {width:148px; display:block; color:#000; padding:3px 10px 3px 20px; font-weight:normal; border-bottom:1px solid #fff; border-top:1px solid #B1C8CE; background:#DFECF0 url(/images/bullet_1.gif) no-repeat 10px 5px; font-style:normal;}
.sidebox li a:link.indent, .sidebox ul li a:visited.indent, .sidebox ul li a:active.indent {background: url(/images/cat_dots.gif) no-repeat 10px 5px;}
.sidebox ul li a:hover.indent {color:#000; text-decoration:underline; background-color:#DFECF0;}
.sidebox ul li a.indent_selected {background:#DFECF0 url(/images/cat_dots.gif) no-repeat 10px 5px;}
.sidebox ul li a.indent_selected:hover { text-decoration:none; cursor:default;}
.sidebox ul li a:hover.nomore { text-decoration:none; background-color:#fbfcfc; cursor:default;}
.sidebox ol {list-style-type:decimal;}
.sidebox ol li {margin:5px 0; font-weight:bold; color:#FFA647;}

/* LEFT COLUMN - SIDEBOXES */
.sidebox_title_l { background:url(../templateimages/title_left.gif) no-repeat; height:33px; color:#FFF;}
.sidebox_l {}
#subnav_title {}
#subnav {padding:0;}
#mainnav_title {}
#mainnav {padding:0;}
#manufacturers_title {}
#manufacturers {padding:5px 0 13px 10px;}
#season_title {}
#season {padding:5px 0 13px 10px;}
#pagelinks_title {}
#pagelinks {padding:0;}
#recentprod_title {}
#recentprod {padding:5px 0 3px; text-align:center;}
#currency_title {}
#currency {padding:5px 0 13px 10px;}
#banners_l {text-align:center; margin:0 0 5px 0; overflow:hidden;}
#news_sign_title {}
#news_sign {}
#news_sign input {margin:7px 0 4px 0; font-size:1em;}
#news_sign input.side {width:160px;}


/* RIGHT COLUMN - SIDEBOXES */
.sidebox_title_r { background:url(../templateimages/title_right.gif) no-repeat; height:33px;}
.sidebox_r {}
#shopping_title {}
#shopping {}
#specialoff_title {}
#specialoff {text-align:center;}
#hotprod_title {}
#hotprod {text-align:center;}
#bestsellers_title {}
#bestsellers {}
#reviews_title {}
#reviews {padding:5px 20px}
#review_name {text-align:center; display:block;}
#language_title {}
#language {}
#orderhistory_title {}
#orderhistory {}
#banners_r {text-align:center; margin:0 0 10px 0; overflow:hidden;}

/* LEFT COLUMN - up one category button */
a#nav_back {position:absolute; right:10px; top:24px; display:block; height:16px; width:16px; background:none; padding:1px 2px 0 0; border:none; overflow:hidden;}
a#nav_back span {display:none;}
a#nav_back:hover {background:#B1C8CE; text-decoration:none; width:168px; height:auto; padding:2px 6px; border-bottom:1px solid #517089; border-top:1px solid #DFECF0;}
a#nav_back:hover span {display:inline;}

/* FOOTER */
#footer {clear:both; position:relative; background:#e9e9e9 url(/images/bg_footer.gif); border-bottom:1px solid #bbb; color:#000; height:30px;}
#footer img#cc {position:absolute; left:10px; top:5px;}
#footer a#ls {position:absolute; right:10px; top:0px;}

/* PRODUCT CONTAINER BOXES for list and gallery views */
.product_container {width:100%; position:relative; margin:5px 0;}
.product {display:block; margin:5px 0; border:1px solid #dcecf0; background:#f6fafb;}
.product .imgholder {margin:8px;}
.prod_list {width:100%;}
.prod_gallery {width:49%; max-height:250px; overflow:hidden;}
.product_container .prod_gallery {}
/*
.prod_title {margin-bottom:5px; display:block; width:100%; height:35px; font-size:1.2em;}
.prod_title a {display:block; padding:4px; background:#DFECF0 url(/images/bg_prod_title.gif) repeat-x left bottom; color:#000000}
*/
.prod_title {display:block; font-size:1em;}
.prod_title a {display:block; padding:0; margin:8px 0; color:#000;}
.prod_price_row {margin-bottom:5px; display:block; margin:0 0 5px 0;}
.prod_desc {display:block; color:#333; max-height:60px; overflow:hidden; margin-right:5px;}
.prod_title a:link, .prod_title a:visited {color:#000;}

/*************************
* product page classes
**************************/

/* PRODUCT PAGE STRUCTURE */
#productspage {font-size:1.2em; position:relative; margin:0 15px;}
#prod_c {background:#e7f0f3 url(/images/products_c.gif) repeat-x left top; position:relative; padding:10px; color:#517089; min-height:333px; border:2px solid #fff; border-width:0 2px; margin:0 0 25px 0;}
#prod_c .ptl {width:12px; height:333px; position:absolute; top:0px; left:-2px; background:url(/images/products_tl.gif) no-repeat;}
#prod_c .ptr {width:12px; height:333px; position:absolute; top:0px; right:-2px; background:url(/images/products_tr.gif) no-repeat;}
#prod_c .pbl {width:12px; height:12px; position:absolute; bottom:0px; left:-2px; background:url(/images/products_bl.gif) no-repeat;}
#prod_c .pbr {width:12px; height:12px; position:absolute; bottom:0px; right:-2px; background:url(/images/products_br.gif) no-repeat;} 
#prod_c h1 {font-size:1.7em; margin:0 10px 7px 10px; color:#333;}
#prod_summary {background:#fff url(/images/product_sum_c.gif) repeat-x left bottom; border:1px solid #dbe3e6; border-bottom:none; position:relative; padding:8px 8px 15px 270px;}
#prod_summary .stl {width:10px; height:10px; position:absolute; top:-1px; left:-1px; background:url(/images/product_sum_tl.gif) no-repeat;}
#prod_summary .str {width:10px; height:10px; position:absolute; top:-1px; right:-1px; background:url(/images/product_sum_tr.gif) no-repeat;}
#prod_summary .sbl {width:10px; height:14px; position:absolute; bottom:0px; left:-1px; background:url(/images/product_sum_bl.gif) no-repeat;}
#prod_summary .sbr {width:10px; height:14px; position:absolute; bottom:0px; right:-1px; background:url(/images/product_sum_br.gif) no-repeat;}
#prod_c #logo {position:absolute; top:10px; right:20px; float:none; z-index:10;}

/* PRODUCT PAGE MAIN IMAGE */
#prod_img {width:250px; text-align:center; background:transparent url(/images/loading.gif) no-repeat center center; position:absolute; top:8px; left:8px;}
#prod_img a {color:#517089;}
#prod_img a:hover {text-decoration:none; color:#000;}
#prod_img img#main_image {border:solid 1px #dcecf0; position:relative; min-height:100px; z-index:14;}
#prod_img a:hover img#main_image {text-decoration:none; border-color:#b1c8ce;}
#prod_img img#main_image_dis, #prod_img a:hover img#main_image_dis {text-decoration:none;border:solid 1px #dcecf0;}
#prod_img span#enlarge {display:block; margin:2px 0 0 0; height:18px; font-weight:normal;}

/* PRODUCT PAGE OPTIONS - RADIO OPTIONS */
.radioopts .radiobut {border:1px solid #cfe2e6; border-width:0 0 1px 0; vertical-align:middle; position:relative; min-height:46px;}
.radioopts .radiobut input {margin:0 5px 0 0; position:absolute; top:16px; left:5px;}
.radioopts .radiobut a {margin:0 10px 0 0; position:absolute; top:7px; left:26px;}
.radioopts .radiobut b {margin:0 0 0 70px; padding:5px 0; display:block;}
.radioopts .radiobut label {display:block; color:#000; width:100%; min-height:45px; margin-top:1px;}
.radioopts .radiobut label#clicked {background:#f5fafc;}
.radioopts .radiobut label:hover {cursor:pointer; cursor:hand; background:#fffcf6;}
.radioopts .radiobut label#clicked {cursor:default;}
.radioopts .rad_disabled label {color:#999;}
.radioopts .rad_disabled label:hover {cursor:default; background:#fff;}

/* PRODUCT PAGE OPTIONS - SELECT BOX */
#product_options {margin:20px 0 10px 0;}
#product_options label.big {font-size:1.3em; color:#517089; font-weight:bold; vertical-align:middle;}
#product_options select {width:215px; font-size:1.2em;}
#product_options .ofocus{ border:1px solid #FF9900;}
#product_options .norm{ border: 1px solid #A5ACB2; }

/* PRODUCT PAGE EXTRA INFO BOX */
#product_extra {margin:10px 0; font-size:0.9em;}
#product_extra ul{margin:0; padding:0; list-style-type:none;}
#product_extra li {margin:0 7px; float:left; position:relative; line-height:16px;}
#product_extra li.attrib {margin:0 5px 0 0;}
#product_extra a:link, #product_extra a:visited, #product_extra a:active {color:#517089; font-weight:bold; text-decoration:underline;}
#product_extra a:hover {color:#000;}

/* PRODUCT PAGE ADD TO BASKET */
#addtobasket {margin: 10px 0 0 0; height:40px; position:relative;}
#addtobasket #qtybox label.big {position:absolute; left:0px; top:8px; font-size:1.4em; color:#517089; font-weight:bold;}
#addtobasket #qtybox input {position:absolute; left:30px; top:8px; width:33px; border:1px solid #A5ACB2; font-size:1.2em; font-weight:bold; text-align:center;}
#addtobasket input {position:absolute; left:70px; top:5px;}

/* PRODUCT PAGE TAB NAVIGATION */
#product_tabs {z-index:1; position:relative;}
#product_tabs ul {margin:0; padding:0; list-style-type:none;}
#product_tabs li {margin:0; padding:0; display:inline;}
#product_tabs .tab, #product_tabs .tabtext, #product_tabs .tableft, #product_tabs .tabright {float:left; position:relative;} 
#product_tabs .tab {background:#E7EEF0 url(/images/tab_bg.gif) repeat-x; display:inline; margin-right:1px;}
#product_tabs .tab img {vertical-align:middle; margin-top:7px;}
#product_tabs .tabtext {margin:6px 6px 0 2px; display:inline;}
#product_tabs .tableft {background:#E7EEF0 url(/images/tab_left.gif) no-repeat; height:27px; width:4px;}
#product_tabs .tabright {background:#E7EEF0 url(/images/tab_right.gif) no-repeat; height:27px; width:4px;}
#product_tabs .tabicon {margin:0 4px;}
#product_tabs a.tablink:link, #product_tabs a.tablink:visited, #product_tabs a.tablink:active {display:block; color:#232323; cursor:pointer; cursor:hand;}
#product_tabs a.tablink:hover {cursor:pointer; cursor:hand; text-decoration:underline;}
#product_tabs #active .tab {background:#fff url(/images/tab_active_bg.gif) repeat-x; font-weight:bold;}
#product_tabs #active .tableft {background:#fff url(/images/tab_active_left.gif);}
#product_tabs #active .tabright {background:#fff url(/images/tab_active_right.gif);}

/* PRODUCT PAGE TAB CONTENT */
#tab_content {width:99.5%; display:block; border:solid 1px #b1c8ce; margin-top:-1px; background:#fff; z-index:0; color:#000;}
#tab_content #desc_area {border:5px solid #fff;}
#tab_content .desc_area_content {padding:10px;}
#tab_content object, #tab_content embed { background:url(/images/bg_loading.gif) no-repeat center center; display:block;}
#tab_content embed {}
#tab_content .review {padding:10px; border:1px solid #DAE3E7; border-width:1px 3px 3px 1px; background:#fdffff; position:relative; margin:0 0 10px 0;}
#tab_content .review .reviewdate {float:right; position:relative; color:#92A7B7;}
#tab_content #product_review {width:98%; border:1px solid #b1c8ce;}

/* PRODUCT PAGE MORE IMAGES ALT TEXT VIEWER */
.speach {background:#fff url(/images/speach_bg.gif) repeat-x left bottom; border:1px solid #B1C8CE; border-width:1px 2px 2px 1px; padding:3px 6px; position:relative; font-size:11px; font-weight:normal; color:#517089; text-decoration:none; text-align:center; display:block;}
.speach .tip {width:13px; height:12px; position:absolute; top:-12px; left:24px; background:url(/images/speach_tip.png);}
#extra_images .imgholder .alttext {display:none; position:absolute; left:0px; bottom:0px; text-decoration:none; margin:10px;}
#extra_images .imgholder a:hover .alttext {display:block; cursor:pointer; cursor:hand;}
#tab_content dd { position:relative;}
#tab_content .alttext {display:none; position:absolute; left:0px; bottom:20px; text-decoration:none; margin:0px; z-index:100;}
#tab_content a:hover .alttext {display:block; cursor:pointer; cursor:hand;}



/* PRODUCT PAGE REVIEWS STAR-RATER */	
.star-rating{list-style:none; margin:0; padding:0; width:125px; height:25px; position:relative; background:#f6fafb url(/images/alt_star.gif) top left repeat-x;}
.star-rating li{padding:0;
	margin:0;
	/*\*/
	float:left;
	/* */}
.star-rating li a{display:block; width:25px; height:25px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0;}
.star-rating li a:hover{background: url(/images/alt_star.gif) left bottom; z-index:2; left:0px;}
.star-rating a.one-star{left:0px;}
.star-rating a.one-star:hover{width:25px;}
.star-rating a.two-stars{left:25px;}
.star-rating a.two-stars:hover{width:50px;}
.star-rating a.three-stars{left:50px;}
.star-rating a.three-stars:hover{width:75px;}
.star-rating a.four-stars{left:75px;}	
.star-rating a.four-stars:hover{width:100px;}
.star-rating a.five-stars{left:100px;}
.star-rating a.five-stars:hover{width:125px;}
.star-rating li.current-rating{background:url(/images/alt_star.gif) left center; position:absolute; height:25px; display:block; text-indent:-9000px; z-index:1;}	

#reviewthanks { background:#fff; padding:10px; border:1px solid #B1C8CE; margin:0 0 15px 0;}

/*************************
* other page classes
**************************/

/* CATEGORY PAGE SUBCATEGORIES LIST */
.catlist {margin:0 0 20px 3px;}
.catlist ul {margin:0; padding:0; list-style-type:none;}
.catlist li {margin:5px 7px 5px 0; padding:0; display:inline; float:left; position:relative; text-align:center;}
.catlist a {border:solid 1px #B1C8CE; background:#f6fafb; display:block; width:100px; min-height:135px; position:relative; color:#000; padding:1px; font-weight:normal;}
.catlist a:hover {background:#DFECF0; cursor:pointer; cursor:hand; text-decoration:none;}
.catlist a .imgholder {width:100px; max-width:100px; height:100px; max-height:100px; margin-bottom:2px;}
.catlist a:hover .imgholder {}

/* PRODUCT PAGE RELATED PRODUCTS */
.related_products {margin:20px 0;}
.related_products ul {margin:0; padding:0; list-style-type:none;}
.related_products li {margin:5px 5px 5px 0; padding:0; display:inline; float:left; position:relative; text-align:center;}
.related_products h2 {margin:0;}
.related_products a {border:solid 1px #dcecf0; background:#f6fafb; display:block; width:144px; min-height:190px; position:relative; font-weight:normal;}
.related_products a:hover {border:solid 1px #b1c8ce; background:#E7F0F3; cursor:pointer; cursor:hand; text-decoration:none;}
.related_products a .imgholder {margin:5px; border:solid 1px #dcecf0;}

/* SEARCH BOXES HEADER */
.searchresults {font-size:1.2em; font-weight:normal;} /* eg 1 to 14 products displayed out of 14 */
#product_listing {position:relative; clear:both;}
#product_listing h2 {margin:10px 0 0 0;}
#product_listing .results {font-size:1.2em; font-weight:normal; position:absolute; right:0px; top:-7px;}
#product_listing .searchbar_viewsort {position:relative; display:block; height:30px; background:#DFECF0 url(/images/bg_header_bar7.gif) repeat-x; border:1px solid #ddd;}
#product_listing .searchbar_viewsort .view_as, #product_listing .searchbar_viewsort .sort_by {position:absolute; top:4px; height:20px; padding:2px 0 0 0;}
#product_listing .searchbar_viewsort .view_as {left:5px;}
#product_listing .searchbar_viewsort .sort_by {right:5px;}
#product_listing .searchbar_viewsort a:link, #product_listing .searchbar_viewsort a:visited, #product_listing .searchbar_viewsort a:active {border:1px solid #DFECF0; padding:2px;}
#product_listing .searchbar_viewsort a:hover {background:#fff; border:1px solid #b1c8ce; text-decoration:none;}
#product_listing .searchbar_viewsort a.selected {background:#fff; border:1px solid #b1c8ce;}
#product_listing .searchbar_refine {position:relative; display:block; background:#fff url(/images/bg_crumbs.gif) repeat-x top; height:25px;}
#product_listing .searchbar_refine .search_within, #product_listing .searchbar_refine .page_chooser {position:absolute; top:0px; height:20px;}
#product_listing .searchbar_refine .search_within {left:5px;}
#product_listing .searchbar_refine .search_within input.search_in {width:100px; border:1px solid #b1c8ce; line-height:12px;}
#product_listing .searchbar_refine .page_chooser {right:5px; padding:4px 0 0 0;}
#product_listing .searchbar_refine .page_chooser a {background:#fff; border:1px solid #DFECF0; padding:2px 5px;}
#product_listing .searchbar_refine .page_chooser a:hover {border:1px solid #b1c8ce;}
#product_listing .foot {background:#fff url(/images/bg_searchbar_foot.gif) repeat-x bottom; height:33px;}
#product_listing .foot .page_chooser {top:0px;}
#noresults {margin:0; text-align:left;}
#noresults p {font-weight:bold; margin-top:0; text-align:left;}
#noresults img {vertical-align:middle;}
#noresults li {margin:5px 0; text-align:left; font-weight:normal;}

/* SEARCH PAGE 'REFINE YOUR SEARCH' TABS AND RESULTS - NOTE the div panels are repeated from the products page so be careful when restyling! */
#searchpage_results {margin:0 0 25px 0;}
#refine_tabs { z-index:10;}
#refine_tabs dt {display:none;}
#refine_tabs dd {margin:0 3px 0 0; display:inline; float:left; position:relative;}
#refine_tabs a:link, #refine_tabs a:visited, #refine_tabs a:active {color:#000; display:block; background:#DFECF0 url(/images/bg_header_bar7.gif) repeat-x; border:1px solid #B1C8CE; border-bottom:1px solid #B1C8CE; padding:5px; font-weight:normal;}
#refine_tabs a#active {background:#fff; border:1px solid #B1C8CE; border-bottom:1px solid #fff; font-weight:bold; text-decoration:none;}
#search_refine {margin:0;}
#search_refine #tab_content {min-height:0px; border:1px solid #B1C8CE; border-bottom:none; padding:10px 0 10px 1px;}
#search_refine #tab_content #desc_area { background:#fff; border:none; min-height:0px;}
#search_refine #tab_content .desc_area_content {padding:0;}
#search_refine #tab_content dt {display:none;}
#search_refine #tab_content dd {margin:0 0 0 5px; padding:0; display:inline; float:left; position:relative;}
#search_refine #tab_content dd.ddtitle { font-weight:bold;}
#search_refine #tab_content dd img {vertical-align:top;}
#search_refine #tab_content dd a {background:url(/images/bullet_arrow_down.gif) no-repeat -5px center; display:block; font-weight:normal; padding:1px 2px 1px 8px; font-size:11px;}
#search_refine #tab_content dd a:hover {background:#DFECF0 url(/images/bullet_arrow_down.gif) no-repeat -5px center; text-decoration:none;}
#search_refine #tab_content dd#sel_filter a {background-color:#B1C8CE;}
#search_refine #tab_content dd .related_products {margin:0;}
#search_refine #tab_content dd .related_products li {margin:5px;}
#search_refine #tab_content dd .related_products a {background:#f6fafb; padding:0; line-height:normal; border:solid 1px #dcecf0;}
#search_refine #tab_content dd .related_products a:hover {border:solid 1px #b1c8ce; background:#E7F0F3; cursor:pointer; cursor:hand; text-decoration:none;}

/* TABLE STYLING mainly used in basket and checkout pages */
.formtable {border:1px solid #cbdce1; border-width:1px 0px 0px 1px;}
.formtable td {border:1px solid #dcecf0; border-width:0px 1px 1px 0px; background:#fff; height:30px; padding:0 10px;}
.formtable .heading td {background:#DFECF0; border:1px solid #FFF; border-color:#fff #b1c8ce #b1c8ce #fff; font-weight:bold; height:35px;}
.formtable i {font-weight:normal; color:#517089;}
.formtable .highlight td  {background:#f6fafb; font-weight:bold;}0
.formtable td.right {text-align:right; padding:0 10px 0 0;}
.formtable .noborder td {border:none; padding:0;}

/* BASKET PROGRESS STYLES - basket . your details . confirmation . payment . complete */
#basket_status {color:#9DD9DF; text-align:center; margin:-3px 0 30px 0; font-size:1.5em; font-weight:normal;}
#basket_status em {font-style:normal; color:#FFF;}

/* DELIVERY ADDRESS CHOOSER STYLES */
#chooseaddress label {display:block; background:#f6fafb; border:1px solid #dcecf0; padding:10px 140px 10px 10px; margin-bottom:10px;}
#chooseaddress label:hover {cursor:pointer; cursor:hand;}
#chooseaddress span {padding:0 0 0 22px; display:block;}
#chooseaddress a.edit {width:130px; padding:2px 5px; text-align:center;}
#chooseaddress a.edit:hover {background:#DFECF0; border:1px solid #B1C8CE; text-decoration:none;}
.delivery_address {border:1px solid #dcecf0; background:#f6fafb; padding:15px; margin:15px 10px 15px 0;} /* for selected address on confirm page */

/* MY ACCOUNT PAGE */
#account_options ul {margin:0; padding:0; list-style-type:none;}
#account_options li {margin:15px 0;}

#myaccount #tab_content { border-width:1px 0 0 0;}
#myaccount #product_tabs ul { margin:0 0 0 15px;}

/* RTE PAGES */
#rte_container img {position:relative;}

.rte_twoeqcol_left, .rte_twoeqcol_right, .rte_twocol_small_left, .rte_twocol_big_right, .rte_twocol_big_left, .rte_twocol_small_right, .rte_threecol { float: left; margin:15px 10px 0 0; position:relative;}
.rte_twoeqcol_left {width: 48%; }
.rte_twoeqcol_right {width: 48%;}
.rte_twocol_small_left {width: 38%;}
.rte_twocol_big_right {width: 58%;}
.rte_twocol_big_left {width: 58%;}
.rte_twocol_small_right {width: 38%;}
.rte_threecol {width: 31%;}
.clear {clear:both; height:0; line-height:0;}






/* --- Body - control position #container, allows centering of site -- */
body {
	text-align: center;
	background-color: #585756;
	background:url('../templateimages/body-bg.gif') top repeat-y;
}

#container {
	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	min-width:955px;
	_width:expression(document.body.clientWidth < 956? "955px": "100%" );; /* hack for MS IE */
	width:100%;
}

/* Contains rest of HTML */
#centrecontainer {
	width: 100%;
	text-align: left;
}


/* --- Header section ------------------------------------------------ */
#header {width:100%}

#printhead{display:none}

#head1,#head2,#head3,#head4,#head5{margin:0;padding:0}

#head1{margin-top:auto}

#head2 {
	position: relative;
	clear: both;
	margin-bottom:-19px;
}
#head2 ul {
	position: relative;
	clear: both;
	text-transform: uppercase;
}
#head2 li {
	display: block;
	float: left;
	list-style: none;
	text-align: center;
	padding: 7px 0;
	background: #d8e6fc url("../templateimages/tab.gif") repeat-x left;
	border-right: 2px solid #fff;
}
#head2 li a {
	display: block;
	padding: 2px 9px;
	text-decoration: none;
	font-weight: bold;
}

#head2 li,
#head2 a {
	color: #555;
}

#head2 a:hover {
	color:#fff;
}
#head2 li.here {
	background: #69c url("../templateimages/tab_on.gif") repeat-x left;
}
#head2 li.here,
#head2 li.here a {
	color: #fff;
}

#head3{background:url("../templateimages/green-stripe.png") #aed181 0 0;height:25px; clear:both; border-top: 6px solid #a56694; border-bottom: 1px solid #fff;padding:5px 0;}

#head3 img{vertical-align:middle}

#head5{border-bottom:1px solid #673c5c;border-top:8px solid #673C5C;clear:both; background: #dec7d7 0 0}
#head5 p {text-align:center;color:#333; font-family:Georgia, "Times New Roman", Times, serif;	font-size:15pt; }

* html #head5{background:url("../templateimages/head5_bg_img.jpg") #f7f7ff 0 8px;}
.h1left{float:left;left:0;margin:0;width:300px;}

.h1center{font-weight:bold;margin-left:201px;margin-right:45%;padding-top:20px;text-align:center;color:#000}

.h1right{float:right;padding-top:13px;padding-right:10px;position:static;text-align:right;width:45%;white-space: nowrap;}

.h1right ul{float:right;list-style:none;margin:8px 0 0 0;padding:0 0 10px 0}

.h1right li{display:block;float:left;padding:5px 0 7px 8px}

.h1right a, .h1right a:visited{background:no-repeat left bottom;padding:4px 0 0px 0px;font-weight: bold}

.h1right a.wishlist, .h1right a:visited.wishlist{;margin-right:10px}

.h1right a.help, .h1right a:visited.help{margin-right:10px}

.h1right a.account, .h1right a:visited.account{}

.h1right a:hover{text-decoration:underline}

#h3search{color:#FFF;font-weight:bold;margin-left:10%;margin-right:10%;text-align:center}

#h3search input, #f3search input {
  border: 1px solid #ddd;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  padding: 2px;
}

#h3search #searchbtn, #f3search #searchbtn {	
	font-size:11px;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background:url("../templateimages/tab.gif") repeat-x left;
	padding:2px 5px;
}

#h3search .eg {padding-left:5px; font-style:normal; font-weight:normal;}
/* options */

#options{float:left;width:61%;left:0;padding:0;margin:0}

#options ul{float:left;list-style:none;margin:0;padding:3px 0 0 0}

#options li{display:block;float:left;padding:6px 0 8px 8px}

#options a{background:no-repeat left top;font-weight:bold;padding:8px 15px 10px 37px}

#options a.business{background-image:url("../templateimages/icn_buying_for_business.gif")}

/* email */

#email{background:url("../templateimages/option2_bg2.jpg");float:right;font-weight:bold;padding:1px 0 0 0;position:static;text-align:right;width:39%; margin: 0}

#email img {vertical-align:middle;padding-right:10px}

/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding: 10px 0 0 0;
	float:left;
	width:100%;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
	margin-left:-200px
}

/* Left hand section of page body (if you have one!) */
#LeftSideBar {
	float: left;
	width: 170px;
	text-align: left;
	padding: 0;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin-left:210px;
}

/* Dynamic page content section of page body */
#pagecontent {
	text-align: left;
	margin-left:400px;
	position: relative;
}

#pagecontent_pad {
	padding: 10px 5px 5px 0px;
	float: left;
	width: 100%;
}

/* Right hand section of page body */
#RightSideBar {
	padding:0px 0 0px 100%;
	margin: 10px 0 0 -185px;
}

#RightSideBar .wrap {
	margin-right: 10px;
}

#RightSideBar .section {
	display: block;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	padding-top: 20px;
	clear: both;
	text-align: left;
	float: left;
	width: 100%;
}

#footctr ul{list-style:none;margin:0;padding:3px 0 10px 0}

#footctr li{display:inline;padding:6px 0 8px 8px}

#foot2{background:url("../templateimages/tab.gif") bottom #c69ecf;height:25px;clear:both;border-bottom: 1px solid #fff;padding:10px 0 5px 0;}

#foot2 a {color:#333;}

#foot3{background:url("../templateimages/green-stripe.png") #aed181 bottom;height:auto; clear:both; border-bottom: 1px solid #fff;padding:5px 0;}

#foot3 img {vertical-align:middle;}

#f3search{color:#FFF;font-weight:bold;margin-left:26%;margin-right:26%;padding:0;text-align:center}

#footctr{color:#FFF;font-weight:bold;margin-left:10%;margin-right:10%;text-align:center}

.poweredby, .poweredby a {padding-top:3px; text-align: right; color:#CCCCCC}
.poweredby a {color:#CCCCCC}



/* T&Cs text */
#terms {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 4px 0 0 0;
	padding: 10px 0 12px 10px;
	font-size: 7pt;
	color: #999999;
}
#terms .fix {
	padding-left: 10px;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 148px;
}

#searchbox #searchbutton {
	width: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

#minibasket {background:url("../templateimages/purple-stripe.png") #a56694 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;padding:5px; color:#fff;}

#signup {
	background:url("../templateimages/green-stripe.png") #a56694 top repeat-x;
	padding:5px;
	color:#000000;
}

#signup select, #signup input, #signup textarea {
background-color:transparent;
border:1px inset #CCCCCC;
color:black;
font-weight:normal;
margin-bottom:3px;
}

#skiplink a, #skiplink a:hover, #skiplink a:visited{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden} 

#skiplink a:active, #skiplink a:focus{position:static;width:auto;height:auto}

.obtleft{float:left;height:25px;width:29px;background:url("../templateimages/rbtleft.gif") no-repeat}
.obthold{background:url("../templateimages/rbtback.gif") no-repeat right top;background:#8abd47;border-bottom:1px solid #aed181;width:100%}
.obtright{background:url("../templateimages/rbtback.gif") no-repeat right top;padding:9px 5px 3px 0}
.obtright h3{color:#FFF;padding:0;margin:0;font-size:10pt;}
.ob{margin-bottom:15px;width:100%}
.microbasket {padding:5px;}
.colbord{border:1px solid #cc0000;}
.clr{clear:both}