/* NEW STYLESHEET FEB 09 */

* {
  	margin: 0;
  	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(images/template2/background-body-3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#header {
	height: 200px;
	width: 900px;
}
#logo_surround {
	float: left;
	width: 400px;
}
#code {
	float: left;
	height: 40px;
	width: 400px;
}

#logo {
	float: left;
	width: 400px;
	margin-top: 0px;
}
#header-image {
	float: right;
	width: 470px;
	height: 200px;
	text-align: right;
	margin-right: 30px;
}
#top-nav-new {
	background-image: url(images/template2/top-nav-new-background.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 27px;
	padding-top: 2px;
	width: 900px;
}
#top-nav-new a {
	font-size: 70%;
	font-weight: bold;
	color: #666666;
	margin-right: 20px;
	margin-left: 20px;
	text-decoration: none;
}

/* FROM RFL */
#nav {
	color: #FFFFFF;
	clear: both;
	height: 28px;
	padding-top: 2px;
	background-image: url(images/template/nav_background.jpg);
	background-repeat: no-repeat;
}

/* ARTSCAPE */

#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}



#nav a {
	display: block;
	font-size: 70%;
	color: #666666;
	text-decoration: none;
	padding-left: 2px;
	padding-bottom: 7px;
	padding-top: 5px;
	text-align: left;/*	background-color:blue; /*  enable color if you wish to 'see' how the blocks look/behave */
	padding-right: 2px;
}

#nav a:hover {
	color: #FFFFFF;

/* 	background-color:red; /*  enable color if you wish to 'see' how the blocks look/behave */

}



#nav li { /* all main list items */
	float: left;
	margin-right: 1px;	/*width: 6em; /* 10em width needed or else Opera goes nuts. I decided to ignore this and remove with to get even spacing */
	margin-left: 1px;
}

#nav li ul a {
	width:9em;  /* this defines the width of the link - adjust this wide enough to prevent test wrapping. ALSO affects width of yellow border under drop down links.*/

}

#nav li li { /* all sub list items */
	margin-left: 0px; /* these margins define the block placement of sub menu relative to parent menu */
	margin-right:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0CCC2;
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 9em; /* this defines the width of drop down blocks sub menu */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #C0CCC2;

}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;
	display: block;
}




#left-column {
	float: left;
	width: 165px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#quick-shop {
	border: 1px solid #C0CCC2;
	margin-bottom: 20px;
	margin-top: 10px;
}
#quick-shop  h2 {
	color: #666666;
	background-color: #C0CCC2;
	height: 21px;
	width: 158px;
	font-size: 80%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 5px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#quickshop-dropdown {
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#quickshop-dropdown a {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
#quickshop-dropdown a:hover {
	text-decoration: none;
}



#search {
	margin: 5px;
}
#search p {
	margin-bottom: 1px;
}
#search h3 {
	font-size: 80%;
	color: #666666;
	font-style: normal;
	margin-bottom: 3px;
}
#search input {
}
.search-box {
	background-color: #FFECEC;
	height: 18px;
	margin-bottom: 3px;
	color: #999999;
}





#left-nav2 {
	border: 1px solid #C0CCC2;
}


#menu2 {
	width: 163px; /* set width of menu */
	background: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C0CCC2;
	border-right-color: #C0CCC2;
	border-bottom-color: #C0CCC2;
	border-left-color: #C0CCC2;
} 

#menu2 ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#menu2  /* style, color and size links and headings to suit */
a {
	display: block;
	border-width: 1px;
	border-color: #C0CCC2;
	margin: 0;
	text-decoration: none;
	color: #666666;
	border-top-style: solid;
	font-size: 80%;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: #FFF4F4;
}

#menu2 a:hover {
	color: #FFFFFF;
	background-color: #BCBCBC;
}



#menu2 h2 {
	color: #666666;
	background-color: #C0CCC2;
	height: 21px;
	width: 153px;
	font-size: 80%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#main-content {
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-left: 35px;
	margin-bottom: 20px;
}
#main-content li {
	margin-left: 40px;
}
#mail-chimp {
	float: right;
	width: 275px;
	margin-right: 64px;
	background-color: #FFF4F4;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
}



#contact_form {
	background-color: #FFF4F4;
	padding: 10px;
	width: 515px;
	border: 1px solid #CCCCCC;
	float: left;
}
#contact_form p {
	margin-right: 0px;
}


#footer {
	clear: both;
	width: 900px;
	text-align: center;
	background-image: url(images/template2/footer-background.jpg);
	background-repeat: no-repeat;
	height: 13px;
}

p {
	font-size: 80%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin-bottom: 8px;
	line-height: 130%;
}
h1 {
	font-size: 140%;
	font-weight: bold;
	color: #7B9580;
	margin-bottom: 10px;
	margin-top: 10px;
}
h2 {
	font-size: 90%;
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
	font-size: 90%;
	font-weight: bold;
	color: #7B9580;
	margin-top: 10px;
	margin-bottom: 10px;
}
ol {
	margin-left: 50px;
	margin-bottom: 15px;
}
ol li {
	color: #666666;
	font-size: 80%;
	margin-bottom: 5px;
}
#main-content a {
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
#main-content a:visited {
	font-weight: normal;
	text-decoration: underline;
}
#main-content a:hover {
	font-weight: normal;
	text-decoration: none;
}
.img-float-left {
	float: left;
	margin-right: 15px;
}
.img-float-right {
	float: right;
	margin-left: 15px;
}
.image-float-right-outdent {
	float: right;
	margin-right: -40px;
}

.indented-text {
	margin-left: 25px;
}

#topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #003300;
	text-decoration: none;
}
#topnav a:link {
	color: #003300;
	text-decoration: none;
	padding-right: 19px;
	padding-left: 19px;
}
#topnav a:visited {
	color: #003300;
	text-decoration: none;
	padding-right: 19px;
	padding-left: 19px;
}
#topnav a:hover {
	color: #003300;
	text-decoration: none;
	padding-right: 19px;
	padding-left: 19px;
}
#bottom_nav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px #CCCCCC;
}
#bottom_nav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px #CCCCCC;
}
#bottom_nav a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px #CCCCCC;
}
#leftnav  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 125px;
	border: 1px solid #003300;
}


#leftnav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 100%;
}
#leftnav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 100%;
}
#leftnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
	font-size: 100%;
}
.left_nav_header {
	font-size: 100%;
	font-family : Verdana;
	color : #FFFFFF;
	font-weight: bold;
}
.left_nav_bold {

	font-size: 100%;
	font-family : Verdana;
	font-weight: bold;
}

#menu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin:0px;
}

#menu a
{
display: block;
padding: 2px;
width: 165px;
background-color: #A2BDEC;
border: 1px solid #FFF;
}

#menu a:link, #menuitems a:visited
{
color: #000;
text-decoration: none;
font-weight:normal;
}

#menu a:hover
{
background-color: #EFECEC;
color: #000;
font-weight:bold;
}



.prodname {
	color: #004740;
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
	background-color: #DCE2DD;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.proddescription {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.prodoptions {
	font-size: 70%;
	font-weight: bold;
	color: #666666;
	text-align: left;
}
.prodprice {
	color: #666666;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;/*	ORIGINAL
    color: #003300;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;   */
	margin-top: 5px;
}
.prodcurrency {
	color: #999999;
	text-align: center;
	font-size: 70%;
	margin-top: 5px;
	margin-bottom: 7px;
}
/*ORIGINAL
.prodcurrency {
	color: #999999;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 7px;
}
*/
.detailname {
	font-size: 140%;
	font-weight: bold;
	color: #7B9580;
	margin-bottom: 0px;
	margin-top: 0px;
}
.detailcurrency {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-decoration: none;
}
.detaildescription {
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
}
.detailoption {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
}
.detailprice {
	color: #7B9580;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
	margin-bottom: 5px;
}

.detailcurrency {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}

x .detailoptions {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 110%;
}


/* duplicate? 
.mincart {

	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
*/



.detailimage {
	height: 0px;
}
.mincart {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
//this is to try and reduce height of cell where large image appears on product description page
.detailimage {
	height: 0px;
}








.green_edge {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #003300;
	border-right-color: #003300;
	border-bottom-color: #003300;
	border-left-color: #003300;
	border-bottom-style: solid;
}
.product_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #666666;
	background-color: #FFF4F4;
	border: 1px groove #003300;
	line-height: 170%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.product_table_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
/*** CART  ****/
.cobtbl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 100%;
}

/***  top and left column text in cart  ***/
.cobhl {
	line-height: 180%;
	font-size: 80%;
	color: #666666;
}

/***  'Remember login on this computer?'  text in cart  ***/
.cobll {
	line-height: 180%;
	font-size: 80%;
	color: #666666;
}

.image_border {
	border: 1px solid #999999;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 5px;
}
x body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #003300;
	text-decoration: none;
}
.prodimage {
	text-decoration: none;
	text-align: left;
}
#newsletter {
	width: 124px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #003300;
}
#newsletter h1 {
	color: #FFFFFF;
	background-color: #003300;
	width: 100%;
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 4px;
}
.red_text {
	color: #FF0000;
}
.discount_login a:link {
	color: #FF0000;
	text-decoration: none;
}
.discount_login a:visited {
	color: #FF0000;
	text-decoration: none;
}
.discount_login a:hover {
	color: #FF0000;
	text-decoration: underline;
}

/* login at bottom left*/
.mincart {
	font-size: 100%;
}

.volume {
	font-weight: normal;
	text-align: center;
	color: #CC0000;
}
#top_bar_wording {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: right;
	margin-right: 20px;
	font-weight: normal;
	line-height: 130%;
	color: #FFFFFF;
}
.large_paragraph_text {
	font-size: 120%;
}
/** ON product body 2 this line goes underneath product  */
.prodseparator {
	background-color: #FFFF00;

} 
#sub-footer {
	padding-top: 10px;
	width: 900px;
}
#login {
	float: left;
	width: 200px;
	margin-bottom: 15px;
}
.mincart {
	color: #999999;
	font-size: 90%;
}
.home-offer-surround {
	width: 600px;
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
}
.home-offer-box {
	background-image: url(images/template2/home-box-background-2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 200px;
	width: 190px;
	margin-right: 10px;
}

.home-offer-box h1 {
	font-size: 100%;
	color: #999999;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 15px;
}
.home-offer-box p {
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 70%;
	margin-bottom: 5px;
}
.home-offer-box img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.small-text {
	font-size: 70%;
}
/* Clive's styling for products */
#main-content .prodname .ectlink, #main-content .prodname .ectlink:visited  {
     text-decoration:none;
     color: #02483E;
     font-weight: bold;
}

div.product table, td.product {
	background: #FFF0F0;
	border-collapse: collapse;
}

div.product table td.prodimage {
	background: #FFF;}

/*hr.prodseparator {visibility: hidden;
	width: 100%;}*/

td.prodseparator {
	border-top: solid 1px #ccc;
	background-color: #FFF;}

td.prodprice{
	text-align: center;
	font-size: 75%;}

/*New menu */

/* new menu */

#menu-pop {
	width: 165px; /* set width of menu */
	background: #FFF4F4;
	text-align: left;
	padding-left: 0px;
} 

#menu-pop ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
}

/* style, color and size links and headings to suit */
#menu-pop a {
	display: block;
	margin: 0;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-size: 80%;
	line-height: 25px;
	border-top-color: #BCBCBC;
	border-right-color: #BCBCBC;
	border-bottom-color: #BCBCBC;
	border-left-color: #BCBCBC;
	color: #666666;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-color: #FFF4F4;
}

#menu-pop a:hover {
	color: #FFFFFF;
	background-color: #BCBCBC;
}
#menu-pop h2 {
	color: #666666;
	background-color: #C0CCC2;
	height: 21px;
	width: 155px;
	font-size: 80%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 3px;
}
#menu-pop ul ul ul a {
	background-color: #FFF4F4;
	color: #666666;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BCBCBC;
	border-right-color: #BCBCBC;
	border-bottom-color: #BCBCBC;
	border-left-color: #BCBCBC;
}
#menu-pop ul ul ul a:hover {
	color: #FFFFFF;
	background-color: #BCBCBC;
}

/* Positioning the popouts  */
#menu-pop li {
	/* make the list elements a containing block for the nested lists */
position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
} 

#menu-pop ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BCBCBC;
	margin-top: -1px;
}

/* hiding and revealing the sub menu */
div#menu-pop ul ul ul,
div#menu-pop ul ul li:hover ul ul
{display: none;}

div#menu-pop ul ul li:hover ul,
div#menu-pop ul ul ul li:hover ul
{display: block;}

/* To fix IE problems */
<![if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover2.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu-pop ul li {
	float: left; /* cure IE5.x "whitespace in lists" problem */
	width: 100%;
	list-style-type: none;
}
#menu-pop ul li a {
height: 1%; /* make links honour display: block; properly */
} 

/* -------------- cvw added -------------*/

div.prodname, div.prodprice {
text-align: center;}

td.optiontext {
padding-right: 5px;}

td.product {
border-left: 30px solid #FFF;}

td.prodseparator {
	border-top: 1px solid #FFF;
}

/***************  Sitemap styling **************/

#sitemap {
	font-size: 80%;
}
#sitemap a {
	text-decoration: none;	
}
#sitemap a:hover {
	text-decoration: underline;
}
#sitemap a:visited {
	text-decoration: none;	
}
/* category name */
.smcat {
	padding-top: 5px;
	color: #FF0000;	
}

#thanks {
	font-size: 80%;
	color: #666666;
}

.home-quote {
	font-weight: normal;
	color: #828282;
	padding-right: 15px;
	padding-left: 15px;
	width: 500px;
	margin-left: 35px;
	height: 165px;
	background-image: url(images/home2/home-quote-background.gif);
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 1px;
	padding-top: 10px;
}
.home-quote p {
	line-height: 120%;
	margin-bottom: 13px;
}