/* CSS Document - Hopper */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}


/* Links */
a{
	font-weight:bold;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
a:link, 
a:visited {
	color: #FFF;
}
a:hover {
	color: #CCC;
}


/* Div's */
#wrap {
	text-align: center;
	padding: 0px;
	width: 942px;
	margin-top: 0px;
	margin-bottom: 0;
}
#leftNav {
	position: relative;
	min-height:500px;
	height:535px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #333;
	padding-top: 15px;
}
#mainContent {
	position: relative;
	overflow: auto;
	color: #FFF;
	text-align: center;
}
#footer {
	padding-left: 157px;
	text-align: center;
}
#keywords{
	font-size: 1px;
	color: #FFF;
}
#wrap #main #mainContent table {text-align: center; padding-top: 0px; padding-right: 1px; padding-bottom: 8px;
	padding-left: 1px;}

/* Class' */
.left {	float:left;}
.title1 {font-size: 14px}
.title2 {
	font-size: 18px;
	font-weight: bold;
}
.title3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #FFF;
}
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 15px;
	text-align: justify;
	line-height: 18px;
	padding: 5px;
}
.w157 {width: 157px;}
.w784 {
	width: 784px;
}
.w942 {width: 942px;}
.h550 {
	height: 550px;
	position: absolute;
	resize: both;
}
.h480 {
	height: 480px;
	padding-top: 10px;
	width: 640px;
	/* [disabled]position: relative; */
	z-index: 1;
	visibility: visible;
}
.h480hidden {
	height: 480px;
	padding-top: 10px;
	width: 640px;
	position: relative;
	z-index: 2;
	visibility: hidden;
}


.h700 {height: 700px;}
.h720 {
	height: 720px;
}

.h810 {height: 810px;}



/* structural styles and offsets */
ul.expanding, ul.expanding li, ul.expanding ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}
ul.expanding {position: relative; cursor: default; width: 157px;}
ul.expanding li {
	position: relative;
	min-height: 40px;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	width: 157px;
	margin: -1px 0 0 0;
	background-color: #333;
}
ul.expanding ul {cursor: default; width: 157px; padding: 2px 0; position: absolute; left: -100em;}
ul.expanding ul li {width: 147px; padding-left: 10px;}


/* design styles */
ul.expanding a:link, ul.expanding a:visited {display: block; cursor: hand; cursor: hand; padding: 5px 7px; text-decoration: none; 	letter-spacing: 1px; }
ul.expanding a:hover, ul.expanding a:focus, ul.expanding a:active, ul.expanding a.rollover:link, 
ul.expanding a.rollover:visited {
	color: #FFF;
}


/* submenu indicator arrows */
ul.expanding li.hasmenu > a:link, 
ul.expanding li.hasmenu > a:visited {
	background-color: #333;
	background-image: url(assets/down-green.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.expanding li.hasmenu > a:hover, 
ul.expanding li.hasmenu > a:focus, 
ul.expanding li.hasmenu > a:active, 
ul.expanding li.hasmenu > a.rollover:link, 
ul.expanding li.hasmenu > a.rollover:visited {
	background-color: #333;
	background-image: url(assets/down-red.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

* html ul.expanding li.hasmenu a:link,
* html ul.expanding li.hasmenu a:visited {background: expression(/hasmenu/.test(this.parentNode.className)? "url(assets/down-green.gif) #BBB9B4 no-repeat 95% 50%" : "#BBB9B4");}

* html ul.expanding li.hasmenu a:hover, 
* html ul.expanding li.hasmenu a:active, 
* html ul.expanding li.hasmenu a.rollover:link, 
* html ul.expanding li.hasmenu a.rollover:visited {background: expression(/hasmenu/.test(this.parentNode.className)? "url(assets/down-red.gif) #BBB9B4 no-repeat 95% 50%" : "#BBB9B4");}


/* browser hacks */
@media screen, projection {
    * html ul.expanding li {
	display: block;
	float: left;
	background: #333;
}
}

#columns {
	background-image: url(images/pr_clmns.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#bands {
	background-image: url(images/pr_band.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#bases {
	background-image: url(images/pr_base.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
}
#wcaps {
	background-image: url(images/pr_wcaps.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#trims {
	background-image: url(images/pr_trim.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#sills {
	background-image: url(images/pr_sills.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#sbrds {
	background-image: url(images/pr_sbrds.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#capitals {
	background-image: url(images/pr_capitl.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#fzbrd {
	background-image: url(images/pr_fzbrd.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#hdbrd {
	background-image: url(images/pr_hdbrd.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#keystn {
	background-image: url(images/pr_keystn.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#panel {
	background-image: url(images/pr_panel.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#pcaps {
	background-image: url(images/pr_pcaps.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#quoin {
	background-image: url(images/pr_quoin.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#circle {
	background-image: url(images/pr_circle.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
	background-color: #000;
}
#cornc {
	background-image: url(images/pr_cornc.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
}
#blstrs {
	background-image: url(images/pr_blstrs.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
	}
#scrnrs{
	background-image: url(images/pr_scrnrs.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
	font-size: small;
	}
#HLH {
	background-attachment: scroll;
	background-image: url(images/HOPPER_HOME_DESIGN.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 550px;
	width: 783px;
}
.logoL {
	float: left;
	width: 152px;
	text-align: center;
	height: 100px;
}
.logoR {
	clear: none;
	float: none;
	margin-left: 167px;
	width: 775px;
	background-color: #333;
	height: 100px;
	vertical-align: middle;
}
.pl10 {
	padding-left: 10px;
	color: #FFF;
	text-align: justify;
}
#MainConGal {
	padding-top: 10px;
	position: relative;
}
.orderForm {
	text-align: left;
	width: 500px;
	padding-left: 50px;
}
.border1 {
	border: 1px solid #FFF;
}
.aboutBack {
	background-image: url(images/Right-2011-02-24.png);
	background-repeat: no-repeat;
	height: 550px;
	width: 784px;
	left: 10px;
	text-align: left;
}
.back {
	background-image: url(images/Back.png);
	background-repeat: no-repeat;
	height: 550px;
	width: 784px;
	left: 10px;
	text-align: left;
	background-position: bottom;
}