/*----------- [Table of contents] -----------

01. Body
	02. Wrapper
	03. Header
	04. Navigation
	05. General Properties
	06. Banner
	06a More Link
	07. Sub Nav
	08. Content
	08a Form
	09. Footer
	10. Faq
	11. Testimonials
	12. Buy Now
	13. Other
	14. button menu


-------------------------------------------*/



/*---------- 1. BODY ----------------------*/

#googlecart-widget{
  z-index:999;
}

body {
margin: 0;
padding: 0;
background: url(../images/bg.jpg) no-repeat top center fixed;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
}

/*---------- 2. Wrapper ----------*/
#wrapper {
width: 790px;
margin: 0 auto;

}

/*---------- 3. Header ----------*/
#header {
height: 137px;
position: relative;
background: url(../images/header_bg.png) no-repeat;
z-index:10;
}


/*---------- 4. Navigation ----------*/

#nav{
width: 400px;
height: 10px;
position:relative;
margin: 10px auto 20px auto;
padding:0;
}

#nav li{
float: left;
}

#nav li a{
position:absolute;
top:0;
margin:0;
padding:0;
display:block;
height:10px;
text-indent:-9999px;
overflow: hidden;
font-size:1%;
}

li#nav_hom a{
left:-90px;
top:-24px;
width: 110px;
height: 47px;
background: url(../images/buttons/Homebutton.png);
background-position: 0 0;

}

li#nav_faq a{
left: 26px;
top:-24px;
width: 110px;
height: 47px;
background-position: 68px 0;
background: url(../images/buttons/FAQbutton.png);
}

li#nav_testi a{
left: 142px;
top:-24px;
width: 110px;
height: 47px;
background-position: -122px 0;
background: url(../images/buttons/Testbutton.png);
}

li#nav_buy a{
left: 258px;
top:-24px;
width: 110px;
height: 47px;
background-position: 232px 0;
background: url(../images/buttons/Buybutton.png);
}

li#nav_tel a{
left: 374px;
top:-24px;
width: 110px;
height: 47px;
background-position: 347px 0;
background: url(../images/buttons/Tellbutton.png);;
}


li#nav_hom a:hover, #nav li.current_h a{
background: url(../images/buttons/Homepush.png);
}

li#nav_faq a:hover, #nav li.current_f a{
background: url(../images/buttons/FAQpush.png);
}

li#nav_testi a:hover, #nav li.current_t a{
background: url(../images/buttons/Testpush.png);
}

li#nav_buy a:hover, #nav li.current_b a{
background: url(../images/buttons/Buypush.png);
}

li#nav_tel a:hover, #nav li.current_e a{
background: url(../images/buttons/Tellpush.png);;
}

/*---------- 5. General Properties ----------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,label,p,blockquote,th,td,a{margin:0;padding:0;}

fieldset,img{border:0;}
ol,ul {list-style:none;}

.clear { clear: both; }

a { color: #E90A89; text-decoration: none; }
a:hover  { text-decoration: underline; }

.pink_border {
padding: 3px;
border: 2px solid #de0971;
}

.pink_border2 {
border: 2px solid #de0971;
}

/*---------- 6. Banner  ----------*/

#home_banner {
padding: 4px;
border: 2px solid #de0971;
width: 662px;
height: 335px;
margin: -50px auto 10px auto;
position: relative;
background: url(../images/home-banner_4.png) no-repeat center;
}
/*turns the boarder of the banner blue and makes it look clickable, no longer used ----Matt H
#home_banner:hover {
padding: 4px;
border: 2px solid #0878c4;
cursor: pointer;
}
*/
#home_banner a {
width: 125px;
height: 25px;
display: block;
position: absolute;
top: 296px;
left: 138px;
text-indent:-9999px;
outline: none;
cursor: pointer;
}

#home_banner a:hover {
background: url(../images/home-buy-now.jpg) no-repeat;
}

#sub_banner {
padding: 4px;
border: 2px solid #de0971;
width: 662px;
height: 145px;
margin: 0 auto 30px auto;
background: url(../images/sub-banner.png) no-repeat center;
position: relative;
cursor: pointer;
}

#sub_banner a {
width: 103px;
height: 23px;
display: block;
position: absolute;
top: 103px;
left: 404px;
text-indent:-9999px;
outline: none;
cursor: pointer;
}

#sub_banner  a:hover {
background: url(../images/sub-buy-now.jpg) no-repeat;
}

#sub_banner:hover {
padding: 4px;
border: 2px solid #0878c4;
}

#sub_banner_buynow {
padding: 4px;
border: 2px solid #de0971;
width: 662px;
height: 145px;
margin: 0 auto 30px auto;
position: relative;
}

/*--------- 6a More Link  ------------*/
#more-link a {
display:block;
font-family:sans-serif;
font-style:inherit;
font-variant:normal;
font-weight:bold;
height:1px;
margin-left:375px;
text-decoration:none;
width:3px;
}
/*--------- 7. Sub Nav   ----------*/
#sub_nav {
width: 674px;
margin: 0 auto 21px auto;
background: ;
height: 92px;
position: relative;
}

#buy-now-box a {
width: 216px;
height: 108px;
display: block;
background: url(../images/buy-now.png) no-repeat;
border: 2px solid #de0971;
text-indent: -9999px;
float: left;
outline: none;
margin-top: -10px;
}

#buy-now-box a:hover {
border: 2px solid #0878c4;
background: url(../images/buy-now-hover.png) no-repeat;
}

#faq-box a {
width: 216px;
height: 108px;
display: block;
background: url(../images/faq.png) no-repeat;
border: 2px solid #de0971;
text-indent: -9999px;
float: left;
margin: 0 0 0 7px;
outline: none;
margin-top: -10px;
}

#faq-box a:hover {
border: 2px solid #0878c4;
background: url(../images/faq-hover.png) no-repeat;
}

#testimonials a {
width: 216px;
height: 108px;
display: block;
background: url(../images/testimonials.png) no-repeat;
border: 2px solid #de0971;
text-indent: -9999px;
float: right;
outline: none;
margin-top: -10px;
}

#testimonials a:hover {
border: 2px solid #0878c4;
background: url(../images/testimonials-hover.png) no-repeat;
}

/*---------- 8. Content ----------*/
#h3 {
color:#000000;
font-size:12px;
font-weight:bold;
}

#content h6 {
font-weight: Bold;
color:#000;
font-size:24px;
}

#content {
width: 674px;
margin: 0 auto 40px auto;
}

#content h1 {
font-size:18px;
font-weight:bold;
color:#E90A89;
margin: 0 0 15px 0;
padding:0;
}

#content #content_left {
width: 324px;
line-height: 18px;
float: left;
}

#content #content_right {
width: 324px;
line-height: 18px;
float: right;
}

/*---------- 8a Form ----------*/
#form {
font-family:Verdana;
font-size:150%;
font-weight:bold;
position: absolute;
height:120px;
width:400px;
/* If you dont use the frame and make this a full page, uncomment to have form in the middle
Margin-top:200px;
margin-left:600px;
*/
padding-top:10px;
padding-left:10px;

}

/*--- 9. Footer  ----------*/

#footer {
width: 674px;
margin: 0px auto 30px auto;
font-size: 9px;
}


/*---------- 10. Faq  ----------*/

#faq_content_left {
width: 202px;
float: left;
}

#faq_content_right {
width: 472px;
float: right;
}

#faq_content_right h2 {
font-size: 18px;
color:#000000;
margin: 0 0 0px 0;
padding: 0;
}

#faq_content_right h3 {
color:#E90A89;
font: Verdana;
font-size:18px;
font-weight:bold;
margin: 0 0px 15px;
}

#faq_content_right h4 {
color:#000000;
}

#faq_content_right .questionDiv {
font-weight: bold;
font: Verdana;
font-size:22px;
background: url(../images/question-text.gif) no-repeat 0 3px;
padding: 0 0 8px 30px;
line-height: 24px;
}

#faq_content_right .answerDiv {
font: Verdana;
font-size:18px;
background: url(../images/answer-text.gif) no-repeat 0 3px;
padding: 0 0 30px 30px;
line-height: 24px;
}

/*---------- 11. Testimonials  ----------*/

#testi_content_left {
width: 231px;
float: left;
}

#content h6 {
font-weight: Bold;
color:#000;
font-size:24px;
}

#testi_content_right {
width: 443px;
float: right;
}

#testi_content_right h2 {
margin: 0 0 8px 0;
padding: 0;
font-weight: bold;
color: #221F1F;
font-size: 18px;
}

#testi_content_right p {
margin: 0 0 25px 0;
padding: 0;
line-height: 24px;
}

/*---------- 12. Buy Now  ----------*/

#buynow_content_left {
width: 266px;
float: left;
}

#buynow_content_right {
width: 408px;
float: right;
}

#buynow_content_right h2 {
color:#000000;
margin: 0 0 0px 0;
padding: 0;
}

#buynow_content_right h3 {
color:#E90A89;
font-size:12px;
font-weight:bold;
margin: 0 0px 15px;
}

#buynow_content_right h4 {
color:#000000;
}

#buynow_content_right h5 {
color:#E90A89;
font-size:12px;
}

#buynow_content_right p {
margin: 0 0 25px 0;
padding: 0;
line-height: 18px;
}

.btn_buy_now {
width: 102px;
height: 22px;
margin: auto; 
}

.btn_buy_now a {
width: 102px;
height: 22px;
background: url(../images/btn_buynow.jpg) no-repeat;
display: block;
text-indent: -9999px;
}

.btn_buy_now a:hover {
background: url(../images/btn_buynow_hover.jpg) no-repeat;
}

.pink_border2 {
border: 2px solid #de0971;
}


/*--- 13. Other  ----------*/

.skip{

	display:none;

}
.hbuttons a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: black;
width: 100px;
height: 23px;
float: left;
display: inline;
margin-right: -480px;
margin-left: 496px;
background-image:url(/images/tabsquare.png);
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
}

.hbuttons a:hover{
width:100px;
background-image:url(/images/tabsquareover.png);
}

.button3 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: black;
width: 110px;
height: 23px;
float: left;
display: inline;
margin-right: -480px;
margin-left: 486px;
background-image:url(/images/btn3.gif);
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
}
.button4 a{
display: block;
text-decoration: none;
font: bold 11px Arial;
color: black;
width: 110px;
height: 41px;
float: left;
display: inline;
margin-right: -480px;
margin-left: 486px;
background-image:url(/images/btn4.gif);
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
}
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 2px solid;
margin-left: 364px;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #704968;
text-decoration:none;
}


.buttonmenu li a:visited{
color: white;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background-color: #CDB4C8;
}