/* @override 
	http://vailrubber.perryballard.com/css/basic.css
*/

/* CSS Document */


/*------------------------------------------------------------------

version: 1.1
author: Dave Holt
Questions or problems can be sent to dholt@perryballard.com

------------------------------------------------------------------*/

body {margin: 0px;padding: 0px 0px 0px 5px;height: 100%;background-color: #0066ff;}

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #333333; margin-top: 12px; margin-bottom: 12px;}

a:link {color: #2D5889;text-decoration: underline;}

a:visited {color: #000000;text-decoration: underline;}

a:hover {color: #006699;text-decoration: none;}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bolder;color: #CC6600;line-height: 20px;margin-bottom: 16px;}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #3366CC;padding-left: 0px;margin-bottom: 6px;text-transform: uppercase;}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC6600;
	line-height: 18px;
	margin-bottom: 2px;
}

h4 {font-weight: bold;font-size: 11px;margin-top: 32px;text-transform: uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;}
.floatleft {
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

h5 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;text-align: left;margin: 0px;padding: 0px;}

h6 {font-weight: bold;color: #000000;font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin-bottom: 6px;}

#wrapper {padding: 0px;width: 800px;background:  url("../images/whitegraybkgrnd.gif") repeat-y;display: block;position: absolute;margin-top: 0px;margin-bottom: 0px;margin-left: 5%;}

#header {margin: 0 0 0px;}

#banner {
	height: 133px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background-color: 0066ff;
	background-repeat: repeat;
	background-image: url(../images/gradient.gif);
}

#flash {
	float: right;
	margin-right: 50px;
	background-color: 0033CC;
}

/*----------------- NAVIGATION -------------------*/

#menu {height: 22px;width: 796px;background-color: #999999;border: 2px solid #FFFFFF;margin: 0px;position: relative;text-align: center;padding: 3px 0px 0px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-transform: uppercase;list-style: none;z-index: 5;}

#menu ul {padding: 0 0 0 10px;margin: 0;list-style: none;}

#menu a {display: block;text-decoration: none;color: #FFFFFF;font-weight: bold;}

#menu a:hover {
	color: #003399;
}

#menu li {float: left;text-decoration: none;margin-top: 3px;padding-left: 6px;padding-right: 4px;height: 20px;}

#menu li ul {position: absolute;left: -999em;background-color: #E7E8E6;text-align: left;top:17px; padding-top: 3px;padding-left: 8px;border-top-width: 2px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #FFFFFF;border-right-color: #333333;border-bottom-color: #666666;border-left-color: #FFFFFF;color: #333333;width: 140px;margin-top: 6px;padding-right: 2px; background: #FFFFFF;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;}

#menu li:hover ul {left: auto;} 

#menu li.sfhover ul {left: auto;}

#menu li li {
	white-space: nowrap;
	padding: 0px;
	margin-top:1px;
	width: 137px;
}

#menu li li a:link {color: #000000;}

#menu li li a:visited {color: #0066FF;}

#menu li li a:hover {
	color: #0066FF;
	background-color: #EBEBEB;
}

.rightborder {border-right-width: 2px;border-right-style: solid;border-right-color: #FFFFFF;padding-right: 6px;}


/*------------------------------------------------*/


#bannerwords {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #FFFFFF;float: left;padding: 62px 24px 24px 75px;text-transform: uppercase;}

.underline {text-decoration: underline;color: #000000;}

#toolbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-right: 12px;
	margin-bottom: 14px;
	margin-left: 14px;
	float: right;
	margin-top: 0px;
	position: relative;
	height: 190px;
	width: 190px;
	top: -55px;
	right: 0px;
}

.AlignTopVertical {vertical-align: baseline;}

#toolbar form {display: inline;margin-left: 12px;}

option {color: #FFFFFF;background-color: #082955;margin: 0px;padding: 0px;}

#signature {
	position: relative;
	margin-top: 0px;
	width: 194px;
}




select {display: inline;width: 150px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;margin: 0px;padding: 0px;}

#main {
	float: left;
	width: 590px;
	margin: 0px;
	padding: 0px;
}

#sidebar {margin: 0;float: left;width: 191px;height: 1%;padding-right: 10px;padding-left: 5px;padding-top: 12px;border-right-width: 2px;border-left-width: 2px;border-right-style: solid;border-left-style: solid;border-right-color: #FFFFFF;border-left-color: #FFFFFF;
	text-align: center;
}

.sidebar_block {
	border-bottom: 2px solid #fff;
	width: 184px;
	margin-bottom: 5px;
	padding-top: 10px;
}

#sidebar p {
	text-align: left;
	margin-top: 0px;
	padding-left: 7px;
	padding-right: 7px;
}

#login p {
}
.submit {
	vertical-align: text-top;
}

#sidebar ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	list-style-type: none;
	text-indent: 0px;
}

#sidebar h1 {
	font-family: Arial, Verdana, snas-serif;
	font-size: 14px;
	font-weight: bolder;
}

#footer {clear: both;background: #A2A2A2;}

#photo {height: 155px;width: 588px;border-left-width: 2px;border-left-style: solid;border-left-color: #FFFFFF;}

.content {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;color: #333333;background-image:  url("../images/content_top.jpg");background-repeat: no-repeat;margin-bottom: 2px;padding-right: 36px;padding-left: 24px;padding-top: 16px;margin-left: 10px;}

.lftbottomPADDING {margin-bottom: 16px;margin-left: 12px;}

#choose {position: absolute;top: 45px;width: 150px;left: 25px;text-align: left;margin: 0px;padding: 0px;}

.bold {
	font-weight: bold;
}

form {text-align: left;margin: 0px;padding: 0px;}

.bullet {vertical-align: 1%;}

.tbleBkrnd {
	background-color: #F6F6F6;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

.tbleBkrnd2 {border-bottom-width: 1px;border-bottom-style: inset;border-bottom-color: #666666;}

.tbleBkrnd3 {border-bottom-width: 4px;border-bottom-style: inset;border-bottom-color: #000000;}

.tblShadwRght {background-image:  url("../images/tblShadowRght.gif");background-repeat: repeat-y;border-left-width: 1px;border-left-style: solid;border-left-color: #999999;}

.tblShadwBttm {background-image:  url("../images/tblShadowBttmt.gif");background-repeat: repeat-x;background-position: 0% 0%;}

.tblcorner {background-image:  url("../images/tblcorner.gif");background-position: 0px 0px;background-repeat: no-repeat;}

.tblBorderTop {border-top-width: 1px;border-top-style: solid;border-top-color: #999999;}

.tblBorderLft {border-left-width: 1px;border-left-style: solid;border-left-color: #999999;}

.tblBorderTopLeft {border-top-width: 1px;border-left-width: 1px;border-top-style: solid;border-left-style: solid;border-top-color: #999999;border-left-color: #999999;}

.tbleHead {background-color: #082955;padding: 4px 12px 0px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000000;}

.pageoneArrow {vertical-align: bottom;}

h2>a:link {color: #3366CC;text-decoration: none;}

.highlight {background-color: #CCFF00;}

.tableRatingHead {margin: 12px 6px 6px 24px;font-weight: bold;}

#productBar {float: right;margin-right: 55px;margin-left: 12px;margin-bottom: 24px;padding: 0px;width: 186px;margin-top: 55px;right: 0px;display: inline;clear: none;}

#ProductToolbar {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;width: 186px;position: relative;padding: 0px;height: 190px;margin: 0px;}

.required {color: #990000;}

input {
	border: 1px solid #333333;
	height: 22px;
	color: #999999;
	font-size: 12px;
	padding-left: 8px;
}

.box {border: 1px solid #999999;width: 186px;padding-top: 12px;padding-right: 12px;padding-bottom: 12px;padding-left: 12px;}

.box2 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;border: 1px solid #999999;width: 186px;padding-top: 12px;padding-right: 12px;padding-bottom: 12px;padding-left: 12px;margin-top: 12px;}

#ClearTable {clear: both;}

#container {width: 800px;background-color: #FFFFFF;background-image:  url("../images/white_gray_bkgrnd.gif");background-repeat: repeat-y;}

.spacer30 {height:20px; width:5px;}

.spacer20 {height: 10px;width: 5px;}


.spacer10 {height: 4px;width: 5px;}

#choose2 {position: relative;width: 150px;left: 25px;text-align: left;margin: 0px;padding: 0px;top: 121px;}

.clear {clear: both;width: 10px;}

.tbleBkrndWithBottom {
	background-color: #F6F6F6;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #999999;
	border-bottom-width: 4px;
	border-bottom-style: inset;
	border-bottom-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

.floatRGHT {
	float: right;
	margin-top: 5px;
	margin-bottom: 12px;
	margin-left: 12px;
}

#printbanner {visibility: hidden;position: absolute;}


/*--------------- HACKS ----------------*/

#sidebar a:link {
	color: #0066FF;
	text-decoration: none;
}

#photo {\width: 590px; w\idth: 588px;}

#choose {\width: 175px; w\idth: 150px;}

#productBar {\width: 265x; w\idth: 186px;}

.box2 {\width: 200px; w\idth: 186px;}

/*--------------- 6/20 ----------------*/



.tbleBkrnd3withhighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	background-color: #CCFF00;
	border-bottom-width: 4px;
	border-bottom-style: inset;
	border-bottom-color: #000000;
}
#kicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	background-image:  url("../images/gray_bullet.gif");
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 18px;
	margin-top: 16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 12px;
}

#industrial .industrial a, #metal .metal a, #home .home a, #paper .paper a, #other .other a, #tech .tech a, #thermal .thermal a {color: #003399;}
.repTableHeader {
	background-color: #333333;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-image: url(../images/repTableHeader.jpg);
	background-repeat: repeat-x;
}

.repReverseHeader h1 {
	font-weight: bolder;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}


.repReverseHeader {
	font-weight: bolder;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}



.repTable {	
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;

}
#login {
	padding-bottom: 14px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E2DFE5;
	z-index: 12;
}
.loginbullet {
	vertical-align: text-top;
	margin-right: 8px;
}
h1 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #CC6600;
	line-height: 20px;
	margin-bottom: 16px;
	text-decoration: none;
}
h1 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #999999;
	line-height: 20px;
	margin-bottom: 16px;
	text-decoration: none;
}
#sidebar a:visited {
	color: #0066FF;
	text-decoration: none;
}
#sidebar a:hover {
	color: #0066FF;
	text-decoration: none;
}

#sidebar h3 {
	margin: 0;
	
	text-align: left;
	font-size: 14px;
	padding-top: 4px;
	padding-left: 5px;
}

#backhome {
	height: 40px;
	width: 40px;
	position: absolute;
	top: -6px;
	right: 6px;
}

.sidebar_news {
	padding: 10px;
	width: 184px;
	margin-bottom: 5px;
	padding-top: 5px;
	
}

.sidebar_news h2 {
	text-align: left;
	padding-left: 5px;
}

.sidebar_news p {
	padding: 0px;
	margin: 0px;
}
.newsitem {
	margin-top: 12px;
	margin-bottom: 12px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 12px;
	text-decoration: none;
}

.newsitem:hover {
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 8px 8px 10px;
	cursor: default;
	background-color: #F7F7F7;
	border-top: 4px solid #D5D9DE;
	border-right: 4px solid #D5D9DE;
	border-bottom: 4px solid #C7CBD0;
	border-left: 4px solid #D5D9DE;
	background-image: url(../images/hover_arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;	
}

.newsitem h4 {
	margin-top:12px;
}

.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color: #ccc;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
}


#vail_logo {
	margin-top: -05px;
	width: 207px;
	margin-left: -10px;
	border-bottom: 0px solid #fff;
	height: 150px;

}

#vail_locations {
	text-align: center;
}

#vail_locations ul{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

#vail_locations li{
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}




#contact_us {
	
}


#contact_button {
position: relative;
background: url(../images/ContactButton.png) no-repeat top left;
width: 174px;
height: 48px; 
display: block;
margin-top: 10px;
padding-bottom: 15px;
margin-left: 7px;
}

#contact_button:hover {
background-position: top right;
cursor: pointer;
outline:none;
}


/*--------- Onsite Trial Flash -----------*/
#freerollanalysis {
	width:174px;
	height: 138px;
	margin:0;
	padding:0;
	background: url(../images/free_analysis.png) no-repeat top left;
	display: block;
	margin-bottom: 14px;
	margin-left: 7px;
}


#freerollanalysis:hover {
background-position: top right;
cursor: pointer;
outline:none;
}


/*---------------------------- */


/* --------  roll analysis form css ----- */

form#freeanalysis {
  margin: 0 22px 22px 22px;
  border: 1px dotted #cd2300;
  padding: 15px;
}
form#freeanalysis div { margin-bottom: 10px; }
form#freeanalysis label {
  display: block;
  font-size: 1.3em;
  margin-bottom: 5px;
  cursor: pointer;
}
form#freeanalysis input {
  width: 410px;
  padding: 5px;
}
form#freeanalysis textarea {
  width: 410px;
  padding: 5px;
}
form#freeanalysis p {
  float: left;
  padding-right: 10px;
  margin-bottom: 0;
  color: #555555;
  font-size: 1.3em;
}
form#freeanalysis p input { width: auto; }
form#freeanalysis .clear {
  clear: both;
  margin: 0;
}
form#freeanalysis .submit {
  text-align: right;
  margin-bottom: 0;
}
form#freeanalysis .submit input {
  width: auto;
  cursor: pointer;
}
.ketchup-error-container-alt {
  margin: 10px;
  width: 510px;
  display: none;
}
.ketchup-error-container-alt li {
  background: #f04d5b;
  color: black;
  padding: 3px 10px 3px 10px;
  font-size: 11px;
  margin-bottom: 3px;
  boder-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

/* --------------   Footer Stuff ------------------ */

#base {
	width: 796px;
	height: 200px;
	margin-left: -34px;
	background-color: #4c4c4c;
	margin-right: -60px;
	padding-left: 0px;
	padding-bottom: 20px;
	font-size: 11px;
	border: 2px solid #fff;
	border-bottom: 0;
	color: #fff;
}

#footer_menu {
	width: 776px;
	text-align: center;
	padding: 10px;
	font-size: 12px;
	color: #fff;
	margin-left: 0px;
	border-bottom: 2px solid #fff;
	

}

#footer_menu a {
	color: #fff;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

#copyright {
	position: absolute;
	bottom: 9px;
	width: 796px;
	padding-top: 10px;
	text-align: center;
	border-top: 2px solid #fff;
	clear: both;
}

.footer_address {
	float: left;
	width: 230px;
	padding: 11px;
	text-align: center;
}

.footer_address a {
	color: #fff;
}

.footer_address h2 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-transform: none;
}


#footer_center {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	text-align: center;
	height: 122px;
	width: 240px;

}

.vail_color {
	/* blue */
	color: #0093D1;
}

.middletown_color {
	/* teal */
	color: #0093D1;

}

.surface_color {
	/* orange */
	color: #0093D1;
	
}

.highslide img {
	border: 0;
	margin:12px;
}
.highslide:hover img {
	border-color: none;
}

a.highslide-credits {
	display: none;
}

.highslide-image {
	background: transparent;
}

.highslide-wrapper, .highslide-outline {
	background: transparent;
}