@charset "UTF-8";
/* CSS Document */

/* SITE COLORS

TEXT
Gray:		#333333
Pink: 		#7C2675
Purple: 	#412977
Lt Pink: 	#8A50A0
Body:		#231F20

Drk Beige:	#D3D3C9
Lt Beige:	#EFEFE8
*/

/* START GLOBAL STYLES */

* {
padding: 0;
margin: 0;
}

html, body {
min-height: 100%;
height: auto !important;
*height:100%;
}

body{
margin: 0px auto;
padding: 0px;
background-color:#FFFFFF;
font-size:13px;
color:#231F20;
font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
behavior:url(csshover.htc);
min-height: 100%;
height: auto !important;
*height:100%;
background-image: url(../images/main_bg.gif);
*background-image: url(../images/main_bg_body.gif);
background-position: center;
background-repeat: repeat-y;
}

img{
border: 0px;
border: none;
margin: 0px;
}

a {
color: #412977;
}

a:link{
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

/* END GLOBAL STYLES */


/* START DIV STYLES */

div#pageContainer,
div#centerContainer{
position:relative;
min-height: 100%;
height: auto !important;
*height:100%;
overflow: visible;
}

div#pageContainer,
div#footer{
margin: 0px;
padding: 0px;
width:100%;
text-align: center;
vertical-align: top;
}

div#centerContainer,
div#footerTag{
margin-left:auto;
margin-right:auto;
width:815px;
text-align: left;
}

div#centerContainer{
background-image: url(../images/main_bg.gif);
background-position: left;
background-repeat: repeat-y;
}

div#headerContainer{
background-image:url(../images/main_hdr.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 152px;
width: 620px;
float: left;
color: #412977;
}

div#headerContainer ul{
padding: 120px 0px 0px 152px;
*margin-top: -2px;
}

div#headerContainer li{
padding: 0px;
margin: 0px;
font-size: 15px;
font-weight: bold;
display: inline;
list-style-type: none;
padding-right: 15px;
*padding-right: 10px;
}

div#headerContainer a{
color: #412977;
text-decoration: none;
}

div#headerContainer a:link{
text-decoration: none;
}

div#headerContainer a:hover,
div#headerContainer label{
border-bottom: 2px solid #8A50A0;
}

div#rightRail{
clear: right;
width: 195px;
float: right;
padding-bottom: 30px;
}

div#rightTag{
background-image: url(../images/main_tag_hrt_cntr.gif);
background-position:top left;
background-repeat: no-repeat;
height: 187px;
}

/* BEGIN PROMOS */

div#promoImg{
margin: 0px;
padding: 0px;
height: 110px;
}

div#promo1{
background-image: url(../images/promo_1.gif);
background-position: top left;
background-repeat: no-repeat;
height: 110px;
}

div#promo2{
background-image: url(../images/promo_2.gif);
background-position: top left;
background-repeat: no-repeat;
height: 110px;
}

div#promo3{
background-image: url(../images/promo_btm.gif);
background-position: top left;
background-repeat: no-repeat;
height: 110px;
}

div#promo1 p,
div#promo2 p,
div#promo3 p{
padding: 80px 25px 0px 25px;
text-align: right;
}

div#promo1 a,
div#promo2 a,
div#promo3 a{
font-size: 12px;
color: #5A5B5B;
text-decoration: none;
}

div#promo1 a:link,
div#promo2 a:link,
div#promo3 a:link{
text-decoration: none;
}

div#promo1 a:hover,
div#promo2 a:hover,
div#promo3 a:hover{
border-bottom: 2px solid #8A50A0;
}

/* END PROMOS */


div#contentCantainer{
margin: 0px;
padding: 0px;
}

div#leftNavigation{
font-size: 14px;
font-weight: bold;
color: #7C2675;
clear: left;
float: left;
padding: 10px 10px 30px 5px;
width: 170px;
}

div#leftNavigation ul{
padding: 0px 0px 0px 20px;
list-style-type: none;
}

div#leftNavigation li{
padding: 0px 0px 5px 0px;
list-style-type: none;
line-height: 14px;
}

div#leftNavigation a {
color: #333333;
text-decoration: none;
}

div#leftNavigation a:link {
text-decoration: none;
}

div#leftNavigation a:hover {
color: #7C2675;
text-decoration: none;
}

div#pageCopy{
float: left;
width: 400px;
padding: 10px 10px 100px 5px;
}

div#pageCopy h1{
font-size: 22px;
font-weight: bold;
color: #412977;
padding-bottom: 5px;
}

div#pageCopy h2{
font-size: 18px;
font-weight: bold;
}

div#pageCopy p{
margin: 5px 0px 10px 0px;
}

div#pageCopy ul{
list-style-type: square;
padding: 0px 0px 10px 25px;
}

/* START PRODUCT AREA */

div#productBox{
}

div#productImage{
float: left;
width: 120px;
text-align: left;
margin: 0px 0px 0px -10px;
}

div#productContent{
float: left;
width: 240px;
padding: 15px 10px 0px 10px;
margin: 0px 0px 20px 0px;
}

div#productContent H3{
font-size: 14px;
font-weight: bold;
color: #412977;
}

div#productDesc{
border-top: #8A50A0 1px solid;
}

div#productDesc p{
margin: 5px 0px 5px 0px;
}

div#addCart{
margin: 0px 0px 0px -3px;
}

/* END PRODUCT AREA */



/* START ORDER AREA */

div#orderItem {
border-top: #412977 1px solid;
padding: 10px 0px 30px 0px;
margin: 20px 0px -20px 0px;
clear: both;
float: left;
width: 400px;
}

div#orderItem label{
display: block;
float: left;
clear: both;
width: 100px;
text-align: right;
margin: 5px;
}

div#orderItem select {
width: 205px;
float: left;
margin: 5px 0px 5px 0px;
}

div#orderItem input {
width: 200px;
float: left;
margin: 5px 0px 5px 0px;
}

div#orderItem textarea {
width: 202px;
float: left;
margin: 5px 0px 5px 0px;
}

/*
div#orderItem input {
width: 200px;
float: left;
background-color: #EFEFE8;
border-style: none;
border-width: 0px;
border-bottom: #412977 solid 1px;
height: 20px;
*height: 30px;
}
*/

.qty {
width: 20px;
}

div#orderSubmit {
padding: 0px 0px 0px 105px;
}

/* END ORDER AREA */



/* START FOOTER AREA */

div#footer{
position: fixed;
*position: absolute;
bottom: 0px;
padding: 0px;
margin: 0px;
left: 0px;
right: 0px;
vertical-align: bottom;
}

div#footerTopBorder{
clear: both;
border-top-color: #7C2675;
border-top-style: solid;
border-top-width: 1px;
}

div#footerLowerBorder{
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
background-color:#D3D3C9;
height: 80px;
color: #5A5B5B;
}

div#footerTag{
padding: 10px 20px 0px 70px;
}

div#footerTag H1{
color: #8A50A0;
font-size: 17px;
font-weight: bold;
padding: 0px 0px 5px 0px;
}

div#footerLinks{
float: left;
}

div#footerLinks li{
padding: 0px;
margin: 0px;
font-size: 12px;
font-weight: bold;
display: inline;
list-style-type: none;
padding-right: 20px;
}

div#footerLinks a{
color: #5A5B5B;
text-decoration: none;
}

div#footerLinks a:link{
text-decoration: none;
}

div#footerLinks a:hover{
border-bottom: 2px solid #8A50A0;
}

div#footerCopyright{
float: right;
font-size: 9px;
padding: 0px 90px 0px 0px;
}

/* END FOOTER AREA */