.tubbed{ 
	display: block !important;
	height: 0 !important;
	width: 0 !important;
	left: 0 !important;
	top: 0 !important;
	position: absolute !important;
	overflow: hidden !important;
}
/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	_border: none;
	overflow: auto;
}
body {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	max-height: 100%;
	/*overflow: auto;*/
	padding: 0;
	margin: 0;
	border: 0;
	background: #DE6470 url(../images/bg-heartdot.gif);
}
form {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
img, object, embed {
	display: block;
	outline: none;
}
a img, img a, img {
	border: none;
}
a {
	outline: none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	padding: 0;
	margin: 0;
}
.clearer{
	clear: both;
	line-height: 0px;
}
p.noJS {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}
div.page {
	width: 100%;
	margin: 0 auto;
	z-index: 3;
	background: url(../images/bg-form.png) repeat-y center top;
}
div.footer {
	position: fixed;
	-position: absolute;
	margin: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100px;
	z-index: 4;
	background: url(../images/bg-nav-repeater.jpg) repeat-x;
}
/*~~~~~~~~~~~~~~~~~global styles endZ~~~~~~~~~~~~~~~~~*/
div.pageContainer {
	text-align: left;
	width: 1039px;
	width/**/:/**/ 1037px;
	margin: 0 auto;
	border-left: solid 1px #ED6C89;
	border-right: solid 1px #ED6C89;
	background: #009FE4 url(../images/bg-pageContainer.gif) repeat-y 421px 0;
}
div.pageContainerHome {
	background: #009FE4 url(../images/nsaug10-home.jpg) no-repeat right top;
}
div.pageContainerInner {
	text-align: left;
	width: 1037px;
	position: relative;
	background: url(../images/left-column-bg.png) no-repeat 56px bottom;
}
/*~~~~~~~~~~~~~~~~~left Column styles start~~~~~~~~~~~~~~~~~*/
div.leftColumn {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	width: 348px;
	margin: 0 5px 180px 46px;
	-margin: 0 5px 180px 23px;
	float: left;
}
div.leftColumnWithGrad {
	background: url(../images/left-column-bg.png) no-repeat 10px bottom;
}
div.logoSurr {
	width: 348px;
	height: 81px;
	margin-bottom: 35px;
	position: relative;
	background: url(../images/logo-missSwitch.png) no-repeat;
}
div.logoSurr a {
	text-indent: -9999px;
	display: block;
	width: 348px;
	height: 81px;
	position: absolute;
	top: 0;
	left: 0;
}
div.toutLeftColSurr {
	width: 353px;
	padding: 7px 0 17px 0;
	margin-bottom: 3px;
	position: relative;
	left: -2px;
}
a.toutLeftColSurrInner {
	text-decoration: none;
	display: block;
	width: 353px;
	width/**/:/**/ 341px;
	padding: 0 0 0 12px;
	position: relative;
	background: url(../images/toutLeftColSurrInner.png) repeat-y;
}
span.toutLeftColSurrInnerText {
	display: block;
	height: 18px;
	padding: 0 0 0 5px;
	position: absolute;
	bottom: 0;
	right: 12px;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
	background: url(../images/toutLeftColSurrInnerText.png) no-repeat;
}
span.toutLeftColSurrInnerText span {
	text-transform: uppercase;
	display: block;
	/*padding-right: 6px;*/
	cursor: pointer;
	cursor: hand;
	background-color: #FFF;
}
span.toutLeftColSurrTop {
	display: block;
	width: 353px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/toutLeftColSurrTop.png) no-repeat;
}
span.toutLeftColSurrBottom {
	display: block;
	width: 353px;
	height: 22px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/toutLeftColSurrBottom.png) no-repeat;
}
div.leftColJoin h2 {
	color: #FFF;
}
div.leftColJoin li {
	font-size: 14px;
	color: #FFF;
	line-height: 150%;
	list-style: none;
	padding: 2px 20px 9px 55px;
	background: url(../images/bg-li.png) no-repeat 12px 0;
}
div.leftColJoin li a {
	color: #FFF;
	text-decoration: underline;
}
div.leftColJoin li a:hover {
	color: #A1A1A1;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~left Column styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~right Column styles start~~~~~~~~~~~~~~~~~*/
div.rightColumn {
	width: 605px;
	float: left;
	margin-bottom: 180px;
}
div.rightColumnSurr {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	width: 566px;
	margin-left: 22px;
}
div.rightColumnSurr h1 {
	color: #FFF;
	padding: 0 62px 0 0;
}
div.rightColumnSurr h2 {
	color: #FFF;
	padding: 0 62px 0 27px;
}
div.rightColumnSurr h3 {
	font-size: 11px;
	color: #FFF;
	padding: 0 62px 5px 27px;
}
div.rightColumnSurr p {
	font-size: 11px;
	color: #FFF;
	padding: 0 62px 17px 27px;
}
div.rightColumnSurr p a {
	color: #FFF;
}
div.rightColumnSurr li {
	font-size: 14px;
	color: #FFF;
	line-height: 150%;
	list-style: none;
	padding: 2px 20px 9px 70px;
	background: url(../images/bg-li.png) no-repeat 27px 0;
}
div.rightColumnSurr li a {
	color: #FFF;
	text-decoration: underline;
}
div.rightColumnSurr li a:hover {
	color: #A1A1A1;
	text-decoration: none;
}
div.rightColumnSurr ul.leftfloatedlist li {
    background: none;
    float: left;
    line-height: 100%;
    padding: 0 0 0 27px;
}
div.rightColumnSurr ul.leftfloatedlist li p {
    padding: 0;
}


div#heroimage { /* so the image doesn't look cropped off at higher screen res */
    width: 566px;
    height: 795px;
    background-color: #ED6C89;
    float:right; 
    margin-right:17px;
}

div#runnersup {
    text-align: center;
    margin-left: 27px;
}
div#runnersup img {
    margin-right: 10px; 
}

div.newsItem {
    margin-bottom: 20px;
}
div.newsItemHero {
	margin: 0 0 17px;
}

div.competitionItem {
    margin-bottom: 20px;
}

div.productItem {
    float: left;
    clear: right;
    margin-bottom: 20px;
}

    div.productItem img {
        margin: 5px;
    }

#storesFlash {
	height: 571px;
	width: 566px;
	margin: 17px 0 17px;
	background-color: #003366;
}
div.gossip {
	width: 608px;
}
div.gossipItem {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #FFF;
	position: relative;
}
div.gossipItem a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
div.gossipItem img {
	display: none;
}
div.gossipItemTop {
	height: 14px;
	background: url(../images/gossipItem-top.png) no-repeat;
}
div.gossipItemInner {
	font-size: 11px;
	color: #FFF;
	padding: 10px 50px 12px;
	background: url(../images/gossipItem-bg.png) repeat-y;
}
div.gossipItemBottom {
	height: 23px;
	background: url(../images/gossipItem-bottom.png) no-repeat left bottom;
}
div.speechArrow {
	width: 25px;
	height: 26px;
	position: absolute;
	bottom: 23px;
	background: url(../images/gossipItem-speechArrow.png) no-repeat;
}
div.gossipItem div.speechArrow1 {
	left: 0px;
}
div.gossipItemAlternate div.gossipItemTop {
	background: url(../images/gossipItemAlternate-top.png) no-repeat 12px 0;
}
div.gossipItemAlternate div.gossipItemInner {
	background: url(../images/gossipItemAlternate-bg.png) repeat-y 12px 0;
}
div.gossipItemAlternate div.gossipItemBottom {
	background: url(../images/gossipItemAlternate-bottom.png) no-repeat 12px bottom;
}
div.gossipItemAlternate div.speechArrow2 {
	right: -3px;
	background: url(../images/gossipItemAlternate-speechArrow.png) no-repeat;
}
/*~~~~~~~~~~~~~~~~~right Column styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~form Column styles start~~~~~~~~~~~~~~~~~*/
div.form {
}
div.form h3 {
	margin-bottom: 10px;
}
div.formItem {
	float: left;
	width: 500px;
	margin-bottom: 8px;
}
div.formItem.region {
	margin-bottom: 40px;
}
div.formItem.regionAlt {
	margin-bottom: 8px;
}
div.form label {
	font-size: 11px;
	color: #FFF;
	display: block;
	width: 124px;
	padding: 3px 0 0 27px;
	float: left;
}
div.form label.radio {
	padding: 5px 0 0 0px;
}
div.form input.text {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	width: 320px;
	width/**/:/**/ 315px;
	height: 22px;
	height/**/:/**/ 17px;
	margin: 0;
	padding: 3px 0 0 3px;
	float: left;
	border: 1px solid #333;
	background: #FFF;
}
div.form input.registerButton {
	width: 320px;
	height: 22px;
	margin: 30px 0 0 150px;
	padding: 0;
	border: none;
}
div.form input.submitButton {
	width: 320px;
	height: 24px;
	margin: 0 0 0 150px;
	padding: 0;
	border: none;
}
div.form input.radio {
	width: 14px;
	height: 14px;
	margin: 5px 10px 0 0;
	padding: 0;
	float: left;
}
div.form textarea {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	width: 320px;
	width/**/:/**/ 315px;
	height: 191px;
	height/**/:/**/ 187px;
	margin: 0 0 8px 0;
	padding: 2px 0 0 3px;
	float: left;
	border: 1px solid #333;
	background: #FFF;
}
div.form select {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	height: 21px;
	margin: 0;
	padding: 0;
	float: left;
}
div.form select.title {
	width: 94px;
}
div.form select.region {
	width: 205px;
}
/*~~~~~~~~~~~~~~~~~form Column styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~footer Column styles start~~~~~~~~~~~~~~~~~*/
div.footerInner {
	text-align: left;
	width: 904px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}
div.largeButtonsSurr {
	width: 264px;
	height: 145px;
	position: absolute;
	top: -65px;
	left: 465px;
}
div.largeButtons {
	width: 264px;
	height: 145px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/double-big-buttons.png) no-repeat;
}
div.largeButtonsSurr a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 145px;
	height: 145px;
}
div.largeButtonsSurr a.beboLink {
}
div.largeButtonsSurr a.eclubLink {
	left: 119px;
}
div.subNav {
	height: 24px;
}
div.mainNav {
	height: 76px;
}
div.mainNav a {
	text-decoration: none;
}
div.mainNav a img, div.subNav a img {
    display: inline;
}
a.farmersLogo {
	text-indent: -9999px;
	display: block;
	width: 84px;
	height: 20px;
	position: absolute;
	top: 54px;
	right: 1px;
	background: url(../images/farmersLogo.gif) no-repeat;
}
/*~~~~~~~~~~~~~~~~~footer Column styles end~~~~~~~~~~~~~~~~~*/
#storeContainer{
    /*background-color: #C34563;*/
    height: 500px;
    width: 325px;
    /*should be width: 328px or 329px which ever you think looks right tiga;*/
    /*width: 700px;*/
    overflow: hidden;
    position: absolute;
    left: 58px;
}
#scrollBox{
    width: 3000px;
    height: 400px;
}
#regions, #stores, #storeDetails{
    width: 327px;
    /*should be width: 328px or 329px which ever you think looks right tiga;*/
    float: left;
    position: relative;
    top: 0px;        
}
#regions div div, #stores div div div, #storeDetails div.state{
    background-color: #333333;
    color: White;
    text-transform: uppercase;
    margin-bottom: 1px;
    font-size: 12px;
    padding: 5px 0 5px 10px;
    cursor: pointer;
    cursor: hand;
}
#regions div div.state, #stores div div div.state, #storeDetails div.state{
    background-color: #EB5A7A;
}
#stores div{
    /*display: none;*/
}

/* apparael */
div.apparelArrow{
    width: 72px;
    height: 69px;
    float: left;
}
div.leftArrow{
    background-image: url(../images/leftArrow.jpg);
    margin-left: 12px;
}
div.rightArrow{
    background-image: url(../images/rightArrow.jpg);
}
div.leftArrowDisabled{
    background-image: url(../images/leftArrowDisabled.jpg);
    margin-left: 12px;
}
div.rightArrowDisabled{
    background-image: url(../images/rightArrowDisabled.jpg);
}
div.apparelFilters{
    float: left;
    margin: 0 10px 0 10px;
}
div.apparelFilter{
    margin-top: 2px;
}
div.apparelFilter a{
    width: 159px;
    height: 24px;
    background: #323232;
    display: block;
    text-align: center;
    padding-top: 2px;
}
div.apparelContainer{
    height: 400px;
    width: 348px;
    overflow: hidden;
    position: absolute;
}
div.apparelContainer a {
	display: block;
	margin: 1px;
	height: 76px;
	background-color: Blue;
}
div.apparelContainer span {
	display: block;
	background-color: #323232;
	margin: 1px;
	height: 23px;
	color: White;
	/* replace with tubby */
}
div.slidePanel{
    width:348px;
    float: left;
    position: relative;
    top: 0px;  
}
div.errorlist {
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 11px;
	background-color: #D62F2F;
}
span.star {
	color: #D62F2F;
	display: inline-block;
	position: relative;
	right: -3px;
	padding: 6px 0 0 0;
}
div.errorlist li {
	padding: 0 0 0 27px;
	background: none;
}