/**************************************************************************************************************** 

****************************************************************************************************************/

::selection		 { background-color:#666; color:#FFF; }
::-moz-selection { background-color:#666; color:#FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td, button, hr { margin:0; padding:0; outline:none; list-style:none;}
button::-moz-focus-inner { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address, caption, cite, code, dfn, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym, button, input[type="button"] { border:0; outline:none; }
td { vertical-align:top; }

b, strong 	{ font-weight:bold !important;}
i, em 	 	{ font-style:italic !important; }

p, h1, h2, h3, h4, h5, h6, ul, ol { margin-bottom:0px; }

ul.marginBottom0, 
ol.marginBottom0,
h1.marginBottom0,
h2.marginBottom0, 
h3.marginBottom0, 
h4.marginBottom0, 
h5.marginBottom0, 
h6.marginBottom0, 
p.marginBottom0, 
span.marginBottom0, 
table.marginBottom0, 
div.marginBottom0,
img.marginBottom0,
a.marginBottom0 	{ margin-bottom: 0 !important; } 

.alignLeft		{ text-align:left 	    !important; }
.alignCenter 	{ text-align:center     !important; }
.alignRight 	{ text-align:right 	    !important; }
.vAlignTop 		{ vertical-align:top    !important; }
.vAlignMiddle 	{ vertical-align:middle !important; }
.vAlignBottom 	{ vertical-align:bottom !important; }

.floatLeft     	{ float:left  !important; }
.floatRight 	{ float:right !important; }
.floatNone	 	{ float:none  !important; }

.relative 		{ position:relative !important; }
.absolute 		{ position:absolute !important; }



.clear, .clear5, .clear10, .clear15, .clear20, .clear25, .clear30, .clear35, .clear40, .clear45, .clear50 { width:100%; clear:both; display:block; }
.clear 		{ height:0px; line-height:0px; }

.clearLeft 	 	{ clear:left  !important; }
.clearRight 	{ clear:right !important; }

.clear5   		{ height:5px;  }			.clear30  { height:30px; } 
.clear10  		{ height:10px; } 			.clear35  { height:35px; }
.clear15  		{ height:15px; } 			.clear40  { height:40px; }
.clear20  		{ height:20px; } 			.clear45  { height:45px; }
.clear25  		{ height:25px; }    	 	.clear50  { height:50px; }

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

.padLeft0		{ padding-left:0px;  }		.padRight0	{ padding-right:0px; }
.padLeft5		{ padding-left:5px;  }		.padRight5	{ padding-right:5px; }
.padLeft10		{ padding-left:10px; }		.padRight10	{ padding-right:10px; }
.padLeft15		{ padding-left:15px; }		.padRight15	{ padding-right:15px; }
.padLeft20		{ padding-left:20px; }		.padRight20	{ padding-right:20px; }
.padLeft25		{ padding-left:25px; }		.padRight25	{ padding-right:25px; }
.padLeft30		{ padding-left:30px; }		.padRight30	{ padding-right:30px; }

.marginLeft0	{ margin-left:0px;  }		.marginRight0	{ margin-right:0px; }
.marginLeft5	{ margin-left:5px;  }		.marginRight5	{ margin-right:5px; }
.marginLeft10	{ margin-left:10px; }		.marginRight10	{ margin-right:10px; }
.marginLeft15	{ margin-left:15px; }		.marginRight15	{ margin-right:15px; }
.marginLeft20	{ margin-left:20px; }		.marginRight20	{ margin-right:20px; }
.marginLeft25	{ margin-left:25px; }		.marginRight25	{ margin-right:25px; }
.marginLeft30	{ margin-left:30px; }		.marginRight30	{ margin-right:30px; }

.radius0 { border-radius:0px !important; }
.radius1 { border-radius:1px !important; }				.radius6  { border-radius:6px  !important; }			.radius11  { border-radius:11px !important; }
.radius2 { border-radius:2px !important; }				.radius7  { border-radius:7px  !important; }			.radius12  { border-radius:12px !important; }
.radius3 { border-radius:3px !important; }				.radius8  { border-radius:8px  !important; }			.radius13  { border-radius:13px !important; }
.radius4 { border-radius:4px !important; }				.radius9  { border-radius:9px  !important; }			.radius14  { border-radius:14px !important; }
.radius5 { border-radius:5px !important; }				.radius10 { border-radius:10px !important; }			.radius15  { border-radius:15px !important; }

.cursorPointer { cursor:pointer; }
.cursorDefault { cursor:default; }

.overflowAuto  		{ overflow:auto; }
.overflowHidden  	{ overflow:hidden; }


/* CLEARFIX --------------------------------------------------------------------------------------------------*/ 

.clearfix:after,
.overlay:after,
.inputHolder:after,
.gridRow:after,
.article:after,
.imgWrap:after				{ content: " "; display:table; clear:both; visibility:hidden; line-height:0; height:0; font-size:0; list-style:none;}

*:first-child+html .clearfix,
*:first-child+html .overlay,
*:first-child+html .inputHolder,
*:first-child+html .gridRow,
*:first-child+html .article,
*:first-child+html .imgWrap	{ zoom: 1; } /* IE7 */


/* GLOBAL ----------------------------------------------------------------------------------------------------*/ 

.highlight 		{ background:#f1f1f1; border:1px solid #e1e1e1; }
a, a:hover, 
a:focus 		{ outline:none; cursor:pointer; }

.uiGreen  		{ color:#678118; }
.uiRed 	  		{ color:#c01121; }
.uiYellow 		{ color:#daac1e; }

div.half 		{ width:50%; }

img				{ -ms-interpolation-mode: bicubic; }
img.floatLeft   { margin:0 20px 20px 0; }
img.floatRight  { margin:0 0 20px 20px; }
img.polaroid	{ padding:3px; background:#FFF; border:1px solid #e5e5e5; }

a:hover img.polaroid { box-shadow:1px 1px 3px #f1f1f1; border:1px solid #d1d1d1; }

.overlay							{ position:relative; display:inline-block; *display:inline; *zoom:1; margin-bottom:-5px; } 
.overlay img						{ float:left; }

.overlay .overlayBlock,
.overlay .overlayContent			{ display:table-cell; vertical-align:middle; text-align:center;  position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); background-position:50% 42%; background-repeat:no-repeat; }

.overlay:hover .overlayBlock		{ opacity:0.75; filter:alpha(opacity=75); }

.overlay:hover .overlayContent		{ opacity:1; filter:alpha(opacity=100); z-index:10; background-position:50% 50%; vertical-align:middle; }

a:hover .overlayBlock				{ opacity:0.75; filter:alpha(opacity=75); }
a:hover .overlayContent				{ opacity:1; filter:alpha(opacity=100); z-index:10; background-position:50% 50%; vertical-align:middle; }

.overlayText						{ position:relative; top:45%; } /* overide the TOP % to vertically align it */

.overlayBlack						{ background-color:#000; color:#FFF; }
.overlayWhite						{ background-color:#FFF; color:#333; }
.overlayBlue						{ background-color:#226294; color:#FFF; }


li .overlayDark,
li .overlayLight 					{ *margin-bottom:-3px; }

.overlayPlusSignBlack				{ background-image:url(../images/lib/overlay_plus_sign_dark.png); }
.overlayPlusSignWhite				{ background-image:url(../images/lib/overlay_plus_sign_light.png); }

.overlaySearchSignBlack				{ background-image:url(../images/lib/overlay_search_sign_dark.png); }
.overlaySearchSignWhite				{ background-image:url(../images/lib/overlay_search_sign_light.png); }


/**************************************************************************************************************** 
    FADE EFFECTS
****************************************************************************************************************/


.inputBox,
.selectBox,
.textArea, 
.inputBoxFooter,
a img.polaroid,
.btnQty,
.overlayContent,
div.creditCardsWrap label img,
a.cvv > span.cvv,
.tblCart tr,
.tblHover tr,
.tblHover tr.odd,
.tblHover tr.even,
.uiNav > li > a

{		 transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
 -webkit-transition: all 200ms ease-in-out;
	  -o-transition: all 200ms ease-in-out; }


/**************************************************************************************************************** 
    FORMS and BUTTONS
***************************************************************************************************************

.inputHolder 	{ margin:0px 0px 7px 0px; display:block; }

.inputBox, 
.textArea, 
.inputBoxFooter { height:16px; font:12px/12px Arial, Helvetica, sans-serif; background:#FFF; border-radius:2px; color:#4d4d4d; border:1px solid #ccc; border-top-color:#c0c0c0; border-bottom-color:#d9d9d9; }

.inputBox		{ padding:6px 6px; line-height:16px\9; }
.selectBox 		{ padding:5px; border-radius:2px; color:#4d4d4d; font-size:12px; border:1px solid #ccc; border-top-color:#c0c0c0; border-bottom-color:#d9d9d9; }
.textArea 		{ padding:6px; resize:none; overflow:auto; line-height:18px; }

.inputBox:focus, 
.selectBox:focus, 
.textArea:focus { box-shadow:1px 1px 2px #e1e1e1; background:#fbfbfb; border-color:#aaa; }

label			{ display:inline-block; *display:inline; *zoom:1; height:30px; line-height:30px; }

label .radio,
label .checkBox { vertical-align:middle; margin:0 3px 0 0; padding:0; }
label .radio  	{ position:relative; top:-2px; }

.btnImg 	  	{ margin:0; padding:0; border:0; display:inline-block; line-height:0px; font-size:0; background-position:top left; outline:none; cursor:pointer; color:transparent; }
.btnImg:hover 	{ background-position:bottom left !important; cursor:pointer; }

.btn 		 	{ display:inline-block; *display:inline; *zoom:1; *padding:0; cursor:pointer; } 

span.qtyControl	{ display:inline-block; position:relative; width:90px; } 
span.qtyControl > .inputBox { width:76px; text-align:center; }

.btnQty	  	  	{ display:block; height:22px; line-height:22px; width:22px; background-color:#e1e1e1; text-decoration:none; text-align:center; position:absolute; top:4px; *top:5px; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; }
.btnQty:hover 	{ text-decoration:none; background-color:#666; color:#FFF; }

.btnQtyMinus	{ left:4px; }
.btnQtyAdd		{ right:4px; }

*/

/* FORM MESSAGES -----------------------------------------------------------------------------------------------

div.uiMessages					{ margin-bottom:20px; padding:15px 18px; clear:both; position:relative; border-radius:4px; vertical-align:middle; }
div.uiMessages h3 				{ font-size:14px; margin-bottom:0; }
div.uiMessages p				{ margin-bottom:0; }
div.uiMessages span 			{ display:none; }

div.uiMessagesError				{ background:#ffdede; border:1px solid #f5aaaa; }
div.uiMessagesError	h3 			{ color:#cd3939; }

div.uiMessagesSuccessful		{ background:#e5f4d6; border:1px solid #a3c77f; }
div.uiMessagesSuccessful h3		{ color:#559d0e; }

div.uiMessagesWithIcon			{ padding-left:50px; }
div.uiMessagesWithIcon > span	{ position:absolute; left:15px; top:12px; display:block; width:25px; height:25px; }

div.uiMessagesSuccessful span 	{ background:url(../images/lib/ui_sprites.png) 0px -140px no-repeat; }
div.uiMessagesError span		{ background:url(../images/lib/ui_sprites.png) -25px -140px no-repeat; }

div.uiMessages:after 			{ clear:both; }

*/ 

/**************************************************************************************************************** 
	UL LIST
****************************************************************************************************************/

ul.resetList		{ margin:0; padding:0; list-style-type:none; display:block; overflow:hidden; }
ul.resetList li		{ margin:0; padding:0; list-style-type:none; }

ul 	  { list-style-type:disc;  }

ol	  { list-style-type:decimal; }
ol li { margin: 0px 0px 0px 40px; }

ul ul { margin-left:25px; margin-bottom:0; } 

ul.expand 		{ list-style-type:disc; }
ul.expand li 	{ margin: 0px 0px 10px 35px; }
ol.expand 		{ list-style-type:decimal; }
ol.expand li 	{ margin: 0px 0px 10px 40px; }


/**************************************************************************************************************** 
	TABLES
****************************************************************************************************************/

.tbl 	  		{ width:100%; margin-bottom:20px; border-collapse:collapse; }
.tbl th   		{ font-weight:bold; }
.tbl th,
.tbl td   		{ padding:8px 8px; text-align:left; vertical-align:top; }

.tbl tr.odd 	{  } 
.tbl tr.even 	{ background:#f9f9f9; } 

.tblHover tr:hover,	
.tblHover tr.odd:hover,
.tblHover tr.even:hover			{ background-color:#f1f1f1; }


/* TABLE STRIPED ------------------------------------------------------------------------------------------------*/ 

.tblStriped	 	{ border-bottom:1px solid #ddd; }
.tblStriped th, 
.tblStriped td 	{ border-top:1px solid #ddd; }


/* TABLE STYLED -------------------------------------------------------------------------------------------------*/ 

.tblStyled		{ }
.tblStyled th 	{ background-color:#e1e1e1; }

.tblStyled th, 
.tblStyled td 	{ border:1px solid #CCC; }


/* TABLE COMPACT ------------------------------------------------------------------------------------------------*/ 

.tblCompact		{ }
.tblCompact th 	{ padding:4px 6px; }

.tblCompact th, 
.tblCompact td 	{ padding:4px 6px; }


/* TABLE FORMS  --------------------------------------------------------------------------------------------------*/ 

.tblForm 		{  }
.tblForm th 	{ padding:8px 8px 15px 8px; border-bottom:1px solid #e5e5e5; font-weight:bold; }
.tblForm td 	{ padding:0 8px 8px 8px; }

.tblForm td.spacer 			{ height:10px; }
.tblForm tr td:first-child 	{ vertical-align:middle; }
.tblForm th a.edit 			{ font-weight:normal; float:right; position:relative; }

/* TABLE FORMS TEXT LAYOUT ---------------------------------------------------------------------------------------*/ 

.tblFormText 					{ }
.tblFormText td					{ padding:0 8px 10px 8px; }
.tblFormText td.spacer 			{ height:10px; }
.tblFormText tr td:first-child  { vertical-align:top; }


/* TABLE FORMS CLEAN = NO PADDING ON LEFT AND RIGHT BOTTOM ONLY ---------------------------------------------------*/ 

.tblClean		{  }
.tblClean th 	{ padding:0px 0px 8px 0px; }
.tblClean td 	{ padding:0 0px 8px 0px; }


/* FAKE TABLE USING CSS -------------------------------------------------------------------------------------------*/ 

.tblRow  	{ display:table; width:100%; margin-bottom:20px; }
.tblTr   	{ display:table-row; }
.tblTd		{ display:table-cell; *display:inline; *zoom:1; *vertical-align:top; }


/**************************************************************************************************************** 
	UI NAVS AND TABS
****************************************************************************************************************/

.uiNav 		  	{ *zoom:1; margin:0 0 20px 0; }
.uiNav:after  	{ content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0;  }

.uiNav 		 	{ padding:0; list-style:none; display:block; clear:both; }
.uiNav li    	{ margin:0; padding:0; list-style:none; }

.uiNav > li > a.selected { cursor:default; }

/* ORDINARY TAB ----------------------------------------------------------------------------------------------*/ 

.uiNavTab 						{ border-bottom:1px solid #ddd; }

.uiNavTab > li 					{ float:left; margin:0 3px -1px 0; *margin-bottom:-2px; }
.uiNavTab > li a				{ float:left; padding:10px 18px; border-radius:3px 3px 0 0;  }
.uiNavTab > li a:hover 			{ background:#f1f1f1; color:#4d4d4d; text-decoration:none;  }

.uiNavTab > li > a.selected 	{ border:1px solid #ddd; border-bottom:transparent; background:#FFF; border-radius:3px 3px 0 0; color:#4d4d4d; }


/* STYLED TAB ----------------------------------------------------------------------------------------------*/ 

.uiNavTabStyled						{ padding:5px 5px 0 5px; background:#f1f1f1; }

.uiNavTabStyled > li 				{ float:left; margin:0 3px 0 0; }
.uiNavTabStyled > li a 				{ float:left; padding:10px 18px; border-radius:3px 3px 0 0;  }
.uiNavTabStyled > li a:hover 		{ background:#e1e1e1; color:#4d4d4d; text-decoration:none;  }
.uiNavTabStyled > li a:active		{ background:#e1e1e1; box-shadow:inset 2px 2px 5px #c9c9c9 }

.uiNavTabStyled > li > a.selected 	{ border:1px solid #ddd; border-bottom:#fff; background:#FFF; border-radius:3px 3px 0 0; color:#4d4d4d; }


/* TAB PILL -------------------------------------------------------------------------------------------------*/ 

.uiNavTabPills 						{ border-bottom:1px solid #ddd; }

.uiNavTabPills > li 				{ float:left; margin-bottom:-1px;  }
.uiNavTabPills > li a 				{ float:left; padding:10px 18px; margin:0 5px 6px 0; border: 1px solid #ddd; border-radius:4px; }
.uiNavTabPills > li a:hover 		{ background:#f1f1f1; color:#4d4d4d; text-decoration:none; border-radius:4px; }
.uiNavTabPills > li a:active 		{ box-shadow:inset 2px 2px 5px #e1e1e1; }

.uiNavTabPills > li > a.selected 	{ color:#4d4d4d; border-bottom:#fff; padding-bottom:18px; margin-bottom:0px; background:#FFF; border-radius:4px 4px 0 0; }


/* PILL ------------------------------------------------------------------------------------------------------*/ 

.uiNavPills 					{ }

.uiNavPills > li 				{ float:left; }
.uiNavPills > li a 				{ float:left; padding:10px 18px; margin-right:5px; border:1px solid #ddd; border-radius:4px; }
.uiNavPills > li a:hover 		{ background:#f1f1f1; color:#4d4d4d; text-decoration:none;  }
.uiNavPills > li a:active		{ box-shadow:inset 2px 2px 5px #e1e1e1; }

.uiNavPills > li > a.selected 	{ color:#4d4d4d; background:#FFF; }


/* COMPACT TAB ----------------------------------------------------------------------------------------------*/ 

ul.compact > li a { padding:6px 10px; }
  

/**************************************************************************************************************** 
	UI BUTTONS 
****************************************************************************************************************/

.uiBtn,
.uiBtnGroup		{ display:inline-block; *display:inline; zoom:1; }

.uiBtn:hover  	{ text-decoration:none; }

.uiBtn,
.uiBtn:visited,
.uiBtnGroup .uiBtn,
.uiBtnSelected:hover { font-family:Arial, Helvetica, sans-serif; color:#4d4d4d; float:left; font-size:12px; line-height:26px; font-weight:bold; padding:0 8px; border:1px solid #d9d9d9; margin-right:-1px; cursor:pointer; position:relative; z-index:1; 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 76%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(76%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.uiBtn:hover 	{ z-index:3; border-color:#c6c6c6; box-shadow:1px 1px 2px #ebebeb; }
.uiBtn:active   { box-shadow:inset 1px 1px 3px #e1e1e1; }

.uiBtnGroup > .uiBtn { border-radius:0; }
.uiBtnGroup .uiBtn:first-child { border-radius:4px 0px 0px 4px; }
.uiBtnGroup .uiBtn:last-child  { border-radius:0px 4px 4px 0px; }

.uiBtnGroup .uiBtnSelected,
.uiBtnGroup .uiBtnSelected:hover  { box-shadow:inset 2px 2px 3px #e1e1e1; cursor:default; box-shadow:none; border-color:#cccccc;
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}

.uiBtn 		{ float:none; border-radius:4px; *padding:0; } /* single button */
.uiBtnSm  	{ line-height:22px; padding:0 10px; font-size:11px; font-weight:bold; *padding:0;  } /* large button */ 
.uiBtnBig   { line-height:34px; padding:0 20px; *padding:0; } /* large button */ 

/* IE 7 HACK */
.uiBtnGroup > a.uiBtn,
.uiBtnGroup > a.uiBtn:hover { *padding:0 12px; *height:28px; }
.uiBtnGroup > .uiBtn,
.uiBtnGroup > .uiBtn:hover  { *padding:0 5px; }


/* OTHER BUTTON COLOURS ---------------------------------------------------------------------------------------------*/ 

.uiBtnRed { border-color:#9e0513; color:#FFF;
	background: #c01828; /* Old browsers */
	background: -moz-linear-gradient(top,  #c01828 0%, #aa1618 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c01828), color-stop(100%,#aa1618)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c01828 0%,#aa1618 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c01828 0%,#aa1618 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c01828 0%,#aa1618 100%); /* IE10+ */
	background: linear-gradient(top,  #c01828 0%,#aa1618 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c01828', endColorstr='#aa1618',GradientType=0 ); /* IE6-9 */
} 

.uiBtnGreen { color:#FFF; border-color:#759d00; border-radius:inherit;
	background: #88a418; /* Old browsers */
	background: -moz-linear-gradient(top,  #88a418 0%, #74901b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88a418), color-stop(100%,#74901b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #88a418 0%,#74901b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #88a418 0%,#74901b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #88a418 0%,#74901b 100%); /* IE10+ */
	background: linear-gradient(top,  #88a418 0%,#74901b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88a418', endColorstr='#74901b',GradientType=0 ); /* IE6-9 */
}

.uiBtnRed:hover,
.uiBtnGreen:hover { color:#4d4d4d;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 76%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(76%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 76%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

/**************************************************************************************************************** 
	UI ICONS 
****************************************************************************************************************/

[class^="uiIcon14-"] { width:14px; height:14px; line-height:14px; }

[class^="uiIcon16-"] { width:16px; height:16px; line-height:16px; }

[class^="uiIcon16-"],
[class*="uiIcon16-"],
[class^="uiIcon14-"],
[class*="uiIcon14-"]
{
	display:inline-block;
	vertical-align:middle; 
	background:url(../images/lib/ui_sprites.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


/* 1st Row -------------------------------------------------------------------------------------------------*/ 

.uiIcon16-question-sign		 	{ background-position: 0px  0px; }
.uiIcon16-edit			 		{ background-position:-80px 0px; }
.uiIcon16-view				 	{ background-position:-40px 0px; }

a .uiIcon16-edit:hover,
a .uiIcon16-question-sign:hover,
a .uiIcon16-view:hover			{ opacity:0.8; filter:alpha(opacity=80);}

span.uiIconsDelivery 			{ background-position: 0px  -120px; width:24px; height:15px; }

/* 2nd Row -------------------------------------------------------------------------------------------------*/ 

.uiIcon16-secure 			 	{ background-position: 0px -20px; }
.uiIcon16-pdf	 			 	{ background-position: -20px -20px; }
.uiIcon16-word	 			 	{ background-position: -40px -20px; }


/* 14px General --------------------------------------------------------------------------------------------*/ 

.uiIcon14-search			 	{ background-position: 0px    -40px;  }
.uiIcon14-envelope			 	{ background-position: -20px  -40px;  }
.uiIcon14-user				 	{ background-position: -40px  -40px;  }
.uiIcon14-check				 	{ background-position: -60px  -40px;  }
.uiIcon14-remove				{ background-position: -80px  -40px;  }
.uiIcon14-cog					{ background-position: -100px  -40px; }
.uiIcon14-trash					{ background-position: -120px  -40px; }
.uiIcon14-download				{ background-position: -140px  -40px; }
.uiIcon14-upload				{ background-position: -160px  -40px; }
.uiIcon14-tag					{ background-position: -180px  -40px; }
.uiIcon14-tags					{ background-position: -200px  -40px; }
.uiIcon14-print					{ background-position: -220px  -40px; }
.uiIcon14-camera				{ background-position: -240px  -40px; }
.uiIcon14-pencil				{ background-position: -260px  -40px; }
.uiIcon14-map-marker			{ background-position: -280px  -40px; }
.uiIcon14-chevron-left		 	{ background-position: -300px  -40px; }
.uiIcon14-chevron-right		 	{ background-position: -320px  -40px; }
.uiIcon14-plus-sign				{ background-position: -340px  -40px; }
.uiIcon14-minus-sign			{ background-position: -360px  -40px; }
.uiIcon14-check-sign			{ background-position: -380px  -40px; }
.uiIcon14-question-sign			{ background-position: -400px  -40px; }
.uiIcon14-info-sign				{ background-position: -420px  -40px; }
.uiIcon14-remove-circle			{ background-position: -440px  -40px; }
.uiIcon14-check-circle			{ background-position: -460px  -40px; }
.uiIcon14-arrow-left			{ background-position: -480px  -40px; }
.uiIcon14-arrow-right			{ background-position: -500px  -40px; }
.uiIcon14-arrow-up				{ background-position: -520px  -40px; }
.uiIcon14-arrow-down			{ background-position: -540px  -40px; }
.uiIcon14-arrow-share-right		{ background-position: -560px  -40px; }
.uiIcon14-arrow-share-left		{ background-position: -580px  -40px; }
.uiIcon14-resize-small			{ background-position:  0px    -60px; }
.uiIcon14-resize-full			{ background-position: -20px   -60px; }
.uiIcon14-plus					{ background-position: -40px   -60px; }
.uiIcon14-minus					{ background-position: -60px   -60px; }
.uiIcon14-calendar				{ background-position: -80px   -60px; }
.uiIcon14-chevron-up			{ background-position: -100px  -60px; }
.uiIcon14-chevron-down			{ background-position: -120px  -60px; }
.uiIcon14-comment				{ background-position: -140px  -60px; }
.uiIcon14-edit					{ background-position: -160px  -60px; }
.uiIcon14-globe					{ background-position: -180px  -60px; }
.uiIcon14-shopping-bag			{ background-position: -200px  -60px; }
.uiIcon14-circle-arrow-left		{ background-position: -220px  -60px; }
.uiIcon14-circle-arrow-right	{ background-position: -240px  -60px; }
.uiIcon14-circle-arrow-up		{ background-position: -260px  -60px; }
.uiIcon14-circle-arrow-down		{ background-position: -280px  -60px; }
.uiIcon14-clock					{ background-position: -300px  -60px; }

/**************************************************************************************************************** 
	THANKYOU PAGE 
****************************************************************************************************************/

div.thankyou { margin:50px 0 70px 0; text-align:center; }

div.thankyou h1,
div.thankyou h2 { margin:0; padding:0; border:0; }

div.thankyou h1 { font-size:20px; margin-bottom:20px; font-weight:normal; }
div.thankyou h2 { font-size:14px; margin-bottom:20px; font-family:'opensansbold'; }

