﻿body {font: .88em "Segoe UI",  Tahoma, Geneva, Verdana;	color: #444}
h1 {font-size:1.3em;	color: #456CA7}
h2 {font-size:1.1em}
h3 {font-size:1em;}
img {border:none}

.cl {clear:both}
#pageCenter {width: 890px;margin: auto;background: url('images/BG2.png') no-repeat 0 5px}

#info {
	color:#A78C56;
	font-size:9px;
	text-align:right;
	margin-right: 20px;
	margin-top:40px
}
#body {    
	height: 580px;
    padding: 40px 20px; 
    margin-top: 10px;   
}

#quickOrder {
	width:170px;
	height:505px;
	float:left;
	margin-right:20px;
	padding:5px 20px;
	background: url('images/OrderBG.png') no-repeat;
}

.order ul {margin:0;padding:0}
.order ul li {list-style:none}
.order input {margin-bottom:11px;}
.order input[type="submit"] {margin-left:40px;}
.order label { font-weight:bold;}
.order a.more {font-size:.85em;margin-left:110px}

#contentHome {
	float:left;
	height:480px;
	width:610px
}
.welcome {
	width: 400px;
	float: left;
	height:216px
}

#featured{margin-top:74px}
#featured .feature {
    float:left;
    background: url('images/FeatureBG.png') no-repeat;
    margin-right:3px;
    width: 190px;
    height: 190px;
    padding: 5px;
}
#featured img { margin-left: 8px; margin-top: 10px}
#content {float:left}
#content.text {background:url('images/ContentBG.png') no-repeat 0px 33px; height: 535px;width: 658px}
#content.text .scroll{height:456px;width:627px}
#content.forms {height: 535px; background: url('images/FormBG.png') no-repeat 0px 33px;width:622px}
#content.forms .scroll{height:436px;width:590px}
#content .faq {list-style:none; margin:0; padding:0}

.scroll {overflow:auto;margin: 17px 20px}

.menu ul li { list-style:none;}

#mainMenu {width:156px;float:right;margin-right:32px}
#mainMenu ul li, #mainMenu a {height:35px; width:155px; }
#mainMenu a {text-indent:-9999px; display:block; background: url('images/mainmenu.png') no-repeat}
#mainMenu a.home {background-position: 0 -311px}
#mainMenu a:hover.home {background-position: 0 -341px}
#mainMenu a.products {background-position: 0 5px}
#mainMenu a:hover.products {background-position: 0 -27px}
#mainMenu a.contact {background-position: 0 -58px}
#mainMenu a:hover.contact {background-position: 0 -90px}
#mainMenu a.about {background-position: 0 -120px}
#mainMenu a:hover.about {background-position: 0 -152px}
#mainMenu a.faq {background-position: 0 -184px}
#mainMenu a:hover.faq {background-position: 0 -216px}
#mainMenu a.testimonials {background-position: 0 -248px}
#mainMenu a:hover.testimonials {background-position: 0 -280px}

#orderMenu {width:580px; height:21px}
#orderMenu li {float:left}
#orderMenu li a {display:block;height:18px;overflow:hidden;text-indent:-999px;background: url('images/ordermenusprite.png') no-repeat}
#orderMenu a.home {background-position: -396px -24px;width:56px;}
#orderMenu a:hover.home {background-position: -396px -4px}
#orderMenu a.products {background-position: -136px -24px;width:81px;}
#orderMenu a:hover.products {background-position: -136px -4px}
#orderMenu a.contact {background-position: -235px -24px;width:74px}
#orderMenu a:hover.contact {background-position: -235px -4px}
#orderMenu a.about {background-position: -315px -24px;width:59px}
#orderMenu a:hover.about {background-position: -315px -4px}
#orderMenu a.faq {background-position: -476px -24px;width:43px}
#orderMenu a:hover.faq {background-position: -476px -4px}
#orderMenu a.testimonials {background-position: -15px -24px;width:110px}
#orderMenu a:hover.testimonials {background-position: -15px -4px}

#footer{font-size:72%;color:#A78C56;margin:0px 18px}
#footer a{color:#A78C56;margin-left:10px}
#footer a:hover{color:#456CA7}

.leftColumn {float:left}
.rightColumn {float:right}

.q { font-weight:bold;}
.a {margin:12px;}

#productData .item {border-bottom: 1px solid #ddd; margin-bottom:15px;font-size:.9em}
#productData .image {float:left; margin-right: 5px; width:100px;}
#productData .name {float:left; width:332px}
#productData ul {float:right;list-style:none;margin-right:10px;margin-top:18px;width:80px}
#productData li {text-align:right}
#productData li button {margin-top:5px;font-size:.8em}
#productData h3 {margin:0}
#productData input[type="text"] {width: 20px}
#productData .rates {font-size: .85em; display:block;margin:6px}

#cart {width:209px; height:535px; background:url('images/CartBG.png') no-repeat 0px 33px; float:right}
#cart .scroll{height:270px;width:176px}
#cart .remove {margin-right:5px}
#cart ul {list-style:none;margin:0;padding:0}
#cart ul li {margin-bottom: 5px}
#cart .order {margin: 22px 20px}
#cart .total {margin-left: 6px}

#orderForm input { float:right; margin-right:250px;}
#orderForm input[type="checkbox"] {float:none; margin-right:5px}
#orderForm ul {list-style:none;margin:0;padding:0}
#orderForm ul li {clear:both;margin-bottom:12px;}

.credit {margin-left: 30px}

.contact {list-style:none}
.contact li {margin-top:20px}
#signature, .cc {display:none}


