@charset "utf-8";

body {background: url('images/siteBack.jpg') 0 0 fixed; font-family: Tahoma, sans-serif; font-size:12px;}
*{	margin: 0; outline: none;}
.w970 {width:970px; padding-top: 0; background: url ('images/fon.jpg') 0 0 repeat-x;}
.w870 {width:870px;}
.w800 {width:800px;}
.w700 {width:700px;}
.w675 {width:675px;}
.w670 {width:670px;}
.w660 {width:660px;}
.w600 {width:600px;}
.w530 {width:530px;}
.w515 {width:515px;}
.w500 {width:500px;}
.w494 {width:494px;}
.w440 {width:440px;}
.w400 {width:400px;}
.w390 {width:390px;}
.w360 {width:360px;}
.w350 {width:350px;}
.w330 {width:330px;}
.w320 {width:320px;}
.w300 {width:300px;}
.w290 {width:290px;}
.w250 {width:250px;}
.w220 {width:220px;}
.w150 {width:150px;}
.w100 {width:100px;}
.w70 {width:70px;}
.w50 {width:50px;}
.w30 {width:30px;}

.h5 {height:5px;}
.h10 {height:10px;}
.h20 {height:20px;}
.h70 {height:70px;}

.tc {text-align:center;}
.tr {text-align:right;}
.tj {text-align:justify;}
.ma {margin:auto;}
.wt {color: #4b114c;}
.fl {float:left;}
.fr {float:right;}

.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}

.brdr {border: solid 1px #4b114c;}
.white {color:#ffffff;}

.margin-type-0 {margin:2px;}
.margin-type-1 {margin:5px 5px 5px 0;}
.margin-type-2 {margin:5px 0;}
.margin-type-3 {margin-left:10px;}
.margin-type-4 {margin-left:120px;}
.margin-type-5 {margin-left:30px;}
.margin-type-6{margin-left:25px;}
.pa {padding-top:0;}

.nounder {underline:none;}
.fon {background: url('images/fon.jpg') 0 0 repeat-x;}

.introbody {background-image: url(images/back.gif) 0 0 repeat-x;}
.internalbody {background-image: url(images/back.gif) 0 0 repeat-x;}
.maindiv {border:none; margin:0 auto 42px auto; width:1000px; background:#ffffff; -moz-border-radius: 6px;-webkit-border-radius: 6px; box-shadow: 0 0 20px #4b114c;}
.clear {clear:both;}

.headwraper {width:1000px; height:99px; background: url('images/site_top2.gif') 0 0 no-repeat;}
.headwraper .logo {float:left; display:block; width:252px; height:69px; background: url('images/natrol-logo.png') 12px no-repeat;}
.headwraper .toplinks {float:left; margin-left:10px; margin-top:40px;}
.headwraper .toplinks a {font:10px Tahoma, sans-serif; color:#000000; text-decoration:none; margin-right:3px;}
.headwraper .topbanners {float:right; width:234px; padding-top:10px;}
.headwraper .order_phone {width:269px; height:20px; background: url('images/order_phone.gif') 0 40px no-repeat; margin-left:100px;}
.headwraper .facebook {width:100px; height:26px; background: url('images/logo_facebook.jpg') 0 0 no-repeat; margin-top:5px; margin-left:10px; border: solid 1px #333333}
.headwraper .search_wraper {margin-left:70px;}
.headwraper .search_wraper input.searchfld {width:150px; border: solid 1px #4b114c; float:left; margin:2px 10px 0 0;}
.headwraper .search_wraper input.loginFld {width:150px; border: solid 1px #4b114c; float:left; margin:5px 10px 0 0;}
.headwraper .search_wraper a.search_btn { display:block; float:left; width:43px; height:30px; background: url('images/right.png') 4px no-repeat; }
.headwraper .search_wraper a.btnSearch { text-decoration:none; }
.headwraper .search_wraper .inputTitle {float:left; width:80px; padding:8px 0 0 0; font-size:10px;}
.headwraper .search_wraper .submitBtn {width:50px; height:43px; margin-top:50px;}
.headwraper .search_wraper a.mydata {color:#333; font-size:13px; font-weight:bold;}

.factsLink {margin-bottom:10px; display:block; width:170px;}

.searchbutton{cursor:pointer; border:outset 1px #006633; background:#000000; color:#ffffff; font:12px Tahoma, sans-serif; padding: 1px 2px; background:url(images/searchbg.gif) repeat-x left top;}


#pageContents {padding:20px 10px;}
#pageContents .pagetitle {padding:35px 5px; font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#666666; text-align:center;}
#pageContents .listtable {margin:auto;}
#pageContents .listtable th {border:solid 1px #999999; background:#CCCCCC; padding:3px;}
#pageContents .listtable td {padding:3px;}
#pageContents .listtable td.lrow {background:#CCCCCC;}
#pageContents .listtable td.drow {background:#CCCCCC;}
#pageContents .emptycart {padding:20px; text-align: center; font:bold 14px Tahoma, sans-serif; color:#999999;}
#pageContents .listtable .totalTitle, 
#pageContents .listtable .totalSum {text-align:right; font:bold 15px Tahoma, sans-serif; background:#CCCCCC;}
#pageContents .listtable .plusBtn,
#pageContents .listtable .minusBtn {display:block; width:12px; height:12px; background: url('images/plus_btn.gif') 0 0 no-repeat;}
#pageContents .listtable .minusBtn {background: url('images/minus_btn.gif') 0 0 no-repeat;}

#pageContents .listtable .shippingTitle,
#pageContents .listtable .shippingValue {background:#ffebb5; font:bold 13px Tahoma, sans-serif;}

#loginBlock a {color:#333333;}
#loginBlock a.register {font: normal 6x Verdana,Arial,Helvetica,sans-serif; color:#666666; text-decoration:none;}
#loginBlock a.register:hover {text-decoration:underline;}
#loginBlock a.register.link { color:#4b114c;}
#mainWraper {padding: 2px 10px;}
#mainWraper .pageTitle {text-align:center; padding:20px 0; font:bold 20px Tahoma, sans-serif; color:#4b114c;}
#mainWraper .hl {height:1px; background:#073b00; margin-bottom:10px;}

.regForm {display:block; padding:30px 0 30px 30px;}
.regForm .fldTitle {width:170px; padding-top:4px; font:bold 14px Tahoma, sans-serif;}
.regForm .fldInput {}
.regForm .fldInput .warning {background:#ffcb16;}
.regForm .fldInput input {font-size:18px; width:220px;}
.regForm .fldInput select {font-size:18px; width:226px; height:28px;}
.regForm .btnRow {padding:15px 0;}
.regForm .btnRow input {font-size:14px; height:30px; }
.regForm .formMessages {color: #ff8916;}
.regForm .signWraper {padding:5px 0 0 5px;}

#mainWraper .orderForm {display:block; padding:10px 0 30px 30px;}
#mainWraper .orderForm .formPartWraper {background:#f5f5f5; border:solid 1px #999999; padding:0 0 5px 20px;}
#mainWraper .orderForm .fldTitle {width:180px; padding-top:4px; font:bold 14px Tahoma, sans-serif; text-align:right; padding-right:10px;}
#mainWraper .orderForm .titleRow {font:bold 16px Tahoma, sans-serif; padding:20px 0 10px 0;}
#mainWraper .orderForm .fldInput {}
#mainWraper .orderForm .fldInput .warning {background:#ffcb16;}
#mainWraper .orderForm .fldInput input {font-size:14px; width:350px;}
#mainWraper .orderForm .btnRow {padding:15px 0;}
#mainWraper .orderForm .btnRow input {font-size:14px; height:30px; }
#mainWraper .orderForm .formMessages {color: #ff8916;}
#mainWraper .hl {height:1px; background:#073b00; margin-bottom:10px;}
#mainWraper .orderForm .signWraper {padding:5px 0 0 5px;}
#mainWraper .orderForm .payMethodBtn {display:block; font-size:13px; font-weight:bold; text-align:center; background:#efefef; color:#000; height:40px; width:140px; border:solid 1px #444; border-radius:3px; padding:5px; margin:auto; text-decoration:none;}
#mainWraper .orderForm .payMethodBtn:hover {background:#cfcfcf;}
#mainWraper .orderForm .payMethodBtn_grey {display:block; font-size:11px; text-align:center; text-decoration:none; background:#efefef; color:#999; float:left; width:100px; border:solid 1px #b1c4aa; border-radius:3px; padding:5px; height:30px; margin-left:20px;}

.cart {display:block; font:bold 10px Verdana, sans-serif; color:#4B114C; text-decoration:none; text-align:left; padding-bottom:10px;}
.cart  img {border-right:10px; float:center; border:none;}

.messages {color:#333; font-size:14px; font-weight:bold;}

.subnav {}
.subnav ul {list-style:none;}
.subnav ul li {float:left;}
.subnav ul li a {display:block; padding:4px 20px; color:#666666; text-decoration:none;}
.subnav ul li a.s {font-weight:bold; background:#efefef;}
.tabcontents {border:solid 1px #efefef; margin: 0 20px 20px 20px;}

.mainWraper .mainFormLink {font-size:12px; font-weight:bold; color:#4b114c; margin:30px 0; display:block; text-align:center;} 

.listtable {margin:auto;}
.listtable th {border:solid 1px #999999; background:#CCCCCC; padding:3px;}
.listtable td {padding:3px;}
.listtable td.lrow {background:#CCCCCC;}
.listtable td.drow {background:#CCCCCC;}
.emptycart {padding:20px; text-align: center; font:bold 14px Tahoma, sans-serif; color:#999999;}
.listtable .totalTitle, 
.listtable .totalSum {text-align:right; font:bold 15px Tahoma, sans-serif; background:#CCCCCC;}
.listtable .plusBtn,
.listtable .minusBtn {display:block; width:12px; height:12px; background: url('images/plus_btn.gif') 0 0 no-repeat;}
.listtable .minusBtn {background: url('images/minus_btn.gif') 0 0 no-repeat;}
.listtable .shippingTitle,
.listtable .shippingValue {background:#CCCCCC; font:bold 13px Tahoma, sans-serif;}
.listtable .finalTotalTitle,
.listtable .finalTotalValue {background:#CCCCCC; font:bold 13px Tahoma, sans-serif;}



#confirmWraper {width:700px; margin:auto;}
#confirmWraper .fldTitle {padding-right:5px;}
#confirmWraper .fldInput {font-weight:bold;}
#confirmWraper .titleRow {padding:10px 0; font:bold 14px Tahoma, sans-serif;}


#mainWraper .innerWraper {font-size:12px;}

#tableWraper {}

.pageText {font-size:14px; font-weight:bold; color:#4b114c;}

.continueBtn {padding:30ppx;}
.continueBtn a.greenBtn {display:block; margin:45px auto;  width:150px; height: 33px; font-size: 16px; text-decoration:none; background: url('images/order_btn.jpg') 0 0 no-repeat; color:#333333; text-align:center; padding-top:12px;}

.cUserWraper {font:11px Tahoma, sans-serif; padding:3px;}
.cUserWraper a.exit {font-size:11px; color:#4B114C; }
.cUserWraper span {font:bold 11px Tahoma, sans-serif;}

.faceandtubewraper {width:660px; float:left; height:330px; margin:10px 5px 10px 10px;}
.borderface {margin-left:5px;}
.bordertube {margin-left:0;}
.flashwraper {width:675px; float:left; height:310px; margin:3px 5px 5px 10px;}
.textkare {display:block; width: 300px; font:bold 11px Tahoma, sans-serif; color:#000000; text-decoration:none; text-align:left; padding:2px 7px 10px 5px; margin-bottom:3px;}
.delivery {display:block; font:bold 11px Tahoma, sans-serif; color:#000000; text-decoration:none; text-align:center; padding:2px 2px 2px 2px;}
.textkare img {border:5px;}
.bottomwraper {background:url('images/mainmenu_fon.gif') 0 0 repeat-x; height:30px; margin-top:15px; margin-left: 10px;}
.nodata {padding: 10px 0; text-align:center; font:bold 13px Tahoma, sans-serif; color:#000000;}
.col {border-left:0; padding-bottom:3px;}
.title {font:bold 14px Tahoma, sans-serif; padding: 5px 0 10px 40px;}
.contents {border: none; font:12px Tahoma, sans-serif; padding:0;}

h1 {font: bold 18px Verdana; text-align:justify; color: #4B114C; padding: 5px;}
h2 {font: normal 15px Verdana; text-align:justify;  padding: 5px 0 5px 7px; color: #000000;}
h3 {font: normal 12px Tahoma, sans-serif; text-align:justify; padding: 3px 0 3px 0; color: #444444;}
h4 {font: normal 14px Tahoma, sans-serif; padding: 12px 60px 12px 60px; text-align:justify; color:#000000;}
h5 {font: normal 13px Tahoma, sans-serif; padding: 12px 60px 12px 60px; text-align:justify;}
.colr {padding-left:10px;}
.blockw580 {width:580px;}
.blockw320 {width:320px;}
.blockw250 {width:250px;}
.blockw150 {width:150px;}

.buffer40 {height:40px;}

.pt40 {padding-top:40px;}
.pt100 {padding-top:100px;}
.pl40 {padding-left:40px;}

.pad {padding: 5px 0 5px 0;}
.center {float: center;}

.contentsWraper {float:right; width:580px; padding: 5px 10px 5px 0;}

.productItem {margin:0 auto; padding:5px; border: solid 1px #999999; width:565px;}
.productItemtitle {margin:0 auto; padding:2px 5px; border: solid 1px #999999; width:690px; font:13px Tahoma, sans-serif; background:#eadbc5;}
.productItem img  {float:left; margin:0 5px 5px 0; border: solid 1px #cecece;}
.productItem .brand {float:left; margin-right:10px;}
.description {background:#fafafa;}

.productItemnoborder{margin:0 auto; padding:5px; border: none; width:565px;}
.productItemnobordertitle {margin:0 auto; padding:2px 5px; border: solid 1px #999999; width:690px; font:13px Tahoma, sans-serif; background:#eadbc5;}
.productItemnoborder img  {float:left; margin:0 5px 5px 0; border: solid 1px #cecece;}
.productItemnoborder .brand {float:left; margin-right:10px;}
.productItemnoborderdescription {background:#fafafa;}

.article {padding:10px;}
.article a {font: bold 12px Tahoma; color:#4b114c; text-decoration:none; padding-top:4px; float: left; margin-right: 10px;}
.article a.image {float:left; margin-right:25px;}
.article a.image img { border:0; }
.article a.link { color:#4b114c;}
.article a.more {color:#4b114c; float:right;}
.article a.readMore {float:right; display:block; padding-top:5px;}

.smallarticle {padding:4px; background: url('images/bggrad.jpg') 0 0 repeat-x; margin-top:5px; border: solid 1px #4b114c;}
.smallarticle a {font: bold 13px Tahoma; color:#4b114c; text-decoration:none; padding-top:2px;}
.smallarticle a:hover {text-decoration:underline;} 
.smallarticle a.image {float:left; margin-right:25px;}
.smallarticle a.image img { border:0; }
.smallarticle a.link { color:#4b114c;}
.smallarticle a.more {font: normal 10px Tahoma; color:#4b114c; float:right;}
.smallarticle a.readMore {font: normal 10px Tahoma; float:right; display:block; padding-top:2px;}

.behind {background: url('images/mynatrolsmall.jpg') 0 0 repeat-x;}


.sitemap {padding-bottom:20px;}
.sitemap a {font: bold 16px Tahoma, sans-serif; color:#666666; text-decoration:none; padding-top:4px;}
.sitemap a:hover {text-decoration:underline;} 
.sitemap a.link { color:#333333;}
.sitemap p {font: normal 13px Tahoma;}

.gerytext12 {font: 12px Tahoma, sans-serif; color:#333333;}
.darkgeryboldtext12 {font: bold 12px Tahoma, sans-serif; color:#000000;}

.prodblock {padding:15px; width: 125px; float:left; height:250px;}
.prodblock a {text-decoration:none;}
.prodblock a.titleLink {display:block; text-align: center; color:#4b114c; width:auto; height:35px; font-size:11px; font-weight:bold;}
.prodblock a.imageLink {float:center; margin:5px;}
.prodblock a.authorLink {font-size:11px; font-weight:bold; color:#e03a00;}
p.oldprice {font-size:11px; color: #4b114c; padding-bottom:5px; text-decoration:none;}
p.oldprice span {font-size:11px; color:#4b114c; background:#ffffff; font-weight:bold; text-decoration:line-through;}
.prodblock p.price {font-size:11px; color:#4b114c; font-weight:bold; text-align:center;}
.prodblock span {} 
.prodblock  img {border:0; float:center;}
.prodblock .dataWraper {width:auto; height:160px;}
.prodblock .dataWraper .infoText {height:95px;}
.prodblock .toolsWraper {margin:10px 0 0 10px; width:auto;}
.prodblock .toolsWraper a.addLink {display:block; background: url('images/shopping_cart.gif') 30px no-repeat; height: 25px; padding:5px 0 0 60px; font-size:12px; font-weight:bold; color:#4b114c;}
.prodblock .toolsWraper a.moreLink {float:center; padding:5px 0 0 30px; font-size:10px; font-weight:bold; color:#4b114c;}

.myplace {width:478px; padding-left:2px; margin:4px; background: url('images/fon.jpg') 0 0 repeat-x;}
.myplace a {text-decoration:none; color:#4b114c; font: bold 14px Verdana, sans-serif;}
.myplace a.addLink {display:block;  float:left; background: url('images/shopping_cart.gif') 0 no-repeat; height: 23px; padding:3px 30px 0 0;}
.myplace .image {float:left; margin-right:15px; margin-bottom:15px;}

.viewprodblock {width:581px; padding:10px; margin:0 10px; background: url('images/fon.jpg') 0 0 repeat-x;}
.viewprodblock a {text-decoration:none; color:#4b114c; font: bold 14px Verdana, sans-serif;}
.viewprodblock a.addLink {display:block;  float:left; background: url('images/shopping_cart.gif') 0 no-repeat; height: 23px; padding:3px 30px 0 0;}
.viewprodblock .image {float:left; margin-right:15px; margin-bottom:15px;}
.viewprodblock .toolsWraper {position:absolute; margin:200px 0 0 0; width:200px;}
.viewprodblock p.price {font-size:18px; color:#4b114c; padding-bottom:5px;}
.viewprodblock p.productTitle {font: 34px Georgia, sans-serif; color:#4b114c; margin-bottom:5px;}
.viewprodblock p.productNumber {display:block,  font: 12px Verdana, sans-serif; color:#4b114c; margin-left:230px; float: left;}

.brands {width:600px; padding:7px; margin:2px; border-top: 2px ;}
.brands a {text-decoration:none; color:#4b114c;}
.brands a.addLink {display:block;  float:left; background: url('images/shopping_cart.gif') 0 no-repeat; height: 23px; padding:3px 30px 0 0;}
.brands .image {float:left; margin-right:15px; margin-bottom:15px;}


#paging {text-align:center;}
#paging p {display:inline; color:#333333; font-weight:bold;}
#paging a {color:#666666; padding: 0 3px; text-decoration:none;}
#paging a:hover {text-decoration:underline;}

.addedMark {position:absolute; display:none; background: #ffffcc; border: solid 1px #90a265; text-align:center; width:150px; padding:5px;}
.addedMark input.amount {border: solid 1px #999999; width:30px;}
.addedMark input.button {width:70px;}
.addedMark a.closeBtn {display:block; float:right; width:12px; height:12px; background: url('images/close_btn.gif') 0 0 no-repeat;} 

.cssbutton{background-color: #DAB7D7; border: 2px #7E447F outset; padding: 1px 4px; color: #ffffff; text-decoration: none;font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; margin-top:5px;}
.cssbutton:active{color: white;}
.cssbutton:hover{border-style: inset;background-color: #ffffff;padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/}
.cssbutton:visited{color: white;}


.tearshape{background: #4b114c; padding: 10px; margin-bottom:10px; color: #fff;font-weight: bold; text-decoration: none; border-radius: 9px 3px 9px 3px; width:auto; float:left; width:230px;}
.tearshape p {margin-bottom:5px;}
.tearshapered{background: #4b114c;padding: 3px 5px;color: #fff;font-weight: bold;text-decoration: none;-moz-border-radius: 9px 3px 9px 3px;-webkit-border-radius: 3px;-webkit-border-top-left-radius: 9px;-webkit-border-bottom-right-radius: 9px;}
.tearshapegrey{background: #666666;padding: 3px 5px;color: #fff;font-weight: bold;text-decoration: none;-moz-border-radius: 9px 3px 9px 3px;-webkit-border-radius: 3px;-webkit-border-top-left-radius: 9px;-webkit-border-bottom-right-radius: 9px;}
.row {width:300px; height:12px; margin-top:2px; margin-bottom:2px; background-color:#ffffff;}

.listTable {width:100%; border:solid 1px #efefef;}
.listTable th {background: #c9cce2; text-align:left; padding:2px 10px;}
.listTable td {text-align:left; padding:2px 5px;}
.listTable .odd {background: #ebedf5;}
.listTable .even {background: #f4f5fc;}
.purplebox {border: none;}

.youTubeVideoBlock {margin:20px 0;}

.blockYouTubeVideo { height:360px;}
.blockYouTubeVideo .playVideobtn {display:block; position:absolute; z-index:40; width:480px; height:360px; background: url('images/playbutton.png') center center no-repeat;}
.blockYouTubeVideo img {display:block; position:absolute; z-index:30;}

.ullist {padding:10px; list-style:none;}
.ullist li {padding-bottom:5px;}

.prod_search_menus { font-family: "Arial Narrow"; font-size:12px; color: #4B114C; text-align: center;}

.menuTitle {padding:3px 10px; font: bold 13px Verdana; color:#2CA343;}

#treeviewdiv {height: 293px;}
#treeviewdiv select {width:294px; color:#4B114C; font: bold 13px Verdana;}
#treeviewdiv #maincats {margin:1px 0 0 3px;}
#treeviewdiv #prods { margin:3px 0 0 3px;}