@charset "utf-8";
/* CSS Document */

/*	
	TROPICALWAREHOUSE.CO.UK CSS FRAMEWORK [2010]
	© Copyright 2010 Blue Bay Travel Ltd.
	
	USE THE .CLASS FRAMEWORK BELOW TO BUILD THE GENERAL LAYOUT & STYLE. 
	IF YOU NEED TO DEFINE SPECIFIC VALUES FOR SPECIAL ELEMENTS, OR TO FIX BUGS,
	USE #IDS TO OVERWRITE FRAMEWORK VALUES 
	
	---------------------------------------------------------------------------
	CONTENTS //////////////////////////////////////////////////////////////////
	---------------------------------------------------------------------------
	
	| 0 | DEVELOPMENT TOOLS
	| 1 | POSITIONING
	| 2	| MARGINS
	| 3	| PADDING
	| 4	| TEXT
	| 5	| COLOR
	| 6	| GRIDS
	| 7	| STYLES
	
*/
	
/* 0. DEV TOOLS */

	.wireframe {outline-style: solid; outline-width: 1px}
	.wireframe.R { outline-color: #FD01D1}
	.wireframe.G { outline-color: #44F501}
	.wireframe.B { outline-color: #00BFFF}
	.traceR {background: #FFA9F0}
	.traceG {background: #44F501}
	.traceB {background: #00BFFF}
	
	.lorem {color:red; outline:1px dotted #F00}
	.lorem:hover {background-color:#FFD}

/* 1. POSITIONING */

	.rel {position:relative !important}
	.abs {position:absolute !important}
	.fix {position:fixed !important}
	
	.floatL {float:left  !important } .clearR {clear:right}
	.floatR {float:right !important} .clearL {clear:left }
	.float0 {float:none}
	
	.top   {top:0}		.right   {right:0}		.bottom   {bottom:0}	.left   {left:0}
	.top5  {top:5px }	.right5  {right:5px }	.bottom5  {bottom:5px }	.left5  {left:5px }
	.top10 {top:10px}	.right10 {right:10px}	.bottom10 {bottom:10px}	.left10 {left:10px}	
	.top15 {top:15px}	.right15 {right:15px}	.bottom15 {bottom:15px}	.left15 {left:15px}	
	.top20 {top:20px}	.right20 {right:20px}	.bottom20 {bottom:20px}	.left20 {left:20px}
	.top25 {top:25px}	.right25 {right:25px}	.bottom25 {bottom:25px}	.left25 {left:25px}
	.top30 {top:30px}	.right30 {right:30px}	.bottom30 {bottom:30px}	.left30 {left:30px}
	.top35 {top:35px}	.right35 {right:35px}	.bottom35 {bottom:35px}	.left35 {left:35px}
	.top40 {top:40px}	.right40 {right:40px}	.bottom40 {bottom:40px}	.left40 {left:40px}
	.top45 {top:45px}	.right45 {right:45px}	.bottom45 {bottom:45px}	.left45 {left:45px}
	.top50 {top:50px}	.right50 {right:50px}	.bottom50 {bottom:50px}	.left50 {left:50px}	
	
	
			.top5-  {top:-5px }	.right5-  {right:-5px }	.bottom5-  {bottom:-5px }	.left5-  {left:-5px }
			.top10- {top:-10px}	.right10- {right:-10px}	.bottom10- {bottom:-10px}	.left10- {left:-10px}	
			.top15- {top:-15px}	.right15- {right:-15px}	.bottom15- {bottom:-15px}	.left15- {left:-15px}	
			.top20- {top:-20px}	.right20- {right:-20px}	.bottom20- {bottom:-20px}	.left20- {left:-20px}
			.top25- {top:-25px}	.right25- {right:-25px}	.bottom25- {bottom:-25px}	.left25- {left:-25px}
			.top30- {top:-30px}	.right30- {right:-30px}	.bottom30- {bottom:-30px}	.left30- {left:-30px}
			.top35- {top:-35px}	.right35- {right:-35px}	.bottom35- {bottom:-35px}	.left35- {left:-35px}
			.top40- {top:-40px}	.right40- {right:-40px}	.bottom40- {bottom:-40px}	.left40- {left:-40px}
			.top45- {top:-45px}	.right45- {right:-45px}	.bottom45- {bottom:-45px}	.left45- {left:-45px}
			.top50- {top:-50px}	.right50- {right:-50px}	.bottom50- {bottom:-50px}	.left50- {left:-50px}	
	
	
	.topMid {top:50%}	.rightMid {right:50%}	.bottomMid {bottom:50%}	.leftMid {left:50px}
	
	.clear {clear:both}  
	
	.z1 {z-index: 0} .z2 {z-index: 99} .z3 {z-index: 999} .z4 {z-index: 9999} .z5 {z-index: 99999} .z6 {z-index: 999999 }
	
	.vAlignMid {vertical-align:middle}
	
/* 2. MARGINS */

	.auto {margin:auto !important}
	
	.marginV0 {margin-top:0; margin-bottom:0}
	.marginH0 {margin-left:0; margin-right:0}

	 /* ALL SIDES */
	.margin5  {margin:5px   !important} 
	.margin10 {margin:10px !important} 
	.margin15 {margin:15px !important} 
	.margin20 {margin:20px !important}
	
	 /* INDIVIDUAL */	
	.marginL5  {margin-left: 5px  !important} 
	.marginR5  {margin-right: 5px !important }	
	.marginT5  {margin-top: 5px !important } 
	.marginB5  {margin-bottom: 5px !important }
	.marginL10 {margin-left: 10px !important}
	.marginR10 {margin-right: 10px !important}	
	.marginT10 {margin-top: 10px !important} 
	.marginB10 {margin-bottom: 10px !important}
	.marginL15 {margin-left: 15px !important} 
	.marginR15 {margin-right: 15px !important} 	
	.marginT15 {margin-top: 15px !important} 
	.marginB15 {margin-bottom: 15px !important} 
	.marginL20 {margin-left: 20px !important} 
	.marginR20 {margin-right: 20px !important} 	
	.marginT20 {margin-top: 20px !important} 
	.marginB20 {margin-bottom: 20px !important}
	.marginL25 {margin-left: 25px !important} 
	.marginR25 {margin-right: 25px !important} 	
	.marginT25 {margin-top: 25px !important} 
	.marginB25 {margin-bottom: 25px !important}
	.marginL30 {margin-left: 30px !important} 
	.marginR30 {margin-right: 30px !important}  
	.marginT30 {margin-top: 30px !important} 
	.marginB30 {margin-bottom: 30px !important}
	.marginL40 {margin-left: 40px !important} 
	.marginR40 {margin-right: 40px !important}  
	.marginT40 {margin-top: 40px !important} 
	.marginB40 {margin-bottom: 40px !important}
	.marginL50 {margin-left: 50px !important} 
	.marginR50 {margin-right: 50px !important}  
	.marginT50 {margin-top: 50px !important} 
	.marginB50 {margin-bottom: 50px !important}
	.marginL75 {margin-left: 75px !important} 
	.marginR75 {margin-right: 75px !important}  
	.marginT75 {margin-top: 75px !important} 
	.marginB75 {margin-bottom: 75px !important}
	
	/* BIG DOGS */
	.marginT100 {margin-top:100px !important } .marginR100 {margin-right:100px !important }	.marginB100 {margin-bottom:100px !important }	.marginL100 {margin-left:100px !important }
	.marginT125 {margin-top:125px !important } .marginR125 {margin-right:125px !important }	.marginB125 {margin-bottom:125px !important }	.marginL125 {margin-left:125px !important }
	.marginT150 {margin-top:150px !important } .marginR150 {margin-right:150px !important }	.marginB150 {margin-bottom:150px !important }	.marginL150 {margin-left:150px !important }
	.marginT175 {margin-top:175px !important } .marginR175 {margin-right:175px !important }	.marginB175 {margin-bottom:175px !important }	.marginL175 {margin-left:175px !important }
	.marginT200 {margin-top:200px !important } .marginR200 {margin-right:200px !important }	.marginB200 {margin-bottom:200px !important }	.marginL200 {margin-left:200px !important }
	
	/* NEGATIVE */
	.marginL5-  {margin-left: -5px  !important} 
	.marginR5-  {margin-right: -5px !important }	
	.marginT5-  {margin-top: -5px !important } 
	.marginB5-  {margin-bottom: -5px !important }
	.marginL10- {margin-left: -10px !important}
	.marginR10- {margin-right: -10px !important}	
	.marginT10- {margin-top: -10px !important} 
	.marginB10- {margin-bottom: -10px !important}
	.marginL15- {margin-left: -15px !important} 
	.marginR15- {margin-right: -15px !important} 	
	.marginT15- {margin-top: -15px !important} 
	.marginB15- {margin-bottom: -15px !important} 
	.marginL20- {margin-left: -20px !important} 
	.marginR20- {margin-right: -20px !important} 	
	.marginT20- {margin-top: -20px !important} 
	.marginB20- {margin-bottom: -20px !important}
	.marginL25- {margin-left: -25px !important} 
	.marginR25- {margin-right: -25px !important} 	
	.marginT25- {margin-top: -25px !important} 
	.marginB25- {margin-bottom: -25px !important}
	.marginL30- {margin-left: -30px !important} 
	.marginR30- {margin-right: -30px !important}  
	.marginT30- {margin-top: -30px !important} 
	.marginB30- {margin-bottom: -30px !important}
	.marginL40- {margin-left: -40px !important} 
	.marginR40- {margin-right: -40px !important}  
	.marginT40- {margin-top: -40px !important} 
	.marginB40- {margin-bottom: -40px !important}
	.marginL50- {margin-left: -50px !important} 
	.marginR50- {margin-right: -50px !important}  
	.marginT50- {margin-top: -50px !important} 
	.marginB50- {margin-bottom: -50px !important}
	.marginL75- {margin-left: -75px !important} 
	.marginR75- {margin-right: -75px !important}  
	.marginT75- {margin-top: -75px !important} 
	.marginB75- {margin-bottom: -75px !important}

	/* NEGATIVE BIG DOGS */
	.marginT100- {margin-top:-100px !important } .marginR100- {margin-right:-100px !important }	.marginB100- {margin-bottom:-100px !important }	.marginL100- {margin-left:-100px !important }
	.marginT125- {margin-top:-125px !important } .marginR125- {margin-right:-125px !important }	.marginB125- {margin-bottom:-125px !important }	.marginL125- {margin-left:-125px !important }
	.marginT150- {margin-top:-150px !important } .marginR150- {margin-right:-150px !important }	.marginB150- {margin-bottom:-150px !important }	.marginL150- {margin-left:-150px !important }
	.marginT175- {margin-top:-175px !important } .marginR175- {margin-right:-175px !important }	.marginB175- {margin-bottom:-175px !important }	.marginL175- {margin-left:-175px !important }
	.marginT200- {margin-top:-200px !important } .marginR200- {margin-right:-200px !important }	.marginB200- {margin-bottom:-200px !important }	.marginL200- {margin-left:-200px !important }

/* 3. PADDING */

	 /* ALL SIDES */
	.pad5  {padding:5px }
	.pad10 {padding:10px}
	.pad15 {padding:15px}
	.pad20 {padding:20px}
	.pad25 {padding:25px}
	.pad30 {padding:30px}
	.pad35 {padding:35px}
	.pad40 {padding:40px}
	.pad45 {padding:45px}
	.pad50 {padding:50px}

	 /* LEFT */					 /* RIGHT */				  /* TOP */					 /* BOTTOM */
	.padL5  {padding-left:5px }	.padR5  {padding-right:5px } .padT5  {padding-top:5px }	.padB5  {padding-bottom:5px }
	.padL10 {padding-left:10px} .padR10 {padding-right:10px} .padT10 {padding-top:10px}	.padB10 {padding-bottom:10px}
	.padL15 {padding-left:15px} .padR15 {padding-right:15px} .padT15 {padding-top:15px}	.padB15 {padding-bottom:15px}
	.padL20 {padding-left:20px} .padR20 {padding-right:20px} .padT20 {padding-top:20px}	.padB20 {padding-bottom:20px}
	.padL25 {padding-left:25px} .padR25 {padding-right:25px} .padT25 {padding-top:25px}	.padB25 {padding-bottom:25px}
	.padL30 {padding-left:30px} .padR30 {padding-right:30px} .padT30 {padding-top:30px}	.padB30 {padding-bottom:30px}
	.padL35 {padding-left:35px} .padR35 {padding-right:35px} .padT35 {padding-top:35px}	.padB35 {padding-bottom:35px}
	.padL40 {padding-left:40px} .padR40 {padding-right:40px} .padT40 {padding-top:40px}	.padB40 {padding-bottom:40px}
	.padL45 {padding-left:45px} .padR45 {padding-right:45px} .padT45 {padding-top:45px}	.padB45 {padding-bottom:45px}
	.padL50 {padding-left:50px} .padR50 {padding-right:50px} .padT50 {padding-top:50px}	.padB50 {padding-bottom:50px}
	
	/* X & Y AXIS */
	.padV5  {padding-top: 5px;  padding-bottom: 5px } .padH5  {padding-left: 5px;  padding-right: 5px }
	.padV10 {padding-top: 10px; padding-bottom: 10px} .padH10 {padding-left: 10px; padding-right: 10px}
	.padV15 {padding-top: 15px; padding-bottom: 15px} .padH15 {padding-left: 15px; padding-right: 15px}
	.padV20 {padding-top: 20px; padding-bottom: 20px} .padH20 {padding-left: 20px; padding-right: 20px}
	.padV30 {padding-top: 30px; padding-bottom: 30px} .padH30 {padding-left: 30px; padding-right: 30px}
	.padV40 {padding-top: 40px; padding-bottom: 40px} .padH40 {padding-left: 40px; padding-right: 40px}
	.padV50 {padding-top: 50px; padding-bottom: 50px} .padH50 {padding-left: 50px; padding-right: 50px}


/* 4. TEXT DEAFULTS AND FORMATTING */

	h1, h2, h3, h4, h5, h6, p {color:#555; margin: 0; font-weight: normal}
	h1, li h1 {font-size:30px} 
	h2, li h2 {font-size:24px} 
	h3, li h3 {font-size:22px} 
	h4, li h4 {font-size:18px} 
	h5, li h5 {font-size:16px} 
	h6, li h6 {font-size:14px} 
	p,  li p {font-size:12px; line-height: 200%; text-align: justify}
	a {text-decoration: none; color:#555}
	ul {list-style:none}
	
	.em {font-style: italic} .normal{font-weight:normal} .light{font-weight: lighter} .strong {font-weight: bold} .u {text-decoration: underline}
	
	.cufon {font-weight: normal}
	
	.alignR {text-align: right}	.alignL {text-align: left} .alignC {text-align:center} 
	
	.justify {text-align: justify}
	
	.txt.vSmall  {font-size:9px }   
	.txt.small   {font-size:11px}  
	.txt.regular {font-size:12px}
	.txt.large   {font-size:14px}
	.txt.vLarge  {font-size:16px} 
	.txt.vvLarge {font-size:40px} 
	
	.txt.shadowFFF {text-shadow: 0 1px 0 #FFF} .txt.shadowEEE {text-shadow: 0 1px 0 #EEE} .txt.shadowDDD {text-shadow: 0 1px 0 #DDD}
	.txt.shadowCCC {text-shadow: 0 1px 0 #CCC} .txt.shadowBBB {text-shadow: 0 1px 0 #BBB} .txt.shadowAAA {text-shadow: 0 1px 0 #AAA}
	.txt.shadow999 {text-shadow: 0 1px 0 #999} .txt.shadow666 {text-shadow: 0 1px 0 #666} .txt.shadow333 {text-shadow: 0 1px 0 #333}
	.txt.shadow069 {text-shadow: 0 1px 0 #069} .txt.shadow036 {text-shadow: 0 1px 0 #036} .txt.shadow333 {text-shadow: 0 1px 0 #333}
	
	.noWrap {white-space:nowrap}
	
	hr { color:#CCC; height: 1px; background-color: #CCC; border: 0; margin: 20px 0}
	
	.h.smallest {font-size: 10px}
	.h.small {font-size: 11px}
	.h.reg {font-size: 12px}
	.h.medium {font-size:18px}
	.h.big {font-size: 28px}
	.h.bigger {font-size: 40px}
	.h.vBig {font-size: 50px}
	.h.biggest {font-size: 60px}
	
	.px10 {font-size: 10px} .px11 {font-size: 11px}
	.px12 {font-size: 12px} .px13 {font-size: 13px}
	.px14 {font-size: 14px} .px15 {font-size: 15px}
	.px16 {font-size: 16px} .px17 {font-size: 17px}
	.px18 {font-size: 18px} .px19 {font-size: 19px}
	.px20 {font-size: 20px} .px21 {font-size: 21px}
	.px22 {font-size: 22px} .px23 {font-size: 23px}
	.px24 {font-size: 24px} .px25 {font-size: 25px}
	.px26 {font-size: 26px} .px27 {font-size: 27px}
	.px28 {font-size: 28px} .px29 {font-size: 29px}
	.px30 {font-size: 30px} .px31 {font-size: 31px}
	.px32 {font-size: 32px} .px33 {font-size: 33px}
	.px34 {font-size: 34px} .px35 {font-size: 35px}
	.px36 {font-size: 36px} .px37 {font-size: 37px}
	.px38 {font-size: 38px} .px39 {font-size: 39px}
	.px40 {font-size: 40px} .px41 {font-size: 41px}
	
	.emboss {text-shadow:0 -1px 0 rgba(0,0,0, .50), 0 1px 0 rgba(255,255,255, .75)}
	
	.txtDrop {text-shadow:0 1px rgba(0,0,0, .30)} 
	.txtInset {text-shadow:0 -1px rgba(0,0,0, .20)}
	.txtLight {text-shadow:0 1px rgba(255,255,255, .75)}
	.txtPress {text-shadow:0 1px rgba(255,255,255, .75), 0 -1px rgba(0,0,0, .25)}
	
	.lineHeight75 {line-height:75%} .lineHeight100 {line-height:100%} .lineHeight150 {line-height:150%} .lineHeight200 {line-height:200%} .lineHeight250 {line-height:250%}
	
	.tracking-1 {letter-spacing:-1px} .tracking-2 {letter-spacing:-2px} .tracking-3 {letter-spacing:-3px} .tracking-4 {letter-spacing:-4px}
	.tracking1  {letter-spacing:1px}  .tracking2  {letter-spacing:2px}  .tracking3  {letter-spacing:3px}  .tracking4  {letter-spacing:4px}
	.tracking-0 {letter-spacing:normal !important}

/* 5. COLORS 
	here is defined 4 standard colors (+4 variations) for use throughout the site.
	> to color text, simply add the class .txt to your element followed by the color you wish to use 
	> for background color on block elements, the element must include the class .box 
	> for a CSS3 gradient you can simply add .grad to the element. It will automatically work out with color gradient to use based on the BG Color you have used.
*/

	/* BLOCK COLORS & COLOR SPECIFIC DROP SHADOWS + BORDERS */
	
	.white{color:#FFF !important}  .bgWhite {background-color: #FFF} 
						.bgWhite.drop {box-shadow:1px 1px 1px #CCC; -moz-box-shadow:1px 1px 1px #CCC; -webkit-box-shadow:1px 1px 1px #CCC}
						.bgWhite.border {border-color: #CCC }
							
	.black{color:#333}  .bgBlack {background-color:#333}  
						.bgBlack.drop {box-shadow:1px 1px 1px #111; -moz-box-shadow:1px 1px 1px #111; -webkit-box-shadow:1px 1px 1px #111}
						.bgBlack.border {border-color: #111 }
	
	.blueL{color:#09C}  .bgBlueL {background-color:#09C}  
						.bgBlueL.drop {box-shadow:1px 1px 1px #068; -moz-box-shadow:1px 1px 1px #068; -webkit-box-shadow:1px 1px 1px #068}
						.bgBlueL.border {border-color: #069 }
	
	.blueD{color:#069}  .bgBlueD {background-color:#069}  
						.bgBlueD.drop {box-shadow:1px 1px 1px #046; -moz-box-shadow:1px 1px 1px #046; -webkit-box-shadow:1px 1px 1px #046}
						.bgBlueD.border {border-color: #036 }
	
	.greyL{color:#666}  .bgGreyL {background-color:#DDD}  
						.bgGreyL.drop{box-shadow:1px 1px 1px #AAA; -moz-box-shadow:1px 1px 1px #AAA; -webkit-box-shadow:1px 1px 1px #AAA}
						.bgGreyL.border {border-color: #AAA }
	
	.greyD{color:#444}  .bgGreyD {background-color:#888}  
						.bgGreyD.drop {box-shadow:1px 1px 1px #666; -moz-box-shadow:1px 1px 1px #666; -webkit-box-shadow:1px 1px 1px #666}
						.bgGreyD.border {border-color: #555 }
	
	.redL{color:#F36}   .bgRedL {background-color:#F36}   
						.bgRedL.drop {box-shadow:1px 1px 1px #C03; -moz-box-shadow:1px 1px 1px #C03; -webkit-box-shadow:1px 1px 1px #C03}
	
	.redD{color:#F06}   .bgRedD {background-color:#F06}   
						.bgRedD.drop {box-shadow:1px 1px 1px #A04; -moz-box-shadow:1px 1px 1px #A04; -webkit-box-shadow:1px 1px 1px #A04}
	
	.greenL{color:#3EB} .bgGreenL {background-color:#3EB}
						.bgGreenL.drop {box-shadow:1px 1px 1px #197; -moz-box-shadow:1px 1px 1px #197; -webkit-box-shadow:1px 1px 1px #197}
	
	.greenD{color:#3C9} .bgGreenD {background-color:#3C9} 
						.bgGreenD.drop {box-shadow:1px 1px 1px #0C9; -moz-box-shadow:1px 1px 1px #0C9; -webkit-box-shadow:1px 1px 1px #0C9}
	
	.yellow{color:#FC0} .bgYellow {background-color:#FC0} 
						.bgYellow.drop {box-shadow:1px 1px 1px #A80; -moz-box-shadow:1px 1px 1px #A80; -webkit-box-shadow:1px 1px 1px #A80}
						
	/* ADDITIONAL COLORS */
	.bgOrange {background-color:#F93}
	.bgPurple {background-color:#66C}
	.bgPink {background-color:#F6C}
	.bgTeal {background-color:#0CC}
	.bgPlum {background-color:#939}
	
	/* GRAYS */
	.bgAAA { background-color: #AAA }
	.bgBBB { background-color: #BBB }
	.bgCCC { background-color: #CCC }
	.bgDDD { background-color: #DDD }
	.bgEEE { background-color: #EEE }
	.bgOffWhite { background-color: #EEE }
	
	/* SHORTHAND COLORS */
	.bg09C { background-color: #09C }
	.bg069 { background-color: #069 }
	.bgEFF { background-color: #EFF }
	.bgCFF { background-color: #EFF }
	.bgF36 { background-color: #F36 }
	.bgF69 { background-color: #F36 }
	.bgF06 { background-color: #F06 }
	.bg3C9 { background-color: #3C9 }
	.bgFF9 { background-color: #FF9 }
	.bgFFC { background-color: #FFC }
	.bgFFD { background-color: #FFD }
		
		
	/* RGBA VARIANTS */
	
		/* IE FALLBACKS */
		.bgBlack-015, .bgBlack-025, .bgBlack-050, .bgBlack-075, .bgBlack-085 {
			background-color:#000
		}
		.bgWhite-015, .bgWhite-025, .bgWhite-050, .bgWhite-075, .bgWhite-085 {
			background-color:#FFF
		}
	
	.bgBlack-085 {background-color:rgba(0,0,0,0.85);}
	.bgBlack-075 {background-color:rgba(0,0,0,0.75);}
	.bgBlack-050 {background-color:rgba(0,0,0,0.5);}
	.bgBlack-025 {background-color:rgba(0,0,0,0.25);}
	.bgBlack-015 {background-color:rgba(0,0,0,0.15);}
	.bgWhite-085 {background-color:rgba(255,255,255,0.85);}
	.bgWhite-075 {background-color:rgba(255,255,255,0.75);}
	.bgWhite-050 {background-color:rgba(255,255,255,0.5);}
	.bgWhite-025 {background-color:rgba(255,255,255,0.25);}
	.bgWhite-015 {background-color:rgba(255,255,255,0.15);}	

 	/* CSS3 GRADIENTS 
 	-> (GRADIENT COLOR DEPENDS ON THE .bg{Color} CLASS USED ON THE ELEMENT) */
	
	.grad  {background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.15))); 
			background-image:-moz-linear-gradient(0% 100% 90deg,rgba(0,0,0,0.15), rgba(0,0,0,0))}
			
	.gradLight  {background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(255,255,255,0))); 
				 background-image:-moz-linear-gradient(0% 100% 90deg,rgba(255,255,255,0), rgba(255,255,255,0.25))}
				
		/* NON-GRADIENT COLORS FOR IE */
		*html .bgBlueD  {background-color:#0080CC} 
		*+html .bgBlueD {background-color:#0080CC} 

	.highlight {background-color: #dff; border-bottom: 1px solid #9ff; border-right: 1px solid #bff}
	
	
	.shadowS  	{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.15))); 
	/* SOUTH */	 background-image:-moz-linear-gradient(0% 100% 90deg,rgba(0,0,0,0.15), rgba(0,0,0,0))}
	
	.shadowN  	{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0))); 
	/* NORTH */	 background-image:-moz-linear-gradient(0% 100% 90deg,rgba(0,0,0,0), rgba(0,0,0,0.15))}
	
	.shadowW  	{background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0))); 
	/* WEST */	 background-image:-moz-linear-gradient(0% 100% 0deg,rgba(0,0,0,0.1), rgba(0,0,0,0))}
			
	.shineS  	{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); 
				 background-image:-moz-linear-gradient(0% 100% 90deg,rgba(255,255,255,0.25), rgba(255,255,255,0))}
	
	.shineN  	{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(255,255,255,0))); 
				 background-image:-moz-linear-gradient(0% 100% 90deg,rgba(255,255,255,0), rgba(255,255,255,0.25))}
				 
				 
	.dropRight	{-moz-box-shadow: 2px 0 1px rgba(0,0,0,0.15); -webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.15); box-shadow: 2px 0 1px rgba(0,0,0,0.15)}
	.dropLeft	{-moz-box-shadow: -2px 0 1px rgba(0,0,0,0.15); -webkit-box-shadow: -2px 0 1px rgba(0,0,0,0.15); box-shadow: -2px 0 1px rgba(0,0,0,0.15)}
	.dropBottom	{-moz-box-shadow: 0 2px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.15); box-shadow: 0 2px 1px rgba(0,0,0,0.15)}
	.dropBottomRight {-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.15); box-shadow: 2px 2px 1px rgba(0,0,0,0.15)}
	.dropBottomLeft {-moz-box-shadow: -2px 2px 1px rgba(0,0,0,0.15); -webkit-box-shadow: -2px 2px 1px rgba(0,0,0,0.15); box-shadow: -2px 2px 1px rgba(0,0,0,0.15)}
	
	.boxInset {
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.15) inset, 1px 1px 0 rgba(0,0,0,0.025);
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.15) inset, 1px 1px 0 rgba(0,0,0,0.025);
		box-shadow: 0 0 2px rgba(0,0,0,0.15) inset, 1px 1px 0 rgba(0,0,0,0.025);
		border: 1px solid #CCC;
		border-left-color:#CCC;
		border-top-color:#CCC;
		border-right-color:#FFF;
		border-bottom-color:#FFF;
	 }
	
	
/* 6. GRIDS 
	use .box in conjunction with a .col* value to create a grid block
	960 is the maximum with 100 being the minimum. This is loosley based on the 960 CSS Grid System 
	use row classes to define heights of block elements. if you need a more custom height you can overide with an #ID or use a .padV class in 
	conjunction with .row
*/

	.box, .block {display:block}
	.inline {display:inline-block}
	.hide {display: none}
	.show {visibility: visible: }
	
	.overflowH {overflow:hidden} .overflowS {overflow:scroll} .overflowV {overflow:visible} .overflowA {overflow:auto}
	
	.col960 {width:960px} .row960 {height:960px} .row80 {height:80px}
	.col800 {width:800px} .row800 {height:800px} .row60 {height:60px}
	.col700 {width:700px} .row700 {height:700px} .row55 {height:55px} 
	.col650 {width:650px} .row650 {height:650px} .row45 {height:45px}
	.col600 {width:600px} .row600 {height:600px} .row40 {height:40px}
	.col550 {width:550px} .row550 {height:550px} .row25 {height:25px}
	.col500 {width:500px} .row500 {height:500px} .row20 {height:20px}
	.col450 {width:450px} .row450 {height:450px} .row15 {height:15px}
	.col400 {width:400px} .row400 {height:400px} .row10 {height:10px}
	.col350 {width:350px} .row350 {height:350px} .row5  {height:5px }
	.col300 {width:300px} .row300 {height:300px}
	.col250 {width:250px} .row250 {height:250px}
	.col200 {width:200px} .row200 {height:200px}
	.col175 {width:175px} .row175 {height:175px}
	.col150 {width:150px} .row150 {height:150px}
	.col125 {width:125px} .row125 {height:125px}
	.col100 {width:100px} .row100 {height:100px}
	.col50  {width:50px } .row50  {height:50px }
	.col40  {width:40px } 
	.col30  {width:30px } .row30  {height:30px }
	.col20  {width:20px }
	.col10  {width:10px }
	
	.col960_auto {width:960px}
	
	.colFIT {width:100% } .rowFIT {height:100%  }
	.colHALF{width:49.5%} .rowHALF {height:49.5%}
	.colQUART{width:25% } .rowQUART {height:25% }
	.colTHIRD{width:33.3% } .rowTHIRD {height:33.3% }

/* 7. STYLINGS */

	.border {border-width:1px; border-style: solid} /* (!) IF YOU USE THIS, THE COLOR WILL BE SET IN RELATION TO THE .bg{Color} CLASS USED */
	
	.borderFFF {border:1px solid #FFF} .borderEEE {border:1px solid #EEE}
	.borderDDD {border:1px solid #DDD} .borderCCC {border:1px solid #CCC} .borderAAA {border:1px solid #AAA} 
	.border999 {border:1px solid #999} .border666 {border:1px solid #666} .border333 {border:1px solid #333} 

	.outlineDDD {border:1px solid #DDD} .outlineCCC {border:1px solid #CCC} .outlineAAA {border:1px solid #AAA} 
	.outline999 {border:1px solid #999} .outline666 {border:1px solid #666} .outline333 {border:1px solid #333} 

	.radius {-moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
	
		.radiusNE {border-radius:3px 0 0 0; -moz-border-radius: 3px 0 0 0; -webkit-border-radius:3px}
		.radiusNW {border-radius:0 3px 0 0; -moz-border-radius: 0 3px 0 0; -webkit-border-radius:3px}
		.radiusSW {border-radius:0 0 3px 0; -moz-border-radius: 0 0 3px 0; -webkit-border-radius:3px}
		.radiusSE {border-radius:0 0 0 3px; -moz-border-radius: 0 0 0 3px; -webkit-border-radius:3px}
	
	.glow {box-shadow:0 0 6px #CCC; -moz-box-shadow:0 0 6px #CCC; -webkit-box-shadow:0 0 6px #CCC; box-shadow:0 0 6px #CCC}
	.trans { background-image:url('img/trans.gif') }
	.trans25 {opacity:0.25} .trans50 {opacity:0.50} .trans75 {opacity:0.75}
	 li.col {float: left} 
	.underline {border-bottom: 1px solid #CCC}
	
	 img.frame {padding: 1px; border: 1px solid #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; box-shadow:0 0 5px #CCC}
	 img.frameD {padding: 1px; border: 1px solid #CCC; -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333; box-shadow:0 0 5px #333}
	 img.frameL {padding: 1px; border: 1px solid #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; box-shadow:0 0 5px #CCC}