/* generic styles */

html, body { margin: 0; padding: 0; }
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #6d6e71;
	background-color: Black;
}
a {	color: #6d6e71; }
img {  border: none; }


/* general body styles */
body.blue #body-bg {
	background-image: url('../images/blue-bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #030c43;
}
body.home #body-bg  {
	background-image: url('../images/home-bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #02080a;
}

/* main h1 */
#content h1 {
	margin: 0 0 0 64px;
	padding: 0;
	font-size: 29px;
	text-transform: uppercase;
	color: #58595b;
}

/* header styles */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}
#header table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
#header table td { padding: 0; vertical-align: top; }
#header-left {
	background-image: url('../images/header-left.png');
	background-repeat: repeat-x;
	background-position: top right;
	width: 50%;
}
#header-right {
	background-image: url('../images/header-right.png');
	background-repeat: repeat-x;
	background-position: top left;
	width: 50%;
}
#header-center, #header-center-bg {
	width: 882px;
}
#header-center-bg {
	background-image: url('../images/header-center-dev.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 180px;
	position: relative;
}
#header-center-bg-interior {
	position: absolute;
	background-repeat: no-repeat;
	height: 180px;
	width: 882px;
	top: 0;
	left: 0;
	clip: rect(0,0,0,0);
}
#header-center-bg div.tab-1-selected {
	background-image: url('../images/header-center-highlight1-dev.png');
	clip: rect(104px 391px 144px 306px);
}
#header-center-bg div.tab-2-selected {
	background-image: url('../images/header-center-highlight2-dev.png');
	clip: rect(104px 485px 144px 370px);
}
#header-center-bg div.tab-3-selected {
	background-image: url('../images/header-center-highlight1-dev.png');
	clip: rect(104px 558px 144px 463px);
}
#header-center-bg div.tab-4-selected {
	background-image: url('../images/header-center-highlight2-dev.png');
	clip: rect(104px 657px 144px 542px);
}
#header-center-bg div.tab-5-selected {
	background-image: url('../images/header-center-highlight1-dev.png');
	clip: rect(104px 713px 144px 640px);
}
#header-center-bg div.tab-6-selected {
	background-image: url('../images/header-center-highlight2-dev.png');
	clip: rect(104px 852px 144px 697px);
}
#header-center-bg div.tab-7-selected {
	background-image: url('../images/header-center-highlight1-dev.png');
	clip: rect(104px 878px 144px 778px);
}
#logo {
	position: absolute;
	top: 64px;
	left: 20px;
}
#twitter {
	position: absolute;
	top: 8px;
	right: 36px;
}
#twitter-feed {
	position: absolute;
	top: 12px;
	left: 64px;
	font-size: 12px;
	color: #797878;
	white-space: nowrap;
	clip: rect(0,0,0,0);
	z-index: 10;
}
#twitter-feed a {
	color: #84abb6;
}
#twitter-feed span {
	padding: 0 6px 0 6px;
}
#twitter-shadow-right {
	position: absolute;
	z-index: 15;
	background-image: url('../images/text-shadow-right.png');
	background-repeat: repeat-y;
	width: 31px;
	height: 30px;
	top: 2px;
	left: 728px;
}
#twitter-shadow-left {
	position: absolute;
	z-index: 15;
	background-image: url('../images/text-shadow-left.png');
	background-repeat: repeat-y;
	width: 31px;
	height: 30px;
	top: 2px;
	left: 94px;
}
#menu {
	position: absolute;
	top: 118px;
	left: 326px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#tab-1 { width: 72px; }
#tab-2 { width: 92px; }
#tab-3 { width: 74px; }
#tab-4 { width: 104px; }
#tab-5 { width: 52px; }
#tab-6 { width: 52px; }
#tab-7 { width: 40px; }
#menu li {
	float: left;
	display: block;
}
#menu a {
	text-transform: uppercase;
	text-decoration: none;
	color: #373737;
	font-size: 12px;
	font-weight: bold;
}
#tab-2-dropdown {
	background-image: url('../images/dropdown.png')  ;
	width: 309px;
	height: 38px;
	margin: 0;
	padding: 12px 0 0 32px;
	position: absolute;
	left: -8px;
	top: 24px;
	list-style: none;
	display: none;
}
#tab-2-dropdown li {
	display: inline;
	padding-right: 12px;
}
#tab-2-dropdown a {
	text-transform: uppercase;
	text-decoration: none;
	color: #373737;
	font-weight: bold;
	font-size: 13px;
}
#tab-2-dropdown a:hover {
	text-decoration: underline;
}

/* end header styles */


/* footer styles */
#footer table, #footer-home table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
#footer table td, #footer-home table td { padding: 0; vertical-align: top; }
#footer-left {
	background-image: url('../images/footer-left.png');
	background-repeat: repeat-x;
	background-position: bottom right;
	width: 50%;
}
#footer-right {
	background-image: url('../images/footer-right.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 50%;
}
#footer-center, #footer-content {
	width: 823px;
}
#footer #footer-content { 	background-image: url('../images/footer-center2.png'); }
#footer-home #footer-content { 	background-image: url('../images/footer-center.png'); }
#footer-content {
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 189px;
	position: relative;
}
#home-ads {
	position: relative;
	height: 280px;
}
#lnk-snowmx, #lnk-win, #lnk-snowmoto {
	position: absolute;
}
#lnk-snowmx { top: 85px; left: 100px; }
/* #lnk-win { top: 65px; left: 284px; } */
#lnk-snowmoto { top: 80px; right: 100px; }
#footer #footer-icons, #footer #footer-links {
	top: 80px;
}
#footer-icons {
	position: relative;
	height: 56px;
}
#lnk-twitter, #lnk-facebook, #lnk-want-snow-mx, #lnk-contest {
	position: absolute;
}
#lnk-twitter {
	left: 118px;
	top: 10px;
}
#lnk-facebook {
	left: 279px;
	top: 10px;
}
#lnk-want-snow-mx {
	left: 443px;
	top: 0px;
}
/*
#lnk-contest {
	right: 8px;
	top: 10px;
}
*/
#footer-home #footer-links {
	height: 32px;
}
#footer-links {
	padding-top: 28px;
	padding-left: 8px;
	color: #14b8f2;
	font-size: 11.2px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
}
#footer-links span {
	color: White;
	text-transform: uppercase;
	font-size: 10px;
	padding-right: 32px;
}
#footer-links span a {
	color: White;
	text-decoration: underline;
}
#footer-links a {
	color: #14b8f2;
	text-decoration: none;
}
/* end footer styles */

/* main content styles */
#content {
	width: 882px;
	margin: 0 auto 0 auto;
	padding-top: 168px;
	position: relative;
}
.blue #content {  z-index: 1;}
.home #content { height: 312px; z-index: 1; }
#content ul {
	margin: 0 0 0 0.7em;
	padding: 0 0 0 0.7em;
}
#content p, #content ul {
	width: 696px;
}
#content li {
	margin-bottom: 1.0em;
}
#content h2 {
	font-size: 14px;
	margin: 0 0 1.0em 0;
	padding: 0;
}
#content h3 {
	font-size: 13px;
	text-transform: uppercase;
	margin: 2.0em 0 1.0em 0;
	padding: 0;
}

#content hr {
	background-image: url('../images/hr.png');
	height: 26px;
	width: 770px;
	background-repeat:no-repeat;
	border: none;
	position: relative;
	left: -20px;
}
.highlight { color: #14b8f2; }

/* shared white panel */
div.white-panel-top, div.fr-white-panel-top {
	background-image: url('../images/white-panel-top.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 827px;
	margin: 0 auto 0 auto;
	padding-top: 32px;
}
div.white-panel-bottom {

}
div.white-panel {
	background-image: url('../images/white-panel.png');
	background-repeat: repeat-y;
	background-position: right;
}
div.content-main {
	padding: 1px 40px;
}


/* home styles */
#home-video {
	width: 554px;
	height: 346px;
	background-image: url('../images/home-video-bg.png');
	background-repeat: no-repeat;	
	padding: 11px 0 0 23px;
	margin: 15px 0 0 0;
	z-index: 2;
}

#home-notice { width: 248px; height: 300px; background: url(../images/home-notice.png) no-repeat 0 0; position: absolute; top: 195px; right: 48px; }
#home-notice a.sticky { width: 248px; height: 300px; display: block; position: absolute; z-index: 100; }
#home-notice p { width: 125px; position: absolute; bottom: 25px; left: 60px; z-index: 200; }
#home-notice p a { color: #14b8f2; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; }

/* faq styles */
.faq li {
	margin-bottom: 0 !important;
}

/* community styles */
.community table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.community p { width: auto !important; }
.community table td { vertical-align: middle; margin: 0; padding: 0; }
.community table td.column_left { width: 472px; padding: 0 24px 0 0;  }
.community table td.column_right { width: 220px; }

/* contest styles */
.contest div.white-panel-top {
	background-image: url('../images/contest-panel-top.png');
	padding-top: 273px;
}
.contest div.fr-white-panel-top {
	background-image: url('../images/fr-contest-panel-top.png');
	padding-top: 273px;
}
.contest table { 
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.contest table td { margin: 0; padding: 0; vertical-align: top; }
.contest table td h2 { margin: 0 6px 0 0 !important; padding: 0 !important; }
.contest table td p { width: auto !important; padding: 0 !important; margin: 5px 0 0 0 !important;}
#prizes {
	position: relative;
	left: -19px;
}
#enter-contest {
	position: relative;
	left: -19px;
	margin-top: 19px;
}

/* product styles */
table.product { border-collapse: collapse; margin: 0; padding: 0; }
table.product td { vertical-align: top; }
table.product td.product_video { width: 352px; }
table.product td.product_description { width: 360px; font-size: 13px; }
table.product td.product_description h2 { margin: 0 !important; font-size: 19px !important; }
table.product_details {
	border-collapse: collapse;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}
table.product_details td.product_colors_boxes {
	width: 21px;
	padding-left: 17px;
	padding-right: 7px;
}
table.product_details td.product_colors_boxes a {
	display: block;
	width: 21px;
	height: 21px;
	margin-top: 3px;
}
table.product_details td.product_colors_text {
	width: 64px;
	color: #57b6d4;
	font-size: 11px;
	font-weight: bold;
	width: 54px;
}
table.product_details td {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
table.product_details td.product_video_link {
	text-align: right;
}

table.product_images { border-collapse: collapse; margin: 6px 0 13px 0; padding: 0;  }
table.product_images td { vertical-align: top; margin: 0; padding: 0 7px 0 0; width: 94px; }
table.product_images div { margin-top: 3px; color: #57b6d4; font-weight: bold; }
table.product_images#ss div { text-align: center; }

a.ss {
	text-decoration: none;
}

/* buy styles */
#buy_header {
	background-image: url('../images/buy_header.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 770px;
	position: relative;
	left: -19px;
	padding-top: 83px;
}
#buy_column {
	background-image: url('../images/buy_header_center.png');
	background-repeat: repeat-y;
	background-position: left;
}
#buy_column table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
#buy_column p {
	width: auto !important;
}
#buy_column table td {
	vertical-align: top;
	margin: 0;
	width: 340px;
}
#buy_column td.buy_column_left {
	padding: 0 54px 0 19px;
}
#buy_column div.company:first-child {
	border-top: none;
}
#buy_column div.company {
	width: 336px;
	border-top: solid 1px #cccccc;
	padding-top: 14px;
	margin-bottom: 18px;
}
#buy_column div.company_left {
	float: left;
	width: 144px;
}
#buy_column div.company_right {
	float: left;
	width: 186px;
}
#buy_column div.company_right, #buy_column div.company_right a {
	color: #57b6d4;
	font-weight: bold;
	text-decoration: underline;
}
#buy_column div.company_bottom { clear: left; }

.distributors select {  margin-bottom: 20px; }
.distributors table { border-collapse: collapse; border-spacing: 0; }
.distributors td { border-bottom: 1px solid #eee; padding: 10px; }
.distributors tr:nth-child(odd) td { background: #eee; }

/* event styles */
.events div.white-panel-top {
	background-image: url('../images/events-panel-top.png');
	padding-top: 320px;
}
#event-copy-top {
	color: #58595b;
	font-size: 13px;
}

#event-listing { border-collapse: collapse; margin: 0; padding: 0; }
#event-listing td { vertical-align: top; padding: 0; margin: 0; }
#event-listing p, #event-listing ul { width: auto !important; }
#event-listing td.event-menu ul { list-style: none; }
#event-listing td.event-menu li { margin: 0 0 5px 0; }
#event-listing td.event-menu, #event-listing td.event-menu a {
	color: #57b6d4;
	font-size: 14px;
}
#event-listing td.event-menu {
	width: 115px;
	padding-top: 24px;
}

#event-listing td.event-names h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #57b6d4;
	font-size: 14px;
}
#event-listing td.event-names h2 span {
	font-size: 12px;
}
div.calendar {
	background-image: url('../images/calendar-icon.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 48px;
	height: 46px;
	margin-right: 5px;
	float: left;
	font-size: 8px;
}
span.month {
	color: #FFF;
	padding: 3px 0 0 14px;
	float: left;
	width: 40px;
}
span.day {
	color: #000;
	font-size: 20px;
	float: left;
	padding: 5px 0 0 13px;
	width: 30px;
	font-weight: bold;
}
div.event-row a {
	text-decoration: none;
	height: 40px;
	width: 480px;
	font-size: 14px;
	color: #58595b;
	font-weight: bold;
}
div.event-row {
	float: left;
	width: 570px;
	height: 40px;
	border-top: solid 1px #cccccc;
	padding-top: 10px;
}

/* event detail styles */
div.event-detail div.content-main {
	position: relative;
}
#share {
	position: absolute;
	top: -22px;
	left: 40px;
}
#event-title {
	padding-left: 0px;
	padding-top: 8px;
	color: #58595b;
	font-size: 19px;
	height: 32px;
	font-weight: bold;
}
#event-description {
	float: left;
	width: 500px;
	font-size: 13px;
}
#event-description div.info {
	color: #57b6d4;
	font-size: 14px;
}
#event-description, #event-image {
	padding-top: 32px;
	padding-bottom: 32px;
}
#event-description p, #event-image p {
	width: auto !important;
}
#event-image {
	float: right;
	width: 200px;
	overflow: hidden;
}
#event-description-bottom {
	clear: left;
}

/* safety notice */

sup { font-size: smaller; }

.canada table, .usa table { text-align: center; }

.underline { text-decoration: underline; }

.replacement-en table tr td { padding: 10px; }
.replacement-en table tr td:first-child { text-align: right; }

.replacement-fr table tr td { padding: 10px; }
.replacement-fr table tr td:first-child { text-align: right; }

.callcenter table tr td { padding: 10px; }
.callcenter table tr td:first-child { text-align: right; }