@charset "UTF-8";

body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: 0;
	text-align: left;
	color: #000000;
	background-color: #DDC4AF;
	background-image: url(bg_outer1.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

/***** Layout *****/

#container1 {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #F9F7F6;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(r_SidePanel_bgShim.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#container2 {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #F9F7F6;
	background-image: url(bg_footer2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#container3 {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #F9F7F6;
	background-image: url(bg_footer2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#mastheadWrap1 {
	margin: 0 240px 0 0;
	padding: 0px;
	height: 175px;
}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 240px;
	background-image: url(r_SidePanel_bgShim.gif);
	background-repeat: repeat;
	height: 100%;
}

#sidebar2 { /* sidebar2 - for longer pages extending the right hand bg */
	float: right; /* since this element is floated, a width must be given */
	width: 240px;
	background-image: url(r_SidePanel_bgShim.gif);
	background-repeat: repeat-y;
	background-position: top;
	background-color: #B69980;
	height: 100%;
	clear: both;
	position: relative;
	visibility: visible;
}

#mainContent1 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	padding: 20px;
	margin-left: 0px;
	width: 600px;
	height: auto;
} 

#mainContent2 {
	margin-top: 10px;
	margin-right: 250px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
} 
#mainContent3 {
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 0;
	padding: 10px;
	margin-left: 50px;
	width: 900px;
	height: auto;
}



#footer1{
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(bg_footer1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
} 
#footer2 {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 20px;
	margin-right: 240px;
	margin-bottom: 0;
	margin-left: 0;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***** Global ******/

a{
	color: #000066;
	text-decoration: underline;
}

a:link, a:visited {
	color: #000066;
	text-decoration: underline;
}

a:hover, a:active {
	color: #98031E;
}

p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 1em;
	color: #333333;
} 

h1{
}

h2{
}

h3{
}

h4{
}

h5{
}

ul{
	list-style-type: none;
}

li{
}

label{
}


/* multi-level */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {margin: 0 240px 0 0; padding: 0px;}

#multi-level {height:29px; position:relative; z-index:100;}
#multi-level .pad {float:left;}


/* menu */

/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:34px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {
	width:106px;
	background:url(btn_Home_on.gif) no-repeat;
}
.menu li.p2 {
	width:106px;
	background:url(btn_Shop_on.gif) no-repeat;
}
.menu li.p3 {
	width:106px;
	background:url(btn_Contact_on.gif) no-repeat;
}
.menu li.p4 {
	width:106px;
	background:url(btn_View_on.gif) no-repeat;
}
.menu li.p5 {
	width:106px;
	background:url(btn_Checkout_on.gif) no-repeat;
}
.menu li.p6 {
	width:93px;
	background:url(btn_new_on.gif) no-repeat;
}
.menu li.p7 {
	width:63px;
	background:url(btn_sale_on.gif) no-repeat;
}

/* set up the normal unhovered images in the links */
.menu li a#home {
	width:106px;
	background:url(btn_Home.gif) no-repeat;
}
.menu li a#shop {
	width:106px;
	background:url(btn_Shop.gif) no-repeat;
}
.menu li a#contact {
	width:106px;
	background:url(btn_Contact.gif) no-repeat;
}
.menu li a#view {
	width:106px;
	background:url(btn_View.gif) no-repeat;
}
.menu li a#checkout {
	width:106px;
	background:url(btn_Checkout.gif) no-repeat;
}
.menu li a#new {
	width:93px;
	background:url(btn_new.gif) no-repeat;
}
.menu li a#sale {
	width:63px;
	background:url(btn_sale.gif) no-repeat;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#contact:hover, .menu li:hover a#contact,
.menu li a#view:hover, .menu li:hover a#view,
.menu li a#checkout:hover, .menu li:hover a#checkout,
.menu li a#new:hover, .menu li:hover a#new,
.menu li a#sale:hover, .menu li:hover a#sale {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:30px; background: #fff; padding:3px 0; border:1px solid #ccc; white-space:nowrap;  /*edit dropdown panel width*/width:200px; height:auto; text-decoration: none;}
.menu :hover ul.sub li {
	display:block;
	font-size: 11px;
	height:18px;
	position:relative;
	float:left;
	width:197px; /*edit dropdown panel width*/
	line-height:18px;
	text-indent:10px;
	color:#9B7351;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-decoration: none;
}
.menu :hover ul.sub li a {
	display:block;
	font-size:11px;
	height:18px;
	width:194px; /*edit dropdown bg width*/
	line-height:18px;
	text-indent:8px;
	color:#444;
	border:3px solid #fff;
	border-width:0 0 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0em;
	text-decoration:none;
}
.menu :hover ul.sub li a.fly {
	background:#fff url(arrow.gif) 80px 7px no-repeat;
}
.menu :hover ul.sub li a:hover {background:#b89476 /*light brown*/; color:#fff;}
.menu :hover ul.sub li a.fly:hover {
	background:#b89476 url(arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}
.menu :hover ul li:hover > a.fly {
	background:#b89476 url(arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0 3px 0; border:1px solid #888; white-space:nowrap; /*edit dropdown panel width*/width:200px; z-index:200; height:auto; z-index:300;}

/* mastheadWrap1 */

#mastheadWrap1 img {
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 47px;
}

/* mainContent1 */

#mainContent1 p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-right: 30px;
	font-size: 0.8em;
	color: #333333;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: justify;
} 

#mainContent1 h1{
	font-size: 1.6em;
	font-weight: normal;
	color: #AF8265;
	margin-left: 020px;
	margin-right: 65px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#mainContent1 h2{
	font-size: 0.9em;
	color: #3B3D4C;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-left: 20px;
	margin-right: 65px;
	margin-bottom: 8px;
}

#mainContent1 h3{
	font-size: 0.9em;
	color: #333333;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-left: 20px;
	margin-right: 65px;
	margin-bottom: 8px;
}

#mainContent1 h4{
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-left: 10px;
	margin-right: 65px;
}

/* #mainContent p:first-letter {
	display:block;
	float:left;
	padding:0px;
	margin:4px 5px;
	background:url(../images/dropCap1.gif);
	font-size:73px;
	visibility: hidden;
}

#mainContent p + p:first-letter {
	display:inline;
	float:none;
	border:none;
	padding:0;
	margin:0;
	background:none;
	font-size:inherit;
	visibility: visible;
} */

.dropCap1 {
	margin-left: -15px;
	float: left;
	margin-top: -15px;
	margin-right: -15px;
	margin-bottom: 0px;
} 

.dropCap2 {
	margin-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
} 

.table1 {
	margin-left: 5px;
	margin-top: 5px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-right: 5px;
} 

.table2 {
	margin-left: 88px;
	margin-right: 65px;
	margin-bottom: 12px;
	background-color: #CFD9EC;
	border: 1px solid #B9C6DC;
} 

.table2 td {
	font-size: 0.8em;
	color: #333333;
	line-height: 1.4em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	vertical-align: top;
	padding-bottom: 10px;
	border: 1px solid #B9C6DC;
} 

.table3 {
	margin-left: 88px;
	margin-right: 65px;
	margin-bottom: 12px;
} 

.table3 td {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 0.8em;
	color: #333333;
	line-height: 1.6em;
	margin: 0px;
	vertical-align: top;
} 

.table3_img_margin {
	margin-bottom: 7px;
} 

.table3 p {
} 

.table3 label{
	font-size: 0.9em;
	font-weight: bold;
}

.table4 {
	margin-left: 88px;
	margin-right: 65px;
	margin-bottom: 12px;
} 

.table4 td {
	font-size: 0.8em;
	color: #333333;
	line-height: 1.4em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	vertical-align: top;
} 

#mainContent1 .question {
	color: #3B3D4C;
	font-size: .95em;
	line-height: 1.4em;
	margin-bottom: 2px;
	font-weight: bold;
}

#mainContent1 ul {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 88px;
	_margin-left: 128px;  /* IE hack */

	*margin-left: 128px;  /* IE hack */
	margin-right: 65px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 0.8em;
	color: #333333;
	line-height: 1.6em;
	list-style-image: url(bullet1.gif);
} 

.ul_normal {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 78px;
	margin-right: 65px;
	font-size: 0.8em;
	color: #333333;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 15px;
	list-style-image: url(bullet1.gif);
} 

.ul_normal li {
	margin-bottom: 14px;
} 

.ul_sitemap {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 68px;
	_margin-left: 108px;  /* IE hack */

	*margin-left: 108px;  /* IE hack */
	margin-right: 65px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 0.8em;
	color: #333333;
	line-height: 1.6em;
	list-style-image: url(bullet1.gif);
} 

#mainContent1 .backtotop {
	text-align: right;
	font-size: 0.7em;
	margin-top: 0px;
	margin-right: 70px;
	margin-bottom: -12px;
	margin-left: 0px;
}

/* mainContent2 for shop */

#mainContent2 p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 0.8em;
	color: #333333;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: justify;
} 

#mainContent2 h1{
	font-size: 1.6em;
	font-weight: normal;
	color: #AF8265;
	margin-left: 20px;
	margin-right: 20px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#mainContent2 h2{
	font-size: 0.9em;
	color: #3B3D4C;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-left: 88px;
	margin-right: 88px;
	margin-bottom: 8px;
}

#mainContent2 h3{
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #777;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-left: 88px;
	margin-right: 88px;
}

#mainContent2 h4{
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-left: 88px;
	margin-right: 88px;
}

#mainContent2 .table1 {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 12px;
} 

#mainContent2 .table1 td, #mainContent2 .table1 th{
	font-size: 0.8em;
	color: #333;
	line-height: 1.6em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
} 

#mainContent2 .style1 { /* this is just a visual style...not too bothered how it comes from actinic*/
	color: #3A3D54;
	font-weight: bold;
	font-size: 1.1em;
}

#mainContent2 .style2 { /* this is just a visual style...not too bothered how it comes from actinic*/
	color: #3A3D54;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 1.1em;
}

#mainContent2 .backtotop {
	text-align: right;
	font-size: 0.7em;
	margin-top: 0px;
	margin-right: 88px;
	margin-bottom: -12px;
	margin-left: 0px;
}

/* Sidebar1 */

#sidebar1 table {
	padding: 0px;
	margin: 0px 0px 17px;
	*margin-top: -30px; /* IE hack */
	_margin-top: -30px; /* IE hack */
} 

#sidebar1 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #FFF;
	padding-left: 20px;
	padding-right: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 8px;
}

#sidebar1 a, #sidebar1 a:link, #sidebar1 a:visited {
	color: #000066;
}

#sidebar1 a:hover, #sidebar1 a:active {
	color: #FFF;
}


/* Sidebar2 - for longer pages extending the right hand bg */

#sidebar2 table {
	padding: 0px;
	margin: 0px 0px 17px;
	*margin-top: -30px; /* IE hack */
	_margin-top: -30px; /* IE hack */
} 

#sidebar2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #FFF;
	padding-left: 20px;
	padding-right: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 8px;
}

#sidebar2 a, #sidebar2 a:link, #sidebar2 a:visited {
	color: #000066;
}

#sidebar2 a:hover, #sidebar2 a:active {
	color: #FFF;
}

/* footer1 */

#footer1 p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-right: 35px;
	margin-left: 88px;
	color: #555;
}

#footer1 .para1 {
	font-size: 0.7em;
	margin-top: 0px;
	margin-bottom: 35px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#footer1 .para1 a, #footer1 .para1 a:link, #footer1 .para1 a:visited {
	color: #555;
	text-decoration: underline;
}

#footer1 .para1 a:hover, #footer1 .para1 a:active {
	color: #98031E;
}

#footer1 .para2 {
	font-size: 1.4em;
	margin-top: 0px;
	margin-bottom: 3px;
	color: #3B3D4C;
}

#footer1 .para3 {
	margin-top: 0px;
	margin-bottom: 20px;
}

#footer1 .para3 a, #footer1 .para3 a:link, #footer1 .para3 a:visited {
	color: #000066;
}

#footer1 .para3 a:hover, #footer1 .para3 a:active {
	color: #98031E;
}

#footer1 label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	margin-right: 35px;
	margin-left: 88px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.producttext {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-indent: 0px;
	text-align: justify;
}  
.producthed {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-indent: 0px;
	text-align: left;
	font-weight: bold;
}
.productcode {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: none;
	text-indent: 0px;
	text-align: right;
}
.productbackbut {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: none;
	text-indent: 0px;
	text-align: left;
	font-weight: bold;
}
.productclosewindow {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: none;
	text-indent: 0px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.fragmenttex {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-left: 88px;
	margin-right: 20px;
	margin-bottom: 12px;
	float: none;
	text-indent: 30px;
	text-align: justify;
}
.fragmenttex2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-left: 88px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: none;
	text-indent: 0px;
	text-align: justify;
}
#mainContent2 p copy {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 88px;
	margin-right: 88px;
	font-size: 1em;
	color: #333333;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: justify;
}
.productclic {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: none;
	text-indent: 0px;
	text-align: center;
	font-weight: bold;
}
.productdrop {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: none;
	text-indent: 0px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
}
#mainContentcart {
	margin-top: 10px;
	margin-right: 240px;
	margin-bottom: 0;
	padding: 20;
	margin-left: 0px;
	width: 900px;
	height: auto;
}
.carthed {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: none;
	text-indent: 0px;
	text-align: justify;
}