/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           00/00/00
 *******************************************/ 
/********************************************
   HTML ELEMENTS
********************************************/ 
@font-face {
    font-family: 'qlassik_mediumregular'; font-weight: normal; font-style: normal;
    src: url('/fonts/qlassik_tb-webfont.eot');
    src: url('/fonts/qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/qlassik_tb-webfont.woff') format('woff'),
         url('/fonts/qlassik_tb-webfont.ttf') format('truetype'),
         url('/fonts/qlassik_tb-webfont.svg#qlassik_mediumregular') format('svg');}
@font-face {
    font-family: 'qlassik_boldregular'; font-weight: normal; font-style: normal;
    src: url('/fonts/qlassikbold_tb-webfont.eot');
    src: url('/fonts/qlassikbold_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/qlassikbold_tb-webfont.woff') format('woff'),
         url('/fonts/qlassikbold_tb-webfont.ttf') format('truetype'),
         url('/fonts/qlassikbold_tb-webfont.svg#qlassik_boldregular') format('svg');}
@font-face {
    font-family: 'alex_brushregular'; font-weight: normal; font-style: normal;
    src: url('/fonts/alexbrush-regular-otf-webfont.eot');
    src: url('/fonts/alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/alexbrush-regular-otf-webfont.woff') format('woff'),
         url('/fonts/alexbrush-regular-otf-webfont.ttf') format('truetype'),
         url('/fonts/alexbrush-regular-otf-webfont.svg#alex_brushregular') format('svg');}
@font-face {
    font-family: 'georgia'; font-weight: normal; font-style: normal;
    src: url('/fonts/georgia.eot');
    src: url('/fonts/georgia.otf') format('opentype'),
         url('/fonts/georgia.woff') format('woff'),
         url('/fonts/georgia.ttf') format('truetype'),
         url('/fonts/georgia.svg') format('svg');}
@font-face {
    font-family: 'georgiaitalic'; font-weight: normal; font-style: normal;
    src: url('/fonts/georgiai.eot');
    src: url('/fonts/georgiai.otf') format('opentype'),
         url('/fonts/georgiai.woff') format('woff'),
         url('/fonts/georgiai.ttf') format('truetype'),
         url('/fonts/georgiai.svg') format('svg');}
@font-face {
    font-family: 'georgiabolditalic'; font-weight: normal; font-style: normal;
    src: url('/fonts/georgiaz.eot');
    src: url('/fonts/georgiaz.otf') format('opentype'),
         url('/fonts/georgiaz.woff') format('woff'),
         url('/fonts/georgiaz.ttf') format('truetype'),
         url('/fonts/georgiaz.svg') format('svg');}

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

html, body { 
margin:0; padding:0px; height:100%; 
background: url('/images/bg.jpg') #d7bba6 no-repeat fixed center center; /* Old browsers */
;
font-family:Arial, Helvetica, sans-serif;} 
/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
 
.error {font-weight:bold;color:Red !important;}
.success {font-weight:bold;color:Green !important;}

.line {border:none; border-bottom:1px solid #000; height:0px; margin:0 auto}
.clear {clear:both;}
.rightalign {text-align:right!important;}
.leftalign {text-align:left!important;}
.center {text-align:center!important;}

img {border:0px;}

.rightimg {float: right; margin-left:20px;}
.leftimg {float: left; margin-right:20px;}

/* ----------CART--------------------- */

font, table, tr, td {border: none; font-family:'Arial'; padding:2px;}
table, td, tr {color:#22201f;}
td {line-height:20px; padding-right:5px; color:#22201f;}
td img {padding:5px;}
td p {color:#22201f;}
table b {color:#b80030; font-family:'Arial';}
table a, tr a, td a, font a, .content table a {color:#22201f;}
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color:#22201f;}
table hr {border:none; border-bottom:1px solid #22201f; height:0px;}
font img {color:#22201f;}
.formtable {width:700px!important; border-collapse:collapse; padding:0px; color:#22201f;}

#minibasket {font-size:12px; float:right; position:relative; z-index:10; width:180px;margin-top:3px;}
#minibasket #minibasketicon {float:left; width:36px; height:31px; background: url(/images/basket.png) no-repeat top left;}
#minibasket #minibasketicon:hover #minibasketsummary {visibility: visible;}
#minibasket #minibasketicon .link {float:left;}
#minibasket #minibasketitemcount {float: left; margin-left:-23px; color:#aa8b89;}
#minibasket #minibaskettotal {float:left; margin-left:-7px; color:#faf8f7;}
#minibasket .checkoutbutton {float:right; margin-left:4px; color:#faf8f7;}
#minibasketsummary {padding:20px; width:170px; position:absolute; z-index:100; /* Saf */ visibility:hidden; background:#d7bba6; }
#minibasketsummary a {color:black;}
#minibasketsummary .minibasketsummaryproduct {float: left; width: 100%;z-index: 200;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductimage{float:left; margin-right:10px;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription{float:left; width: 100px;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription a{}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription .minibasketattributes{}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription .minibasketprice{}
#minibasketsummary .checkoutbutton{float:left;}
#search {float:right; position:relative; z-index:10; width:140px; margin-right:10px;}
#search input[type=text] {margin-top:4px; padding:2px; width:120px; height:15px; font-size:12px; background:#faf8f7; border:0px;}
#search input[type=image] {margin-top:4px; margin-left:2px;}
.category {width:200px; min-height:200px;}
.category img {padding-bottom:10px;}
.categoryname a {font-size:17px; text-decoration:none;}
.categorydescription {font-size:14px; text-transform:none;}
.categoryinfo .categorydescription p {font-size:14px; text-transform:none;}
/* ----------Centered Container Or the Layout--------------------- */

#container {min-height:100%; height:auto !important; height:100%; margin:0 auto -4em; width:960px;}

/* --------------LABELS BUTTONS & FORMS-----------*/

label {color:#22201f; font-family: 'qlassik_mediumregular';}
#main .content .button {
	background: url('/images/bannerbg.jpg') center bottom;
	padding:5px;
	font-size:14px;
	font-family: 'qlassik_mediumregular';
	text-decoration:none;
	color:#faf8f7;
	}
#main .content .button:hover {background-position:0% -31px; box-shadow:0px 0px 5px 0px #ffffff;}
#main .content input[type=text], #main .content select, #main .content textarea, #main .content input[type=checkbox]{
	border: 1px solid #aa8b89; padding: 5px;margin-bottom: 10px;}
#main .content input[type=checkbox]{margin-bottom: 5px; margin-right: 5px;}
#main .content input[type=submit], #main .content input[type=button]{
	background: url('/images/bannerbg.jpg') center bottom; padding:5px; font-size:18px;
	font-family: 'qlassik_mediumregular'; text-decoration:none; color:#faf8f7; border:0px;}
#main .content input:hover[type=submit], #main .content input:hover[type=button] {
	background-position:0% -31px; box-shadow:0px 0px 5px 0px #ffffff;}
#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px; font-family: 'qlassik_boldregular'; font-size: 22px; color:#b80030;}

/* --------------HEADER------------- */

.topmenu {width:100%; height:34px; position:absolute; margin-top:0px; background:url('/images/menubg.png') repeat-x fixed center top; border-top:2px solid #b90030;}
#topmenu {width:960px; height:34px; position:absolute;}
#topmenu ul {list-style-type:none; height:34px;}
#topmenu li {display:inline; font-family: 'qlassik_boldregular';position: relative;}
#topmenu li a {
	line-height:28px;
	font-size:17px;
	vertical-align:top;
	color:#faf8f7;
	text-decoration:none;
	padding:4px 6px 25px 6px;
	}
	
#topmenu li a:hover {background:url('/images/tab.png') no-repeat scroll center top; text-decoration:underline;}
#topmenu li .active {background:url('/images/tab.png') no-repeat scroll center top; text-decoration:underline;}



#topmenu ul ul {  display: none;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;line-height: 0px;position: absolute;top: 20px;left: 16px;width: 200px; background-color: 
rgba(148, 145, 141, 0.78); z-index: 300;margin-left: -10px;padding: 0px 0px; height: auto;}

@media screen and (-webkit-min-device-pixel-ratio:0) {#topmenu ul ul{top: 29px;}}


#topmenu ul ul li {
   left:0;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   height: 100%;float: left;
   padding: 8px 0px!important; background:none; text-align:left;}
#topmenu ul ul li:first-child{border-top-right-radius:4px; border-top-left-radius:4px;}
#topmenu ul ul li:last-child{border-bottom-right-radius:4px; border-bottom-left-radius:4px;}

#topmenu ul ul li a,
#topmenu ul li.active li a,
#topmenu ul li:hover ul li a,
#topmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
 font-size:17px; font-weight:normal; /* resets the bold set for the top level menu items */
	color: #fff;
   line-height:18px; /* overwrite line-height value from top menu */
   background:none;padding: 0px 10px; text-transform:none;
}
#topmenu ul ul li a:hover{ color:#B4D6E7;}
#topmenu ul ul li:hover{ background-color: rgba(45, 46, 43, 0.33);}

/* Flip the last submenu so it stays within the page */

/* Make the sub menus appear on hover */
#topmenu ul li:hover ul,
#topmenu ul li.hover ul {   display:block;  }














#header {height: 130px;}
#header img {float:left; margin-top:45px;}
#header p {margin-top:15px; font-family: 'qlassik_mediumregular'; font-size:20px;}
#header .brown {margin-top:0px; margin-left:96px; float:left; color:#aa8b89;}
#header .red {margin-top:0px; float:right; color:#b80030;}
#header h3 {margin-right:40px; float:right; font-family: 'georgia'; font-size:34px; color:#b80030;}

/* --------------TOPNAV------------- */

#topnav {margin-top:25px; height: 45px; position:relative; z-index:1;}
#topnav ul {list-style-type:none; text-align: center;}
#topnav li {display:inline; font-family:'qlassik_boldregular';}
#topnav li a {
	line-height:20px;
	font-size:16px;
	vertical-align:top;
	color:#22201f;
	text-decoration:none;
	background:url('/images/tabbg.jpg');
	background-position:center bottom;
	padding: 12px 20px 12px 20px;
	}
	
#topnav li a:hover{color:#f0e5dd; background:url('/images/bannerbg.jpg') center top; box-shadow:inset 0px 0px 50px -15px #5f0003;}
#topnav li .active{color:#f0e5dd; background:url('/images/bannerbg.jpg') center top;}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {min-height: 100%; height: auto !important; height: 100%;}
#main .content {padding: 0px; min-height: 400px; height: auto;}
#main .content h1 {font-size:40px; font-family:'alex_brushregular'; color:#b80030;}
#main .content h2 {font-size:36px; font-family:'qlassik_boldregular'; color:#b80030; border-bottom:1px #aa8b89 solid;}
#main .content h3 {font-size:32px; font-family:'qlassik_boldregular'; color:#b80030;}
#main .content h4 {font-size:28px; font-family:'Georgia'; color:#b80030;}
#main .content h5 {font-size:24px; font-family:'qlassik_boldregular'; color:#b80030;}
#main .content h6 {font-size:20px; font-family:'qlassik_boldregular'; color:#b80030;}
#main .content p {font-size:18px; font-family: 'qlassik_mediumregular'; color:#22201f; margin-bottom: 15px;}
#main .subcontent {
	float:left;
	width:920px;
	min-height:600px;
	background:#f3eae4;
	border:1px #aa8b89 solid;
	padding:20px;
	margin-top:-15px;
	position:relative;
	z-index:2;
	line-height:35px;
	}
#main .subcontent a {color:#b80030;}
#main .subcontent a:visited {color:#b80030;}

#main #slider {margin-top: -15px; padding:0px; height:280px; position:relative; z-index:2;}
#main #slider .container {float:right; width:960px; height:280px; }

.wt-rotator {position:relative; width:960px; height:280px;overflow:hidden;}
.wt-rotator a {outline:none;}
.wt-rotator .screen {position:relative; top:0; left:0; width:960px; height:280px; overflow:hidden;}
.wt-rotator .strip {display:block; position:absolute; top:0; left:0; z-index:0; overflow:hidden;}
.wt-rotator .content-box {display:none; position:absolute; top:0; left:0; overflow:hidden;}
.wt-rotator .main-img {display:none; position:absolute; top:0; left:0; z-index:0; border:0;}
.wt-rotator .timer {position:absolute; left:0; height:4px; background-color:#FFF; -moz-opacity:.5; filter:alpha(opacity=50); opacity:0.5; z-index:4; visibility:hidden;}
.wt-rotator .desc {position:absolute; color:#FFF; z-index:6; overflow:hidden; visibility:hidden; text-align:left;}
.wt-rotator .inner-text {position:absolute; top:0; left:0; padding:10px; width:auto; height:auto; z-index:1;}
.wt-rotator .c-panel {position:absolute; top:0; z-index:7; visibility:hidden;}
.wt-rotator .outer-hp, .wt-rotator .outer-vp {position:absolute; background:#333; background:-moz-linear-gradient(#444, #111); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#444), to(#111)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111',GradientType=0); border:1px solid #000;}
.wt-rotator .outer-hp {left:0; width:100%; border-left:none; border-right:none;}
.wt-rotator .outer-vp {top:0; height:100%; border-top:none; border-bottom:none;}
.wt-rotator .back-scroll, .wt-rotator .fwd-scroll {position:absolute; top:0; left:0; z-index:10; background:url(/images/spacer.png) no-repeat;}
.wt-rotator .thumbnails, .wt-rotator .block, .wt-rotator .vpiece, .wt-rotator .hpiece {position:absolute; z-index:2;}

#main .banner {height:90px; background: url('/images/bannerbg.jpg'); margin-bottom:35px;}
#main .banner h1 {float:left; margin-top:25px; margin-left:50px; font-size:30px; font-family:'Georgia'; font-style:italic; color:#faf8f7;}
#main .banner .vertline {float:left; margin-top:10px; margin-left:20px; height:70px; width:2px; background:#faf8f7;}
#main .banner p {float:right; margin-top:7px; margin-right:72px; color:#faf8f7; font-family: 'qlassik_boldregular'; font-size:20px;}
#main .banner select {margin-top:4px; margin-left:40px; font-family:'georgia'; color:#22201f; font-size:20px; border:0px; width:265px; height:38px;}
#main .banner a {
	float:right;
	margin-top:4px; 
	margin-right:110px;
	background:#f1e0df;
	padding:4px;
	font-family: 'qlassik_boldregular';
	font-size:24px;
	text-decoration:none;
	color:#22201f;
	}

#main .banner a:hover {background:#e5cbca;}
#main .banner:hover {box-shadow:inset 0px 0px 50px -20px #543820;}

#main .categories {float:left; width:960px; height:290px; background:#f3eae4; border:1px #aa8b89 solid; margin-bottom:35px;}
#main .categorybox {
	background: url('/images/categoriesbg.jpg') left top;
	height:240px;
	width:160px;
	float:left;
	margin-top:10px;
	margin-left:23px;
	font-size:26px;
	font-family: 'qlassik_mediumregular';
	text-transform:uppercase;
	text-align:center;
	color:#22201f;
	border:2px #aa8b89 solid;
	line-height:35px;
	}

#main .categorybox img {margin-top:10px; margin-left:2px; border:1px #aa8b89 solid;}
#main .categorybox img:hover {box-shadow:0px 0px 15px 0px #ffffff;}
#main .categorybox:hover {box-shadow:inset 0px 0px 50px -20px #543820;}

#main .title {
	background: url('/images/bannerbg.jpg') center center;
	margin-top:-15px;
	margin-left:15px;
	width:120px;
	padding:10px;
	font-size:15px;
	font-family: 'qlassik_boldregular';
	text-transform:uppercase;
	color:#faf8f7;
	}
#main .title:hover {box-shadow:inset 0px 0px 50px -20px #543820;}

#main .topline {border-bottom: 1px #8f8a89 solid; margin:15px;}

#main .about {float:left; width:550px; min-height:235px; background:#211a19; line-height:20px;}
#main .about p {font-size:14px; font-family:'qlassik_mediumregular'; color:#faf8f7; text-align:justify; margin:15px 15px 0px 15px;}
#main .about a {font-size:14px; font-family:'qlassik_mediumregular'; margin-left:15px; background:#322928; color:#faf8f7; padding:5px; text-decoration:none;}
#main .about a:hover {background:#261f1f;}

#main .testimonials {float:right; width:400px; min-height:235px; background:#322928; line-height:26px;}
#main .testimonials p {font-size:24px; font-family:'qlassik_mediumregular'; color:#faf8f7; text-align:center; margin:15px;}
#main .testimonials .author {font-size:22px; font-family:'alex_brushregular'; color:#faf8f7; text-align:center;}
#main .testimonials a {font-size:14px; font-family:'qlassik_mediumregular'; font-size:14px; margin-left:15px; background:#4d3f3d; color:#faf8f7; padding:5px; text-decoration:none;}
#main .testimonials a:hover {background:#403432;}

.testimonialrotator {position:relative; margin-top:10px; display:block;}
.testimonialrotator .testimonial {position:absolute; top:0; left:0; display:none;}
.testimonialrotator .testimonial:first-child {position:relative; display:inline-block;}
.testimonialrotator .column {margin-left:5px; margin-right:5px;}
.testimonialrotator:before, .testimonialrotator:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
.transition { color:#aaa; font-style:normal; }
.test {text-shadow: 0px 0px 0px black; color:transparent; opacity:1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;	}
.test.animating {text-shadow: 0px 0px 15px black; color:transparent;opacity:0;}

#contactform {
	float:left;
}
#quoteform {
	float:right;
	width:500px;
}
#contactmap {
	float:right;
	width:500px;
	height:400px;
	margin-top:15px;
	border:0px;
	border-color:#ffffff;
	border-style: solid;
	}

/* --------------FOOTER------------- */

#footer, .push { 
clear: both;
height: 4em;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {height:auto;}

#footer .content {line-height:20px;width:960px; margin:0 auto; position:relative; text-align:center; margin-top:10px; color:#322928;
 font-size:10px;}
#footer .content .topline {border-bottom: 1px #8f8a89 solid; margin-top:10px; margin-bottom:10px;}
/* --------------FOOTER LINKS------------- */

#footer .links ul { margin: 0px; padding: 0px;}
#footer .links li {display: inline;list-style-type: none;}
#footer .links li a {
	font-family:'qlassik_boldregular';
	color:#322928;
	font-size:14px;
	text-decoration:none;
	border-right:1px #322928 solid;
	padding: 0px 10px 0px 10px;}
	
#footer .links li a:hover {text-decoration: underline;}
#footer .links li .active {text-decoration: underline;}


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display:inline; list-style-type: none;}
#footer .asc li a {font-size:9px; color:#322928; text-decoration: none;padding: 0px 5px 0px 5px;}

/* --------------SEO------------- */

#footer .seo { text-align:left; margin:0px 100px 0px 100px;}
#footer .seo a{ color:#000; text-decoration:none;}
#footer .seo a:hover{ color:#000; text-decoration:underline}