html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 18px;
	color: #000;
	background: #fff url(images/bg_greendots.jpg) repeat 0 0;
	font-size: 12px;
	font-family: arial;
        text-align: center;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.red {
  color: #f00;
}

.center {
  text-align: center;
}

a {
  color: #00f;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.border {
  border: 1px solid #aaa;
}



/* My CSS for the website below */


div#page-wrap {
  width: 960px;
  border: 2px solid #335c30;
  margin: 110px auto 0;
  background-color: #fff;
  text-align: left;
  position: relative;
}



div#logo {
  width: 200px;
  height: 216px;
  position: absolute;
  top: -99px;
  left: 392px;
}



ul#menu {
  width: 960px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

ul#menu li {
  float: left;
  padding-bottom: 14px;
}

ul#menu a {
  display: block;
  text-indent: -9999px;
}

ul#menu a#nav_products {
  width: 93px;
  height: 53px;
  background: url(images/nav_products.jpg) no-repeat 0 0;
  margin-left: 172px;
}

ul#menu a#nav_about {
  width: 94px;
  height: 53px;
  background: url(images/nav_about.jpg) no-repeat 0 0;
  margin-left: 21px;
}

ul#menu a#nav_contact {
  width: 109px;
  height: 53px;
  background: url(images/nav_contact.jpg) no-repeat 0 0;
  margin-left: 220px;
}

ul#menu a#nav_wholesale {
  width: 100px;
  height: 53px;
  background: url(images/nav_wholesale.jpg) no-repeat 0 1px;
  margin-left: 21px;
}





div#home-body {
  width: 960px;
  height: 508px;
}


div#home {
  width: 920px;
  margin: 40px 20px 10px;
}

div#home h2#products_hdr {
  text-indent: -9999px;
  width: 130px;
  height: 62px;
  background: url(images/hdr_products.jpg) no-repeat 0 0;
  margin-bottom: 9px;
}

div#home h2#about_hdr {
  text-indent: -9999px;
  width: 112px;
  height: 62px;
  background: url(images/hdr_aboutus.jpg) no-repeat 0 0;
  margin-bottom: 9px;
}

div#home h2#contact_hdr {
  text-indent: -9999px;
  width: 130px;
  height: 62px;
  background: url(images/hdr_contactus.jpg) no-repeat 0 0;
  margin-bottom: 9px;
}

div#home h2#wholesale_hdr {
  text-indent: -9999px;
  width: 115px;
  height: 62px;
  background: url(images/hdr_wholesale.jpg) no-repeat 0 0;
  margin-bottom: 9px;
}

div#home img.padr {
  margin: 0 10px 0 0;
}

div#home p {
  line-height: 30px;
  padding-bottom: 15px;
}



div#bgimage {
  width: 449px;
  padding-right: 10px;
}

div#bgimage p.itemtitle {
  padding: 0;
  color: #c9335b;
  font-size: 24px;
  font-face: helvetica;
}

div#bgimage p.verse {
  padding: 0;
  font-size: 14px;
  font-face: helvetica;
  font-style: italic;
}




div#information {
  width: 181px;
  margin-top: 48px;
}

div#information p {
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}

div#information ul {
  list-style: inside disc none;
  font-size: 12px;
}





div#howtoorder {
  width: 258px;
  margin-top: 48px;
}

div#howtoorder div#top {
  width: 258px;
  height: 62px;
  text-indent: -9999px;
  background: url(images/howtoorder.jpg) no-repeat 0 0;
}

div#howtoorder div#middle {
  width: 258px;
  background: url(images/howtomiddle.jpg) repeat-y 0 0;
}

div#middle img {
  margin-left: 10px;
}

div#middle p {
  margin: 0 20px;
}

div#middle a {
  color: #2c667a;
}

div#howtoorder div#bottom {
  width: 258px;
  height: 16px;
  background: url(images/howtobottom.jpg) no-repeat 0 0;
}





div#thumbnails {
  width: 992px;
}

div#thumbnails img {
  padding-right: 7px;
}

div#up {
  width: 992px;
  padding: 30px 0 10px 0;
}

div#down {
  width: 992px;
  padding: 10px 0;
}






div#info {
  width: 460px;
}

div#info p {
  line-height: 15px;
  padding-bottom: 25px;
}





div#home h3 {
  width: 500px;
  height: 138px;
  background: url(images/aboutus_thanks.jpg) no-repeat 0 0;
  text-indent: -9999px;
  margin: 10px 0 40px 210px;
}

div#home h4 {
  width: 131px;
  height: 132px;
  background: url(images/logo_sm.jpg) no-repeat 0 0;
  margin: 0 0 15px 400px;
  text-indent: -9999px;
}

div#home h5 {
  width: 513px;
  height: 77px;
  text-indent: -9999px;
  background: url(images/contactus_thanks.jpg) no-repeat 0 0;
  margin: 0 0 40px 210px;
}



div#info-left {
  width: 702px;
}

div#info-left img {
  margin: 35px 20px 0 0;
}

div#info-left p.title {
  font-size: 18px;
  padding: 0;
}

div#info-left p.close {
  line-height: 12px;
  padding-bottom: 8px;
}

div#info-left ul {
  margin-right: 80px;
}

div#more-info {
  width: 330px;
}

div#info-left ul.marglft {
  font-weight: normal;
  list-style: disc outside none;
  margin: 0 0 15px 30px;
}

div#info-left p.zoom {
  line-height: 14px;
  text-align: center;
  width: 350px;
  color: #999;
}

div#info-left p.small {
  font-size: 10px;
  width: 350px;
  text-align: center;
  font-weight: bold;
}

div#order {
  width: 702px;
  border: 1px solid #df4d79;
  background-color: #eee;
  padding: 30px 0;
  text-align: center;
}

div#order p {
  padding: 0;
}




div#info-right {
  width: 206px;
  border-left: 1px solid #eee;
  margin-top: -100px;
}

div#info-right p {
  text-align: center;
  color: #aaa;
  line-height: 18px;
}

div#info-right a {
  color: #7abb77;
}

div.img {
  width: 95px;
  text-align: center;
  padding-bottom: 15px;
}

div.pad {
  padding-left: 10px;
}







div#footer {
  width: 960px;
  margin: 5px auto 15px;
  text-align: left;
}

div#footer a {
  color: #00f;
}

div#footer a:active {
  color: #c9335b;
}