/***************************
* LiquidShop CSS Stylesheet c/o SiteMakers
***************************/

/* Edited April 2007 by Poppy Edmunds @ Axis First */

.fragmentDiv {float:left; position:relative; margin-left:10px;
text-align:left;}

.AXISFieldText { width: 50px; }
.AXISTableHead {
	background-color: #b3b2c2;
}

.yes
{
	padding-left: 20px;
	background:url("/images/yes.jpg") top left no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
}

.no
{
	padding-left: 20px;
	background:url("/images/no.jpg") top left no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
}


body {font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma;color: #000000;background: #606c90 url(../images/bg_body.gif) repeat-x top; margin:0;padding:0 0 20px 0; font-size:62.5%; text-align:center; }

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

/* 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.6em; font-weight:normal; margin-top:0px; color:#3b3666; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif;}
h1 a:link, h1 a:visited, h1 a:active, h2 a:link, h2 a:visited, h2 a:active {color: #3b3666;text-decoration: none;}
h1 a:hover, h2 a:hover {text-decoration: underline;}
h2 {font-size: 1.4em; font-weight:bold; color:#3b3666; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif;}
h3 {font-size: 1.2em; font-weight:bold; color:#3b3666; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif;}
.centre { text-align:center;}

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

/* THUBNAIL IMAGE CONTAINER */
.imgholder a { width:100px; max-width:100px; height:100px; max-height:100px; display:block; overflow:hidden; margin:0 auto 5px auto; text-align:center; vertical-align:middle;}
.imgholder a, .imgholder a:link, .imgholder a:visited, .imgholder a:active {border:1px solid #d5d7e8; background:#FFFFFF}
.imgholder a:hover { border:1px solid #a496b8;}

 /*---Poppy's edit---*/
.imgholderindex a {width:100px; text-align:center; vertical-align:middle; margin:0;  max-width:100px; height:100px; max-height:100px; display:block; overflow:hidden; padding:0; border:1px solid #d5d7e8; background:#FFFFFF;}
.imgholderindex a:hover { border:1px solid #a496b8;} 

.formFix img, .formFix input[type="image"] {margin:0 0 -7px 0;}

/*--end Poppy's edit---*/

/* FORM AND INPUT RELATED STYLES */
form {display:inline;padding:0px;margin:10px 0;}
input {color:#444;}
select { margin:5px 5px 0 0;color:#444; font-size:1em;}
input.button {vertical-align: top;}
img.button {margin:5px;}
fieldset.hidden { margin:0; padding:0; border:none;}
legend.hidden { margin:0; padding:0; display:none;}
input.quantity { font-size:1em; font-weight:bold; text-align:center; height:18px; vertical-align:middle;}
label.quantity { font-size:1em; font-weight:bold;}
input.searchbar { height:16px; width:140px;}
.wide {width:300px}
.medium {width:200px;}
.narrow {width:100px;}

/* MORE INFORMATION BUTTONS */
div.button { display:block; height:27px; white-space: nowrap; margin-top:-10px; margin-bottom:18px;}
div.button a:link, div.button a:visited { line-height:27px; color:#FFFFFF;}
div.button a:active { color:#FD7A14;}
div.button span {display: block;position:relative;float:left; height:27px;}
span.button_l {	background: #554f8d url(../images/button_blue_l.gif) no-repeat;width: 5px;}
span.button_c{background: #554f8d url(../images/button_blue.gif) repeat-x;padding:0px 10px;display:inline; text-align:center;}
span.button_r {background: #554f8d url(../images/button_blue_r.gif) no-repeat;width: 5px;}
.margin {margin-left:15px;}
.moreinfo_small { width:90px;}
.moreinfo { width:140px;}
.nomargin {margin:0;}

/*VIEW BASKET BUTTONS - PE*/

div.buttons { display:block; height:27px; white-space: nowrap; margin-top:8px; margin-bottom:8px;}
div.buttons a:link, div.button a:visited { line-height:27px; color:#FFFFFF;}
div.buttons a:active { color:#FD7A14;}
div.buttons span {display: block;position:relative;float:left; height:27px;}
span.buttons_l {	background: #554f8d url(../images/button_blue_l.gif) no-repeat;width: 5px;}
span.buttons_c{background: #554f8d url(../images/button_blue.gif) repeat-x;padding:0px 10px;display:inline; text-align:center;}
span.buttons_r {background: #554f8d url(../images/button_blue_r.gif) no-repeat;width: 5px;}
.margins {margin-left:15px;}
.moreinfos_small { width:90px;}
.moreinfos { width:140px;}
.nomargins {margin:0;}

.favouritesWrap {padding:0; margin:30px 0 15px 0;}

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

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

/* 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;text-align: left;margin-bottom: 6px;padding: 3px;font-size:12px;} 
div.confirm {margin:15px 10px 15px 0px; width:100%;}

/* MAIN CONTENT CORNERS used for the curved edges in the main content area */
.tl {position:absolute;display:block;height:2px;width:2px;top:0px;left:0px;}
.tr {position:absolute;display:block;height:2px;width:2px;top:0px;right:0px;}



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

#site_container { width:965px; margin:0 auto; text-align:left;}

/* HEADER STYLES */
#header_container {background:#3B4870 url(../images/bg_header_left.gif) no-repeat left top; height:219px; font-size:2em; color:#fff;}
#header_left { width:165px; height:219px;}
#header_left p { margin:0 0 0 13px; padding:0; position: absolute; left:0px; top:70px; width:13em; z-index:10; line-height:1.4em; font-size:0.6em; background:#8484A8;}
#header_animation{ width:800px; height:219px; background:#3B4870 url(../images/bg_header.gif) no-repeat right top;}

/* BREADCRUMB TRAIL STYLES */
#crumbs_container { height:15px; padding:5px 13px; font-size:1.2em; color:#fff;}
#crumbs {text-decoration:none;display:inline; list-style: none;}
#crumbs ul {margin:0; padding:0;}
#crumbs li { margin:0; padding:0; display:inline; float:left; position:relative; font-weight:normal;}
#crumbs li a { color:#fff; text-decoration:underline; margin:0 5px; font-weight:bold;}
#crumbs li a:hover {color:#E6E4FF;}
#crumbs a.selected {font-weight:normal; text-decoration:none;}
#crumbs a.selected:hover { font-weight:normal; text-decoration:none;}
#bookmark a {color:#fff; font-weight:normal; font-style:normal;}

/* SEARCH BAR */
#searchbar {color:#fff; font-weight:bold; height:24px; padding:8px 15px; background:#5c568c url(../images/bg_searchbar.gif) no-repeat; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif; }
#search { width:45em;}
#search input {vertical-align:middle; font-weight:normal; color:#000;}
#search input.button { color:#fff; font-weight:bold;}
#search label {font-size:1.5em; vertical-align:middle;}

/* HEADER TABS */
#navigation_tabs {padding:0; margin:0; font-size:1.3em;}
#navigation_tabs dt {display:none;}
#navigation_tabs dd {float:left; padding:0; margin:0 5px; text-align:center;}
#navigation_tabs a, #navigation_tabs a:visited { font-style:normal; text-decoration:none; cursor:pointer; color:#fff;}
#navigation_tabs a.selected, #navigation_tabs a.selected:visited { cursor:default; text-decoration:underline;}
#navigation_tabs dd span.aa {display:block; width:10px; height:31px; height:auto; background:url(../images/bg_navtab_default_l.gif) no-repeat top left; float:left; padding:5px 0;}
#navigation_tabs dd span.bb {height:31px; height:auto; background:#9793c4 url(../images/bg_navtab_default.gif) repeat-x top; float:left; padding:5px 0; color:#fff;}
#navigation_tabs dd span.cc {display:block; width:10px; height:31px; height:auto; background:url(../images/bg_navtab_default_r.gif) no-repeat top right; float:left; padding:5px 0;}
#navigation_tabs span.bb a:hover{text-decoration:underline;}
#navigation_tabs span.bb a.selected, #navigation_tabs span.bb a.selected:hover {font-weight:bold; text-decoration:underline;}

/* THREE COLUMN LAYOUT general structure divs */
#container { padding:15px 201px 20px 201px; background:#eaeaf3 url(../images/bg_container_top.gif) no-repeat top left; border:1px solid #fff;}
#inner_container{ width:100%; background:#fff;}
#left, #center, #right, *html #SOWrap { overflow: visible; /* fix for IE italics bug */ position: relative;}
#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;margin: 0 1px 0 -201px;width: 180px; z-index: 4; padding:0 10px;}
#right {float: right;width: 180px; margin: 0 -201px 0 1px; z-index: 2; padding:0 10px;}
#footer { font-size:1.2em; clear:both; background: url(../images/bg_footer.gif) no-repeat; color:#fff; height:50px; padding:5px 10px 0 10px;}
#footer img { vertical-align:middle;}
#footer span { margin:8px 0 0 50px;}
#flags {}
#flags ul {margin:5px 0 0 0; padding:0; list-style-type:none;}
#flags li {display:inline; float:left; position:relative; margin:3px; text-align:center;}
#flags a img { border:1px solid #d5cfdf; background:#fff;}
#flags a:hover img, #flags a.selected img {border:1px solid #000; color:#000;}


/* CENTRE COLUMN - CONTENT */


#content_box {font-size: 1.2em;position:relative; padding:10px 25px; background:url(../images/bg_container.gif) repeat-x top;}


#content_box div.tl {height:100px;width:10px;background: url(../images/eTopLeft.gif) top left no-repeat;}
#content_box div.tr {height:100px;width:10px;background: url(../images/eTopRight.gif) top right no-repeat;}
#content_banner { position:relative; text-align:center; margin-bottom: 15px;}
/* apply a margin to floated images in the content area */
#content_box img.fright { margin:0 0 0 10px;}
#content_box img.fleft { margin:0 10px 0 0;}

/* LEFT AND RIGHT COLUMNS - SIDEBOXES */
.sidebox_title {font-size:1.5em; line-height:27px; font-weight:bold; background: url(../images/bg_sidebox_title.gif) no-repeat; padding:0px 8px; color:#fff; font-family:"trebuchet ms","lucida grande",arial,helvetica,sans-serif;}
.sidebox_title a:link { color:#FFFFFF;}
.sidebox_title a:visited { color:#FFFFFF;}
.sidebox_title a:active { color:#FFFFFF;}
.sidebox_title a:hover {
	color:#FFCCFF;
	text-decoration: underline;
}
.sidebox {font-size: 1.2em; padding:0; margin-bottom:10px; border:1px solid #afafc9; border-width:0 1px 1px 1px; background:#fff;}
.sidebox .imgholder {height:auto;}
.sidebox a:link { font-weight:bold; color:#3e3969;}
.sidebox ul {margin:0px; padding:0px;}
.sidebox ul li {display:inline;position:relative;}
.sidebox ul li a:link, .sidebox ul li a:visited, .sidebox ul li a:active { width:138px; padding:3px 10px 3px 30px; background: url(../images/bullet_arrow.gif) no-repeat 10px 3px;display:block;color:#3e3969;text-decoration:none;font-weight: normal; font-style:normal;}
.sidebox ul li a:hover {color:#3e3969; text-decoration:underline; background-color:#e6e4ff;}
.sidebox a.selected, .sidebox a.selected:link, .sidebox a.selected:visited, .sidebox a.selected:hover, .sidebox a.selected:active { display:block;padding:3px 10px 3px 30px; background:#d5d3f4 url(../images/bullet_arrow.gif) no-repeat 10px 5px; font-weight: bold; text-decoration:underline; width:auto;}
.sidebox p, .sidebox h3 { margin:5px 0;}

.featured { position:relative;}
.featured h2 {margin:2px 0; font-size:1.3em; font-weight:bold; letter-spacing:-0.05em;background:#f0f1fa url(../images/bg_featured.gif) repeat-x top; height:28px; line-height:28px; padding:0 10px; border:1px solid #ebe5f3; border-width:0 1px;}
.featured .viewall { position:absolute; right:15px; font-size:0.8em; letter-spacing:normal; font-family:Arial, Helvetica, sans-serif;}
.featured .viewall a, .featured .viewall a:link, .featured .viewall a:visited { text-decoration:none;}
.featured .viewall a:hover { background:none; text-decoration:underline;}
.featured .viewall a img, .featured .viewall a:hover img { border:none;}
.featured ul {margin:0; padding:0;}
.featured li {margin:0 0px; padding:0; display:inline; float:left; position:relative;}
#special h2 { padding:0 10px 0 70px; background:#f5f1c3 url(../images/bg_special.gif) repeat-x top; border:1px solid #e2d9c8; border-width:0 1px;}
#special #png {position:absolute; top:-25px; left:-10px; z-index:5;}
#special2 h2 {padding:0 10px 0 80px;}
#special2 #png {position:absolute; top:-10px; left:20px; z-index:5;}

/* FEATURED THUBNAIL IMAGE CONTAINER */
.featured a.imgholder { width:90px; max-width:90px; height:80px; max-height:80px; display:block; overflow:hidden; margin:0 auto 5px auto; text-align:center; vertical-align:middle;}
.featured a.imgholder, a.imgholder:link, a.imgholder:visited, a.imgholder:active {border:1px solid #d5d7e8; background:#FFFFFF}
.featured a.imgholder:hover { border:1px solid #a496b8;}

.box { background: url(../images/bg_box.jpg) no-repeat top left; padding:5px 15px 15px 15px; margin:20px 0;}

.news_date { font-size:0.8em; font-weight:normal; position:absolute; right:40px;}

.quote { background: url(../images/bg_testimonial.jpg) no-repeat top left; padding:5px 15px 15px 15px; margin:20px 0; line-height:1.5em;}
.quote h3 { margin-left:35px;}
.quote em { font-size:1.1em;}

.form { margin:15px 0;}
.form .sep { display:block; clear:both; min-height:25px; margin:2px 0;}
.form label { display:block; float:left; position:relative; width:150px; min-height:20px; background:#f6f3fc; padding:0 0 0 5px; margin:0 2px 0 0;}
.form input { float:left; position:relative;}
.form .subgroup label {display:inline; float:none; background:none;}
.form .subgroup input {display:inline; float:none;}
.form .required {margin:-15px 0 15px 0;}
.form textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#444;}

.faqs { background: url(../images/bg_box.jpg) no-repeat top left; padding:5px 15px 15px 15px; margin:10px 0;}

#products_listing {}
#products_listing ul { margin:0; padding:0; list-style-type:none;}
#products_listing li { margin:5px 0; padding:0; display:block; width:95%; float:left; position:relative;}
#products_listing h3 { margin:0;}
#products_listing p {margin:5px 0;}
#products_listing b { color:#ff6600;}
.product { position:relative; display:block;margin:0; padding:5px 5px 5px 125px; border:1px solid #eaeaf3; background:#f8f8fc;}
.textholder { height:30px; overflow:hidden; display:block;}
.product .imgholder { position:absolute; top:10px; left:10px;}

#product_detail {}
#product_detail h2#price {margin:0;}
#product_detail a img { border:1px solid #fff; margin:0 10px 10px 0;}
#product_detail a:hover img {border:1px solid #f1f1f7;}
#product_detail p { font-size:1.1em; line-height:1.2em; margin:15px 0;}
#product_detail .qty { width:30px; font-size:1.4em; text-align:center; margin:0 5px 0 0;}
#product_detail label { font-size:1.4em; color:#3B3666;}

#product_options {background:#f1f1f7; padding:10px; margin:15px 0; text-align: left;}
#product_options b {color:#474272;}
#product_options select { font-size:1.2em;}


/* TABLE STYLING mainly used in basket and checkout pages */
.formtable { border:1px solid #B5B6DF;border-bottom:none; border-right:none;}
.formtable tr { }
.formtable td { border:1px solid #D3D5E6; border-top:none; border-left:none; background:#fff; height:30px; padding:0 10px;}
.formtable .heading td { background:#EAEAF3; border:1px solid #FFF; border-bottom-color:#7677AC; border-right-color:#7677AC; font-weight:bold;height:35px;}
.formtable i {font-weight:normal; color:#758490;}
.formtable .highlight td  { background:#F6FAFB; font-weight:bold;}
.formtable td.right { text-align:right; padding:0 10px 0 0;}
.formtable .noborder td { border:none; padding:0;}
.req { color:#CC3300; font-size:1.4em;} /* Required fields bullet colour */

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

#pagenav {}
#pagenav ul {margin:0; padding:0; list-style-type:none;}
#pagenav li {margin:0; padding:0; float:left; position:relative;}
#pagenav a { display:block; padding:2px 5px 2px 20px; font-weight:normal; background:#F6F3FC url(../images/bullet_arrow_down.gif) no-repeat left center; border:1px solid #fff;}
#pagenav a:hover { background:#AEACD3 url(../images/bullet_arrow_down.gif) no-repeat left center; color:#fff; text-decoration:none;}

/** BANNER AREA **/

div#right div#bannerFrame {
	background: #FFFFFF;
	border-color:#AFAFC9;
	border-style:solid;
	border-width: 1px;
	margin: 0 0 20px 0;
	padding: 10px 4px;
	}
div#right div#bannerFrame div {
	text-align: center;
	}
div#right div#bannerFrame img {
	margin: 0 auto;
	}

/* Remove Tabling / Fragment Alterations */

table.product_list_display {
	float: left;
	margin: 0 5px 10px 5px;
	_display: inline;
	}
#search_results table.product_list_display {
	float: none;
	margin: 0 0 0 0;
	_display: inline;
	}
div.target_genform {
	width: 511px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}	
div.target_genform form {
	margin: 0;
	}
div.target_genform .AXISPageNumbering {
	text-align: right;
	}	
	
div.target_genform form .AXISTableText,
div.target_genform form .AXISTableText td {
	padding: 0px;
	}
div.target_genform form .AXISTableText td {
	text-align: center;
	}
	
/** Replace Default Update Basket button **/

div.target_genform form a.AXISFormSubmitLink {
	display: block;
	
	margin: 5px auto 10px auto;
	padding: 0 0 10px 0;
	background: url(../images/addtobasket.gif) no-repeat;
	width: 91px;
	height: 19px;
	clear: both;
	}
div.target_genform form a.AXISFormSubmitLink img {
	display: none;
	}
	
/** PRODUCT LIST VIEW **/

.prod_descr {
	min-height: 45px;
	height: auto !important;
	height: 45px;
	padding: 0 2px;
	}
td.clicktext {
	position: relative;
	padding: 0 3px;
	padding: 5px 0 0 0;
	text-align: center;
	}
td.clicktext p {
	font-size: 11px;
	
	margin: 0 0 10px 0;
	}
.clicktextPrice {
	float: left; 
	margin-left: 20px; 
	line-height: 1.6em; 
	font-size: 1.2em;
	font-weight: bold;
}
.clicktextQuantity {
	float: right; 
	margin-right: 20px;
}

table.product_list_display td.clicktext input.AXISFieldText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	width: 30px;
	margin: 0 auto 10px auto;
	}
	
/* Search Results #search_results alterations */

#search_results table.AXISTableText {
	padding: 0;
	}
#search_results table.AXISTableText td {
	padding: 5px;
	}
	
/*Fix to the keyword search page buy button position*/
.first_product_list_display {
	/*clear: right;*/
}

.target_genform .AXISFormProductsAdd {
	float: right;
	/*margin: 0 6px 5px 340px;*/
	margin: 0 190px 5px;
}

.applyForTradeTable {
	clear: both;
}
#productGroupItemContainer #PGISUBMIT {
	width: 130px;
	height: 27px;
	padding: 0;
	border: 0;
	cursor: pointer;
	background-image: url(../images/add-to-basket.jpg);
	text-indent: -280px;
}
#productGroupItemContainer #PGIBUY {
	float: left;
}
.productGroupItemPrice {
	text-align: left;
}
#productGroupItemSizeInfo {
	float: right;
}
#productGroupItemAddButtonContainer form {
	float: left;
	margin: 0;
}

#productGroupItemAddButtonContainer .AXISFieldText {
	display: none;
}

#productGroupItemFavouriteButtonContainer {
	display: inline;
}

#related_links .AXISTableText {
	border-collapse: collapse;
}

#related_links .AXISTableText td {
	padding: 0;
}

/*The captcha and notification styles*/
#cHelpContainer {
	float: left;
	width: 270px;
	height: 50px;
	font-weight: bold;
	font-size: 0.85em;
	margin-top: 10px;
	padding: 10px;
}

#cContainer {
	clear: both;
	border:1px solid #CCCCCC;
	float:left;
	text-align:center;
	margin-top: 10px;
}

.notificationErrorContainer {
	border: 1px solid #FF0000;
	background-color: #FFB6C1;
	padding: 5px;
}

.AXISPGIButtons
{
	padding-top: 10px;
}

.AXISPGIButtonAdd
{
	margin: 0 5px;
	float: left;
}

.AXISPGIButtonFavourite
{
	margin: 0 0 0 33px;
	float: left;
}

.AXISPGIButtonSizeChart
{
	margin: 0 5px;
	float: right;
}

#alexaReviewLink {
	display: block;
	padding: 5px 0;
}
#alexaReviewImage {
	display: block;
	width: 125px;
	height: 60px;
	margin: 5px auto;
}