/* 

	HACKS:

		IE6:

		* html #ie6 {



		IE7:

		*:first-child+html #ie7 {



		Safari2:

		body:last-child:not(:root:root) #safari2 {



		"Modern" browsers:

		html>body #modern {



		Safari 3:

		html*:first-of-type #safari3 {

		To target the body:

		html*#id_of_body:first-of-type {



		Safari 2/3:

		html* #safari2and3 {

		To target the body:

		html*#id_of_body {

		

*/



/* 1) DEFAULTS ---------------------------------------------------------- */

	/* 1.1) Resets ---------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}

input, textarea {
	font-family: inherit;
	}
	/* /Resets ------------------------------------------------- */

	/* 1.2) Baseline ------------------------------------------- */

html {
	overflow-y: scroll;
	}

body	{
	font-family: sans-serif;
	font-size: 100%;
	}

	/* /Baseline ----------------------------------------------- */

	/* 1.3) Tables --------------------------------------------- */

table	{ /* tables still need cellspacing=0 in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

	/* /Tables ------------------------------------------------- */

	/* 1.4) Forms ---------------------------------------------- */

input[type='text'],
input[type='password'],
textarea,
select	{
	padding: 1px;
	}

	/* /Forms -------------------------------------------------- */

	/* 1.5) Links ---------------------------------------------- */

a,
a:link	{
	color: #00f;
	outline: none;
	}

a:visited	{
	color: #f0f;
	}

a:hover	{
	text-decoration: underline;
	}

a:active	{
	color: #f00;
	}

	/* /Links -------------------------------------------------- */

	/* 1.6) Special Classes ------------------------------------ */

.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	}

.show {
	display: block;
	}	

.hide {
	display: none;
	}

.hidden {
	visibility: hidden;
	}

		/* 1.6.1) CMS ------------------------------------ */

.cms p	{
	margin: 0 0 1em 0;
	}

.cms h1 {
	font-size: 3em;
	margin: 0 0 .5em 0;
	}
	
.cms h2 {
	font-size: 2em;
	margin: 0 0 .5em 0;
	}

.cms h3 {
	font-size: 1.5em;
	margin: 0 0 .5em 0;
	}

.cms h4 {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	}

.cms h5 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	}

.cms h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	}

.cms ul,
.cms ol {
	margin: 0 0 1.5em 1.5em;
	}
	
.cms ul,
.cms ul li {
	list-style-type: disc;
	}

.cms ol,
.cms ol li {
	list-style-type: decimal;
	}

.cms dl {
	margin: 1.5em 0;
	}

.cms dl dt {
	font-weight: bold;
	}

		/* /CMS ------------------------------------------ */


	/* /Special Classes ---------------------------------------- */

/* /DEFAULTS ------------------------------------------------------------ */



body {
    font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #585858;
	background: url(../images/global_bg.jpg) top left repeat-x;
	
	}
	
h1 {
	margin: 25px 0 0 5px;
	}

h2 {
	padding-bottom: 15px;
	font-size: 27px;
	color: #000;
	}

h3 {
	padding-bottom: 15px;
	font-size: 19px;
	color: #000;
	}

h4 {
	padding-bottom: 15px;
	font-size: 19px;
	color: #3e3e3e;	
	}

h5 {
	padding-bottom: 12px;
	font-size: 17px;
	color: #3e3e3e;	
	}

a:link {
	text-decoration: none;
	color: #585858;
	}



a:visited {
	text-decoration: none;
	color: #585858;
	}

a:hover {
	text-decoration: underline;
	color: #585858;
	}

.h2_header_text {
	padding-bottom: 20px;
	font-size: 14px;
	color: #2b2b2b;	
	
	}

.h3_header_text {
	padding-bottom: 20px;
	font-size: 14px;
	color: #585858;	
	}



#page {
	width: 910px;
	margin: 0 auto;
	padding: 0 5px;
    background: url(../images/global_bg_center_2.jpg) top left no-repeat;
	
	
	}

#page_bottom_bg {
	padding-bottom: 6px;
	margin-left: -5px;
    background: url(../images/global_bg_center_bottom.jpg) bottom left no-repeat;
	}



#left_bar {
	float: left;
	width: 268px;
	padding: 15px 0 0 62px;
	background: url(../images/global_side_shade_bg.jpg) bottom right no-repeat;
	}

#left_bar li {
	padding: 0 50px 13px 20px;
	background: url(../images/misc_red_arrow.gif) 0 3px no-repeat;
		
	}

#left_bar #product_image {
	margin: 10px 0 0 40px;
	}


#primary_content {
	float: left;
	width: 500px;
	padding: 65px 0 0 40px
	}

#video_area p {
	width: 168px;
	margin: 5px 0 25px 3px;
	font-size: 12px;
	color: #3e3e3e;
	}

#video_area a:hover {
	text-decoration: underline;
	}


#video_1, 
#video_2 {
	float: left;
	width: 172px;
	margin-right: 15px;
	}

#caption_area {
	float: left;
	width: 262px;	
	}

#button_area {
	float: left;
	width: 238px;
	}

#caption_area p {
	float: left;
	width: 155px;
	padding-left: 10px;
	}

#caption_area .caption_img {
	width: 68px;
	padding-left: 0;	
	}

#caption_area .caption_img img {
	display: block;
	margin: 0 auto;
	}

#caption_area li,
#button_area li {
	margin-bottom: 15px;
	}

#button_area {
	padding-top: 38px;
	}

#button_area p {
	width: 220px;
	padding-top: 5px;
	}

#button_area .short_text_area {
	width: 165px;
	}

#contest_area {
	clear: both;
	width: 280px;
	height: 148px;
	margin: 20px 0 0 225px;
	background: url(../images/contest_area_bg.jpg) top left no-repeat;	
	}


#contest_area a:hover {	
	display: block;
	text-decoration: none;
	cursor: pointer;
	}


#contest_area p#contest_header_text {
	padding: 13px 0 10px 15px;

	font-size: 17px;
	font-weight: bold;
	color: #555555;
	}

#contest_area p {
	padding: 0 0 0 15px;
	width: 250px;
	font-size: 12px;
	color: #000000;
	}

#contest_area p img {
	padding-left: 4px;
	}


#footer {
	clear: both;
	width: 780px;
	margin: 15px auto 50px;
	font-size: 11px;
	color: #c9babb;
	}

#footer p {
	padding-bottom: 15px;
	}

#footer a {
	color: #c9babb;
	}	

#footer a:visited {
	color: #c9babb;
	}






