@charset "utf-8";
/* CSS Document */

body
{
background:#000 url(images/mtrainier.jpg) top center no-repeat fixed;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#ccc;
}

td
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#ccc;
}

form {
	margin:0;
}

fieldset {
	border:2px solid #464646;
	background:black;
}

legend {
	font-weight:bold;
	color:#ccc;
}

input, select, textarea
{
background:url(images/searchbg.jpg);
border:1px solid #2A2827;
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#85b6d8;
	border:1px solid #575757;
}

select {
	background-color:black;
	border-color:#464646;
	border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}

option {
	padding:0 5px;
}


h1 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:24px;
	text-align:left;
	margin:0 0 10px;
	color:#85b6d8;
}

h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	text-align:left;
	margin:0 0 4px;
	color:#85b6d8;
}

p {
	margin:10px 0;
}

a {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#85b6d8;
text-decoration:none;
}
a:hover
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#c41230;
text-decoration:none;
}

.car
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:bold;
color:#B0B0AE;
}


.more
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
.more:hover
{
text-decoration:none;
}

td.testimonials {
	padding:0 10px;
	font-size:14px;
	line-height:16px;
	font-family: "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive;
}

a.testimonials {
	font-size:16px;
	font-weight:bold;
	text-decoration: underline;
}
a.testimonials:hover {
	font-size:16px;
	color:#fff;
	text-decoration: none;
}

.go
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:normal;
}
.go:hover
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
margin-left:1px;
}

.submit {
	width:75px;
	background:#c31111 url(images/redgradient.jpg) repeat-x;
	color:#000000;
	cursor:pointer;
	font-weight:normal;
	border:1px solid #750b0b;
}
.submit:hover {
	font-weight:bold;
}

.required {
	color:#FF0000;
}

.welcometext
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#79746e;
}


.footer
{
font-size:11px;
color: #CCCCCC;
text-decoration:none;
}
.footer:hover
{
font-size:11px;
color: #999999;
}


#container {
	width:925px;
	background:url(images/transbg.png);
	border-left:1px solid #181818;
	border-right:1px solid #181818;
	padding:6px 6px 0;
}

#specials {
	width:306px;
	height:320px;
	float:left;
	background:#35312e;
}
#specials td {
	color: #f5f5f5;
}
#specials a {
	text-decoration: underline;
}
#specials a:hover {
	color: #fff;
}
#specials .car a, #specials .car span {
	background:url(images/gallerybutton.jpg) no-repeat left top;
	padding-left:50px;
	color: #f5f5f5;
	display:block;
	height:23px;
	line-height:20px;
	text-decoration: none;
}
#specials .car a:hover {
	text-decoration:underline;
}
#specials a img {
	border:#fff 1px solid;
}
#specials a:hover img {
	border:#ccc 1px solid;
}
#specials .more a img, #specials .more a:hover img {
	border:none;
}

#trade {
	background:url(images/testimonialbg.gif) no-repeat top left;
	height:24px;
	width:296px;
	margin-top:5px;
	border-top:1px solid #494949;
	position:relative;
	z-index:50;
}
#trade a {
	padding-left:50px;
	line-height:20px;
	color: #fff;
	font-weight:bold;
	text-decoration:underline;
}
#trade a:hover {
	color:#CCCCCC;
}

#main {
	background:#33302c url(images/mainbg.jpg) repeat-x;
	padding:0 10px;
	position:relative;
	left:2px;
}

#refinesrch {
	height:23px;
	background:#181818;
	width:100%;
}
#refinesrch table {
	background:url(images/refinebg.jpg) repeat-x left top;
	border-bottom:1px solid #504c49;
}
#refinesrch select {
	height:18px;
	font-size:11px;
}

.blackbox {
	background:#181818;
	border:1px solid #464646;
	padding:8px;
}
.blackbox td {
	color:#B0B0AE;
}
.blackbox p {
	background:url(images/viewbg.jpg) no-repeat top left;
	width:180px;
	height:19px;
	padding-top:4px;
	margin:0;
	text-align:left;
}
.blackbox p a {
	color:#B0B0AE;
	font-weight:bold;
	font-size:13px;
	padding-left:50px;
}
.blackbox a:hover {
	color:#B0B0AE;
	text-decoration:underline;
}
.blackbox a img {
	border:none;
	border-bottom:1px solid #666666;
}


/******** Make menu *******/
#menu {
	padding:0 5px 0 2px;
	margin-bottom:4px;
}

#menu a img {
	border:none;
}

#menu a {
	background:url(images/menubg.jpg);
	width:100px;
	height:66px;
	line-height:66px;
	padding:7px 0;
	float:left;
	text-align:center;
	color: #fff;
}

#menu a:hover {
	background:url(images/menubg_over.jpg);
	color: #000;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 920px; /*Width of Carousel Viewer itself*/
	height: 190px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 5px 6px 0 1px;; /*margin around each panel*/
	width: 165px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 170px;
	font-size: 10px;
	background: url(images/gallerybg.jpg) 0px -50px repeat-x;
	padding: 5px;
	border: 1px solid #2F2C29;
	position: relative;
}
.stepcarousel a {
	font-size: 10px;
}
.stepcarousel img.thumb {
	width: 160px;
	height: 120px;
	display: block;
	border: 1px solid black;
	background: #000 url(images/loading.gif) center no-repeat;
	margin-bottom: 1px;
}
.stepcarousel img.loading {
	padding: 39px 58px;
	background: #000;
}
.stepcarousel img.ribbon {
	position: absolute;
	width: 76px;
	height: 76px;
	right: 1px;
	*right: 2px;
	top: 55px;
	border: none;
}
/*************************/

#webim {
	position:absolute;
	right:65px;
	bottom:5px;
}

#facebook {
	position:absolute;
	left:420px;
	top:30px;
	width:47px;
	height:56px;
	overflow:hidden;
}


#ipadheader {
	width:100%;
	height:303px;
	background:url(images/ipadheader.png) center bottom no-repeat;
	text-align:right;
}
	#ipadheader a img {
		border:none;
	}
	#ipadheader .phone {
		padding:24px 54px 0 0;
		font:bold 28px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
	}
	#ipadheader .buttons {
		padding:20px 15px 0 0;
	}
		#ipadheader .buttons img {
			margin-left:7px;
		}
		
	#ipadheader .headings {
		width:287px;
		float:right;
		text-align:center;
		padding:16px 10px 0 0;
	}
	#ipadheader .heading1 {
		height:44px;
		overflow:hidden;
	}
	#ipadheader .heading2 {
		height:87px;
		overflow:hidden;
	}



#moreInfo, #moreInfoHide { display:none; } 
#moreInfoHide, #moreInfoShow { font-size:8px; }
#moreInfoContainer { font-size:10px; padding:0 10px 10px}
#moreInfo { font-size:11px; }
#moreInfo h1 { font-size:16px; margin-top:10px; }
#moreInfo h2 { font-size:14px; margin-bottom:0 }
#moreInfo h3 { font-size:12px; text-align:left; border:none; white-space:nowrap; margin:15px 20px 5px 0 }
#moreInfo ul { margin:0; padding:0 10px 0 20px; text-align:left; }
#moreInfo li, #moreInfo a { font-size:11px; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.stepcarousel img.ribbon { right: 2px; }
}