/***** COLOUR INDEX
	---------------------------
	Colour 1 Default:	#
	Colour 1 Dark:		#
	---------------------------
	Colour 2 Default:	#
	Colour 2 Dark:		#
	---------------------------

*****/

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* IE6 Background Flicker Fix */

/***** GLOBAL RESET *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
fieldset,img {  
	border: 0;
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
}
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border: 0; 
} 


/***** GLOBAL STARTOVER *****/
body {
	font: 11px/1.25 Tahoma, arial, helvetica, sans-serif;
	color: #808080;
}

/***** HEADINGS *****/
h1, h2, h3, h4, h5 { color: #999; display: block; margin: 0; padding-bottom: 10px; }
	h1 a, h2 a, h3 a, h4 a, h5 a { color: #999; }
h1 { font-size: 19px; }
h2 { font-size: 17px }
h3 { font-size: 15px; }
	#terms h3 { padding: 5px 0;}
h4 { font-size: 13px; }
h5 { font-size: 11px; }

h1.pad_0 { padding: 0; }
h1.vip { background: url(/images/club_soda/feature/vip-medium.png) left 10px no-repeat; padding-left: 40px; }
h2.vip { background: url(/images/club_soda/feature/vip-medium.png) left 5px no-repeat; padding-left: 40px; }
h2.font-weight-normal { font-weight: normal;}

/** error handling **/
.error { 
	background: #ffe1e1; 
	border: 1px solid #ff8383; 
	color: #c00; 
	clear: both;  
	font-size: 11px; 
	overflow: auto; 
	padding: 2%; 
	text-align: left; 
	width: 95%; 
	}

/***** COPY *****/
.copy_normal 	{ font-weight: normal; }
.copy_bold 		{ font-weight: bold; }
.copy_large 		{ font-size: 13px; }
.copy_Xlarge 	{ font-size: 15px; }
.copy_XXlarge	{ font-size: 17px; }
.copy_XXXlarge 	{ font-size: 19px; }
.copy_XXXXlarge	{ font-size: 21px; }
.copy_XXXXXlarge { font-size: 23px; }

.copy_small { font-size: 10px; line-height: 1.1em; }
.copy_small_caps { font-size: 10px; line-height: 1.1em; text-transform: uppercase; }

.copy_blue { color: #0195d7; }
.copy_orange { color: #f78f00;}
.copy_white { color: #FFF; }
.copy_light_grey { color: #b3b3b3; }
.copy_grey { color: #808080; }
.copy_red {color: #C60B0B; }
.copy_dark_grey { color: #4d4d4d; }
.copy_highlight { color: /*#01a02c*/ #0081c8; }
.copy_enhanced { color: #966be7; }
.copy_premium_free { color: #dc0e7d; }
.copy_premium { color: #0081c8; }
.copy_download { color: #01a02c; }
.copy_error { color: #ff7841; }
.copy_strikeout { text-decoration: line-through; }

.copy_lineheight_1 { line-height: 1em; }
.copy_lineheight_1_1 { line-height: 1.1em; }
.copy_lineheight_1_2 { line-height: 1.2em; }

/***** BACKGROUNDS & BOXES *****/
.border_highlight  { border: 1px solid #01a02c; }
.background_highlight  { background: #01A02C; }
.background_highlight_light  { background: #ecff8c; }
.background_vip { background: #e7f7ff; }
.background_error_light  { background: #ffd9cc }
.border_grey { border: 1px solid #d9d9d9; }
.border_TB_grey  { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }
.border_B_grey  { border-bottom: 1px solid #d9d9d9; }
.border_TB_dotted_grey { border-bottom: 1px dotted #d9d9d9; border-top: 1px dotted #d9d9d9; }
.border_B_dotted_grey  { border-bottom: 1px dotted #d9d9d9; }
.border_T_dotted_grey  { border-top: 1px dotted #d9d9d9; }


.background_grey { background: #f2f2f2; }
.background_light_blue { background: #e7f7ff; }

.overflow_hidden { overflow: hidden; }

/*** Tables ***/
caption { color: #01a02c; font-size: 1.2em; margin-bottom: 5px; }
table { font-size: 11px; }
table.padding3 th,
table.padding3 td {
	padding: 3px;
}
table td { vertical-align: top; }
table thead th { padding-bottom: 10px; font-weight: bold; text-transform: uppercase; vertical-align: bottom; }
	
/*** Paragraphs ***/
p {
	margin: 0 0 10px 0;
	padding: 0;
}
p.XXXXlarge	 { font-size: 21px; }
p.XXXlarge	 { font-size: 19px; }
p.XXlarge 	 { font-size: 17px; }
p.Xlarge 	 { font-size: 15px; }
p.large		 { font-size: 13px; }
p.small		 { font-size: 10px; }

/*** Lists ***/
ul, ol {
	padding: 0 0 10px 30px;
}
ul {
	list-style: disc;
}
	ul.list li { margin-bottom: 5px; }
ol {
	list-style: decimal;
}
	ol li { margin-bottom: 10px; }

	#terms ol { list-style-position: inside; margin: 0; padding: 0; }
	ol ul { margin: 0 10px 15px 15px; padding: 0 15px; }

strong, .strong {
	font-weight: bold;
}

small {
	font-size: 10px;
}

img {
	border: 0;
}
	img.img-example { border: 1px dashed #ccc; padding: 3px; }
	
sup {
	bottom: 0.3em;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.2em;
	position: relative;
	vertical-align: baseline;
}

acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
	letter-spacing: 1px;
}


/***** USEFUL CLASSES *****/
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
	.clear hr ,
	.clear_left hr,
	.clear_right hr	{ display: none; }

hr { 
	background: #fff;
	border-left: none; 
	border-bottom: none; 
	border-right: none; 
	border-top: 1px dotted #D9D9D9; 
	clear: both; 
	margin: 10px 0; 
	padding: 0;
	height: 1px;
}
* + html { display: block; margin: 5px 0; }

hr.solid {
	border-top: 1px solid #D9D9D9;
}
hr.margin_5_0 { margin: 5px 0; }

.float_left 		{ display: inline; float: left; position: relative; }
.float_right 	{ display: inline; float: right; position: relative; }

.text_left 		{ text-align: left; }
.text_right 		{ text-align: right; }
.text_center 	{ text-align: center; }
.text_justify 	{ text-align: justify; }
.text_remove 	{ left: -9999px; position: absolute; }

.bold 			{ font-weight: bold; }
.italic 			{ font-style: italic; }
.underline 		{ border-bottom: 1px solid; }
.highlight 		{ background: #ffc; }

.wrap 			{ margin: 0 auto; width: 960px; }

.img-left 		{ float: left; margin: 4px 10px 4px 0; }
.img-right 		{ float: right; margin: 4px 0 4px 10px; }

.nopadding 		{ padding: 0; }
.noindent 		{ margin-left: 0; padding-left: 0; }
.nobullet 		{ list-style: none; list-style-image: none; }
	.nobullet li		{ clear: both; }
.nomargin		{ margin: 0; }
.nowrap			{ white-space: nowrap; }

.marginauto		{ margin-left: auto; margin-right: auto; }
.pointer 		{ cursor: pointer; }
.displayblock 	{ display: block; }
.displaynone	{ display: none; }


.copy_strikeout { color: #ff6633; font-weight: bold; text-decoration: line-through; }

.quarter	{ display: inline; float: left; margin-right: 1%; width: 24%; }
.half		{ display: inline; float: left; margin-right: 2%; width: 49%; }
.third 		{ display: inline; float: left; margin-right: 2%; width: 32%; }
.twothirds 	{ display: inline; float: left; margin-right: 2%; width: 64%; }
.quarter + .last,
.half + .last,
.third + .last,
.twothirds + .last { margin-right: 0; }

/* padding*/
.pad_0 { padding: 0; }

.pad_B_3 { padding-bottom: 3px; }

.pad_3 { padding: 3px; }
.pad_5 { padding: 5px; }

.pad_T_5 { padding-top: 5px; }
.pad_R_5 { padding-right: 5px; }
.pad_B_5 { padding-bottom: 5px; }
.pad_L_5 { padding-left: 5px; }

.pad_TB_5 { padding-bottom: 5px; padding-top: 5px; }
.pad_RL_5 { padding-left: 5px; padding-right: 5px; }

.pad_10 { padding: 10px; }

.pad_T_10 { padding-top: 10px; }
.pad_R_10 { padding-right: 10px; }
.pad_B_10 { padding-bottom: 10px; }
.pad_L_10 { padding-left: 10px; }

.pad_TB_10 { padding-bottom: 10px; padding-top: 10px; }
.pad_RL_10 { padding-left: 10px; padding-right: 10px; }

.pad_15 { padding: 15px; }

.pad_T_15 { padding-top: 15px; }
.pad_R_15 { padding-right: 15px; }
.pad_B_15 { padding-bottom: 15px; }
.pad_L_15 { padding-left: 15px; }

.pad_TB_15 { padding-bottom: 15px; padding-top: 15px; }
.pad_RL_15 { padding-left: 15px; padding-right: 15px; }

.pad_20 { padding: 20px; }

.pad_T_20 { padding-top: 20px; }
.pad_R_20 { padding-right: 20px; }
.pad_B_20 { padding-bottom: 20px; }
.pad_L_20 { padding-left: 20px; }

.pad_TB_20 { padding-bottom: 20px; padding-top: 20px; }
.pad_RL_20 { padding-left: 20px; padding-right: 20px; }

/*margin*/
.margin_0 { margin: 0; }
.margin_5 { margin: 5px; }
.margin_10 { margin: 10px; }
.margin_15 { margin: 15px; }
.margin_20 { margin: 20px; }

.margin_T_0 { margin-top: 0; }
.margin_B_0 { margin-bottom: 0; }

.margin_T_5 { margin-top: 5px; }		
.margin_R_5 { margin-right: 5px; }	
.margin_B_5 { margin-bottom: 5px; }	
.margin_L_5 { margin-left: 5px; }			

.margin_TB_5 { margin-bottom: 5px; margin-top: 5px; }
.margin_RL_5 { margin-left: 5px; margin-right: 5px; }

.margin_T_10 { margin-top: 10px; }		
.margin_R_10 { margin-right: 10px; }	
.margin_B_10 { margin-bottom: 10px; }	
.margin_L_10 { margin-left: 10px; }	

.margin_TB_10 { margin-bottom: 10px; margin-top: 10px; }
.margin_RL_10 { margin-left: 10px; margin-right: 10px; }

.margin_T_15 { margin-top: 15px; }		
.margin_R_15 { margin-right: 15px; }	
.margin_B_15 { margin-bottom: 15px; }	
.margin_L_15 { margin-left: 15px; }	

.margin_TB_15 { margin-bottom: 15px; margin-top: 15px; }
.margin_RL_15 { margin-left: 15px; margin-right: 15px; }


.margin_T_20 { margin-top: 20px; }		
.margin_R_20 { margin-right: 20px; }	
.margin_B_20 { margin-bottom: 20px; }	
.margin_L_20 { margin-left: 20px; }	

.margin_TB_20 { margin-bottom: 20px; margin-top: 20px; }
.margin_RL_20 { margin-left: 20px; margin-right: 20px; }

.margin_L_25{ margin-left: 25px; }	

.margin_L_45 { margin-left: 45px; }	
.margin_L_50 { margin-left: 50px; }	

.margin_R_70 { margin-right: 70px; }	
.margin_L_200 { margin-left: 200px; }