@import "reset.css";

/* Global
------------------------------- */

body {
	background: url(/images/site/bg.gif) repeat-x top #ece3c7;
	font-family: Georgia, serif;
	color:#555;
}
.clear:after {
	content: ".";
	visibility: hidden;
	clear: both;
	height: 0;
	display: block;
}
a {
	color: #555;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* Layout
------------------------------- */

#bg {
	width:100%;
	z-index: -1;
	position: absolute;
	min-height:720px;
	margin-top:23px;
	background:url(/images/site/bg2.jpg) no-repeat center ;
}
#wrapper {
	margin: 0 auto -400px auto;
	width: 960px;
	clear:both;
	position:relative;
}
#header {
	background:url(/images/site/header_bg.png) repeat-x bottom;
	height:75px;
	padding-top:5px;
	float:left;
	width:960px;
	position: relative;
}
#header #cart {
	color: #686868;
	position: absolute;
	bottom: -27px;
	right: 0%;
	text-transform: uppercase;
	background: url(/images/site/cart_icon.png) no-repeat left;
	font-size: .8em;
	padding: 3px 15px 3px 25px;
	display: block;
	text-decoration: none;
}
.content {
	width:880px;
	background:url(/images/site/content_bg.gif) repeat-x bottom #fff;
	padding:40px 40px 100px 40px;
	margin:40px 0 0 0;
	border-top:2px solid #b4cd95;
	position:relative;
	z-index:3;
	float:left;
}
.content-home {
	width:960px;
	padding-bottom:30px;
	float:left;
	clear:both;
}	
#colleft {
	border-right:1px solid #e8e8e8;
	width:695px;
	float:left;
}
#colright {
	float:right;
	width:165px;
}
#right-col {
	width:315px;
	padding-left:35px;
	float:left;
	margin-top:48px;
}
.footer, #push {
	height:400px;
	clear:both;
	z-index:0;
}
#footer-home {
	height:400px;
	width:100%;
	background:url(/images/site/footer_bg.png) repeat-x bottom;
	float:left;
	clear:both;
	padding-top:00px;
	padding-bottom:60px;
	z-index:1;
	position:relative;
}
#footer-home div.container {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position: relative;
}
#footer {
	height:300px;
	width:100%;
	margin-top:-175px;
	background:url(/images/site/footer_bg.png) repeat-x bottom;
	float:left;
	clear: both;
	padding-top:0px;
	padding-bottom:60px;
	z-index:1;
}
#footer div.container {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
label {
	vertical-align: middle;
}

/* Aesthetics
------------------------------- */

h2 {
	font-size:18px;
	color:#333;
	text-transform:uppercase;
	font-weight:normal;
	line-height:50px;
}
p {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	margin:15px 0px 15px 0px;
}

/* Left Columns
------------------------------- */
	
#colleft h1 {
	font-size:32px;
	margin-bottom:12px;
	color:#780032;
}
#colleft h2 {
	font-size:18px;
	margin-bottom:14px;
	color:#780032;
	line-height:18px;
}
#colleft h3 {
	margin: 0 0 14px 0;
	text-transform: uppercase;
}
#colleft p {
	line-height:18px;
	padding: 0 30px 0 0;
}
#colleft a, #colleft a:visited {
	color:#780032;
}
#colleft a:hover, #colleft a:active {
	color: #000;
}
#colleft ul, #colleft ol, #colleft p {
	margin:0px 0px 18px 0px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px;
}
#colleft li {
	margin: 0 0 5px 0;
}
#colleft ul li {
	list-style: disc inside;
}
#colleft ol li {
	list-style: decimal inside;
}
#colleft strong {
	font-weight: bold;
}
#colleft em {
	font-style: italic;
	color: #780032;
}

/* Graphic Headers */

#colleft #page-header {
	margin-bottom:20px;
	width: 695px;
	height: 307px;
	position: relative;
}
#colleft #page-header h1 {
	font-family:Georgia,serif;
	font-size:42px;
	font-weight:normal;
	position:absolute;
	bottom: 10px;
	left:-12px;
	color:#fff;
	font-style:italic;
	background:url(/images/site/h1_bg.png);
	width:675px;
	height:80px;
	line-height:80px;
	text-indent:40px;
}
#colleft h1.category {
	font-family:Georgia,serif;
	font-size:42px;
	font-weight:normal;
	color:#fff;
	margin: 0 0 40px -12px;
	font-style:italic;
	background:url(/images/site/h1_bg.png);
	width:675px;
	height:80px;
	line-height:80px;
	text-indent:40px;
}
#colleft #page-header img {
	border:1px solid #a8a8a8;
	padding:1px;
}

/* Right Column
------------------------------------*/

/* Homepage (Usually) */

#right-col h2 {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	line-height: 1em;
	padding: 17px 0;
}
#right-col h2.newsletter {
	color: #780032;
}
#right-col p {
	line-height:14px;
	font-size:10px;
}
.arw-link {
	display:block;
	width:17px;
	height:25px;
	background: url(/images/site/arrows-right.gif) no-repeat top right;
	text-indent:-3000px;
	top: 35%;
	position: absolute;
	right: 0;
}
.arw-link:hover {
	background-position: bottom right;
}
div.section:hover {
	color: #780032;
	cursor: pointer;
}
#right-col div.section:hover h2 {
	border-top:1px solid #780032;
	border-bottom:1px solid #780032;
	color: #780032;
}
div.section:hover .arw-link {
	background-position: bottom right;
}
	
/* Site Messages
------------------------------------*/

#message {
	width:880px;
	padding: 40px;
	margin:40px auto 0 auto;
	border-top:2px solid #b4cd95;
	position:relative;
	background: #fff;
	z-index:3;
}
#message h1 {
	font-size:32px;
	margin-bottom:12px;
	color:#780032;
}
#message p {
	font-size:12px;
	line-height:18px;
	padding-right:30px;
	margin:0px 0px 18px 0px;
}
	
/* Navigation
------------------------------------*/

.nav {
	width:520px;
	height:29px;
	display:block;
	background:url(/images/site/nav_bg.gif) no-repeat right;
	float:left;
	margin-top:35px;
	padding-left:40px;
	position: relative;
}
.nav li {
	float:left;
	display:block;
	height:29px;
	line-height:29px;
	position: relative;
}
.nav li a {
	float:left;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	line-height:15px; 
	margin:0px 5px 0px 10px;
	padding:7px 5px 0px 5px;
	color:#8b8b8b;
}
.nav li a:hover {
	color:#780032;
}
.nav li:hover a {
	color:#780032;
}
.nav li a.active {
	color:#780032;
}
li.search {
	position: absolute;
	bottom: 0;
	right: 0;
	width:170px;
	padding-top:4px;
}
form#search {
	float:right;
}
form#search input {
	background:none;
	border:none;
	width:120px;
	padding:4px;
	height:20px;
	margin-top:1px;
	float:left;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Georgia,serif;
	color:#acacab;
}
form#search input.submit {
	height:23px;
	width:23px;
	background:url(/images/site/icon_search.gif) no-repeat center;
	text-indent:-3000px;
	text-align:left;
	margin-top:0px;
	cursor:pointer;
}
input:focus {
	outline:0;
}
	
/* Dropdowns */
	
ul.nav li div {
	position: absolute;
	background: url(/images/site/dropdown_bg2.png) bottom;
	width: 151px;
	top: 100%;
	left: -33px;
	z-index: 11;
	display: none;
}
ul.nav li div ul {
	background: url(/images/site/dropdown_bg.png) top no-repeat;
	float: left;
	padding-top:13px;
	padding-bottom:13px;
}
div.dropdown {
	background:#000;
}
ul.nav li div.dropdown ul li {
	background: url(/images/site/dropdown_hr.png) bottom no-repeat;
	width: 131px;
	margin: 0 10px;
	padding: 5px 0 7px 0;
	height: inherit;
}
ul.nav li div.dropdown ul li a {
	font-size: 10px;
	line-height: 1.618em;
	font-weight:bold;
	font-family:verdana,helvetica,arial,sans-serif;
	text-transform: none;
	text-align: left;
	color:#57604b;
	text-decoration:none;
	text-shadow: 0px 1px 0px #cadbc6;
	margin:0px 0px 0px 0px;
	padding: 0 5px;
	display:block;
}
ul.nav li div.dropdown ul li a:hover {
	color: #31372b;
	text-shadow: 1px 1px #c2ceb2;
}
ul.nav li:hover div {
	display: block;
}
	

#altnav {
	float:right;
	margin-top:44px;
}
#altnav li {
	float:left;
	display:block;
}
#altnav li a {
	float:left;
	display:block;
	font-size:10px;
	line-height:12px;
	color:#323232;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 2px 0px 2px;
	margin:0px 8px 0px 8px;
}
#altnav li a:hover {
	border-bottom:1px dotted #242424;
	color:#000;
}
#colright ul li {
	border-bottom:1px solid #e8e8e8;
}
#colright ul.nolines li {
	border: none;
}
#colright ul li a {
	display:block;
	line-height:45px;
	text-decoration:none;
	text-transform:uppercase;
	color:#333;
	font-size:10px;
	margin-top:1px;
	margin-bottom:1px;
}
#colright ul li a:hover {
    color:#780032;
}
				
/* Homepage Banner
------------------------------- */

#banner {
	width:609px;
	height:410px;
	margin-top:49px;
	float:left;
	overflow: hidden;
	background: #780032;
}
/*
#banner span {
	width:609px;
	height:410px;
	display:block;
	background:url(/images/site/banner_overlay.png) no-repeat center;
	position:absolute;
	z-index:2;
}
*/
#banner ul {
	z-index: 1;
}
#banner a {
	display: block;
	position: relative;
	z-index: 3;
}
#banner img {
	position:relative;
	z-index:1;
}	
div.showroom {
	height:400px;
	clear: both;
	border:2px solid red;
	overflow:hidden;
	margin-top:10px;
}
	
/*--- Elements ---*/

#logo {
	width:204px;
	height:93px;
	background:url(/images/site/logo.png) no-repeat;
	display:block;
	float:left;
}

/* Homepage Specials
------------------------------- */

h2.full {
	border-top:3px double #333;
	border-bottom:1px solid #333;
	margin-bottom:20px;
}
h2.full a, h2.full a:visited {
	text-decoration: none;
}
h2.full a:hover, h2.full a:active {
	color: #780032;
	border-bottom: 1px dotted #780032;
}
#showroom {
	width: 960px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
#showroom div.items {
    width:20000em; 
    position:absolute; 
}
#showroom div.sl-item {
	background:url(/images/site/sroom_shadow.png) no-repeat center bottom;
	width:223px;
	height:168px;
	float:left;
	padding-left:15px;
}
#showroom div img {
	width:207px;
	height:137px;
	margin:1px 0px 0px 1px;
}
#showroom div span {
	display:block;
	background:url(/images/site/sroom_overlay.png) no-repeat center;
	width:209px;
	height:139px;
	position:absolute;
}
#showroom div a {
	float:left;
}
.sl-panel {
	float:left;
	height: 400px;
	position: relative;
	width:960px;
	overflow:hidden;
}	
#sl-controls {
	margin-top:-58px;
	float:right;
	position: relative;
}
.sl-current {
	display:none;
}
.sl-selected {
	display:block;
	width:50px;
	text-align:center;
	float:left;
	color:#747474;
	font-family:helvetica,arial,sans-serif;
	font-size:13px;
	line-height:25px;
}
.sl-next {
	cursor:pointer;
	display:block;
	width:17px;
	height:25px;
	background:url(/images/site/arrows-right.gif) no-repeat top right;
	text-indent:-3000px;
	position: absolute;
	top: 0;
	right: 0;
}
.sl-next:hover {
	background-position:bottom right;
}
.sl-prev {
	cursor:pointer;
	display:block;
	width:17px;
	height:25px;
	margin: 0 20px 0 0;
	background:url(/images/site/arrows-left.gif) no-repeat top left;
	text-indent:-3000px;
	position: absolute;
	top: 0;
	right: 30px;
}
.sl-prev:hover {
	background-position: bottom left;
}
.disabled {
	display: none;
}
div.block-link {
	cursor: pointer;
}
div.block-link:hover p {
	color:#780032;
}
div.block-link:hover h2 {
	color:#780032;
}
div.block-link:hover .arw-link-one,
div.block-link:hover .arw-link-two {
	background:url(/images/site/arrows.gif) no-repeat bottom right;
}
p.excerpt {
	padding-right:25px;
	position: relative;
}
#content-shadow {
	width:1068px;
	height:122px;
	background:url(/images/site/content_shadow.png) no-repeat -6px 0px;
	position:relative;
	z-index:2;
	margin: auto;
}
div.product {
	float:left;
	margin-bottom:40px;
	margin-right:40px;
}
#colright div.product {
	margin: 0 0 1em 0;
}
div.product a {
	border-bottom:3px solid #ededed;
	display:block;
	height:120px;
	width:184px;
	padding-right:3px;
}
div.product img {
	border:1px solid #a1a1a1;
	padding:1px;
}
div.product div {
	width:189px;
	height:50px;
	background:url(/images/site/product_info.gif) no-repeat;
	margin-top:10px;
}
#colleft div.product div h2, #colright div.product div h2 {
	font-size:10px;
	font-family:verdana,sans-serif;
	text-transform:none;
	width:90px;
	padding:10px 10px 0px 14px;
	height:22px;
	float:left;
	line-height:12px;
	color:#969696;
}
#colleft div.product div a, #colright div.product div a {
	display:block;
	float:left;
	background:url(/images/site/product_price.gif) no-repeat;
	height:22px;
	width:65px;
	border-bottom:none;
	text-decoration:none;
	font-size:10px;
	font-family:helvetica,arial,sans-serif;
	letter-spacing:1px;
	text-align:center;
	line-height:22px;
	margin-top:13px;
	margin-right:5px;
	color:#969696;
}
#colleft div.product div a.sale, #colright div.product div a.sale  {
	color:#780032;
}
div.product div a:hover {
	color:#780032;
}
#colleft table {
	width:312px;
	border-left:1px dotted #ababab;
	float:left;
}
#colleft table tr td {
	border-bottom:1px solid #ababab;
	border-right:1px dotted #ababab;
	padding:10px;
	font-size:12px;	
	margin-top:-1px;
}
#colleft table thead tr th {
	font-size:12px;
	text-transform:uppercase;
	padding:10px;
	border-top:1px solid #ababab;
	border-bottom:1px solid #ababab;
	border-right:1px dotted #ababab;
}
#colleft table thead tr th.buy {
	background: #fff url(/images/site/cart_icon.png) no-repeat 10px 6px;
	padding-left: 35px;
}
#colleft table td.buy select {
	width: 70px;
}
#colleft table tr td button {
	background: #fff url(/images/site/button_add_cart.png) no-repeat;
	width: 71px;
	height: 23px;
	padding: 0;
	border: none;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}
#colleft table tr td button.disabled {
	display: block;
	background-position: 0 -23px;
	cursor: default;
}
#colleft .tooltip {
	display: none;
	background: transparent url(/images/site/black_arrow.png) no-repeat;
	color: #fff;
	width: 159px;
	height: 57px;
	padding: 20px 25px 45px;
}
#colleft .tooltip a {
	color: #fff;
}
#colleft .tooltip p {
	font-size: 10px;
	margin: 0 0 5px;
	line-height: 12px;
}
div.info {
	float: right;
	margin: 3px .25em 0 0;
}
div.info img {
	cursor: pointer;
}
span.original {
	text-decoration: line-through;
	display: block;
	font-size: 10px;
}
span.sale {
	display: block;
	color: #780032;
	font-weight: bold;
}
img.detail-image {
	float:left;
	padding:1px;
	margin-right:30px;
	margin-bottom:30px;
	border:1px solid #ababab;
}
p.detail-info {
	width:200px;
}
#productinfo {
	float: left;
	width: 340px;
}
#productdescription {
	float: right;
	width: 340px;
}
#colleft a.link, #colleft a.link:visited {
	background: url(/images/site/divproductdescription-linkbg.gif);
	display: block;
	color: #555;
	width: 272px;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	padding: 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 1em 0;
}
#colleft a.link:hover, #colleft a.link:active {
	color: #780032;
}
#colleft a.link span {
	background: url(/images/site/alink-span-rightarrow.png) right 0 no-repeat;
	padding: 0 20px 0 0;
	height: 14px;
}
#colleft a.link:hover span {
	background-position: right -15px;
}
#colright a.link, #colright a.link:visited {
	background: url(/images/site/colright-alinkbg.gif);
	display: block;
	color: #555;
	width: 159px;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	padding: 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 1em 0;
}
#colright a.link:hover, #colright a.link:active {
	color: #780032;
}
#colright a.link span {
	background: url(/images/site/alink-span-leftarrow.png) left 0 no-repeat;
	padding: 0 0 0 20px;
	height: 14px;
}
#colright a.link:hover span {
	background-position: left -15px;
}
ul#staticbanners {
	margin: 1em 0;	
}
ul#staticbanners li {
	border: none;
	margin: 0 0 1em 0;	
}
#colleft h1.detail-title {
	font-size:24px;
	border-top:3px double #ababab;
	border-bottom:3px double #ababab;
	width:300px;
	line-height:30px;
	font-style:italic;
	padding:5px 0px 5px 0px;
}
div.detail-info {
	float:left;
	width:350px;
}
div.detail-price {
	border-top:1px solid #ababab;
	border-bottom:1px solid #ababab;
	height:40px;
	float:left;
	width:300px;
}
div.detail-price span {
	border-right:1px dotted #ababab;
	display:block;
	line-height:40px;
	height:40px;
	float:left;
	padding-right:20px;
	font-family:helvetica,arial,sans-serif;
	padding-left:20px;
	font-size:12px;
}
div.detail-price a {
	line-height:40px;
	height:40px;
	text-align:right;
	text-transform:uppercase;
	display:block;
	float:left;
	font-size:12px;
	text-decoration:none;
	padding-left:20px;
}	
#sub-footer {
	width:960px;
	background:url(/images/site/subfooter_bg.gif) no-repeat top;
	float:left;
	position:relative;
	z-index:5;
	margin-top:80px;
	padding-top:20px;
}
#sub-footer p {
	font-size:10px;
	font-family:verdana,helvetica,arial,serif;
	line-height:16px;
}
#sub-footer a {
	font-size:10px;
	text-decoration:none;
	padding-right:5px;
	font-family:verdana,helvetica,arial,serif;
}
#sub-footer a:hover {
	color:#780032;
}
	
#contact {

}
#contact #map {
	float: left;
	width: 340px;
}
#contact #form {
	float: right;
	width: 340px;
}
#contact #form fieldset li {
	margin: 0 0 1em 0;
	list-style: none;
}
#contact #form fieldset label {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	margin: 0 0 5px 0;
	display: block;
}
#contact #form fieldset input,#contact #form fieldset textarea {
	display: block;
	padding:4px;
	width: 300px;
	margin: 0;
	background:none;
	border:1px solid #333;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
#contact #form input.submit {
	width:78px;
	height:25px;
	background:url(/images/site/button.gif) no-repeat top left;
	border:none;
	padding:0px 0px 1px 0px;
	cursor:pointer;
	line-height:23px;
	text-align:left;
	text-transform:uppercase;
	text-indent:10px;
}
#contact #form input:focus, #contact #form textarea:focus {
	border:1px solid #780032;
}
#contact #form input.submit:hover {
	background:url(/images/site/button.gif) no-repeat bottom left;
	color:#780032;
	border:none;
}
/*--- Forms ---*/

#mailinglist_form input {
	height:15px;

	padding:4px;
	width:100px;
	background:none;
	border:1px solid #333;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	margin-right:4px;
	float:left;
}
#mailinglist_form input.submit {
	width:78px;
	height:25px;
	background:url(/images/site/button.gif) no-repeat top left;
	border:none;
	padding:0px 0px 1px 0px;
	cursor:pointer;
	line-height:23px;
	text-align:left;
	text-transform:uppercase;
	text-indent:10px;
}
#mailinglist_form input:focus {
	border:1px solid #780032;
}
#mailinglist_form input.submit:hover, input.submit:focus {
	background:url(/images/site/button.gif) no-repeat bottom left;
	color:#780032;
	border:none;
}
	
/*--- Overlay ---*/

#overlay {
	display:none;
	z-index:2000;
	background-color:#fff;
	width:600px;	
	min-height:200px;
	border:1px solid #777;
	padding: 2px;
}
#overlay a.close, #overlay a.close:visited {
	position: absolute;
	top: 5px;
	right: 5px;
	padding:4px;
	border:1px solid #333;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	background: #fff;
}
#overlay a.close:hover, #overlay a.close:active {
	border:1px solid #780032;
	color: #780032;
}
#overlay img.progress {
	top: 48%;
	left: 48%;
	position: absolute;
}