/* Reset */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
html { height: 100%; }
body { height: 100%; color: #000; }
ul, ol { list-style: none; }  
a {}
a:hover {}   

/* Main Body Structure */
body {background: #e1f0f9 url(../media/images/bg_page15.jpg) repeat-x top center; color: #333; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif
/* lucida grande, "Lucida Grande", sans-serif*/; font-size:12px;}
#stick {min-height: 100%; margin:0; padding:0; background: url(../media/images/bg15_mid.png) repeat-y center top; z-index: 1;}
* html #stick {height: 100%;}
#wrap-hdr {background: url(../media/images/bg_hdr.jpg) no-repeat center bottom; height: 100px; }
#wrap-content {position: relative; padding: 0 0 80px 0;}
#content {min-height:300px; height:auto !important; height:300px; position: relative;}
#wrap-ftr {margin-top:-80px; height:80px; clear: both; position: relative; background: url(../media/images/bg_ftr.jpg) no-repeat center top; z-index: 2;}

h1, h1 a, h1 a:visited { font-size: 24px; font-weight: bold; margin: 0 0 0.5em 0; font-family: "Trebuchet MS", Tahoma, Arial; text-decoration: none; padding: 0 0 5px 0; background: url(../media/images/h2_line.png) repeat-x bottom center; color: #1A73A5;}
h1 a:hover {color: #B7242B;}
h2 { font-size: 18px; font-weight: normal; margin: 0; font-family: "Trebuchet MS", Tahoma, Arial; color: #BD1E25;}
h3 { font-size: 18px; font-weight: bold; margin: 0; font-family: "Trebuchet MS", Tahoma, Arial;}

/* Navigation */
#nav-main {float: right; padding: 28px 10px 0 0;}
#nav-main li {display: inline;}
#nav-main li a, #nav-main li a:visited {font-size: 13px; text-decoration: none; color: #0C77BD; display: block; float: left; padding: 10px;}
#nav-main li a:hover {text-decoration: none; color: #000;}

#home .home a, #home .home a:hover, #test .test a, #test .test a:hover, #price .price a, #price .price a:hover, #bespoke .bespoke a, #bespoke .bespoke a:hover, #order .order a, #order .order a:hover, #contact .contact a, #contact .contact a:hover {color: #B31C24;}

#nav-category {padding: 0;}
#nav-category h3 {background: url(../media/images/bg_grad25.png) repeat-x center -5px;}
#nav-category h3 a {font-size: 14px; color: #24A2DD; padding: 10px; border-bottom: 1px solid #aedff5; display: block; text-decoration: none; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;}
#nav-category h3 a:hover{/*color: #0B4670; text-decoration: none; background: url(../media/images/bullet_right.png) no-repeat 200px center;*/background: #a4ddf6 url(../media/images/bullet_right.png) no-repeat 200px center; color: #0B4670; border-bottom: 1px solid #72bfe1;}
#nav-category h3 a.hdr-on, #nav-category h3 a.hdr-on:hover {background: #a4ddf6 url(../media/images/bullet_down.png) no-repeat 200px center; color: #0B4670;border-bottom: 1px solid #72bfe1;}
.hdr-off {background: url(../media/images/bullet_right.png) no-repeat 200px center;}
.menuitem {background: url(../media/images/bullet_right.png) no-repeat 200px center;}
.submenu ul {padding: 0; background: #F1F7F9 /*url(../media/images/bg_sub_nav.png) repeat-x top center*/;}
.submenu ul li a {
  color: #444;	
  padding: 10px 10px 10px 20px; display: block; text-decoration: none;/* background: url(../media/images/bullet_arrow_right.png) no-repeat 200px center;*/border-bottom: 1px dotted #ccc;
}
.submenu ul li a:hover {background: #DDEFF9 url(../media/images/bg_sub_on15.png) no-repeat right center; color: #000;}
.nav-sub {}
.nav-sub li {}
.nav-sub li a, .nav-sub li a:visited {}
.nav-sub li a:hover {}

#nav-footer {padding-top: 20px;}
#nav-footer li {display: inline; margin: 0 10px;}
#nav-footer li a, #nav-footer li a:visited {color: #053C67; text-decoration: none; font-size: 12px;}
#nav-footer li a:hover {color: #B4272D; text-decoration: underline;}

.paginator {color: #1A73A5; position: absolute; bottom: 20px; left: 50%; margin-left: -90px;}
.active {color:#1A73A5; border: solid 1px #1A73A5; padding:3px 5px; margin:5px; text-decoration:none;}
.inactive {color:#444; cursor:default; text-decoration:none; border: solid 1px #4444; background-color:#fff; padding:3px 5px; margin:5px;}

/* Header */
#header {position: relative; padding: 0 0 0 10px; margin-bottom: 10px;}
#logo {padding: 13px 10px 0 10px; float: left;}
#tel {font-weight: bold; color: #990000; font-size: 12px; padding: 1px 0 0;}
#banner {text-align: left; list-style: none; margin: 0 0 15px 0; height: 400px;}
#banner li {position: absolute; top: 0; right: 0;}
#testimonials {padding: 10px 5px;}
#testimonials li {background: url(../media/images/quote_1.png) no-repeat left top; padding: 0 20px;}
#testimonials li img {margin: 0 0 -3px 5px;}

/* Content */
#content p { margin: 0 0 1em 0; line-height: 1.5em; }
.page {}
.col-side {width: 231px;}
.col-main {width: 670px; padding: 10px 20px 0 0;}
.col-main ul {list-style: disc; line-height: 1.5em; margin: 0 0 1em 15px;}
.col-side h2 {padding: 5px 10px; color: #fff; font-size: 18px; margin:0; text-transform: uppercase; background: url(../media/images/bg_grad15.png) repeat-x center top;}

#price-text {background: #fff; padding: 0; height: 250px; width: 230px;}
#price-text li {height: 240px; text-align: center; padding: 0 0 10px 0; position: absolute; bottom: 0; left: 0; width: 230px;background: #fff; display: block;}
#price-text li img {margin-bottom: 5px;}
#price-text li h3 {font-size: 18px; font-weight: bold; margin: 0; color: #990000; font-style: italic; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif; text-decoration: underline;}
#price-text li .text {font-size: 13px; color: #222; display: block; line-height: 1.4em; padding: 5px;}
#price-text li .price {font-size: 16px; color: #222; display: block; line-height: 1.4em; font-weight: bold; padding: 0 5px; color: #003766;}
#price-text li .note {font-size: 10px; font-style: italic; display: block; padding: 5px 10px;}

h2.margin-top {margin-top: -5px;}

.box {background: #F0EFEF; border: 1px solid #ccc;margin-bottom: 10px;}
.box h2 {padding: 5px 10px; border-bottom: 1px solid #ccc; color: #6392C0; font-size: 18px; background: url(../media/images/bg_h3_product.png) repeat-x center center;}

.col-main ul.gallery, #swatch, #prod-img {list-style: none; line-height: 1.5em; margin: 0; padding: 0;}
.gallery li {display: inline;}
.gallery li a {float: left; display:block; width: 150px; height: 160px; padding: 5px; margin: 0 5px 5px 0; text-align: center; text-decoration: none; color: #333; border: 1px solid #fff;}
.gallery li a:hover{text-decoration: none; color: #0B75BB; border: 1px solid #A4DDF6;}
.gallery li  img {margin-bottom: 5px;}

#prod-info {width: 300px; float: right;}
#prod-info h2 {margin-bottom: 15px;}
#prod-info h3 {margin-bottom: 15px; font-size: 13px;}
#prod-info p {font-size: 13px; line-height: 1.5em; margin-bottom: 1em;}
#swatch li {float: left; display: block; width: 40px; height: 40px; border: 1px solid #ccc; margin: 0 10px 10px 0;}

#prod-img li {display: inline; margin: 0 10px 10px 0;}

.testimonial {padding: 0 10px; border-bottom: 1px dotted #ddd; margin: 0 0 10px 0;}
.testimonial h2 {font-size: 12px; font-weight: bold; margin: 0; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif; color: #333;}
.testimonial p {margin: 0;}
.defaultText {color: #555; font-size: 12px;}

/* Footer */
#footer {text-align: center; height: 80px; position: relative;}
#footer .onefifth {float: left; width: 160px; text-align: left; padding: 0 15px;}
#footer .onefifth li a {text-decoration: none; color: #333;}
#footer .onefifth li a:hover {text-decoration: underline;}
#footer h2 {color: #11517F;}
#address {font-size: 10px; text-align: center; color: #555; clear: both; position: absolute; bottom: 25px; left: 0; width: 960px; text-align: center;}
#copyright {font-size: 10px; text-align: center; color: #555; clear: both; position: absolute; bottom: 5px; left: 0; width: 960px; text-align: center;}

/* Common Classes */
.wrap {width: 950px; margin: 0 auto;}
.clear {clear: both;}
.pad { padding: 0 5px; }
.float-left {float: left;}
.float-right {float: right;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.display-none {display: none;}

address {line-height: 1.5em; margin: 0 0 10px 0; }
.img-left {margin: 0 15px 15px 0; float: left;}
.img-right {margin: 0 0 10px 15px; float: right;}

/* Text Styles */
.note { font-size: 12px; }
.italic { font-style: italic }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }

.message, .success, .warning, .error-msg, .validation { border: 1px solid; margin: 10px 0px; padding:10px 10px 10px 36px; background-repeat: no-repeat; background-position: 10px 19px; line-height: 1.5em; }
.message { color: #00529B; background-color: #BDE5F8; background-image: url('../media/images/layout/information.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../media/images/layout/accept.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../media/images/layout/error.png'); }
.error-msg { color: #D8000C; background-color: #FFBABA; background-image: url('../media/images/layout/exclamation.png'); }

/*Form styles*/
.form-container {padding: 10px;}
.form-container form fieldset {padding: 10px 15px;}
.form-container form legend { font-family: 'Tahoma', 'Arial', sans-serif; font-size: 16px; color: #666666; line-height: 24px; font-weight: bold; text-transform: capitalize; padding: 5px; border: 1px solid #FFF; background: #FFF; }
.form-container form fieldset div, .form-row { padding: 3px 5px; margin-bottom: 5px; clear: both; font-size: 13px;}
.form-container form label {line-height: 19px; margin-right: 5px; padding-right: 5px; width: 115px; display: block; float: left; text-align: right; position: relative; margin-top: 2px; clear: both; }
.form-container form label span {font-weight: bold; }
.form-container input, .form-container textarea, .form-container select { font-size: 12px; padding: 3px; background: #FFF; border: 1px solid #177ba7; color: #333;}
.form-container input[type="text"] { background: #FFF; }
.form-container input:focus, .form-container input.error:focus, .form-container textarea:focus { font-size: 12px; padding: 3px; background: #dbeef7; border: 1px solid #075e84; }
.errorx1 {color: #990000; font-size: 12px; margin-left: 125px; display: block; padding-top: 3px;}
.errorx1a {color: #990000; font-size: 12px; display: block; padding-top: 3px;}
.form-container form fieldset h2 {border-bottom: 1px solid #fff; padding-bottom: 10px;}

/* Buttons */
.buttons a, .buttons button { display:block; float:left; margin:0 0 7px 0; background-color:#f5f5f5; border-top:1px solid #dedede; border-left:1px solid #dedede; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:19px; text-decoration:none; font-weight:bold; color:#0E3F43; cursor:pointer; padding:5px 10px 6px 7px; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; }
.buttons-r button { display:block; float:right; margin:0 0 7px 0; background-color:#f5f5f5; border-top:1px solid #dedede; border-left:1px solid #dedede; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:19px; text-decoration:none; font-weight:bold; color:#0E3F43; cursor:pointer; padding:5px 10px 6px 7px; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; }
.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

.buttons button:hover, .buttons a:hover {background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
.buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

button.positive, .buttons a.positive { color:#0E3F43; }
.buttons a.positive:hover, button.positive:hover { border:1px solid #DCD689; color:#134C55; background: #F0EECE; }
.buttons a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; }

.buttons a.negative, button.negative { color:#d12f19; }
.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/*Contact Panel */

#toppanel form h2 {color: #fff; font-weight: normal; margin-bottom: 15px;}
 #toppanel {
    position: absolute;
    top: 0;
    width: 920px;
    z-index: 25;
	padding: 0 15px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	
	
}
#panel {
    width: 920px;
    position: relative;
    top: 1px;
    height: 300px;
    margin: 0 auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
	background: url(../media/images/bg_contact.png) no-repeat bottom center; color: #fff;
}
#panel_contents {
    
    height: 300px;
    width: 920px;
    position: absolute;
    z-index: -1;
}
.panel_button {
	float: right;
	padding: 2px 5px 0 5px; width: 90px;
	margin: -3px 8px 0 0;
    background: url(../media/images/bg_btn_contact.png) no-repeat bottom center;
    z-index: 20;
    cursor: pointer;
}
.panel_button a {
    text-decoration: none;
    color: #fff;
    font-size: 13px; line-height: 26px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
color: #000;
}
p a.panel_button {
	float: none;
	padding: 0; width: 90px;
	margin: 0;
    background: #fff;
    z-index: 20;
    cursor: pointer;
	text-decoration: underline;
    color: #135786;
    font-size: 13px; line-height: 1.5em;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
	}