html, body {
	font-family: Tahoma;
	font-size: .9em;
	margin: 0px;
	background-image: url(../image/site/hdrbkgrnd.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

div.container {
	text-align: left;
}
div.content {
	width: 900px; /* to center the content you need to set a fixed width and set right and left margins to auto */
	margin: 0 auto;
}

.myNav {
    margin: 0.5in auto;
    color: #fff;
    width: 120px;
    padding: 10px;
    text-align: left;
    border: 2px solid #1dd900;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#top {
	padding: .5em;
}
#top h1 {
	padding: 0;
	margin: 0;
}

div.leftnav {
	float: left;
	width: 120px;
	padding: 10px;
	border: 2px solid #1dd900;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

div.maincontent {
	float: left;
	width: 700px;
	padding: 20px;
	height: 100%;
	margin: 0 0 0 10px;
	border: 2px solid #1dd900;
	
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#login {
	margin-left: 180px;
	border-left: 1px solid #00CC00;
	margin-right: 140px;
	border-right: 1px solid #00CC00;
	padding: 1em;
	height: 100%;
	text-align: center;
}
div.footer {
	clear: both;
	width: 100%;
	height: 150px;
	color: #000000;
	text-align: center;
	padding-top: 20px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 login { padding: 0 0 .5em 0; margin: 0; }

h2 { font-family: 'Palatino Linotype', 'Book Antiqua'; font-size: 28px; font-style: italic; font-weight: bold; }

a:link { text-decoration: none; color: #00CC00; font-weight: bold; }
a:hover { text-decoration: underline; color: #000000; font-weight: bold; background-color: #99FF99; }
a:active { text-decoration: none; color: #00CC00; font-weight: bold; }
a:visited {	text-decoration: none; color: #00CC00; font-weight: bold; }

.ssdlogo { float: left; padding: .5em; }
.headbanner { text-align: center; vertical-align: middle; }
.rjfooter { position:static;  text-align: right; }
.summaryimg { vertical-align: middle; border: 0; height: 90px; }
.summarylist { margin: 1em 1em 3em 1em; }
.prodimgthblg1 { float: left; border: 0; max-width:250px; width: expression(this.width > 250 ? 250: true); }
.prodtitle { position: relative; width: 370; font-family: 'Palatino Linotype', 'Book Antiqua'; font-size: 28px; font-style: italic; letter-spacing: 1px; font-weight: bold; text-align: center; padding: 0em 0em 1em 0em; }
.prodprice { position: relative; font-size: 16; letter-spacing: normal; font-weight: bold; text-align: center; text-indent: none; padding: 6px; }
.prodimgthbsm { position: static; text-align: center; padding-top: 35px; padding-bottom: 15px; border: 0;  }
.prodpgimgthb { position: relative; float: left; text-align: left; padding-bottom: 10px; border: 0;  }
.prodcontent { text-align: justify; }
.pid { text-align: left; font-size: .7em; }
.prodsale { text-align: center; font-family: 'Palatino Linotype', 'Book Antiqua'; font-size: 18px; font-style: italic; color: #00CC00; letter-spacing: 1px; font-weight: bold; text-align: center; }
.prodsold { text-align: center; font-family: 'Palatino Linotype', 'Book Antiqua'; font-size: 18px; font-style: italic; color: red; letter-spacing: 1px; font-weight: bold; text-align: center; }
.imgth { max-width: 80px; width: expression(this.width > 80 ? 80: true); border: 1px solid black; }
.textcentered { text-align: center; }
.error { text-align: center; font-size: 1.2em; font-weight: bold; color: #FF0000; border: 1px solid red; padding: 1em; /* Do rounding (native in Firefox and Safari) */ -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.status { text-align: center; font-size: 1.2em; font-weight: bold; color: #00CC00; border: 1px solid #00CC00; padding: 1em; }
.formelements { text-align: center; font-size: 0.9em; }
.mandatory { color: #FF0000; font-weight: bold; text-align: center; }
.padtext { text-align: justify; padding: 0px 60px 0 60px; }
.spansmbox { text-align: center; width: 80px; border: 1px solid black; }
.divsmbox { float: left; text-align: center; width: 49%; height: 140px; padding: 10px 0px 10px 0px; }
.largefont { font-size: 1.5em; font-weight: bold; }
.textbottom { vertical-align: text-bottom; }
.floatright { text-align: right; }
.rejeans { float: left; }
.prodfooter { font-size: .8em; }

div.spacer {
  clear: both;
  }

div.float {
	float: left;
	width: 120px;
	height: 185px;
	border: 1px solid #00CC00;
	margin: 15px 0px 5px 5px;
	padding-top: 10px;
	text-align: center;
  	
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* File Upload CSS */
#photocontainer {
	margin: auto;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	background-color: #FFFFFF;
}

#loader{
   visibility:hidden;
}

#f1_upload_form{
   height:100px;
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}

.msg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}

.emsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}