/*==================================*/
/*    Author: Lane Roberts          */
/*    Company: Corporate 3 Design   */
/*    Date: January 12, 2009        */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background:url(../images/main/tile.jpg) repeat top center;
}
.clear {
	clear:both;
}
/* Change colors and options for your default on links */
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #3084b6;
}
a:active {
	text-decoration: none;
	outline:none;
}
a:focus {
	outline:none
}
img {
	border: 0;
}

#wrapper {
	/* Wraps around the content */
	width:800px;
	min-height:100%;
	background: transparent url(../images/main/shadow_bg_brown.png) repeat-y top center scroll;
	margin:0 auto;
	padding:0px 20px 0 20px;
	position:relative;
}
* html #wrapper {
	height:100%;
}


/*==================================*/
/*------------- Header  ------------*/
/*==================================*/
#top_stripe {
	background:url(../images/main/top_stripe_bg.png) repeat-x top left;
	margin:0;
	width:100%;
	height:10px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#nav_wrap {
	/* should closely match #wrapper */
	width:800px;
	margin:0 auto;
	padding:0px 20px 20px 20px;
	z-index:4;
	position:relative;
}
ul#navigation {
	display:block;
	list-style-type:none;
	z-index:5;
}
ul#navigation li {
	float:right;
	text-align:center;
}
ul#navigation li a {
	width:90px;
	display:block;
	font-size:.75em;
	height:55px;
	padding:15px 0 0 0;
	background:url(../images/main/nav_bg.png) no-repeat -95px 0px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
}
ul#navigation li a:hover
,body#about ul#navigation li a.about
,body#product ul#navigation li a.product
,body#contact ul#navigation li a.contact
,body#gallery ul#navigation li a.gallery {
	background-position:-5px 0px;
	padding-top:25px;
	color:#471111;
	font-weight:bold;
}

#header {
	background-color:#ffffff;
	z-index:1;
}
#header h1#logo {
	width:465px;
	height:15px;
	position:relative;
	font-size:10px;
	padding-top:40px;
	background-color:#ffffff;
}
#header h1#logo span {
	background: #ffffff url(../images/main/logo.png) no-repeat top left;
	position:absolute;
	width:100%;
	height:100%;
}

/*==================================*/
/*---------- Content Area ----------*/
/*==================================*/

#content {
	padding:0;
	background-color:#ffffff;
	padding-top:70px;
	z-index:2;
}
body#home #content,
body#buy  #content {
	padding-top:35px;
}
#content h2 {
	color:#471111;
	font-size:1.6em;
	margin-bottom: .5ex;
	font-weight:bold;
	line-height:110%;
}
#content h3 {
	color:#666666;
	font-size:1.1em;
	font-weight:normal;
	line-height:140%;
	margin-bottom:.5ex;
}
#content h4 {
	color:#471111;
	font-size:1em;
	font-weight:bold;
	line-height:120%;
	margin-top:1ex;
	margin-bottom:1ex;
}
#flasharea {
	width:800px;
 height:325px;
}

#flashlocationsarea{
    width:550px;
    height:425px;
}


#content p {
	font-size:.8em;
	margin-top:2ex;
}

#content p#otherColor {
    color:#471111;
	font-size:.8em;
	width:500px;
}

#content ul {
	margin:0 0 0 2em;
	line-height:120%;
}
#content ul li{
	font-size:.8em;
	margin-top:1ex;
}

#dealerdist {
	display:block;
	width:156pd;
	height:63px;
	background:url(../images/main/dealerDistAppButton.gif) no-repeat -4px 0;
	text-align:left;
	text-indent:-3000em;
	overflow:hidden;
}
#dealerdist:hover {
	background-position: -4px -67px;
}

#triggers img {
	margin:10px 0;
}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}


/*==================================*/
/*----------   COLUMNS    ----------*/
/*==================================*/

#content #bodyCopy {
	float:left;
	width:465px;
	padding:0 15px 0 25px;
	background-color:#ffffff;
}
#content .col_1 {
	float:left;
	width:150px;
	min-height:720px;
	background:#ffffff;
	padding:0 25px 0 25px;
}
#content .callout {
	float:left;
	width:245px;
	min-height:720px;
	background:#ffffff url(../images/main/vert_shadow_long.png) 0 50% no-repeat;
	padding:0 15px 0 25px;
	margin-left:5px;
	text-align:right;
	position:relative;
}
body#home #content .callout {
	background-image:url(../images/main/vert_shadow.png);
	width:235px;
	min-height:250px;
	padding-right:25px;
}
body#about #content .callout {
	background-image:url(../images/main/vert_shadow_med.png);
	min-height:370px;
	width:235px;
	padding-right:25px;
}
body#contact #content .callout
,body#contact #content .col_1
,body#locate #content .callout
,body#recommend #content .callout
,body#recommend #content .col_1 {
text-align:left;
}
#content .callout .quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style:italic;
	color:#471111;
	line-height:140%;
}

div.showcase {
	float:left;
	width:350px;
	text-align:center;
}
div.controls {
	float:left;
	width:380px;
	padding: 0 0 0 35px;
	background:url(../images/main/vert_shadow.png) no-repeat left center;
}


/*==================================*/
/*----------     FORMS    ----------*/
/*==================================*/

#content form ul{
list-style:none;
margin:0;
padding:0;
}

#content form ul li {
margin:0;
padding:0;
text-indent:0;
}

#content form ul li label {
	display:block;
	margin:2ex 0 0 0;
}

#content form ul li input[type=text] {
width:210px;
margin:0;
}

 #content form ul li textarea {
 height:80px;
 width:210px;
 margin:0;
 }
 #content form ul li select {
 	width:165px;
	margin:0 0 0 10px;
 }
 #content form ul li select option {
 padding-left:5px;
 }
#content form #submit {
	background:url(../images/main/submit.png);
	cursor:pointer;
	border:none;
	width:92px;
	height:32px;
	text-indent:-9999em;
}

em.error {
	display:inline;
	color:#CC0000;
	padding-left:1em;
}


#buy fieldset {
	background:#e6e6e6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	border:none;
	color:#000;
	margin:10px 0;
	padding:10px;
	font-size:1.2em;
}
fieldset.qty {
}
input#qty {
	width:60px;
	font-size:1.15em;
}
label.size {
	float:left;
	margin:10px 0 0;
}
span.size {
	display:none;
	text-align:center;
	float:left;
	height:30px;
	width:34px;
	margin:0 5px;
	padding:10px 3px 0 ;
	background:#471111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	color:#ffffff;
	cursor:pointer;
}
span.selected {
	background:#794e4e;
}

button {
	display:block;
	background:#471111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	font-size:1.15em;
	color:#ffffff;
	border:none;
	float:left;
	padding:5px 10px;
	cursor:pointer;
}
button.add {
	float:right;
}
input#total {
	display:block;
	float:left;
	padding:5px 10px;
	border:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	background:#e6e6e6;
	font-size:1.2em;
	color:#471111;
	width:6em;
	font-weight:bold;
	margin-left:10px;
}
#cart {
	width:100%;
	text-align:right;
}
#cart th {
	text-align:center;
}
#cart td {
	padding:3px;
}
/*==================================*/
/*----------    FOOTER    ----------*/
/*==================================*/

#footer {
	background: url(../images/main/footer_shadow.png) no-repeat 0 0;
	clear:both;
	width:800px;
	margin:0 auto 0 auto;
	padding:30px 0 10px 0;
	text-align:center;
	color:#ffffff;
}
#footer p {
	font-size:.7em;
	margin-bottom:10px;
}
#footer p a {
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
}

#footer p a:hover{
	text-decoration:underline;
}