/* Created by Synergy 1/14/09 */
/* Modified by Jason Ebensberger 01.16.2009 */
@media screen{
/*---------== GLOBAL ==------------*/
* {padding: 0px; margin: 0px;}
.clearBoth {clear:both; margin:0; padding:0;}
.lightBckGrd {background:#F2F2F2;}
a {text-decoration:none; color:blue;}
 a:visited {text-decoration:none; color:blue;}
 a:active, a:focus, a:hover, input[type="image"] {color:blue; outline: 0; text-decoration:underline;}
body {background: #37352C; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}
hr {margin:auto 5px;}
p {text-align:justify; margin:0 0 10px 0; padding:2px 10px;}

/*---------== HEADER AND FOOTER ==------------*/
#bottomgrad {background-image: url(../images/grad_bottom_832x17.jpg); width: 832px; height: 17px; margin: 0px; padding: 0px; font-size:1pt;}
#footercon {width: 762px; height: 35px; clear: both; background: #222222; margin: 0px 35px 0px 35px; padding: 0px;}
#footertext	{font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align:center; color: #FFFFFF; padding-top: 12px;}
 #footertext a, a:visited	{color:#FFF;}
#headerbg {background-image: url(../images/grad_hdr_repeat_1x112.jpg); background-repeat:repeat-x; height:112px; width: 762px; margin: 0px; padding: 0px;}
#headercon {width: 762px; margin: 0px 35px 0px 35px;}
#headerlogo {width: 420px; height: 55px; padding: 17px 0px 0px 14px; margin: 20px; float: left; background:no-repeat url(../images/png/newheader.png);}
 #headerlogo a {display:block; width:400px; height:78px; margin-top:-20px;}
#headerrightcon {width: 180px; height: 112px; float: right;}
#headerrighttext {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: right; padding: 55px 15px 0px 0px;}
#pagebanner {float: left; width: 762px; padding: 0px; margin: 0px 35px 0px 35px; background-image:url(../images/new.jpg);display: inline; height:auto;}
#pagebanner_secondaryPages {float: left; width: 762px; padding: 0px; margin: 1px 35px 0px 35px; background-image:url(../images/middle_grey_banner.jpg); display: inline; height:62px;} /*JME 01.14.2009*/
#pagebanner_shopOwners {float: left; width:762px; padding: 0px; margin: 0px 35px 0px 35px; background:no-repeat url(../images/middle_banner_StepstoComply.jpg); height:auto;}

/*---------== NAVIGATION AND BUTTONS ==------------*/
#about_laserpaint a {width: 134px; background: url(../images/top_nav/about_laserpaint.jpg) top left no-repeat;}
#buttoncon {width: 372px; height:119px; margin: 153px 0px 0px 387px;}
#buttons {position: relative; top: 0px; left: 0px; list-style: none; margin: 0; padding: 0; height: 119px; display: inline; overflow: hidden;width: 372px;}
#buttons a {float:left ;padding: 118px 0px 0px 0px; overflow: hidden; height: 0px !important; height /**/:119px; /* for IE5/Win */}
#buttons a:hover {background-position: 0 -119px;}
#buttons a:active, #nav a.selected {background-position: 0 -119px;}
#buttons li {margin: 0; padding: 0; display: inline; list-style-type: none;}
#custLogin a {color:#FFF;}
#custLogin a:visited {color:#FFF;}
.sectionButton {display:block; margin:3px; padding:4px 10px; background:#2885A4; color:#FFF; float:right; font-weight:bold;}
.sectionButton:hover {text-decoration:underline;}
#nav {text-align:center; position: relative; padding: 0px 0px 0px 0px; list-style: none; margin: 0; height: 24px; display: inline; overflow: hidden;width: 762px;}
#nav a {float:left;padding: 20px 0 0 0;overflow: hidden;height: 0px !important;height /**/:23px; /* for IE5/Win */}
#nav a:hover {background-position: 0 -20px;}
#nav a:active, #nav a.selected {background-position: 0 -20px;}
#navigation {float: left; width: 762px; color: #333; padding: 0px; margin: 0px 35px 0px 35px; background: #2885A4;display: inline;}
#home a	{width: 71px; background: url(../images/top_nav/home.jpg) top left no-repeat;}
#steps_to_comply a {width: 118px; background: url(../images/top_nav/steps_to_comply.jpg) top left no-repeat;}
#online_training a {width: 118px; background: url(../images/top_nav/online_training.jpg) top left no-repeat;}
#training_login a { float:right;width: 118px; background: url(../images/top_nav/training_login.jpg) top left no-repeat;}
#contact_us a {width: 100px; background: url(../images/top_nav/contact_us.jpg) top left no-repeat;}

#pre a {width: 120px; padding-left:5px; background: url(../images/element_buttons/button1.jpg) top left no-repeat;}
#paint a {width: 120px; padding-left:5px; background: url(../images/element_buttons/button2.jpg) top left no-repeat;}
#post a	{width: 120px; background: url(../images/element_buttons/button3.jpg) top left no-repeat;}

/*---------== PAGE STRUCTURE ==------------*/
#leftcolumn {color: #333; background: #FFFFFF; margin: 0px 0px 0px 35px; padding: 0px 0px 25px 0px; width:200px; height:auto; float:left; display:inline;}
 #leftcolumn a {color:blue;}
#rightcolumnll{background: #FFFFFF; margin: 0px; padding: 12px 10px 0px 25px; width: 202px; float: left; display: inline;}
#rightcolumnlr{background: #FFFFFF; margin: 0px; padding: 16px 0px 0px 0px; width: 324px; height: 233px; float: left; display: inline;}
#rightcolumncon	{border-left:1px solid #999997;float: left; color: #333; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; width: 561px; display: inline;}
 #rightcolumncon a	{color:blue;}
 #rightcolumncon a:visited {color:blue;}
 #rightcolumncon ul {margin:10px 0 10px 25px;}
 #rightcolumncon li {padding:3px 0 3px 0;}
#rightcolumntop	{background: #FFFFFF; margin-top: 10px; padding: 9px 0px 0px 25px; width: 546px;}
#shadow {margin: 0 auto; padding: 0px; width: 832px; background-image: url(../images/grad_repeat_832x1.jpg); background-repeat:repeat-y; height:auto}

/*---------== IMAGES ==------------*/
img {border-width: 0px; outline: none;}
 img.flRight {float:right; padding:10px; margin:10px;}
 img.flLeft	{float:left; padding:10px; margin:10px;}
 
/*---------== TEXT AND LISTS ==------------*/
#leftcolumn li {padding:0; margin:4px 0 0 0;}
 #leftcolumn ol,ul {margin:0 25px 10px 25px;}
#nav li {margin: 0; padding: 0;	display: inline; list-style-type: none;}
.dollarAmount {color:#2885A4; font-size:18px;}
.dollarAmountRed {color:#660000; font-size:18px;}
.pleaseNote	{color:#CC0000;}
.productName		{color:#999; margin-left:12px;font-size:17px;}
.requiredValue		{color:#CC0000;}
h1 {color:#2885A4; padding:5px; font-size:20px;}
 h1 .subH1tText {color:#7C7C7C; display:block; text-align:left; font-size:16px;}
h2 {color:#2885A4; padding:5px; font-size:15px;}
#onlineprice {color:#60AA33; font-weight:bolder; text-align:center; font-size:16px;}

/*---------== FORMS RULES ==------------*/
.completePurchBtn {display:block;clear:both; margin:0 0 0 180px; width:125px;height:31px;background:#2885A4;text-align:center;line-height:31px; color:#FFF; font-size:11px;font-weight:bold;-moz-border-radius:0.4em; -khtml-border-radius:0.4em;}
.emailSent {font-size:14px; color:#339933; text-align:center; margin:30px 0 0 0;}
.orderFormError	{color:red; text-align:center; margin:5px auto; width:100%;}
.orderFormTotalCol {margin-left:200px; font-weight:bold; text-align:right; display:block;}
fieldset {border:1px solid #2885A4; padding:0 5px; margin-bottom:15px; -moz-border-radius:0.4em; -khtml-border-radius:0.4em;}
legend {margin-left:10px; color:#2885A4; font-size:18px; font-weight:bold;}
 legend span {font-size:40px;}
/*Form Concept from Antonio Lupetti http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html - Modified by Jason Ebensberger http://www.iwrc.org*/
.myform	 {margin:0 25px; width:500px;padding:8px; background:#FFF;}
#stylized {border:solid 2px #2885A4;background:#EEE;margin:20px;}
 #stylized .button {clear:both; margin:0 0 0 180px; width:125px;height:31px;background:#2885A4;text-align:center;line-height:20px;color:#FFFFFF;font-size:13px;font-weight:bold;}
 #stylized h1 {font-size:16px;font-weight:bold;margin-bottom:8px;color:#2885A4;}
 #stylized h2 {font-size:12px;font-weight:bold;margin-bottom:8px;color:#2885A4;}
 #stylized input {float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:200px;margin:2px 0 5px 10px; -moz-border-radius:0.4em; -khtml-border-radius:0.4em;}
  #stylized input:focus {background:#FFFFCC; border:1px solid #2885A4;}
 #stylized label {display:block;font-weight:bold;text-align:right;width:180px;float:left;}
 #stylized .medInput {width:60px;}
 #stylized p {font-size:11px;color:#666666;margin-bottom:20px;border-bottom:solid 1px #b7ddf2;padding-bottom:10px; clear:left;}
 #stylized select {float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:270px;margin:2px 0 20px 10px; -moz-border-radius:0.4em; -khtml-border-radius:0.4em;}
 #stylized .small {color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:180px;}
 #stylized .smallInput {width:25px;}/*JME 01.16.2009*/
 #stylized textarea {float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:200px;margin:2px 0 20px 10px; -moz-border-radius:0.4em; -khtml-border-radius:0.4em;}/*JME 01.16.2009*/
  #stylized textarea:focus {background:#FFFFCC; border:1px solid #2885A4;}
/*---*/
}