/*
***********************************

nono.com
General Screen Styles

Created by ShopVisible
http://www.shopvisible.com

***********************************
*/
		
/***********  LAYOUT  ************/
	
	#Frame {margin: 0px auto 0px auto; padding: 0; width: 990px; min-height: 550px; background:url(../images/design/bg.jpg) center repeat-y;}
	
	/***  Column Bounding  ***/
	
	#ContentBox {margin: 0; padding: 0;}
	
	#ShopVisibleFooter {font-size: 12px; color: #999; padding-bottom: 0px;}
	#ShopVisibleFooter a:link, #ShopVisibleFooter a:visited, #ShopVisibleFooter a:active {font-size: 15px; color: #148ee1; text-decoration: none;}
	#ShopVisibleFooter a:hover {font-size: 15px; color: #000;}
	
	#Breadcrumb {margin: 0px 0px 15px 0px; padding: 0; color: #00aac8; font-size: 12px;}
	#Breadcrumb ul {margin: 0; padding: 0;}
	#Breadcrumb li {margin: 0; padding: 0; display: inline;}
	#Breadcrumb li a {padding: 0px 12px 0px 12px; text-decoration: none;}
	#Breadcrumb li a:hover {text-decoration: underline;}
	
	
/***********  HEADER  ************/
	
	#Header {margin: 0; padding: 0; width: 990px; height: 109px; background: url(../images/design/header_bg.jpg) no-repeat;}
	
	#SearchBox {float: right; width: 254px; height: 19px; margin: 19px 20px 0px 0px;}
	
	#tSearch {float: left; width: 160px; height: 16px; font-size: 12px; margin: 0px 4px 0px 0px; background: none; border: 0px;}
	
	#ButtonSearch {float: left; width: 19px; height: 17px; margin: 0;}
	
	#HeaderNav {float: right; list-style: none; margin: 20px 20px 0px 0px; padding: 0; font-size: 12px; color: #abbdc5;}
	#HeaderNav li {float: left; display: inline;}
	#HeaderNav li a {padding: 0px 15px 0px 15px; color: #abbdc5;}
	
/***********  MAINNAV  ************/
	
	#MainNav {list-style: none; float: left; padding: 0; margin: 0px 0px 0px 20px;}
	/** IE6 Fix **/ *html #MainNav {margin: 29px 0px 0px 10px;}
	#MainNav li {float: left; display: inline; padding: 0; margin: 0;}
	#MainNav a img {width: 119px; height: 29px;}
	
	#MainNavAbout a {display: block; background: url(../images/design/nav_bg.gif) no-repeat 0px 0px;}
	#MainNavAbout a:hover {background-position: 0px -31px;}
	
	#MainNavTech a {display: block; background: url(../images/design/nav_bg.gif) no-repeat -119px 0px;}
	#MainNavTech a:hover {background-position: -119px -31px;}
	
	#MainNavProducts a {display: block; background: url(../images/design/nav_bg.gif) no-repeat -238px 0px;}
	#MainNavProducts a:hover {background-position: -238px -31px;}
	
	#MainNavNews a {display: block; background: url(../images/design/nav_bg.gif) no-repeat -357px 0px;}
	#MainNavNews a:hover {background-position: -357px -31px;}
	
	#MainNavContact a {display: block; background: url(../images/design/nav_bg.gif) no-repeat -475px 0px;}
	#MainNavContact a:hover {background-position: -475px -31px;}
	
	#MainNavAbout2 a {display: block; background: url(../images/design/nav_bg.gif) no-repeat -594px 0px;}
	#MainNavAbout2 a:hover {background-position: -594px -31px;}
	
	#MainNavStore a {display: block; background: url(../images/design/nav_bg.gif) no-repeat -714px 0px;}
	#MainNavStore a:hover {background-position: -714px -31px;}
	#MainNavStore a img {width: 118px; height: 29px;}
	
	#MainNavEU a {display: block; background: url(../images/design/nav_bg.gif) no-repeat -832px 0px;}
	#MainNavEU a:hover {background-position: -832px -31px;}
	#MainNavEU a img {width: 118px; height: 29px;}
	
	
/***********  SIDEBARLEFT  ************/
	
	#SideBarLeft {float: left; text-align: left; margin: 0; padding: 0; width: 200px; background-color: #ffff00; font-size: 12px;}

/*********** CONTENT  ************/ 

	#Content {margin: 0; padding: 0; width:910px; padding: 25px 40px 25px 40px; text-align: left; color: #8b8d90; font-size: 12px; }

	
/***********  FOOTER  ************/
		
	#Footer {margin: 0 auto 0 auto; width: 950px; padding: 35px 20px 8px 20px;  background:url(../images/design/footer_bg.jpg) top center no-repeat; font-size: 11px; color: #8e9499; text-align: center;}	
	#Footer a {color: #8e9499; text-decoration: none;}		
	#Footer a:hover {color: #000; text-decoration: underline;}	
	#Footer ul {list-style: none; margin: 20px 0 0; padding: 0; width: 953px;}
	#Footer li {display: inline; margin: 0; padding: 0px 20px 8px 0px;}
	
/***********  HOME  **************/

	#HomeFlash {width: 950px; height: 316px; margin: -25px -20px 0px -20px; overflow: hidden;}
	
	#HomeContent {
	background:transparent none repeat scroll 0 0;
	height:100%;
	margin:0;
	width:100%;
/*background:transparent url(../images/design/home_bg.jpg) no-repeat scroll center center;height:254px;margin:0 -20px -29px;width:950px;*/}
	
	#HomeBox1 {padding: 55px 0px 0px 400px; margin: 0; color: #737373; font-size: 11px; text-align: left;}
	
	.HomeTxtBox1 {float: left; width: 135px; line-height: 15px; margin-left: 20px;}
	/** IE^ Fix **/ *html .HomeTxtBox1 {margin-left: 10px; margin-right: -15px;}
	.HomeTxtBox1 a:link, .HomeTxtBox1 a:visited, .HomeTxtBox1 a:active {text-decoration: underline;}
	.HomeLink1 {float: right; font-size: 10px; margin: 0px 15px 0px 0px;}
	
/***** NEW HOME *****/	
	#HomeNewTopBox {width:100%; float:left;}
	#HomeNewLeftBox{float:left; width:238px; height:231px; background-image:url(../images/design/nonologo.jpg); background-repeat:no-repeat;}
	#HomeNewCenterBox{float:left; width:44%; padding:0 0 0 16px;}
	#HomeNewTitle{float:left;}
	#HomeNewTextBox{padding:0 0 0 13px; float:left; line-height:20px; font-size:15px;}
	#HomeNewRightBox{float:right; width:27%;}
	
	
	
	#HomeNewSecondBox{width:100%; height:auto; float:left; border-top:#666666 solid 1px; padding:15px 0 0 0; margin:6px 0 0 0; }
	#HomeNewSecondLeftBox{float:left; width:238px; height:507px; background-image:url(../images/design/nonoleftgirl.jpg); background-position:bottom; background-repeat:no-repeat;}
	#HomeNewSecondMiddleBox{float:left; width:40%; font-size:15px; line-height:20px; padding:0 0 0 26px; _padding:0 0 0 0px; _margin:0 0 0 -20px; color:#999999;}
	#HomeNewSecondTitle{float:left; width:100%;}
	#HomeNewSecondMiddleTextBox {padding:0 0 0 11px; float:left;}
	#HomeNewSecondMiddleTextBox h1 {color:#ED7599;}
	#HomeNewSecondFormBox {font-size: 11px; background-color:#FBDFE2; border-top:solid #999 1px; float:left; margin:20px 10px 0 10px; padding:0 10px 20px 14px; width:90%; }
	#HomeNewSecondFormBox h1 {color:#ED7599;}
	#HomeNewSecondRightBox {float:right; width:267px; height:409px; background-image:url(../images/design/nonorightproduct.jpg); background-repeat:no-repeat; _margin:0 -10px 0 0;}
	*html #HomeNewSecondRightBox {float:right; width:250px; height:409px; background-image:url(../images/design/nonorightproduct.jpg); background-repeat:no-repeat;}
	
	
	#HomeNewBottomBox{float:left; border-top:1px solid #666666; width:100%; height:auto; padding:14px 10px 10px 10px; margin:10px 0 0 0;}
	#HomeNewBottomBoxHolder{*float:left; *margin:0 0 0 6px; _margin:0 -80px 0 0;  }
	#HomeNewBottomBoxHolder ul {list-style:none; list-style-image:none; padding:8px 8px 8px 8px; background-color: #666666; height:auto; float:right; *width:265px;}
	#HomeNewBottomBoxHolder	li {float:left; padding:6px;}
	#videoLocation {}
	
	
	#HomeBottomText{float:left; width:100%; text-align:center; font-size:16px; height:auto;}
	.HomeBottomSmallText{font-size:12px;}
	
	
/***********  CONTENT PAGES  **********/

	#ContentNav1 {float: left; list-style: none; width: 200px; padding: 355px 0px 0px 40px; margin: 0; font-size: 16px; line-height: 35px;}
	#ContentNav1 a, #ContentNav2 a {color: #9d9fa2;}
	
	#ContentBG1 {float: left; height: 488px; width: 690px; margin: 0px -50px -25px 0px; padding: 0;}
	.ContentBGAboutNoNo {background: url(../images/design/about-nono_photo.jpg) no-repeat right bottom;}
	.ContentBGAboutUs {background: url(../images/design/about-us_photo.jpg) no-repeat right bottom;}
	.ContentBGProducts {background: url(../images/design/products_photo.jpg) no-repeat right bottom;}
	
	#Content1 {width: 406px; }
	#Content1 h1, #Content3 h1 {margin: 0px 0px 5px 0px; font-size: 14px; color: #00aac8;}
	#Content1 p {margin: 0; line-height: 17px;}
	
	#ContentNav2 {float: left; width: 210px; padding: 0; margin: 0px 0px 0px 10px;}
	*html #ContentNav2 {margin: 0px 0px -25px 10px;}
	html* #ContentNav2 {margin: 0px 0px -31px 10px;}
	#ContentNav2 ul {list-style: none; padding: 0; margin: 0px 0px 0px 5px; font-size: 14px;}
	#ContentNav2 ul li {width: 160px; padding: 0; margin-bottom: 2px; }
	/** IE fix **/ *html #ContentNav2 ul li, html* #ContentNav2 ul li {margin-bottom: 0px;}
	#ContentNav2 ul li a {margin: 0px; padding: 2px 2px 2px 10px; display: block; background: #F2F2F2; text-decoration: none;}
	#ContentNav2 hr {height: 2px; width: 165px; border: 0px; background: #bfbfbf; margin: 10px 0px 12px 0px; padding: 0;}
	/** IE fix **/ html* #ContentNav2 hr, *html #ContentNav2 hr {margin: 0px 0px 5px 0px;}
	
	#ContentNav2Button {width: 190px; height: 30px; background: none;}
	#ContentNav2Button a {float: left; padding: 4px 7px 4px 7px; margin-right: 6px; background: #e7e7e7; text-align: center; text-decoration: none;}
	#ContentNav2Button a:hover, #ContentNav2 ul li a:hover {background: #b5dee9; color: #426974;}
	
	#ContentNav2Faq {text-align: left; font-size: 14px; font-weight: bold; line-height: 16px; width:170px;}
	#ContentNav2Faq a {color: #000; text-decoration: none;}

	#ContentNavBuyNow {margin: 226px 0px 25px 76px; width: 87px; height: 34px;}
	
	#ContentBG2 {float: left; width: 710px; height: 511px; padding: 0; margin: 0px -20px -25px 0px;}
	/** IE 6 is dumb **/*html #ContentBG2 {width: 700px; margin: 0px -20px -50px 0px;}
	html* #ContentBG2 {margin: 0px -20px -50px 0px;}
	
	#Content1 {width: 406px;}
	
	#Content3 {width: 690px; float:right;} /*float added*/


	#Contenttech {width: 380px;}
	
	#ContentBG3 {float: left; width: 710px; padding: 0; margin: 0px -20px 0px 0px;}
	
	.Content3Thumbnail1 {float: left; width: 135px; margin: 0px 25px 25px 0px; text-align: center;}
	
	.ContentNavBGNoNo {background:url(../images/design/content_nono_header.jpg) no-repeat 0px 0px;}
	
	.ContentBGNoNoAbout {background: url(../images/design/content_nono_about_bg.jpg) no-repeat bottom right;}
	
	.ContentBGNoNoHow {background: url(../images/design/content_nono_how_bg.jpg) no-repeat bottom right;}
	
	.ContentBGNoNoKnow {background: url(../images/design/content_nono_know_bg.jpg) no-repeat bottom right;}
	
	.ContentBGNoNoMaintenance {background: url(../images/design/content_nono_how_bg.jpg) no-repeat bottom right;}
	
	.ContentNavBGNoNoSkin {background: url(../images/design/content_nono-skin_header.jpg) no-repeat 0px 0px;}
	
	.ContentBGNoNoSkinAbout {background: url(../images/design/content_nono-skin_about_bg.jpg) no-repeat bottom right;}
	
	.ContentBGNoNoSkinKnow {background: url(../images/design/content_nono-skin_know_bg.jpg) no-repeat bottom right;}
	
	.ContentBGNoNoSkinHow {background: url(../images/design/content_nono-skin_how_bg.jpg) no-repeat bottom right;}
	
	.ContentNavBGNoNoSmooth {background: url(../images/design/content_nono-smooth_header.jpg) no-repeat 0px 0px;}
	
	.ContentBGNoNoSmoothAbout {background: url(../images/design/content_nono-smooth_about_bg.jpg) no-repeat bottom right;}
	
	.ContentBGInTheNews {background: url(../images/design/content_in-the-new_bg.jpg) no-repeat bottom right;}
	
	.ContentBGTechnology {background: url(../images/design/content_technology_bg.jpg) no-repeat bottom right;}
	
	.ContentBGCustomerService {background: url(../images/design/content_customer-service_bg.jpg) no-repeat bottom right;}

               .ContentBGFaceTrainer {background: url(../images/design/content_facetrainer_bg.jpg) no-repeat bottom right;}
 
              .ContentBGFaceTrainerMain {background: url(../images/design/facetrainer_maintenance.gif) no-repeat bottom right;}

              .ContentNavBGFaceTrainer {background: url(../images/design/facetrainer.jpg) no-repeat 0px 0px;}

	
/***********  SUB CAT  ************/ 
	
	#SubCatContainer {width: 859px; height: 457px; padding: 65px 0px 0px 71px; background: url(../images/design/sub-cat_bg.jpg) no-repeat bottom right; margin: 0px -20px -25px 0px;}
	#SubCatBox {width: 450px;}
	
	.SubCatItem {float: left; height: 202px; padding: 0px 0px 0px 15px; display: table-cell; vertical-align: top;}
	
	
/***********  PRODUCT ************/ 

	#ProductContent {width: 640px; height: auto; margin: 0px 0px 0px 130px; padding: 0;}
	#ProductContent h1 {margin: 0; padding: 0; font-size: 18px; font-weight: normal; color: #6d6d6d;}
	#ProductContent h2 {margin: 0; padding: 0; font-size: 15px; font-weight: normal; color: #6d6d6d;}
	
	.ProductContainer {width: 640px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #d7d7d7;}
	.ProductImg {float: left; width: 86px; height: auto;}
	.ProductInfo {float: left; width: 196px; height: auto; font-size: 13px; color: #6d6d6d;}
	.ProductPrice {float: left; width: 100px; height: auto; text-align: center; font-size: 16px; padding-top: 25px;}
	.ProductBuyNow {float: left; width: 121px; height: auto; padding-top: 25px; text-align: center;}
	.ProductQty {float: left; width: 121px; height: auto; padding-top: 25px; text-align: center;}
	
	.ProductUpSell {float: left; width: 140px; text-align: center; font-size: 12px; margin: 0px 20px 20px 0px;}
	.ProductUpSell a:link, .ProductUpSell a:visited, .ProductUpSell a:active {color: #6d6d6d;}
	.ProductUpSell a:hover {color: #6d6d6d;}
	
	
	
	
.LandingPagePopupBox {
	width: 606px;
	height: 505px;
	background: url(../images/popup_bg.png) no-repeat;
	z-index: 999;
}
.LandingPagePopupTitle {
	float: left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0px 0px 28px;
}
.LandingPagePopupClose {
	float: right;
	margin: 20px 15px 0px 0px;
}
.LandingPagePopupContent {
	width: 540px;
	height: 415px;
	overflow-y: scroll;
	padding-right: 10px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	color: #000;
	text-align:left;
}