/*|-----universal styles for project-----| */
body { background: url(images/bg1.jpg); margin: 0; padding: 0; text-align: center; background-repeat: repeat-x;	background-attachment: fixed;}
h3 { font-size: .9em; font-family: Helvetica, Arial, Sans-Serif;}
p { text-align: justify; font-family: Helvetica, Arial, Sans-Serif; padding: 5px 15px 0 15px; }
h4 { font-size: .7em; font-family: Helvetica, Arial, Sans-Serif;}
.formsList { text-align: left; padding-left: 4em;}
.spacedOut { letter-spacing: .1em;  }
.checkbox { text-align: left; margin-left: 2em;}
/*|------  Master Page Secions ----|*/
/*|------main container-----| */
#container { width: 90%; background: #fff; margin: 0 auto; padding:0; overflow: hidden; max-width: 850px;}
.content { }
/*|-----header-------|*/ 
#header { width: 100%; margin: 0; background: url(images/headerBg.jpg); }

/*|------navigation tabs------|*/
#navigation {padding-top: .2em;  overflow: hidden;}
#nav {padding: .05em 100px 0 0; margin: 0;}
#nav li {width: auto; margin: 0;	padding: 0;	list-style: none; float: left; font: bold 11px arial }
#nav li a {	display: block;	margin: 0 1px 0 0; padding: 4px 10px; width: 90px; background: #49A3FF; color: #FFF; text-align: center; text-decoration: none; }
#nav li a:hover { background: #5970B2}
/*-----hidden menu for drop down navigation-----*/
#nav div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2; }
#nav div a	{ position: relative; display: block; margin: 0; padding: 5px 10px;	width: 100px; white-space: nowrap; text-align: left;	text-decoration: none; background: #EAEBD8;	color: #2875DE; font: 11px arial }
#nav div a:hover {	background: #49A3FF; color: #FFF; }
/*-|----translation gadget div-----| */
#translate { width: 150px; float: right; padding-right: 50px; z-index: 1;  position: relative;}
/*|-----Site Map-----|*/
#siteMap { float: left; padding-left: 12px; width: 833.5px; text-align: left;}
/*|-----bottom navigation on master page-----| */
#bottomNav { width: 100%; padding:0; margin:0; overflow: hidden; }
#bottomNav li { width: 99%; display: inline;  margin: 0 2em 0 0; padding: 0;}
/*|-----lower email address on master page-----| */
#lowerEmail { font-size: 1.1em; font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; color: #424242;
letter-spacing:0.1em;}
/*|-----main content area-----|*/
div.content { background: #fff; overflow: hidden; text-align: center; clear: left; position: relative; top: -70px; margin-top: 0; padding-top:0; z-index: 0;}
* div.content {margin-left: 0; }
/*|-----footer-----| */
#footer {  width: 850px; margin: 0; padding: 1em; background: url(images/footera.jpg) no-repeat; color:#008;}
#footer a:link { text-decoration: underline; color:#008; }
#footer p { padding: 0 0 0 1em; }
#footer img { border: none; }
#footer a:visited {text-decoration: none; color:#008; }
#footer a:active { text-decoration: none; color:#008; }
#footer a:hover { text-decoration: underline; color: red;}

#moreInfo { height: 30px; }
#w3logo { float: left;  color: #008;} 
#w3logo a, img {border: none; }
#companyInfo {  color: #005a9c; overflow: hidden; margin:0 0 0 3em; width: 350px; margin: 0 auto;}       
#w3 { border: none; }
#copyRight { font-size: 10px; padding-top: 1em; width: 22em; margin: 12.3em auto 0 auto;}
/*--------------------------------------------------------------*/
 
/*|-----home page-----| */
      /*scrolling banner*/
#scroll p {  color: #49A3FF; font-size: larger; font-weight:bolder;}
#homeContainer { width: 100%;}
#homeImage3 { padding: 0 0 0 100px; width: 250px;}
#homeRtColumn { width: 77%; float: right;  text-align: left; }
#homeRtColumn img { padding-left: 16%;}
#homelftColumn { width: 19%; float: right;  }



/*|-----Who we are-----| */


/*|-----Products-----| */
#productsContent ul {clear: both; text-align: left; }
#productsContent li {font-family: Helvetica, Arial, Sans-Serif; }
#productsList { width: 500px; text-align: left; margin-left: 2em;}
#Button1 { margin-left: 10%; }
#cylindricalHeading { margin-bottom: 0em; letter-spacing: .1em;}
#planetaryHeading { margin-bottom: 0em; letter-spacing: .1em; }
#newFeatures img { margin-left: 40px; float: left; }


/*|-----Cylindrical page-----|*/
#cylindricalImage1 { margin: 0 0 0 30px;}

/*|-----Cylindrical Die Request Print page -----|*/
#cRequestHeading { text-align: center; }
#cContainer { width: 849px; }
#cRequestInput { display: block; text-align: left; float: left;  margin: 0 auto;   }
#cRequestInputTable { margin-left: 70px; }
#cRequestMailImage { display: block; float: left; width: 49%; margin: 0 auto; }
.idTextBox { display: block; position: relative; float: right; right: 220px; top: -215px;}
.keywayDepthTextBox { display: block; position: relative; float: left; left: 220px; top: -168px;}
.keywayWidthTextBox { display: block; position: relative; float: right; right: 200px; top: -86px; }
.widthTextBox { display: block; position: relative; float: right; right: -45px; top: -53px;}
.cylindricalInput { margin-bottom: 20px; }
#CdieRequestImage { float: left; position: relative; top: 250px; }

/*|-----planetary Nail die page-----|*/
.nailDieOrderRequest { display: block; text-align: left; margin: 20px 0 0 0; width: 99%;  height: 740px; padding: 1.5em 1em 1.5em 3em; background: url(images/background.jpg) no-repeat;}
.nailDieOrderRequest h1 {text-align: center; }
.nailRequestLabel { text-align: right; }
.nailDieOrderRequest table, tbody { width: 630px; }

/*|-----Order notes-----|*/
#orderNotes { text-align: center; padding-top: 20px; font-weight: bold; font-size: small; clear: left;}
/*|-----asp img controls-----|*/
.cylindricalDie1 { padding-right: 50px; }
/*.cylindricalDie2 { padding-left: 50px; }
    

/*|-----contact us------|*/
#contactContent { width: 850px; margin: 0; padding: 0; }

#contactRightColumn { width: 300px; text-align: left; float: left;  margin-left: 2em; }
.contactTableLeft { text-align: right;  padding-left: 50px; }
.contactTableRight {text-align: left; padding: 3px 0 3px 0; margin: 12px 0 12px 0; }
.contactTableBottom { text-align: left; padding-bottom: 1em; }
.validationSummary { text-align: left; width: 250px; margin: 0 auto;}
#commentsTextArea { margin: 2em; text-align: left;}
.contactConfirmationPanel { margin: 3em auto 10em auto; }
.contactProblemPanel { color: red; margin:0 auto; clear: left;}
.error { color: Red; font-size: 1.1em; }

.errorSummary { color: Red; text-align: left; width: 200px; margin: 3em 0 1em 10em;}

/*|------image class styles-----|*/
.imageLeft { padding: 3px;}
.imageRight {  padding: 3px; }


/*|-----2 column layout-----| * /
/*|-----column container-----|*/
.colcontainer { }
/*-----left column-----*/    	  
.col1 { float: left; width: 49%; }
.col1 table {float: right; }
.col1 ul {text-align: left; }
.col1 p { text-align: justify; }
/*-----right column-----*/
.col2 { float: left; width: 49%;  padding: .2em;}
.col2 p { text-align: justify;}


/*|-----forms-----|*/
#forms { text-align: left; margin-left: 25%;}
#cylindricalForms { text-align: center; }