html  { font-size: 125% }

body  { margin: 0; padding: 0; font-size: 50%; font-family: Arial, Helvetica, sans-serif; }

#mainWrapper  { width: 770px; background: #FDB384 url(../images/redGradiant.gif) repeat-x; border: 1px #000 solid; margin: 1em 0 ; margin-right: auto; margin-left: auto; }

#topBanner  { width: 100%;  height: 2.6em; background-color: #FDB384; margin: 0 0 1.5em 0}
#topBanner h1{  font-size: 1.5em; line-height: 2em; color: #C31024; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0;  padding-left: 18px; letter-spacing: .1em; }

.boldLink{ color: #C31024; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
a.boldLink:link, a.boldLink:visited, a.boldLink:active { text-decoration: none;}
a.boldLink:hover{ 	text-decoration: underline;}

.mail{ color: #000; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
a.mail:link, a.mail:visited, a.mail:active { text-decoration: none;}
a.mail:hover{ 	text-decoration: underline;}


#logoPosition  { z-index: 10; margin: 3em 0 0 2.4em; width: 400px; }

#navBox1  { Position: relative; left: 0px; background-color: #FFF; float: left; width: 229px; height: 170px;  margin: 0 10px 24px 18px; }

#navBox2  { Position: relative; left: 0px; background-color: #FFF; float: left; width: 229px; height: 170px;  margin: 0 0 24px 3px; }

#navBox3  { Position: relative; left: 0px; background-color: #FFF; float: left; width: 229px; height: 170px;  margin: 0 0 24px 13px; }

.menu  { Position: relative; left: -33px; width: 100%; font-weight: bold; color: #FFF; font-size: 1.3em; line-height: 1.6em; }

.menu ul  { list-style: none; }

.menu li  { float: left; }

.menu a  { margin: 0 2px 0 12px; padding: 0 0 0 18px; width: 210px; height: 23px; display: block; text-align: left; text-decoration: none; color: #FFF; background: #C31024 url(../images/arrowNav1.gif) no-repeat left; }

.menu a:hover  { background: #000 url(../images/arrowNav1.gif) no-repeat left; }

.menu a:active  { background: #C31024; }

.subnav  { margin: -33px 0 0 0;  font-size: 1.2em; font-weight: normal; }

.subnav ul  { list-style: none; }

.subnav li  { float: right;  }

.subnav li a:link, .subnav li a:visited, .subnav li a:active  { height: 16px; width: 100px; padding: 0 4px 0 16px; margin: 0 10px 0 6px; color: #C31024; text-decoration: none;  text-align: left; background: url(../images/arrowNav1.gif) no-repeat left; }

.subnav li a:hover  { text-decoration: none; color: #000; background: #FFF url(../images/arrowNav1.gif) no-repeat left; padding: 0 4px 0 16px; margin: 0 10px 0 6px;}

.tagline  { z-index: 20; width: 600px; font-weight: bold; color: #FFF; font-size: 2em; padding: 0; margin: -2em 0 1em 9em; }

.tagline2  { z-index: 20; width: 400px; font-weight: bold; color: #FFF; font-size: 1.6em; padding: 0; margin: -1.3em 0 1em 8em; }

.clear  { clear: both; }

p  { font-size: 1.2em; margin: 0; padding: .4em; line-height: 1.3em }

.intro  { font-size: 1.6em; padding: .4em; }



/* Products structure */
.wrapper { width: 730px; margin-right: auto; margin-left: auto; background: url(../images/textBG.gif) repeat-y  top; }
 
.redTop { background-color: #C31024; width: 100%; height: 3em; }
.topText {font-size: 1.4em; color: #FFF; padding: .5em; line-height: 1.6em; }

.textBox  { float:left; width: 480px; margin: 0; padding: 0; }

.textarea { margin: 0; padding: .6em; }

.detailBox {float:right; width: 240px; margin: 0; padding: 0;}


/* About structure */
.wrapperAbout {  width: 730px; margin-right: auto; margin-left: auto; background: #FFF; }
.textAbout  {  float:left; width: 480px; margin: 0; padding: 0; }

#product { float: left; margin: .5em; clear: both; }
.img{ border:  1px #000 solid; }

.navImg{ float: right; margin: .5em; clear: both; }

/*===================== Photo Enlargment Link =====================*/

.enlarge{ font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #0D6CB5; padding: 0 0 6px 18px; margin: 8px 6px 0 0; background: url(../images/iconmagnify.gif) no-repeat left 2px;}
a.enlarge:link, a.enlarge:visited, a.enlarge:active { text-decoration: none;}
a.enlarge:hover{ 	text-decoration: underline;}


.copyright { font-size: 1.1em; color: #999; margin: 1em; float: right;}