@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}

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

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

body {background: url(images2/bg_span.jpg); background-repeat: no-repeat; background-position: 0px 70px; background-color: #2f2f2f; font: normal normal 75% Verdana, sans-serif; line-height:1.5em; color: #FFFFFF;}
.container {width: 858px; margin: auto;}
.header {position: relative; background: url(images2/header.png); background-repeat: no-repeat; width: 850px; height: 156px; margin-top: 20px;}
.header h1 {display: none;}

.navBar {float: left; width: 850px; height: 30px; background: url(images2/bg_darkgrey.jpg); margin-top: 2px; margin-bottom: 2px;}

ul.tabs {margin: 0; padding: 0; padding-left: 105px; padding-top: 6px; font-size: 14px;}
ul.tabs li {float: left; list-style: none; margin: 0;padding: 0; padding-right: 35px;}
ul.tabs li a {float: left; display: block; color: #fff; }
ul.tabs li a:hover {float: left; display: block; color: #0099FF; text-decoration: none;}
ul.tabs {display: inline-block}
ul.tabs {display: block}

.index1 {float: left; width: 850px; height: 300px; background-color: #0D0D0D; margin-bottom: 5px; background: url(images2/index_alien.jpg);}
.index2 {float: left; width: 280px; height: 145px; background-color: #0D0D0D; margin-right: 5px;}
.index3 {float: left; width: 280px; height: 145px; background-color: #0D0D0D; margin-right: 5px; }
.index4 {float: left; width: 280px; height: 145px; background-color: #0D0D0D;background: url(images2/img008.jpg); overflow: hidden; }
.index4 ul {list-style: none; margin-top: 45px; margin-left: 0px; padding-left: 20px;padding-right:20px}
.index5 {position: absolute; right: 0px; width: 310px; height: 55px; background: url(images2/bg_index_desc.png); margin-top: 240px; z-index: 999;}
.index5 a {color: #FFFFFF; text-decoration: none;}
.index5 a:hover {text-decoration: underline;}
.index5 h1 {font-size: 18px; color: #FFFFFF; padding-top: 10px; padding-left: 10px; margin-bottom: 0px; padding-bottom: 3px; font-weight: bold;}
.index5 h2 {font-size: 12px; color: #FFFFFF; padding-top: 0px; padding-left: 10px; padding-right: 10px; font-weight: normal; line-height:1.5em}

#twitter_update_list {font-size: 15px; height: 165px; overflow-y: hidden; color: #CCCCCC;}
#twitter_update_list li {margin-left: 0px; margin-bottom: 5px; padding-left: 0px;}

.footer {float: left; width: 850px; height: 30px; background: url(images2/bg_darkgrey.jpg); margin-top: 5px; margin-bottom: 20px;}
.footer h1 {text-align: center; padding-top: 10px; font-size: 10px;}

/*////-- SHOP STYLE + LAYOUT --////*/

.shopDesc {float: left; margin-top: 0px; width: 637px; height: 100px; background: url(images2/bg_darkgrey.jpg);}
.shopDesc h1 {font-size: 18px; color: #FFFFFF; padding-top: 15px; padding-left: 15px; margin-bottom: 0px; padding-bottom: 10px; font-weight: bold;}
.shopDesc h2 {font-size: 14px; color: #FFFFFF; padding-top: 0px; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.cartIndex {float: right; margin-top: 0px; margin-right: 8px; width: 208px; height: 100px; background: url(images2/bg_shoppingcart.jpg); background-repeat:no-repeat;}
.cartIndex h1 {font-size: 12px; color: #FFFFFF; padding-top: 8px; margin-top: 0xp; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}
.cartIndex h2 {font-size: 12px; color: #FFFFFF; padding-top: 4px; margin-top: 0xp; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}
.cartIndex a {color: #FFFFFF}
.cartIndex a:hover {text-decoration: none; color: #0099FF;}


.thumbBox {float: left; margin-top: 5px; margin-right: 6px;  height: 235px; width: 208px; background: url(images2/bg_darkgrey.jpg); text-align: center;}
.thumbBox img {margin-left: 6px; margin-top: 6px; float: left; height: 195px; width: 195px; margin-bottom: 5px;}
.thumbBox a {color: #FFFFFF}
.thumbBox a:hover {text-decoration: none; color: #0099FF;}

#Purple {color: #6600CC;} #Blue {color: #0099FF;} #Green {color: #33CC00;}

.prodBoxFalse {float: left; margin-top: 3px; height: 100px; width: 637px; background: url(images2/bg_darkgrey.jpg);}
.prodBoxFalse h1 {font-size: 24px; padding-top: 30px; padding-left: 30px; font-weight: bold;}

.prodBox {float: left; margin-top: 0px; height: auto; width: 637px; background: url(images2/bg_darkgrey.jpg);}
.prodBox h1 {font-size: 18px; color: #fff; font-weight: bold; padding-top: 10px; padding-left: 10px; width: 100%;}
.prodBox h2 {font-size: 97%; padding-right: 10px; color: #FFFFFF}
.prodBox h3 {font-size: 95%; padding-right: 10px; color: #FFFFFF}
.prodBox p {margin-top: 10px;}
.prodBox a {color: #0099FF}
.prodBox a:hover {text-decoration:underline}

.optBox {float: left; width: 70px;}

.txtOldPrice {text-decoration: line-through;}
.txtSalePrice{color: #FF3399; font-weight: bold; }

.addtocart {width: 252px; height: 67px; background: url(images2/btn_addtocart.png); display: hidden; border: 0px;}

.sideBox {float: right; margin-top: 5px; margin-right: 8px; height: 100px; width: 208px; background: url(images2/bg_darkgrey.jpg);}
.sideBox h1 {font-size: 12px; color: #FFFFFF; padding-top: 8px; margin-top: 0xp; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em; text-transform: capitalize;}
.sideBox h2 {font-size: 11px; padding-left: 30px; line-height: 1.3em; font-weight: normal;}

.sideBox2 {float: right; margin-top: 5px; margin-right: 8px; height: 234px; width: 208px; background: url(images2/bg_darkgrey.jpg);}
.sideBox2 h1 {font-size: 12px; color: #FFFFFF; padding-top: 8px; margin-top: 0xp; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.godaddyseal{float: left; margin-left: 70px; margin-bottom: 5px; padding:0px;}
.paypalseal {float: left; margin-left: 30px; padding: 0px;}

ul.thumbs {float: left; margin-left: 10px; margin-top: 5px; padding: 0px;}
ul.thumbs li {float: left; margin-right: 5px; list-style: none; padding: 0px;}

.shopContainer2 {float: left; margin-top: 0px; width: 637px; height: auto; padding-bottom: 10px; background: url(images2/bg_darkgrey.jpg);}
.shopContainer2 h1 {font-size: 18px; color: #FFFFFF; padding-top: 15px; padding-left: 15px; margin-bottom: 0px; padding-bottom: 10px; font-weight: bold;}
.shopContainer2 h2 {font-size: 14px; color: #FFFFFF; padding-top: 0px; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.shipBox {float: left; margin-top: 0px; width: 600px; height: 230px; background: url(images2/bg_darkgrey.jpg);}
.shipBox h1 {font-size: 18px; color: #FFFFFF; padding-top: 15px; padding-left: 15px; margin-bottom: 0px; padding-bottom: 10px; font-weight: bold;}
.shipBox h2 {font-size: 14px; color: #FFFFFF; padding-top: 0px; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.returnBox {float: left; margin-top: 0px; width: 600px; height: 275px; background: url(images2/bg_darkgrey.jpg);}
.returnBox h1 {font-size: 18px; color: #FFFFFF; padding-top: 15px; padding-left: 15px; margin-bottom: 0px; padding-bottom: 10px; font-weight: bold;}
.returnBox h2 {font-size: 14px; color: #FFFFFF; padding-top: 0px; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

/*////-- CART STYLE + LAYOUT --////*/

.cartContainer {float: left; margin-top: 5px; height: auto; width: 840px; padding: 5px;background: url(images2/bg_darkgrey.jpg);}
.cartContainer h1 {font-size: 18px; text-align: center; font-weight: bold; padding-top: 10px;}
.cartContainer h2 {font-size: 18px; font-weight: bold; padding-top: 10px;}

.tdcartEven { background-color: #222222;}
.tdcartOdd {background-color: #333333;}

.cartTopBox {float: left; margin-top: 0px; width: 637px; height: 70px; background: url(images2/bg_darkgrey.jpg);}
.cartTopBox h1 {font-size: 18px; color: #FFFFFF; padding-top: 10px; padding-left: 15px; margin-bottom: 0px; padding-bottom: 10px; font-weight: bold;}
.cartTopBox h2 {font-size: 14px; color: #FFFFFF; padding-top: 0px; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.cartSideBox {float: right; margin-top: 0px; margin-right: 8px; width: 208px; height: 70px; background: url(images2/bg_darkgrey.jpg);}
.cartSideBox h1 {font-size: 12px; color: #FFFFFF; padding-top: 15px; margin-top: 0xp; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.boxCheckout { padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #333333; margin-bottom: 5px; margin-top: 5px; width: 95%; }

.continue { color: #FFFFFF; background-color: #333; border: 1px solid #000000; padding: 4px; }
.continue:hover { background-color: #0099FF; text-decoration: none;}

.continue2 { color: #FFF; background-color: #0099FF; border: 1px solid #000000; padding: 4px; }
.continue2:hover { background-color: #FF3399; text-decoration: none;}

.continue3 { color: #FFFFFF; background-color: #0099FF; border: 1px solid #000000; padding: 4px; width: 150px;}
.continue3:hover { background-color: #FFF; color: #0099FF;  text-decoration: none;}

.cartProgress { color: #666666; padding: 4px; border: 1px solid #CCCCCC; width: 350px; margin: auto;}

.txtcartProgressCurrent { color: #FF9900; font-weight: bold;}

.tdcartTitle { font-weight: bold; color: #FFFFFF; background: #222222; border-bottom: 0px solid #666; padding-right: 4px; 	background-image: url(http://beetnikaesthetics.com/images2/bg_bar_purple.jpg);}

.tdCartSubTotal { padding-top: 10px; border-top: 1px solid #666666;}

.quickBuy { text-align: center; color: #999999; }

.smallBox {float: left; border: 0px solid #CCCCCC; background: #222; padding: 10px; margin:5px; width: 280px; height: 180px;}

.smallBox2 {float: left; border: 0px solid #CCCCCC; background: #222; padding: 10px; margin:5px; width: 235px; height: 180px;}

.textBox {float: left; width: 100px;}

/*////-- MAIN STYLE + LAYOUT --////*/

.mainContainer {float: left; height: auto; width: 840px; padding: 5px;background: url(images2/bg_darkgrey.jpg);}
.mainContainer h1 {font-size: 18px; color: #FFFFFF; padding-top: 10px; padding-left: 10px; margin-bottom: 0px; padding-bottom: 5px; font-weight: bold;}
.mainContainer h2 {font-size: 14px; color: #FFFFFF; padding-top: 0px; padding-left: 10px; padding-right: 10px; font-weight: normal; line-height:1.5em}
.mainContainer h3 {font-size: 15px; color: #FFFFFF; padding-top: 0px; padding-left: 10px; padding-right: 10px; font-weight: normal; line-height:1.5em; font-weight: bold;}


.contactContainer {float: left; height: auto; width: 400px; padding: 5px;background: url(images2/bg_darkgrey.jpg); margin-right: 5px;}
.contactContainer h1 {font-size: 18px; color: #FFFFFF; padding-top: 10px; padding-left: 10px; margin-bottom: 0px; padding-bottom: 5px; font-weight: bold;}
.contactContainer h2 {font-size: 12px; color: #FFFFFF; padding-top: 0px; padding-left: 10px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.contactContainer2 {float: left; height: 130px; width: 425px; padding: 5px; background: url(images2/bg_darkgrey.jpg);margin-bottom: 5px;}
.contactContainer2 h1 {font-size: 18px; color: #FFFFFF; padding-top: 10px; padding-left: 10px; margin-bottom: 0px; padding-bottom: 5px; font-weight: bold;}
.contactContainer2 h2 {font-size: 12px; color: #FFFFFF; padding-top: 0px; padding-left: 10px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.contactContainer3 {float: left; height: 192px; width: 215px; margin-right: 5px; background: url(images2/shop_small.jpg);}
.contactContainer4 {float: left; height: 192px; width: 215px; margin-right: 5px; background: url(images2/blog_small.jpg);}

.retailContainer {float: left; margin-top: 0px; width: 500px; height: auto; background: url(images2/bg_darkgrey.jpg); margin-right: 5px;}
.retailContainer h1 {font-size: 18px; color: #FFFFFF; padding-top: 15px; padding-left: 15px; margin-bottom: 15px; font-weight: bold;}

.retailContainer2 {float: left; margin-top: 0px; width: 345px; height: 234px; background: url(images2/bg_darkgrey.jpg);}
.retailContainer2 h1 {font-size: 18px; color: #FFFFFF; padding-top: 15px; padding-left: 15px; margin-bottom: 0px; padding-bottom: 10px; font-weight: bold;}
.retailContainer2 h2 {font-size: 14px; color: #FFFFFF; padding-top: 0px; padding-left: 15px; padding-right: 10px; font-weight: normal; line-height:1.5em}

.retailState {float: left; margin-bottom: 5px; width: 474px; padding-top: 0px; height: auto; border: 0px solid #fff; margin-left: 15px;}
.retailState h1 {font-size: 15px; color: #00CCFF; margin-bottom: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 8px; font-weight: bold;}

.retailShop {float: left; margin-right: 5px; margin-bottom: 5px; height: 60px; width: 150px; border: 0px solid #fff;}

.form_1 {width: 180px;}
.form_2 {width: 300px;} 
.form_3 {padding-left: 80px;}

.submit { color: #FFFFFF; background-color: #333; border: 1px solid #000000; padding: 4px; width: 80px; }
.submit:hover { background-color: #0099FF; text-decoration: none;}

.question {float: left; margin-left: 10px; padding: 5px; width: 810px;}
.question:hover {background: #222;}
.question h1 {font-size: 15px; color: #00CCFF; padding-top: 5px; margin-bottom: 0px; padding-bottom: 5px; font-weight: bold;}
.question h2 {font-size: 12px; color: #FFFFFF; padding-top: 0px; margin-left: 10px; font-weight: normal; line-height:1.5em}

.successBox {float: left; border: 0px solid #CCCCCC; background: #222; padding: 10px; margin:5px; margin-left:280px; width: 255px; height:auto;}


/*////-- BLOG STYLE + LAYOUT --////*/

.postContainer {float: right; height: auto; width: 640px; padding: 10px;background: url(images2/bg_darkgrey.jpg); margin-bottom: 5px; margin-right: 8px;}

.blogLeftColumn {float: left;  width: 165px; height: auto}
.blogLeft {float: left;  width: 165px; background: url(images2/bg_darkgrey.jpg); height: auto; padding: 10px; padding-bottom: 5px; margin-bottom: 5px;}
.blogLeftTitle {float: left; width: 155px; background: #222; height: 20px; padding: 5px; margin-bottom: 5px;}
.blogLeftTitle h1 {float: left; font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 1.5em;}
.blogLeft img {margin-bottom: 5px; border: 0px;}
.blogLeft h2 {float: left; font-size: 12px; color: #FFFFFF;font-weight: normal; padding-top: 5px; line-height: .5em;}
.blogLeft h3 {text-align: center; font-size: 12px; color: #FFFFFF;font-weight: normal; padding-top: 5px; line-height: .5em; padding-bottom: 0px; margin-bottom: 5px;}



.blogTitle {float: left; width: 640px; background: #222; height: 30px;}
.blogTitle a {color: #FFFFFF}
.blogTitle a:hover {color: #FF3399; text-decoration: none;}
.blogTitle h1 {float: left; font-size: 18px; color: #FFFFFF; padding: 5px; font-weight: bold;}
.blogTitle h2 {float: right; font-size: 12px; color: #FFFFFF; padding: 5px; font-weight: normal;}

.blogContent {float: left; padding: 10px; width: 620px;}
.blogContent h1 {font-size: 16px; color: #FFFFFF; padding: 5px; padding-left: 0px; margin-left: 0px; font-weight: bold;}
.blogContent p {margin-top: 0px; margin-bottom: 8px;}

.blogFooter {float: right; height: 20px; margin-right: 8px; width: 640px; padding: 10px;background: url(images2/bg_darkgrey.jpg);}
.blogFooter a {color: #FFFFFF}
.blogFooter a:hover {color: #FF3399; text-decoration: none;}
.blogFooter h1 {float: left; font-size: 12px; color: #FFFFFF; font-weight: normal; line-height: 1.5em;}
.blogFooter h2 {float: right; font-size: 12px; color: #FFFFFF; font-weight: normal; line-height: 1.5em;}

.postContainerSingle {float: right; height: auto; width: 640px; padding: 10px;background: url(images2/bg_darkgrey.jpg); margin-bottom: 5px; margin-right: 8px;}