/* CSS Document */

/*

1. Main Layout
2. General Styles
3. Header Styles
4. Navigation
5. Features
6. Other
7. Category Page
8. Contact / Brochure Pages
9. Product Pages
10.Showroom Pages
11.Calendar
12.AntiSpam HoneyTrap

*/


/** 1. Main Layout **/

body {
background-color:#dee7d4;
margin-top:0px;
padding-top:0px;
}

#screenWrap {
width:100%;
}

#pageWrap {
width:750px;
text-align:left;
border-top:1px solid #002d6a;
border-right:1px solid #002d6a;
border-left:1px solid #002d6a;
background-color:#FFFFFF;
}

#headerWrap {
background-color:#002d6a;
}

#lhs {
width:232px;
}

#features {
width:232px;
/*clear:both;*/
}

#mainContent {
float:right;
width:490px;
padding-right:10px;
/*padding-bottom:5px;*/
padding-top:16px;
background-color:#FFFFFF;
}

h2.home {
margin-top:0px;
padding-top:0px;
}


#footer {
height:91px;
width:750px;
margin-bottom:5px;
border-bottom:1px solid #002d6a;
border-right:1px solid #002d6a;
border-left:1px solid #002d6a;
height:141px;
clear:both;
padding-top:5px;
background-color:#FFFFFF;
}


/** 2. General Styles **/

.floatRight {
float:right;
}

.floatLeft {
float:left;
}

p {
color:#0c1348;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#mainContent h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#5c8727;
margin-top:0px;
padding-top:0px;
}

#mainContent h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#5c8727;
}

#mainContent h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5c8727;
font-weight:bold;
}

ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style:disc;
color:#0c1348;
}

ul.link li {
list-style-image:url(../images/link-li.gif) !important;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

ul.link li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#0c1348;
}

ul.link li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#5c8727;
}

/** 3. Header Styles **/

#headerWrap h1 {
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
padding:12px 0 13px 0;
margin:0px;
}

#headerWrap h2 {
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
padding:12px 0 13px 0;
margin:0px;
}

span.emphasis {
font-family:Arial, Helvetica, sans-serif;
float:right;
font-size:15px;
font-weight:normal;
color:#779b29;
float:left;
padding:12px 0 13px 32px;
margin:0px;
}

/** 4. Navigation **/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of the navigation section of this stylesheet 
and the associated (x)html is available at 
http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
The navigation section of this stylesheet and the assocaited 
(x)html may be modified in any way to fit your requirements.
=================================================================== */

body {
font-family:Arial, Helvetica, sans-serif;
}

#nav {
width:221px;
}

ul.menu1, ul ul {
padding:0 !important; 
margin:0 !important; 
border:0 !important; 
list-style-type:none; 
overflow:hidden; 
background:#f8f8f8; 
width:14em; 
text-align:left; 
color:#fff; 
}

ul.menu1 table {
border-collapse:collapse; 
padding:0 !important; 
margin:0 !important; 
border:0 !important;
background-color:#FFFFFF !important;
}

ul.menu1 table td {
border-collapse:collapse; 
padding:0 !important; 
margin:0 !important; 
border:0 !important;
width:221px;
background-color:#FFFFFF !important;
}


ul.menu1 ul {
padding:0px;
margin:0px;
}

ul.menu1 li {
text-indent:0.5em;
}

ul.menu1 li.drop {
margin-bottom:-2px;
_margin-bottom: -5px; /* works ONLY in IE6 */
}

ul.menu1 li a, 
ul.menu1 li a:visited {
display:block; 
width:221px; 
height:2em; 
line-height:1.9em; 
text-decoration:none; 
background-color:#5c8727;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
background-image:url(../images/nav-bg.gif);
background-position:right;
background-repeat:no-repeat;
}

ul.menu1 li a.last, 
ul.menu1 li a.last:visited {
display:block; 
width:14em; 
height:14em; 
line-height:2em;
}

ul.menu1 li ul {
display:none;
}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {
border:0; 
background-image:url(../images/nav-bg-on.gif);
background-position:top right;
background-repeat:no-repeat;
}

ul.menu1 li:hover a.noDrop, 
ul.menu1 li a.noDrop:hover {
border:0; 
background-image:url(../images/nav-nodrop-on.gif);
background-position:top right;
background-repeat:no-repeat;
}

ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {
display:block; 
width:221px; 
margin-top:-1px; 
background:#def;
}

ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {
height:2em; 
background:#b3c698; 
color:#00c; 
font-weight:normal;
font-size:10px;
color:#000000;
}

ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {
background-image:url(../images/navl1-bg-on.gif);
color:#fff;
}

div.backLink
{
	font-size:10px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
}


/** 5. Features **/

#features img {
margin-top:5px;
}

/** Other **/

div.homeLinks {
height:106px;
}

a.homeLink1 {
background-image:url(../images/conservatory-suites.jpg);
background-repeat:no-repeat;
padding:80px 6px 5px 178px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
float:left;
border: 1px solid #5d8628;
}

a.homeLink1:hover {
background-image:url(../images/conservatory-suites-on.jpg);
background-repeat:no-repeat;
padding:80px 6px 5px 178px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
float:left;
border: 1px solid #6c9c2e;
}

a.homeLink2 {
background-image:url(../images/dining-furniture.jpg);
background-repeat:no-repeat;
padding:80px 5px 5px 178px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
float:right;
border: 1px solid #5d8628;
}

a.homeLink2:hover {
background-image:url(../images/dining-furniture-on.jpg);
background-repeat:no-repeat;
padding:80px 5px 5px 178px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
float:right;
border: 1px solid #6c9c2e;
}

div.blueBox {
background-color:#002d6a;
height:50px;
width:221px;
float:left;
}

div.contact {
background-color:#5c8727;
float:right;
height:50px;
width:529px;
}

div.contact img {
margin-left:0px;
}

img.homeBrochure {
margin-top:5px;
}

/** 7. Category Page **/

div.prodListItem {
width:155px;
float:left;
margin-left:3px;
margin-right:4px;
} 

div.prodListItem p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin:3px;
padding:0px;
} 

div.prodListItem div {
height:22px;
background-image:url(../images/grp-title-bg.gif);
background-repeat:no-repeat;
padding-top:5px;
padding-left:5px;
} 

div.prodListItem div a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#ffffff;
width:155px;
}

div.spacer5 {
width:476px;
height:5px;
clear:both;
}

div.spacer30 {
height:30px;
}

/** 8. Contact / Brochure Pages **/

form {
margin:0px;
padding:0px;
}

div.formBg table {
/*background-color: #ffffff;*/
}
div.formBg table td.mthCls {
background-color: #002D6A;
}

div.formBg table th {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}

div.formBg table td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding:1px;
}

input {
margin-bottom:5px;
width:160px;
height:12px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background-color:#e5e5e5;
border-left: 2px solid #a5acb2;
border-top: 2px solid #a5acb2;
border-bottom: 2px solid #e0e0e0;
border-right: 2px solid #e0e0e0;
}
input#forenameTxt {
width: 71px;
}
select {
background-color:#e5e5e5;
margin-bottom:5px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

textarea {
background-color:#e5e5e5;
border-left: 2px solid #a5acb2;
border-top: 2px solid #a5acb2;
width:160px;
margin-bottom:5px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

div.formBg {
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
}

input.sendBtn {
width:100px !important;
margin-top:10px !important;
height:23px !important;
border:0 !important;
background: url("../images/send_req.gif") no-repeat bottom left;
}

input.checkBox {
width:16px !important;
float:right;
background-color: #ffffff;
border: 0;
}

div#validationSummary
{
	margin-left: -24px;
	color: crimson;
	font-style: italic;
	text-align: left;
	/*width: 400px;*/
}

td h3 {
padding:0px !important;
margin:0px !important;
}

td p {
color:#000000 !important;
}

input.nonMan {
border:1px dotted #a5acb2 !important;
background-color:#fafafa;
}

textarea.nonMan
{
	border-right: #a5acb2 1px dotted;
	border-top: #a5acb2 1px dotted;
	border-left: #a5acb2 1px dotted;
	border-bottom: #a5acb2 1px dotted;
	background-color: #fafafa;
}

select.nonMan
{
	border-right: #a5acb2 1px dotted;
	border-top: #a5acb2 1px dotted;
	border-left: #a5acb2 1px dotted;
	border-bottom: #a5acb2 1px dotted;
	background-color: #fafafa;
}

/** 9. Product Pages **/

div.productTitle {
background-color:#5c8727;
padding:10px;
margin-top:3px;
}

div.productExtras {
background-color:#ffffff;
padding:5px 0 5px 0px;
margin-top:3px;
}

div.productExtras h3 {
color:#5c8727 !important;
font-size:14px !important;
margin:0px !important;
padding:0px !important;
}

div.productTitle h1 {
color:#FFFFFF !important;
font-size:16px !important;
margin:0px !important;
padding:0px !important;
}

div.productTextL {
width:230px;
margin-top:5px;
padding:5px
}

div.productTextL p {
margin-top:0px;
margin-bottom:10px;
font-weight:bold;
color:#5c8727;
}

div.productTextW p {
margin-top:0px;
margin-bottom:10px;
}

div.productTextW {
padding-left:5px;
padding-right:5px;
}

div.callToAction {
width:230px;
float:right;
padding-right:5px;
}

div.callToAction img {
margin:5px;
}

div.extraItem {
width:112px;
padding-left:5px;
padding-right:5px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#5c8727;
margin-top:5px;
}

div.dimensions th {
font-size:10px !important;
height:12px;
}

div.dimensions td {
font-size:10px !important;
height:12px;
}

div.fabricsPanel {
width:230px; 
float:right; 
padding:5px;
}

div.fabric {
width:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
float:left;
padding:5px 7px 5px 7px;
}

/** 10. Showroom Pages **/

div.showroomL {
width:240px;
}

div.showroomR {
float:right;
width:240px;
}

div.showroomR p {
float:right;
width:240px;
margin-top:0px !important;
padding-top:0px !important;
margin-bottom:10px;
}

div.showroomL p {
float:right;
width:240px;
margin-top:0px !important;
padding-top:0px !important;
margin-bottom:10px;
}

/** 11. Calendar **/
td.calendarDateInput
{
	/*background-color: Red;*/
	text-align: right;
}
input#lastName
{
	display:none;
}

div.dart
{
	position:absolute;
	z-index: -1;
	display: none;
}

#subFooter
{
	width:740px;
	border:1px solid #002d6a;
	margin:0 auto;
	margin-top:20px;
	background-color:#f9f9f9;
	text-align:left;
	font-size:10px;
	padding:5px;
}

#subFooter a
{
	color:#5c8727;
	text-decoration:none
}

#subFooter a:hover
{
	color:#002d6a;
}

table#links
{
	font-size:10px;
	width:100%;
}

#links td
{
	height:20px;
}



/*smlForm*/

#smlForm
{
	font-size:10px;
	color:#002d6a;
	background-color:#DBE0EA;
	width:221px;
	margin:5px 0 0 0;
}

#smlForm input, #smlForm textarea
{
	width:140px;
	background-color:#fff;
}

#smlForm select
{
	background-color:#fff;
}



/*XMAS MESSAGE*/

#xmasMessage
{
	width:478px;
	margin:0 auto;
	padding:5px;
	border:solid 1px #990000;
}

#xmasMessage p
{
	color:#000;
}

#xmasMessage strong
{
	color:#990000;
	font-size:14px;
}

.pusher
{
	height:7px;
	padding: 0;
	margin: 0;
}

.pusher2
{
	height:3px;
	padding: 0;
	margin: 0;
}



/*** TEST ***/

#bottom
{
	color:#fff;
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
}

#bottom h3
{
	color:white;
}

#bottomHeader
{
	margin-left:40px;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
}

#bottomInner
{
    margin: 0 auto;
    width:352px;
    min-height:30px;
    clear:both;
}
#bottomInner a
{
    color:white;
    font-size:12px;
    margin: 0 auto;
    border-top:solid 3px white;
    border-left:solid 3px white;
    border-right:solid 3px white;
    width:342px;
    height:25px;
    padding:5px 5px 0 5px;
    display:block;
    clear:both;
    background-color:#990000;
    /*background-image:url("../images/bgSM.png");*/
    text-decoration:none;
}
#bottomInner a:hover
{
    height:490px;
    /*background-image:url("../images/bgLG.png");*/
}


/*cushion sales*/

#cushForm
{
	font-size:12px;
	padding-left:60px;
	font-weight:bold;
	color:#002d6a;
	margin:5px 0 0 0;
	clear:both;
}

#cushForm input, #cushForm textarea
{
	width:180px;
	background-color:#fff;
}

#cushForm select
{
	background-color:#fff;
}

.fabSmall
{
	float:left;
	margin-left:50px;
	width:100px;
}

div.fabSmall a img
{
	border:none;
}

.fabCaption
{
	font-size:12px;
	text-align:center;
	margin:0 0 10px 0;
}