/* @import url("type.css"); REMOVED by kwinters until we can make the font weights match up correctly */

/* @override 
	http://localhost:9006/css/style.css
	http://development.jovansatisfaction.coalmarch.com/css/style.css
	http://staging.jovansatisfaction.coalmarch.com/css/style.css
*/

*, body, html{
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}
 
body{
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background: #000 url(../art/body-bg.jpg) repeat-x 0px 0px;
}

body ol
{
	padding: 0px 0px 0px 40px;
}

body ol li
{
	padding: 0px 0px 10px 0px;
}

p{
	margin-bottom: 11px;
	color: #333;
}

/* For general styling */

div { display: block; overflow: hidden; clear: both; }
.lfloat { float: left; clear: none; }
.rfloat { float: right; clear:none; }
.clear-fix{
	float: none;
	clear: both;
}
.main-width-inner,
.main-width{
	width: 960px;
	margin: auto;
}
.home .main-width, .home .footer-width { min-width: 1004px; margin: auto; overflow: hidden; }
.full-width { width: 1004px; margin: auto; }
.footer-width { width: 960px; margin: auto; }



.menu ul li, .footer ul li, .collection-bar-links ul li { 
	background-color: transparent; display: block; float: left; height: 40px; padding: 0 10px; 
}

/* @group Basic Typography */

h1{
	font-family: "Futura", Futura, Helvetica, "Gill Sans", "Gills Sans MT", Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	color: #eb6f38;
	margin: 0px 0px 20px 0px;
}

h2{
	font-family: "Futura", Futura, Helvetica, "Gill Sans", "Gills Sans MT", Arial, sans-serif;
	font-weight: bolder;
	font-size: 16px;
	text-transform: uppercase;
	color: #eb6f38;
	margin: 8px 0px 6px 0px;
}

h3{
	font-family: "Futura", Futura, Helvetica, "Gill Sans", "Gills Sans MT", Arial, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 0.08em;}
	
	a{
	color: #eb6f38;
	text-decoration: underline;
}

ul.errors li{
	color: #eb6f38;
	font-style: italic;
}

/* @end */

/* @group popup */

body.popup{
	background: transparent url(../art/popup-bg.jpg) repeat-x 0px 0px;
	padding: 20px 0px;
}

div.popup-textblock,
.popup div.popup-form{
	width: 480px;
	padding: 0px 20px;
	margin: 0px auto;
}

.popup div.satisfaction-for-him h1, 
.popup div.satisfaction-for-her h1{
	margin: 14px 0px 0px 220px;
	font-size: 2.0em;
	line-height: 1.1em;
}

.popup div.satisfaction-for-him, 
.popup div.satisfaction-for-her{
	background: transparent url(../art/fragrance-notes-him.jpg) no-repeat left top;
	width: 720px;
	padding: 0px 20px;
	margin: 0px auto;
}

.popup div.satisfaction-for-her{
	background: transparent url(../art/fragrance-notes-her.jpg) no-repeat left top;
}

.popup div.satisfaction-for-him div.main-content, 
.popup div.satisfaction-for-her div.main-content{
	width: 220px;
	padding: 160px 0px 20px 500px;
}

.popup div.satisfaction-for-him div.main-content p, 
.popup div.satisfaction-for-her div.main-content p{
	font-size: 11px;
	line-height: 16px;
}

/* @end */

div.main-width.sidebar-layout,
.the-collection .main-width,
div.main-width.share-view-owned{
	padding: 18px;
	width: 800px;	
}

div.header div.menu{
	padding-left: 80px;
}

div.header div.signup-menu{
	padding: 2px 80px 2px 0px;
}

div.signup input.form-text{
	background: transparent url(../art/input-bg.jpg) repeat-x 0px 0px;
	border: 1px solid #565656;
	color: #fff;
	font-family: Myriad, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 1px 4px;
	margin: 2px 0px;
	float: left;
}

div.signup input.form-submit{
	background: transparent url(../art/form-submit-bg.jpg) repeat-x center top;
	border: none;
	padding: 2px 0px;
	width: 86px;
	font-family: Myriad, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	margin: 2px 0px;
	float: left;
	cursor: pointer;
	text-align: center;
}

div.orient-example
{
	padding: 147px 27px 0px 0px;
}

div.small-body{
	width: 500px;
	padding: 24px 0px 16px 0px;
	height:406px;
	}
body.spritz-yourself div.small-body{
	height: 500px;
}
div.above-wrapper{
	width: 280px;
	float: left;
}

div.sidebar-guarantee{
	height: 226px;
}

div.sidebar{
	background: transparent url(../art/small-bottles.png) no-repeat center bottom;
	height: 540px;
	width: 266px;
}

/* @group the collection */

div.main-wrapper.the-collection{
	background: transparent url(/art/collection-sizes-bg.jpg) repeat-x;
}
div.main-wrapper .the-collection-top{
	height: 209px;
	overflow: hidden;
}
.main-wrapper .the-collection-sizes{
	padding: 40px 0px 0px 20px;
}

.the-collection .the-collection-women,
.the-collection .the-collection-men{
	width: 386px;
	height: 198px;
}

.the-collection .the-collection-women{
	background: transparent url(/art/package-for-her.jpg) no-repeat right top;
	}

.the-collection .the-collection-men{
	background: transparent url(/art/package-for-him.jpg) no-repeat right top;
	}

.the-collection .the-collection-women a,
.the-collection .the-collection-men a{
	display: block;
	width: 126px;
	height: 61px;
	background: transparent url(/art/fragrance-notes.png) no-repeat 0px 0px;
	text-indent: -9999px;	
	margin: 50px 0px 0px 0px;
}

.the-collection .the-collection-women a:hover,
.the-collection .the-collection-men a:hover{
	cursor: pointer;
	background-position: 0px -61px;
}

.the-collection table{
	font-family: "Futura", Futura, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666;
}

.the-collection table thead tr.first th{
	width: 80px;
	text-align: left;
}

.the-collection table thead th.first{
	font-family: "Futura";
	font-weight: bolder;
	text-transform: uppercase;
	color: #666;
	letter-spacing: -0.08em;
	font-size: 13px;
}

.the-collection table tbody td.first em{
	font-family: "Futura";
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

.the-collection table thead th{
	font-size: 10px;
	font-weight: bolder;
	vertical-align: bottom;
	
}
.the-collection table tbody td{
	font-size: 10px;
	vertical-align: top;
	padding-right: 12px;
}

.the-collection table tbody td.first,
.the-collection table thead th.first{
	width: 150px;
	padding-right: 12px;	
}

/* @end */

/* @group spritz bar links */

div.above-wrapper.spritz-bar-links{
	display: block;
	position: absolute;
	top: 476px;
	width: 550px;
	background: transparent url(../art/spritz-links-bg.jpg) no-repeat 266px 0px;
	height: 92px;
	padding-left: 266px;
}

.the-collection div.above-wrapper.spritz-bar-links{
	background: transparent url(../art/jovan-logo-collection.jpg) no-repeat -1px -3px;
	padding-top: 26px;
	top: 450px;
}

.spritz-bar-links ul{
	margin: 0px;
	padding: 0px;
}

.spritz-bar-links ul li{
	float: left;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
	list-style: none;
	list-style-image: none;
}

.spritz-bar-links ul li a{
	display: block;
	float: left;
	padding: 0px;
	width: 178px;
	height: 93px;
	text-indent: -9999px;
	background: transparent url(../art/button-sprites.png) no-repeat 0px 0px;
}

.spritz-bar-links li.spritz-yourself a{
	background-position: 0px 0px;
}

.spritz-bar-links li.spritz-yourself a:hover{
	background-position: 0px -92px;
}

.spritz-bar-links li.spritz-him a{
	background-position: -356px 0px;
}
.spritz-bar-links li.spritz-him a:hover{
	background-position: -356px -92px;
}

.spritz-bar-links li.spritz-her a{
	background-position: -178px 0px;
}
.spritz-bar-links li.spritz-her a:hover{
	background-position: -178px -92px;
}

/* @end */

/* @group Where to Buy */
div.main-block ul.where-to-buy{
	margin: 0px;
	padding: 0px;
}
div.main-block ul.where-to-buy li{
	float: left;
	width: 110px;
	height: 110px;
	padding: 0px;
	margin: 0px 14px 4px 0px;
	list-style: none;
	list-style-image: none;
}

div.main-block ul.where-to-buy li,
div.main-block ul.where-to-buy li a,
div.main-block ul.where-to-buy li a img{
	border: none;
}

div.main-block ul.where-to-buy li.buy-note{
	width: 230px;
	height: 40px;
	padding: 64px 0px 0px 0px;
	color: #666;
}

/* @end */

/* @group the roots */

div.sample-link a{
	background: transparent url(/art/get-a-sample.png) no-repeat left top;
	width: 248px;
	height: 91px;
	display: block;
	text-indent: -9999px;
	margin: 0px auto;
}

div.sample-link a:hover{
	background-position: 0px -91px;
}

/* @end */

/* @group Sprtiz yourself */

body.spritz-yourself .main-wrapper{
	background: transparent url(../art/int-bg.jpg) repeat-x 0px -28px;
}

#step1form .formcontents{
	padding: 12px 0px 0px 0px;
	background: transparent url(/art/upload-filmstrip-example.png) no-repeat 245px 0px;
}

.spritz-yourself h1{
	font-size: 20px;
	margin-bottom: 8px;
}

.spritz-yourself label{
	background: transparent url(../art/steps-bg.jpg) no-repeat 0px 0px;
	height: 16px;
	display: block;
	padding: 10px 0px 2px 24px;
	vertical-align: bottom;
	font-size: 14px;
	line-height: 18px;
	}
	
.spritz-yourself .step2 label{
	background-position: 0px -48px;
}	

.spritz-yourself .step3 label{
	background-position: 0px -96px;
}
	
.spritz-yourself .step1,
.spritz-yourself .step2,
.spritz-yourself .step3{
	margin: 0px 0px 20px 0px;
}	
.spritz-yourself .step2 label{
	height: 32px;
}	
.spritz-yourself .step2 label small{
	font-size: 11px;
	line-height: 13px;
}	
.spritz-yourself.main-block input.form-text,
.spritz-yourself.main-block input.form-upload,
.spritz-yourself.main-block .templates{
	padding: 0px 0px 0px 0px;
	clear: both;
	margin: 4px 0px 0px 24px;
	}
	
.spritz-yourself.main-block input.form-text{
	font-size: 14px;
	line-height: 18px;
}	

.spritz-yourself.main-block input.form-upload{
	height: 24px;
	margin: 12px 0px 0px 24px;
}
	
.spritz-yourself .templates ul{
	float: left;
	margin: 10px 20px 0px 0px;
}

.spritz-yourself .templates ul li{
	width: 72px;
	height: 88px;
	float: left;
	list-style: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}	

.spritz-yourself .templates ul li img{
	border: 2px solid #fff;
}

.spritz-yourself .templates ul li img.selected{
	border: 2px solid #ff8246;
}

.spritz-yourself.main-block input.form-submit{
	background: transparent url(../art/get-started.jpg) no-repeat 0px 0px;
	display: block;
	width: 186px;
	height: 28px;
	border: none;
	text-indent: -9999px;	
	cursor: pointer;
}
/* @end */

/* @group navigation */

div.header{
	height: 28px;
	}
	
.header ul,
.header ul li{
	margin: 0px;
	padding: 0px;
	height: 28px;
	overflow: hidden;
}	
.header ul li{
	display: block; float: left;
}
.header li a{
	display: block;
	float: left;
	height: 28px;
	text-indent: -9999px;
	background-position: 0px 0px;
}

.header li a:hover,
.header li.active-trail a{
	background-position: 0px -28px;
}

.header li#nav-home a{
	background-image: url(../art/nav-home.jpg);
	width: 65px;
}

.header li#nav-collection a{
	background-image: url(../art/nav-collection.jpg);
	width: 132px;
}

.header li#nav-roots a{
	background-image: url(../art/nav-roots.jpg);
	width: 99px;
}

.header li#nav-sample a{
	background-image: url(../art/nav-sample.jpg);
	width: 142px;
}
.header li#nav-buy a{
	background-image: url(../art/nav-buy.jpg);
	width: 123px;
}

.signup input{
	margin: 0px;
	padding: 0px;
}

/* @end */

div.site-map li a{
	font-family: "Futura", Helvetica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	}

/* @group flash area */

div.main-wrapper{
	height: 540px;
	overflow: hidden;
}

/* @end */

/* @group lower body */

div.lower-body{
	padding-top: 9px;
}
div.lower-body .lower-body-left{
	background: transparent url(../art/lower-left-bg.png) repeat-x 0px 0px;
	height: 254px;
	width: 490px;
	margin: 0px 0px 0px 84px;
	}
	
div.lower-body .lower-body-left .lower-body-bar{
	background: transparent url(../art/the-guarantee.png) no-repeat 0px 0px;
	height: 53px;
	text-indent: -9999px;
}	

div.lower-body .lower-body-left .guarantee-main{
	padding: 10px 20px 10px 10px;
	float: left;
	}

div.lower-body .lower-body-left .guarantee-text{
	width: 279px;
	padding: 10px 0px 0px 10px;
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
}	

div.lower-body .lower-body-left .guarantee-text p{
	margin-bottom: 8px;
}

div.lower-body .lower-body-left .guarantee-text p a{
	color: #666;
	text-transform: none;
	text-decoration: underline;
	font-weight: normal;
}

div.lower-body .lower-body-left .guarantee-text a{
	color: #e57340;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

div.lower-body .lower-body-left .guarantee-text a:hover{
	color: #fea57c;
}

div.lower-body .lower-body-left h6{
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	margin: 0px;
}	

div.lower-body .lower-body-right{
	float: left;
	background: transparent url(../art/lower-right-bg.png) no-repeat 0px 0px;
	height: 254px;
	width: 302px;
	padding: 0px 14px 0px 9px;
}

div.lower-body .lower-body-right .lower-body-bar{
	background: transparent url(../art/satisfaction-toolkit.png) no-repeat 0px 0px;
	height: 52px;
	text-indent: -9999px;
}	
/* @end */

/* @group Footer */

div.footer-main .footer-menu,
div.footer-main .signup-footer{
	margin-top: 20px;
}

div.footer-main .footer-menu li{
	padding: 0px;
}

div.footer-main .footer-menu li a{
	width: 90px;
	height: 23px;
	text-indent: -9999px;
	display: block;
	float: left;
}

div.footer-main .footer-menu li a:hover{
	background-position: 0px -23px;
}

div.footer-main a.addthis_button_facebook{
	background: transparent url(../art/share-facebook.png) no-repeat 0px 0px;
	}
div.footer-main a.addthis_button_email{
	background: transparent url(../art/share-email.png) no-repeat 0px 0px;
	}	
div.footer-main li.print-coupon a{
	background: transparent url(../art/share-print.png) no-repeat 0px 0px;
	}		

div.footer-main a.addthis_button_facebook span,
div.footer-main a.addthis_button_email span{
	display: none;
	text-indent: -9999px;
}

div.footer-right ul{
	margin-top: 20px;
}

div.footer-right li{
	margin: 0px;
	padding: 0px;
}

div.footer-right li a{
	font-size: 12px;
	font-family: "Myriad Pro", Arial, sans-serif;
	border-right: 1px solid #fff;
	line-height: 14px;
	color: #fff;
	text-decoration: none;
	padding: 0px 4px 0px 0px;
	margin: 0px 4px 0px 0px;
}

div.footer-right li.last a{
	border: none;
	padding-right: 0px;
	margin-right: 0px;
}
div.footer-right li a:hover{
	color: #ccc;
}

div.share-view-owned img.guarantee {
	display: block;
	position: absolute;
	top: 25px;
	padding-left: 10px;
}

div.share-view-owned div.share-view-wrapper {
	padding-top: 100px;
}

.country-select {
	background-image: none;
	background-color: #fff;
	width: 405px;
	margin: auto;
}

.country-select .jovanLogo {
	height: 188px;
	width: 405px;
	margin: 86px 0px 0px 0px;
	background-image: url(/art/jovanSatisfactionLogo.png);
	background-repeat: no-repeat;
}

.country-select .locationSelect {
	height: 38px;
	width: 405px;
	margin: 69px 0px 0px 0px;
	background-image: url(/art/chooseYourLocation.png);
	background-repeat: no-repeat;
}

.country-select .button {
	display: block;
	float: left;
	clear: none;
	height: 88px;
	width: 202px;
}

/* @end */