@charset "utf-8";

/*************************************************************/
/* CSS Stylesheet for Wroes Ltd.                             */
/* See comments for further information                      */
/* (c) Wroes Ltd. 2007                                       */
/* Developed by AC Multimedia                                */
/* http://www.acmultimedia.co.uk                             */
/*************************************************************/

@import url("forms.css");

/*************************************************************/
/* Reference Colours/Notes */
/*************************************************************/

/* Main Green: 119A1A
/* Main Font: 525252
/* Light Font: 797979
/* Red: BF0000
/* Light Grey BG: F0F0F0
/* Medium Grey BG: E6E6E6
/* Dark Grey BG: 525252
/* Dotted Border: #C0C0C0

/* When dotted lines are used the height should be an odd number.

/*************************************************************/
/* Global styles */
/*************************************************************/

* {	font-size: 100%; }
html { margin: 0; font: 75% Arial, Verdana, Helvetica, sans-serif; color: #525252; line-height: 1.7em;height:100%; }
body { margin: 0; padding:0;height:100%; }
.clear { clear: both; }
.hidden { display: none; }
.shown { display: inherit; }
div { margin:0; padding:0; }
img { border:0; margin:0; padding:0; }
ul, li { margin:0; padding:0; line-height: 1.5em; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

p { margin: 5px 0 10px 0;padding:0; }
h1 { color:#119A1A;font-weight:bold;font-size:1.5em; margin-bottom:10px; }
h2 { color:#525252;font-weight:bold;font-size:1.3em;margin-top:15px; }
h3 { display:block; width:182px;background-color:#119A1A;color:#ffffff; font-weight:bold;padding:3px 3px 3px 5px;border-bottom:#ffffff 1px solid;background-image:url(../images/h3_corner.gif);background-repeat:no-repeat;background-position:top right; }
h3 a:link { color:#ffffff; font-weight:bold;text-decoration:none; }
h3 a:visited { color:#ffffff; font-weight:bold;text-decoration:none; }
h3 a:hover { color:#ffffff; font-weight:bold;text-decoration:underline; }
h4 { width:557px;background-color:#f0f0f0;font-size:1.2em;margin-bottom:10px;margin-top:15px;font-weight:bold;padding:6px 10px 5px 10px;background-image:url(../images/h4_corner.gif);background-repeat:no-repeat;background-position:top right; }
.h4Content { margin-left:10px;margin-right:10px; }

h5 { font-size:1.2em;margin-bottom:10px;margin-top:-5px;font-weight:bold;color:#797979; }
h5 a:link { font-weight:bold;text-decoration:none;color:#797979; }
h5 a:visited { font-weight:bold;text-decoration:none;color:#797979; }
h5 a:hover { font-weight:bold;text-decoration:underline;color:#797979; }

h4 a:link { font-weight:bold; }
h4 a:visited { font-weight:bold; }
h4 a:hover { font-weight:bold; }

.responseSuccess { width:557px;background-color:#f0f0f0;font-size:1.2em;margin-bottom:10px;margin-top:20px;font-weight:bold;padding:10px 10px 10px 13px;color:#119A1A;background-image:url(../images/h4_corner.gif);background-repeat:no-repeat;background-position:top right; }
.responseError { width:557px;background-color:#f0f0f0;margin-bottom:10px;margin-top:20px;font-weight:bold;padding:10px 10px 10px 13px;background-image:url(../images/h4_corner.gif);background-repeat:no-repeat;background-position:top right; }
.responseError .errorTitle { font-size:1.2em;color:#BF0000; }
.responseError ul { font-weight:normal;font-size:1em;margin-top:8px;width:450px; }

#shade { position:fixed; top:0; left:0; background:#fff; width:100%; height:100%; display:none; z-index:100;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
* html #shade { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*************************************************************/
/* Content styles */
/*************************************************************/

.subImage { margin-bottom:10px; }
.helpLink { height:14px;background-image:url(../images/help_icon.gif);background-position:top left;background-repeat:no-repeat;padding-left:17px;margin-left:10px;line-height:14px; }

/*************************************************************/
/* Link styles */
/*************************************************************/

a { color: #525252; text-decoration:underline; font-weight: normal; }
a:visited {	color: #525252;	text-decoration:underline; font-weight: normal; }
a:hover { color: #525252; text-decoration:none; font-weight: normal; }

/*************************************************************/
/* Layout styles */
/*************************************************************/

#pageWrapper { width: 804px; margin: 0 auto; text-align:center; padding-top:10px; }
#pageHeader { text-align: left; }
#pageHeader img { float:left; padding:6px 0 10px 10px; }
#pageHeaderLinks { float: left; margin-left:60px;color:#797979;font-size:0.9em; }
#pageHeaderLinks a { padding: 0 10px 0 10px;color:#797979; }
#pageHeaderBasket { float: right; padding:0 20px 0 10px; border-left:#C0C0C0 1px dotted; height:77px; width: 170px; margin-bottom: 10px;font-size:0.9em; }
#pageHeaderBasket img { float:left; padding:0 3px 0 0; }
#pageHeaderBasket p { margin: 0 0 5px 0; }

#pageHeaderNav { background-color: #525252; width:804px; clear:both; text-align:center; }
#pageHeaderNav ul { background-color: #525252; width:804px; }
#pageHeaderNav ul li { background-color: #525252; float:left; display:block; font-size:1.1em; list-style-type:none; border-bottom: #ffffff 1px solid; }
#pageHeaderNav ul li a { color:#ffffff; text-decoration:none; display:block; height:26px; line-height:26px; }
#pageHeaderNav ul li a:visited { color:#ffffff; text-decoration:none; }
#pageHeaderNav ul li a:hover { color:#ffffff; text-decoration:none;background-color: #797979; }
#pageHeaderNav ul li.navSelected { background-color: #797979; }

#pageHeaderSubNav { background-color: #E6E6E6; }
#pageHeaderBread { background-color: #E6E6E6; width: 500px; float:left; padding: 5px 0 4px 10px;font-size:0.9em; }
#pageHeaderSearch { background-color: #E6E6E6; width: 284px; float:left; text-align:right; padding: 3px 10px 3px 0;font-size:0.9em; }
#pageHeaderBread .breadDivider { padding: 0 8px 0 10px; }

#quickLook { display:none;position:absolute;width:250px;margin-left:553px;z-index:999;border:#ffffff 1px solid; }
#quickLook h1 { background-color:#525252;color:#ffffff;font-size:1em;margin:0;padding:2px 5px 2px 8px;clear:both; }

#quickLook div { line-height: 1.5em;clear:both;background-color:#F0F0F0;padding:7px 7px 10px 7px;font-size:0.9em;display:block; }
#quickLook img { clear:both;float:left;margin:0 10px 0 0;padding:0;border:#ffffff 1px solid; }

#quickLook div a:link { font-weight:bold;display:block;text-decoration:none; }
#quickLook div a:visited { font-weight:bold;display:block;text-decoration:none; }
#quickLook div a:hover { font-weight:bold;display:block;text-decoration:none; }

#quickLook h2 { background-color:#525252;color:#ffffff;font-size:1em;margin:0;padding:2px 8px 2px 0;border-top:#ffffff 1px solid;clear:both;text-align:right; }
#quickLook h2 a:link { color:#ffffff;font-weight:bold;text-decoration:none;display:block; }
#quickLook h2 a:visited { color:#ffffff;font-weight:bold;text-decoration:none;display:block; }
#quickLook h2 a:hover { color:#ffffff;font-weight:bold;text-decoration:none;display:block; }

#quickLook div:hover { background-color:#E6E6E6; }

.mainColSingle { float:left; width:200px;text-align:left;margin:10px 0 0 0;border-right: #ffffff 1px dotted; }
.mainColSingleBorder { float:left; width:200px;text-align:left;margin:10px 0 0 0;border-right: #C0C0C0 1px dotted; }

.mainColDouble { float:left; width:401px;text-align:left;margin:10px 0 0 0;border-right: #ffffff 1px dotted; }
.mainColDoubleBorder { float:left; width:401px;text-align:left;margin:10px 0 0 0;border-right: #C0C0C0 1px dotted; }

.mainColTriple { float:left; width:602px;text-align:left;margin:10px 0 0 0;border-right: #ffffff 1px dotted; }
.mainColTripleBorder { float:left; width:602px;text-align:left;margin:10px 0 0 0;border-right: #C0C0C0 1px dotted; }

#mainContentPart { margin-left:15px;width:475px; }
#mainContentFull { margin-left:15px;width:577px; }

#mainContentPart ul, #mainContentFull ul { margin-left:30px;margin-bottom:10px; }

#mainContentFull ul.checkoutStage { margin:0;padding:0; }
.checkoutStage {width: 577px;}
.checkoutStage li {border-right:#ffffff 1px solid;background-color:#F0F0F0;float:left; display:block; list-style-type:none;width:138px;padding:3px 0px 3px 5px;margin-bottom:10px;}
.checkoutStage li.current {background-color:#119A1A;color:#ffffff;font-weight:bold;}

.addBasket { width:350px;padding:5px 0 0 0;margin:0; }
.addBasket .item { border-bottom:#ffffff 1px solid; background-color:#F0F0F0;padding:4px 5px 4px 5px;font-size:0.9em; }
.addBasket select { width:90px;z-index:3; }
.wasprice {font-weight:normal;text-decoration:line-through;color:#525252;}
.rrpprice {font-weight:normal;color:#797979;font-style:italic;}

.itemListing { width:190px; float:left;margin-top:10px;text-align:center;margin-bottom:10px; }
.itemListing a:link { font-weight:bold; }
.itemListing a:visited { font-weight:bold; }
.itemListing a:hover { font-weight:bold; }
.itemListing p { margin:5px; }
.itemListing p.small { margin:-5px 0 5px 0; }

.itemListingBorder { width:193px; float:left;margin-top:10px;text-align:center;border-right: #C0C0C0 1px dotted; }

#pageFooter { clear:both; border-top:#C0C0C0 1px dotted; border-bottom:#C0C0C0 1px dotted;background-color:#F0F0F0; margin:10px 0 7px 0;font-size:0.9em; }
#pageFooter p { margin: 0 0 0 10px; font-size:1em;line-height:1.5em; }
#pageFooter a { color: #797979; }

#pageFooter ul { list-style-type:none;margin: 0 0 0 10px; }

#pageFooter .mainColSingle, #pageFooter .mainColSingleBorder { margin: 10px 0 10px 0; }
#copyrightFooter { font-size:0.9em;color:#797979;padding-bottom:7px; }
#copyrightFooter a { color:#797979; }

.small { font-size:0.9em; }
.mainPrice { font-size:1.5em;font-weight:bold;color:#119A1A;margin-top:15px; }

ul.sidebox { list-style-type:none;width:190px;background-color:#F0F0F0;margin-bottom:10px; }
ul.sidebox li { border-bottom:#ffffff 1px solid; }
ul.sidebox li a:link { text-decoration:none;display:block;padding:4px 3px 4px 5px;width:180px; }
ul.sidebox li a:visited { text-decoration:none;display:block;padding:4px 3px 4px 5px;width:180px; }
ul.sidebox li a:hover { text-decoration:none;display:block;background-color:#E6E6E6;padding:4px 3px 4px 5px;width:180px; }

ul.sidebox li.blockText { border-bottom:#ffffff 1px solid;padding:5px 3px 5px 5px;width:180px; }
ul.sidebox li.blockText a:link { text-decoration:underline;display:inline;width:auto;padding:0px; }
ul.sidebox li.blockText a:visited { text-decoration:none;display:inline;width:auto;padding:0px; }
ul.sidebox li.blockText a:hover { text-decoration:none;display:inline;width:auto;padding:0px;background:none; }

ul.sidebox li.orderStepTitle { padding:5px 3px 3px 5px;width:180px;font-size:1.5em;font-weight:bold;border-bottom:0px;color:#999999; }
ul.sidebox li.orderStepText { border-bottom:#ffffff 1px solid;padding:1px 3px 4px 5px;width:180px;color:#999999; }
ul.sidebox li.orderStepText a:link { text-decoration:underline;display:inline;width:auto;padding:0px; }
ul.sidebox li.orderStepText a:visited { text-decoration:none;display:inline;width:auto;padding:0px; }
ul.sidebox li.orderStepText a:hover { text-decoration:none;display:inline;width:auto;padding:0px;background:none; }

ul.sidebox li.selected { padding:4px 3px 4px 20px;background-image:url(../images/sub_selected.gif);background-repeat:no-repeat; background-position:left center;font-weight:bold;background:none;padding-left:5px;background-color:#797979;color:#ffffff; }

ul.sidebox li form { padding:10px 10px 10px 10px;width:170px; }
ul.sidebox li form a:link { text-decoration:none;display:inherit;padding:0px;width:auto;font-size:0.9em; }
ul.sidebox li form a:visited { text-decoration:none;display:inherit;padding:0px;width:auto;font-size:0.9em; }
ul.sidebox li form a:hover { text-decoration:underline;display:inherit;padding:0px;width:auto;background:none;font-size:0.9em; }

.basketTop { background-image:url(../images/headerBasket.gif);padding-left:25px;background-repeat:no-repeat; }
.basketTop a { font-weight:bold; text-decoration:none; }
.basketTop a:visited { font-weight:bold; text-decoration:none; }
.basketTop a:hover { font-weight:bold; text-decoration:underline; }

#mainProductImage { float:right;margin-left:20px;text-align:right; }
#mainProductImage img { margin-bottom:10px;border:#cccccc 1px solid; }

.notifyLeft { float:left;width:245px; }
.notifyRight { float:right;width:300px; }

/*************************************************************/
/* Homepage styles */
/*************************************************************/

#homeMainImage { width:592px; background-color:#BF0000;height:200px;line-height:1.5em;color:#ffffff; }
/* #homeMainImage { background-color:#869526; } */

#photodiv { width:330px;height:200px;padding:0;margin:0;float:left; margin-right:20px;background:#ffffff;border-right:#ffffff 1px solid; }
#homeMainImage ul { list-style-type:none;float:left;margin:10px 10px 0 5px; }
#homeMainImage ul li { list-style-type:disc; list-style-position:inside; }
#homeMainImage p { margin:0 10px 0 0; }
#homeMainImage a { color:#ffffff;text-decoration:none; }
#homeMainImage a:visited { color:#ffffff;text-decoration:none; }
#homeMainImage a:hover { color:#ffffff;text-decoration:underline; }

h2.home { color: #119A1A; font-size:1.2em; margin-bottom:5px;margin-left:10px;margin-top:2px; }
h1.home { font-size:1.7em;padding:25px 10px 7px 0;color:#ffffff;margin:0; }
ul.home { list-style-type:none; margin-right:15px;margin-left:10px;margin-bottom:10px; }
ul.home li { margin-bottom:5px; }
ul.home li a { text-decoration: none; }
ul.home li a:visited { text-decoration: none; }
ul.home li a:hover { text-decoration: underline; }

#homeSearch { width:200px;float:right;background-color:#F0F0F0;margin-bottom:10px;height:79px; }
#homeDepartments { width:200px;float:right;background-color:#F0F0F0;height:111px; }
#homeSearch p, #homeDepartments p { margin:5px 10px 5px 10px; }
#homeSearch a, #homeDepartments a { font-size:0.9em; }

.featuredBox { text-align:center;width:180px;margin:10px; }
.featuredBoxBorder { text-align:center;width:180px;margin:10px;padding-bottom:5px;border-bottom:#C0C0C0 1px dotted; }
.featuredBox a, .featuredBoxBorder a { font-weight:bold; }
.featuredBox a:visited, .featuredBoxBorder a:visited { font-weight:bold; }
.featuredBox a:hover, .featuredBoxBorder a:hover { font-weight:bold;text-decoration:none; }

.featuredBox p, .featuredBoxBorder p { margin:0; }

#sendFriendContent { background:#ffffff;color:#525252;padding:5px;text-align:left;width:320px;margin-top:5px; }
#sendFriendContent a:link { color:#525252; }
#sendFriendContent a:visited { color:#525252; }
#sendFriendContent a:hover { color:#525252; }

ul.searchResults { list-style-type:none; }
ul.searchResults li { clear:both;margin:15px 0 15px 0; }
ul.searchResults img { float:left;margin:3px 10px 25px 0; }
ul.searchResultsBullet li { clear:both;margin:15px 0 15px 0; }

.orderLeft, .orderRight { width:283px;margin:15px 0 5px 0; }
.orderLeft { float:left; }
.orderRight { float:right; }
.orderLeft h2, .orderRight h2 { width:263px;margin:0 0 8px 0;background-color:#f0f0f0;font-size:1.2em;font-weight:bold;padding:6px 10px 5px 10px;background-image:url(../images/h4_corner.gif);background-repeat:no-repeat;background-position:top right; }
.orderLeft p, .orderRight p, .orderLeft form, .orderRight form { margin-left:10px;margin-right:10px; }

.basketHeader { color:#119A1A;font-weight:bold;background-color:#ffffff;font-size:1.1em; }
.basketHeader td { border-bottom:#C0C0C0 1px dotted;padding:5px; }
.basketContents td { border-bottom:#C0C0C0 1px dotted;padding:5px; }
.basketTable { margin-bottom:10px; }

.orderLeft h2 a:link, .orderRight h2 a:link { font-weight:bold; }
.orderLeft h2 a:visited, .orderRight h2 a:visited { font-weight:bold; }
.orderLeft h2 a:hover, .orderRight h2 a:hover { font-weight:bold; }

#map { float:right;margin-right:10px;border:#cccccc 1px solid;margin-left:20px;margin-bottom:15px;width:390px;height:320px; }
#mapAll { float:right;margin-right:10px;border:#cccccc 1px solid;margin-left:15px;margin-bottom:15px;width:360px;height:300px; }

.light { color:#797979; }

.contentImageLeft { float:left;margin:5px 15px 30px 5px; }
.contentImageRight { float:right;margin:5px 5px 30px 15px; }

.boxFeed { clear:both;margin:10px 0px;background-color:#F7F7F7;border:#cccccc 1px solid; }
#mainContentFull .boxFeed p { padding-left:50px;margin:0;line-height:50px;background:url(../images/feed-box-icon.gif) no-repeat center left; }