/* @override http://generalsnusfda.client.rivetglobal.com/styles/screen.css */

html{
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
}

body {background: #000 url(/images/globalBackground.jpg) repeat-x;margin: 0px;}
#wrapper {position: relative;margin: 0 auto;width: 900px;height: 770px;/*z-index: 0;*/overflow:hidden}
#contentInner {position: absolute;top: 20px;left: 0;width: 900px;height: 585px;color: #fff;background: #000;}
#contentInner .mastheadover {position: absolute;top: 10px;left: 0;width: 900px;z-index: 2;display:none;}
#contentInner .masthead {position: absolute;top: 10px;left: 0;width: 900px;z-index: 1;display:none;}
img {border: none;}
#contentInner .trimmed {height: 226px; overflow: hidden;}

.subpagemast {position: absolute;width: 900px;}
/* @group Header */
#logo {position: absolute;top: 10px;left: 645px;width: 255px;z-index:10;}

/* @group Navigation */
#navigation {position: relative;width: 645px;z-index:100;}
ul#nav {position: absolute;padding: 0;margin: 0 0 0 20px;}
ul#nav li {float: left;display: block;margin: 25px 7px;font-size:11px;}
ul#nav li a {text-transform: uppercase;text-decoration: none;display: block;height: 32px;line-height: 32px;color: #fff;font-weight: bold;}
ul#nav li a:hover, ul#nav li a.active {text-transform: uppercase;text-decoration: none;display: block;height: 32px;color: #fc3!important;background: url(../images/navOver.png) no-repeat center;font-weight: bold;}
ul#nav li a.active {font-weight: bold;}

.spacer {width:50px;}

/* @end */

/* @group Logon */

.original-pursuit {position:relative; width:870px; left:-55px; float:left; background:#fc3;color:#000; text-align:center; font-weight: bold; font-size: 16px; padding:15px;}
.original-pursuit a {color: #222;}

/* @end */

/* @group Social */

#social {position: absolute;top: 85px;left: 665px;width: 235px;height: 38px;line-height: 14px;font-size: 90%;z-index:15;
	background: url(/images/bar.png) no-repeat;
	padding-left: 40px;
	overflow: auto;
}
	#social .copy {text-align: center;float: left;padding: 5px 8px 0 0;}
	#social .block {position: relative;height: 38px;float: left;background-color: #fc3;width: 8px;margin: 0 8px 0 5px;}
	#social .icons {padding: 6px 0 0;}
.tooltip {
	display:none;
	background:transparent url(/images/tooltipHover.gif) no-repeat;
	font-size:10px;
	height:34px;
	width:153px;
	padding:20px 0 0 10px;
	color:#000;
	margin-top: 15px;
	margin-left: 42px;
	z-index:25;
}
#wrapper .tooltip {overflow:visible;}
/* @end */

/* @group Home Page */

#homeSubCan {position: absolute; top: -320px; left: 195px; z-index:20;}
#homeSubOriginal {position: absolute; top: 185px; left: -4000px; z-index:10;}
#homeSubSnus {position: absolute; top: 355px; left: 4410px; z-index:10;}

.pagecontent {
	position: absolute;
	top: 460px;
	left: 0px;
	width: 900px;
	height: 80px;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
}
.pagecontent .copy {
	width: 500px;
	margin: 20px 120px 0;
	font-size: 18px;
}
/* @end */

/* @group Products Page */

#productsSubCan {position: absolute; top: 325px; left: 50px; z-index: 20;display: none;}
#productsSubProducts {position: absolute; top: 215px; left: -4000px; z-index:10;}
#productsSubSnus {position: absolute; top: 284px; left: 4410px; z-index:10;}

.productsSubNavContainer{position: relative;top: 350px;left: 200px;width: 700px;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;float: left;height: 28px;background: url(../Images/productsSubNavContainerBackground.jpg) repeat-y;}
.productsSubNav {font: bold 13px/28px "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;}
ul.productsSubNav {margin: 0;padding: 0;float: right;}
ul.productsSubNav li {float: left;height: 28px;padding: 0 10px;}
ul.productsSubNav li:hover, ul.productsSubNav li.active {border-bottom: 2px solid #e5c84b;height: 30px;}
ul.productsSubNav li a {text-decoration: none;}
ul.productsSubNav li a span {color: #e5c84b;}

.productscontent {
	position: absolute;
	top: 390px;
	left: 240px;
	width: 500px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.productslocator {
	position: absolute;
	top: 340px;
	left: 240px;
	width: 500px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.productscontent h1,.productslocator h1 {
	color: #ffcc33;
	font-size: 18px;
	margin: 0 0 5px 0;
}
.productscontent .copy {
	font-size: 14px;
	line-height: 16px;
}
.products-finder {border: 0;margin: 0;}
.products-finder label {float: left; width: 80px;}
.products-finder input, .products-finder select {border:1px solid #CCC;}

.products-name {color: #ffcc33;font: normal 19px/normal "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;}
.products-name sup {font-size:14px;}
.products-description {color: #ffffff;}


.productscompare {
	position: absolute;
	top: 460px;
	left: 780px;
    cursor: hand;

}
#validation_summary_content td {
	padding: 12px 5px;
	border-right: 1px solid #f3e578;
	border-bottom: 1px solid #f3e578;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
#validation_summary_content td.top, #validation_summary_content td.side {
	color: #ffcc33;
}
#validation_summary_content td.top {
	width: 120px;
	padding: 12px 0;
}
#validation_summary_content td.side {
	text-align: right;
}
#validation_summary_content td.right {
	border-right: 0;
}
#validation_summary_content td.bottom {
	border-bottom: 0;
}

/* @end */

/* @group Where To Buy/Locator Page */

#wheretobuySubSnusStack {position: absolute; top: 325px; left: 50px; z-index: 20;display: none;}
#wheretobuySubWhere {position: absolute; top: 180px; left: -4000px; z-index:10;}
#wheretobuySubToBuy {position: absolute; top: 242px; left: 4410px; z-index:10;}

.wheretobuycontent {
	position: absolute;
	top: 320px;
	left: 310px;
	width: 500px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.wheretobuylocator {
	position: absolute;
	top: 330px;
	left: 70px;
	width: 750px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.wheretobuylocator #map {
    position:absolute;
    left:260px;
    float:left;
    top: -20px;
    width: 500px; height: 253px;
}
.wheretobuycontent h1,.wheretobuylocator h1 {
	color: #ffcc33;
	font-size: 18px;
	margin: 0 0 5px 0;
}
.wheretobuylocator .copy {
    position:absolute;
    top:20;
	font-size: 14px;
	width:250px;
	height: 210px;
	overflow: auto;
	float:left;
}
.wheretobuylocator .locator-result {
	margin: 0 0 10px 0;
	line-height: 16px;
}
.wheretobuylocator .locator-result b {
	color: #ffcc33;
}
.wheretobuylocator #map {
	color: #222;
	font-size: 16px;
}
.wheretobuycontent .copy {
    position:absolute;
    top:0;
	font-size: 14px;
	float:left;
}
.wheretobuy-finder {border: 0;margin: 0;}
.wheretobuy-finder label {float: left; width: 80px;}

.online-stores {
    position:absolute;
    top: 160px;
    left:320px;
    cursor: hand!important;
}

.online_stores_content .copy {
    position:relative;
    width: 460px;
    margin: 0 auto;
}
.online_stores_content .copy a {
	float: left;
	width: 230px;
	color: #e5c84b;
	font-size: 16px;
	line-height: 24px;
}

.wheretobuy-name {color: #ffcc33;font: normal 19px/normal "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;}

.wheretobuy-description {color: #ffffff;}
/* @end */

/* @group About Page */
#aboutSubCan {position: absolute; top: 310px; left: 65px; z-index:20;display:none;}
#aboutSubOriginal {position: absolute; top: 205px; left: -4000px; z-index:10;}
#aboutSubSnus {position: absolute; top: 280px; left: 4410px; z-index:10;}

.aboutcontent {
	position: absolute;
	top: 360px;
	left: 300px;
	width: 500px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.aboutcontent h1 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.aboutcontent .copy {
	font-size: 14px;
	line-height: 16px;
}

/* @end */

/* @group How To Snus Page */

#howtoSubCan {position: absolute; top: 325px; left: 65px; z-index:20;display:none;}
#howtoSubSnus {position: absolute; top: 278px; left: -4000px; z-index:10;}
#howtoSubHowTo {position: absolute; top: 215px; left: 4410px; z-index:10;}
/*
#howtoSubCan {position: absolute; top: 325px; left: 65px; z-index:20;}
#howtoSubSnus {position: absolute; top: 278px; left: 620px; z-index:10;}
#howtoSubHowTo {position: absolute; top: 215px; left: 10px; z-index:10;}
*/
.howtocontent {
	position: absolute;
	top: 350px;
	left: 260px;
	width: 600px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.howtocontent h1 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.howtocontent .copy {
	position: relative;
	float: left;
	width: 300px;
	font-size: 14px;
	line-height: 16px;
}

.howtocontent .flashwrapper {
	position: relative;
	float: left;
	top: -20px;
}

/* @end */

/* @group History Page */

#historyElementMap {position: absolute; top: 275px; left: 0px; z-index: 0;display: none;}
#historySubOriginal {position: absolute; top: 205px; left: -4000px; z-index:10;}
#historySubSnus {position: absolute; top: 292px; left: 4410px; z-index:10;}

.historycontent {
	position: absolute;
	top: 360px;
	left: 300px;
	width: 500px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.historycontent h1 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.historycontent .copy {
	font-size: 14px;
}

/* @end */


/* @group Our Culture Page */

#cultureSubCan {position: absolute; top: 330px; left: 20px; z-index: 20;display:none;}
#cultureSubCulture {position: absolute; top: 219px; left: -4000px; z-index:10;}
#cultureSubOur {position: absolute; top: 285px; left: 4410px; z-index:10;}

.culturecontent {
	position: absolute;
	top: 350px;
	left: 260px;
	width: 540px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.culturecontent h1 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.culturecontent .copy {
	font-size: 14px;
}
.culturecontent a {
	color: #e5c84b;
}

/* @end */

/* @group Harm Reduction Page */

#harmSubCan {position: absolute; top: 340px; left: 20px; z-index: 20;display:none;}
#harmSubReduction {position: absolute; top: 219px; left: -4000px; z-index:10;}
#harmSubHarm {position: absolute; top: 286px; left: 4410px; z-index:10;}

.harmcontent {
	position: absolute;
	top: 350px;
	left: 280px;
	width: 540px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
}
.harmcontent h1 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.harmcontent .copy {
	font-size: 16px;
}
.harmcontent a {
	float: left;
	width: 260px;
	color: #e5c84b;
	line-height: 22px;
}

/* @end */

/* @group Footer */

.footer {
	position: relative;
	top: 585px;
	z-index:1;
}
.footer {
	position: relative;
	color: #FFF;
	font-size: 1.0em; font-weight: normal; font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
	text-align: center;
	padding-top: 10px;
}
.footerlogon {
	position: relative;
	color: #FFF;
	font-size: 1.0em; font-weight: normal; font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
	border-top: solid 0px #000000;
	text-align: center;
	padding-bottom: 20px;
}

.footer a, .footer span, .footerlogon a, .footerlogon span {
	color: #FFF;
	margin: 0 20px;
	text-decoration: none;
}

.footer .legal, .footerlogon .legallogon {
	position: relative;
	width: 900px;
	height: 133px;
	padding-top: 10px;
	clear: both;
}

/* @end */

/* @group Subpages */

.withnav .interior {
	position: absolute;
	width: 800px;
	height: 450px;
	left: 50px;
	top: 80px;
	z-index:10;
}


/* @end */

/* @group LogOn & Register Pages */

.content-area {
	position: relative;
	margin: 10px auto;
	width: 900px;
	height: 740px;
	border: 2px solid #ffcc33;
	background: #000000;
	overflow: hidden;
}

.footerlogon {
	position: relative;
	top: 545px;
	margin: 40px auto 0;
	width: 900px;
	text-align: center;
	font-size: 1.0em; font-weight: normal; font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
}
/* LOG-IN FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

.logon
{
    position:relative; left:0;
    width: 900px;
    height: auto;
    margin: 0 auto;
}

.logon .headline
{
    display: inline-block;
    margin-left: 25px;
}

.logon fieldset 
{
    display: block;
    position: relative;
    width: 310px;
    height: 300px;
    float: left;
    margin: 10px 30px;
    padding: 0;
    border: 0px solid #CCC;
    font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
}

form#LoginForm, form#PasswordForm {
    /* FIX FOR LOGON/REGISTER PAGE ALIGNMENT ISSUE ON IE7 PROPER */
    margin:0;
}
.logon div.logon-separator
{
    display: block;
    position: relative;
    width: 1px;
    height: 200px;
    float: left;
    margin: 40px 0;
    padding: 0;
    border: 0;
    background: #ffcc33;
}    

.logon fieldset p 
{
    color: #ffcc33;
    clear: both;
    height: 2.0em;
}

.logon fieldset p.expand
{
    height: auto;
    line-height: 15px;
}

.logon fieldset p a 
{
    color: #ffcc33;
}

.logon fieldset p.logon-action
{
    position: absolute;
    display: inline;
    bottom: 15px;
    left: 92px;
}

.logon fieldset p.logon-copy-white
{
    color: #ffffff;
    margin-bottom: 15px;
}

.logon fieldset label 
{
    display: block;
    width: 100px;
    float: left;
    clear: left;
    margin-right: 10px;
    color: #ffcc33;
}

.logon fieldset label.inline 
{
    display: inline;
}

.logon legend 
{
	color: #ffcc33;
	font-size: 1.3em;line-height:1.0em; font-weight: normal; font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
	margin: 0;
	padding: 0;
}

.logon input[type="text"], .registration select 
{
    width: 150px;
    border: 1px solid #CCC;
    float: left;
}

.logon input[type="password"] 
{
    width: 150px;
    border: 1px solid #CCC;
    float: left;
}

/* INTERNATIONAL VERIFICATION FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.ageverify {
    position: relative;
    float:left;
    width: 500px;
    left:200px;
    text-align:center;
}
    .ageverify .field-validation-error  {background:none!important;display:none;}
.ageverify .ageverify-copy {
    width:340px;
    text-align:left;
}
.logon fieldset p.ageverify-action
{
    position: absolute;
    display: inline;
    bottom: 15px;
    left: 95px;
}
.ageverify select {
    width:50px;
    border:1px solid #CCC;
}
.ageverify input {
    border: none;
}

/* PASSWORD FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.password
{
    width: 721px;
    height: auto;
    margin: 0 auto;
}

.password fieldset 
{
    display: block;
    position: relative;
    width: 475px;
    margin: 30px auto;
    border: 0px solid #CCC;
}

.password fieldset p 
{
    color: #ffcc33;
    height: 2.0em;
    clear: both;
}

.password fieldset p a 
{
    color: #ffcc33;
}

.password fieldset p.password-action
{
    margin: 50px auto;
    text-align: center;
}

.password fieldset label 
{
    display: block;
    width: 150px;
    float: left;
    clear: left;
    margin-right: 10px;
    color: #ffcc33;
}

.password fieldset label.inline 
{
    display: inline;
}

.password legend 
{
	color: #ffcc33;
	font-size: 2.0em;line-height:1.0em; font-weight: normal; font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
	margin-bottom: 12px;
}

.password input[type="text"], .registration select 
{
    width: 250px;
    border: 1px solid #CCC;
    float: left;
}

.password input[type="password"] 
{
    width: 250px;
    border: 1px solid #CCC;
    float: left;
}

.password-bg
{
    background: #000;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	padding: 10px;
	border: solid 1px #ffcc33;	
}


/* INTERIOR PAGE FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*.withnav .interior {
	position: absolute;
	width: 764px;
	height: 470px;
	left: 100px;
	top: 36px;
	z-index:100;
	padding: 30px;
}*/
.nonav .interior {
	position: absolute;
	width: 780px;
	height: 425px;
	left: 35px;
	top: 16px;
	z-index:100;
	padding: 20px;
}
.interior h2 {
	color: #ffcc33;
	font-size: 1.5em;line-height:1.5em; font-weight: normal; font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
}

/* REGISTRATION FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/


.registration fieldset 
{
    margin: 0 0 0 10px;
    padding: 0;
    width: 750px;
    min-height:450px;
    overflow: hidden;
    border: 0;
}

.registration fieldset.success
{
    margin: 50px auto;
    height: 400px;
    width: 560px;
    line-height: 17px;
}

.registration fieldset#registration_step_1 
{
    display: block;
}

.registration fieldset#registration_step_2
{
    display: none;
}

.registration fieldset#registration_step_3
{
    display: none;
}

.registration fieldset#registration_step_processing
{
    display: none;
    text-align: center;
}

.registration fieldset p 
{
    color: #ffcc33;
    height: 18px;
    clear: both;
}


.registration fieldset.success p.steps
{
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 560px;
}

.registration legend 
{
	color: #ffcc33;
	font-size: 1.2em;line-height:1.0em; font-weight: normal; font-family: "Franklin Gothic Book", Helvetica, Verdana, Sans-Serif;
	margin: 0;
	padding: 0;
}

.registration legend span
{
    color: #ffffff;
}

.registration_go_step_1, .registration_go_step_2, .registration_go_step_3
{
    cursor: hand;
}

/* VALIDATION ELEMENTS   
----------------------------------------------------------*/
.field-validation-error 
{
    display: block;
    float: right;
	padding:1px 1px 1px 30px;
	width: 175px;
	height: 20px;
	color:#ffcc33;
    background: transparent url(../images/validator-icon-warning.gif) no-repeat top left;
    border: solid 0px #ffcc33;
    margin-right: 10px;
}

.logon fieldset p .field-validation-error
{
    width: 20px;
    margin: 0;
    padding: 0;
}

.password fieldset p .field-validation-error
{
    width: 25px;
    margin: 0;
    padding: 0;
}

.subpage-content fieldset p .field-validation-error
{
    width: 20px;
    margin: 0;
    padding: 0;
}

.validation-summary-errors
{
    color: #ffcc33;
	font-size: 1.2em;
	line-height:1.2em; 
	font-weight: normal;
}

.validation-summary-errors li
{
    color: #ffcc33;
	font-size: 1.2em;
	line-height:1.2em; 
	font-weight: normal; 
}

ul.validation-summary-errors
{
    list-style: circle;
    margin-left: 15px;
}

.input-validation-error
{
    background-color: #ffcc33;
}

/* @end */

#compare_wrapper
{
    position: relative;
    top:25px;
    left: 30px;
    width:815px;
    height:480px;
    background:#000000;
    padding:10px;
    border: 1px solid #CCC;
    z-index:1000;
}

.compare_content
{
    position: relative;
    width:815px;
    height:480px;
    z-index:1002;
}

.compare-close
{
    text-align: right;
    cursor: hand!important;
    width: 16px;
    height: 16px;
    background: transparent url(/images/validator-icon-close.gif) no-repeat top center;
    float: right;
    border: solid 1px #000;
    z-index: 1500;
}

#online_stores
{
    position: absolute;
    top:125px;
    left: 130px;
    width:640px;
    height:390px;
    background:#000000;
    padding:10px;
    border: 1px solid #CCC;
    z-index:1000;
}
.online_stores_content
{
    position: relative;
    background:#000000;
    width:640px;
    height:390px;
    z-index:1002;
}
.online-close
{
    text-align: right;
    cursor: hand!important;
    width: 16px;
    height: 16px;
    background: transparent url(/images/validator-icon-close.gif) no-repeat top center;
    float: right;
    border: solid 1px #000;
    z-index: 1500;
}