@CHARSET "UTF-8";

/*
	COLOR TYPES:
	-------------------------
	1) PERSONAL = 	green (#46a748)
	2) BUSINESS = 	blue (#003459)
	3) WHOLESALE =	black (#000000)
	4) GLOBAL 	=   dark blue (#00324e)
*/

/* Default links */
    /* Personal - default */
    .personal a	        { color:#46a748; }
    .personal a:hover   { color:#395362; }
    /* business - default */
    .business a         { color:#3399cc; }
    .business a:hover   { color:#395362; }
    /* wholesale - default */
    .wholesale a        { color:#d98f1b; }
    .wholesale a:hover  { color:#395362; }   
    /* Global templates */
    .global a        	{ color:#00324e; }
    .global a:hover  	{ color:#000; }       
/* @end */

/* buttons */
.personal a.button,
.personal input.button	    	{ background-color: #46a748; color:#fff}
.personal a:focus.button, 
.personal a:hover.button,
.personal a:active.button,
.personal input:hover.button	{ background-color: #333}
	
.business a.button,
.business input.button 	    	{ background-color: #00324e; color:#fff}
.business a:focus.button, 
.business a:hover.button,
.business a:active.button,
.business input:hover.button	{ background-color: #333}

.wholesale a.button,
.wholesale input.button			{ background-color: #000000; color:#fff}
.wholesale a:focus.button, 
.wholesale a:hover.button,
.wholesale a:active.button,
.wholesale input:hover.button	{ background-color: #999}

.global a.button,
.global input.button	    	{ background-color: #00324e; color:#fff}
.global a:focus.button, 
.global a:hover.button,
.global a:active.button,
.global input:hover.button		{ background-color: #333}


/* @end */


/** SITE BACKGROUNDS **************/
/* Personal - default */
	body					{ background: #fff url(../images/assets/personal/personal_site_page_bgd.png) repeat-x 0 0;}
	.idPage 				{ background: #fff url(../images/assets/personal/personal_site_shadow_left.png) no-repeat 0 0; }
	.idContent 				{ background: #fff url(../images/assets/personal/personal_site_shadow_right.png) no-repeat 100% 0; }
/* business */
	.business 				{ background-image: url(../images/assets/business/business_site_page_bgd.png); }
	.business .idPage		{ background-image: url(../images/assets/business/business_site_shadow_left.png);}
	.business .idContent	{ background-image: url(../images/assets/business/business_site_shadow_right.png);	}
/* wholesale */
	.wholesale 				{ background-image: url(../images/assets/wholesale/wholesale_site_page_bgd.png); }
	.wholesale .idPage 		{ background-image: url(../images/assets/wholesale/wholesale_site_shadow_left.png); }
	.wholesale .idContent 	{ background-image: url(../images/assets/wholesale/wholesale_site_shadow_right.png); }
/* global */
	.global 				{ background-image: url(../images/assets/global/global_site_page_bgd.png); } 	
/* @end */	


/** TOP GLOBAL NAVIGATION **************/
	/**.personal .idGlobalNav .sites .fieldWrap,
	.personal .idGlobalNav .sites .field,**/
	.personal .idGlobalNav li a 		{ background-color:#8ece13; color:#fff; }
	.personal .idGlobalNav li.active a	{ background-color:#fff; color:#00324e; }
	
	.business .idGlobalNav .sites .field,
	.business .idGlobalNav .sites .fieldWrap { background-color:#7490a5; color:#fff; border: 1px solid #7490a5; height: 21px;}
	.business .idGlobalNav li a			{ background-color:#7490a5; color:#fff; }
	.business .idGlobalNav li.active a	{ background-color:#fff; color:#00324e; }     
	
	.wholesale .idGlobalNav .sites .field,
	.wholesale .idGlobalNav .sites .fieldWrap { background-color:#666666; color:#fff; border: 1px solid #666666; height: 21px; }
	.wholesale .idGlobalNav li a		{ background-color:#666666; color:#fff; }
	.wholesale .idGlobalNav li.active a	{ background-color:#fff; color:#00324e; }
	
	.global .idGlobalNav .sites .field,
	.global .idGlobalNav .sites .fieldWrap { background-color:#0a7098; color:#fff; border: 1px solid #0a7098; height: 21px; }
	.global .idGlobalNav li a			{ background-color:#8ece13; color:#fff; }
	.global .idGlobalNav li.active a	{ background-color:#fff; color:#00324e; }
	
/** TOP SEARCH FORM BUTTONS **************/
	.personal .idSearch .form-submit 	{ background: transparent url(../images/assets/personal/search_form_submit_bgd.gif) no-repeat left top;} /* default */
	.business .idSearch .form-submit 	{ background-image: url(../images/assets/business/search_form_submit_bgd.gif);	}
	.wholesale .idSearch .form-submit 	{ background-image: url(../images/assets/wholesale/search_form_submit_bgd.gif);}
	.global .idSearch .form-submit		{ background: url(../images/assets/global/search_form_submit_bgd.png) no-repeat scroll left top transparent; }

/**SITE NAVIGATION WITH SUBLEVELS **************/	
	/* PERSONAL */
	.idContextNav a									{ background-color: #46a748; } /* default if no style selected */
	.idContextNav .style1 a							{ background-color: #46a748; }
	.idContextNav .style2 a 						{ background-color: #abd037; }
	.idContextNav .style3 a 						{ background-color: #8ece13; }
	.idContextNav .style4 a 						{ background-color: #4c94d0; }
	.idContextNav .style5 a 						{ background-color: #1f97ad; }
	
	.idContextNav div.sublevel .inner				{ background-color: #ecf6ed;}  /* default if no style selected */
	.idContextNav .style1 div.sublevel .inner,
	.idContextNav .style2 div.sublevel .inner,
	.idContextNav .style3 div.sublevel .inner		{ background-color: #ecf6ed;}
	.idContextNav .style4 div.sublevel .inner,
	.idContextNav .style5 div.sublevel .inner		{ background-color: #e8f4f7;}
	
	.idContextNav .style1 div.sublevel dl dd,
	.idContextNav .style2 div.sublevel dl dd,
	.idContextNav .style3 div.sublevel dl dd		{ background-position: 0 3px}
	.idContextNav .style4 div.sublevel dl dd,
	.idContextNav .style5 div.sublevel dl dd		{ background-position: 0 -97px}
	
	.idContextNav .style1 div.sublevel dl dt,
	.idContextNav .style2 div.sublevel dl dt,
	.idContextNav .style3 div.sublevel dl dt,
	.idContextNav .style1 div.sublevel dl dt a,
	.idContextNav .style2 div.sublevel dl dt a,
	.idContextNav .style3 div.sublevel dl dt a		{ color:#46a748}	
	.idContextNav .style4 div.sublevel dl dt,
	.idContextNav .style5 div.sublevel dl dt,
	.idContextNav .style4 div.sublevel dl dt a,
	.idContextNav .style5 div.sublevel dl dt a		{ color: #1f97ad}
	
	.idContextNav li.active .nib 					{ background-position: 50% 0; } /* default if no style selected */
	.idContextNav li.style1.active .nib,
	.idContextNav li.style1:hover .nib				{ background-position: 50% 0; }
	.idContextNav li.style2.active .nib,
	.idContextNav li.style2:hover .nib 				{ background-position: 50% -50px; } 
	.idContextNav li.style3.active .nib,
	.idContextNav li.style3:hover .nib 				{ background-position: 50% -100px; } 
	.idContextNav li.style4.active .nib,
	.idContextNav li.style4:hover .nib				{ background-position: 50% -200px; }	
	.wholesale .idContextNav li.style4.active .nib,
	.wholesale .idContextNav li.style4:hover .nib	{ background-position: 50% -700px; } 
	.idContextNav li.style5.active .nib,
	.idContextNav li.style5:hover .nib				{ background-position: 50% -150px; }
	
	
	/* BUSINESS */
	.business .style1 a { background-color: #003459; } 
	.business .style2 a { background-color: #7390a4; }
	.business .style3 a { background-color: #50748e; }
	
	.business .idContextNav .style1 div.sublevel .inner,
	.business .idContextNav .style2 div.sublevel .inner,
	.business .idContextNav .style3 div.sublevel .inner		{ background-color: #e5eaee;}
	
	.business .idContextNav .style1 div.sublevel dl dd,
	.business .idContextNav .style2 div.sublevel dl dd,
	.business .idContextNav .style3 div.sublevel dl dd		{ background-position: 0 -197px}
	
	.business .idContextNav .style1 div.sublevel dl dt,
	.business .idContextNav .style2 div.sublevel dl dt,
	.business .idContextNav .style3 div.sublevel dl dt,
	.business .idContextNav .style1 div.sublevel dl dt a,
	.business .idContextNav .style2 div.sublevel dl dt a,
	.business .idContextNav .style3 div.sublevel dl dt a	{ color:#00324e}
	
	.business .idContextNav .style1.active .nib,
	.business .idContextNav  li.style1:hover .nib { background-position: 50% -250px; }
	.business .idContextNav .style2.active .nib,
	.business .idContextNav  li.style2:hover .nib { background-position: 50% -300px; } 
	.business .idContextNav .style3.active .nib,
	.business .idContextNav  li.style3:hover .nib { background-position: 50% -350px; } 

	
	/* WHOLESALE */
	.wholesale .style1 a 		{ background-color: #000000; }
	.wholesale .style2 a 		{ background-color: #333333; }
	.wholesale .style3 a 		{ background-color: #666666; }
	.wholesale .style4 a 		{ background-color: #d9ab1a; }
	.wholesale .style5 a		{ background-color: #1f98ad; }
	
	.wholesale .idContextNav .style1 div.sublevel .inner,
	.wholesale .idContextNav .style2 div.sublevel .inner,
	.wholesale .idContextNav .style3 div.sublevel .inner	{ background-color: #eee;}
	
	.wholesale .idContextNav .style1 div.sublevel dl dd,
	.wholesale .idContextNav .style2 div.sublevel dl dd,
	.wholesale .idContextNav .style3 div.sublevel dl dd		{ background-position: 0 -197px}
	
	.wholesale .idContextNav .style1 div.sublevel dl dt,
	.wholesale .idContextNav .style2 div.sublevel dl dt,
	.wholesale .idContextNav .style3 div.sublevel dl dt,
	.wholesale .idContextNav .style1 div.sublevel dl dt a,
	.wholesale .idContextNav .style2 div.sublevel dl dt a,
	.wholesale .idContextNav .style3 div.sublevel dl dt a	{ color:#00324e}
	
	.wholesale .idContextNav .style1.active .nib,
	.wholesale .idContextNav  li.style1:hover .nib { background-position: 50% -500px; }
	.wholesale .idContextNav .style2.active .nib,
	.wholesale .idContextNav  li.style2:hover .nib { background-position: 50% -550px; } 
	.wholesale .idContextNav .style3.active .nib,
	.wholesale .idContextNav  li.style3:hover .nib { background-position: 50% -600px; } 
	.wholesale .idContextNav .style4.active .nib { background-position: 50% -700px; } 	
/* @end */
	

/* PROMO BANNERS */
	/* box background */
	.personal .promoBanner	{ background-color: #46a748}
	.business .promoBanner	{ background-color: #003459}
	.wholesale .promoBanner	{ background-color: #353535}
	/* H2 header */
	.personal .promoBanner h2	{ color: #333}
	.business .promoBanner h2	{ color: #7390a4}
	.wholesale .promoBanner h2	{ color: #dcae1d}
	/* button backgrounds */
	.personal .promoBanner .button	        { background-color: #fff; color: #395362}
	.personal .promoBanner :hover.button, 
	.personal .promoBanner :focus.button, 
	.personal .promoBanner :active.button	{ background-color: #333; color:#fff; }		
	.business .promoBanner .button	        { background-color: #7390a4;  color:#fff}	
	.business .promoBanner :hover.button, 
	.business .promoBanner :focus.button, 
	.business .promoBanner :active.button	{ background-color: #333; color:#fff; }	
	.wholesale .promoBanner .button	        { background-color: #dcae1d; color:#000}
	.wholesale .promoBanner :hover.button, 
	.wholesale .promoBanner :focus.button, 
	.wholesale .promoBanner :active.button	{ background-color: #000; color:#fff; }
	
	
	/* PROMO Banner, 5 styles available per section */
    /* PERSONAL: 5 different styles */
	/* box BG and text colour */
	.personal .promoBanner.style1			{ background-color:#4fab51; color:#00324e;}
	.personal .promoBanner.style2			{ background-color:#b3d54b; color:#00324e;}
	.personal .promoBanner.style3			{ background-color:#9cd430; color:#00324e;}
	.personal .promoBanner.style4			{ background-color:#1f97ad; color:#00324e;}
	.personal .promoBanner.style5			{ background-color:#e5f0f2; color:#00324e;}	
	.personal .promoBanner.style6		    { background-color:#ffffff; color:#46a748;}
	.personal .promoBanner.style7		    { background-color:#ffffff; color:#1f6dad;}
	/* button BG and TXT colour */
	.personal .promoBanner.style1 .button,
	.personal .promoBanner.style2 .button,
	.personal .promoBanner.style3 .button,
	.personal .promoBanner.style4 .button,
	.personal .promoBanner.style5 .button	{ background-color:#fff; color:#000}
	.personal .promoBanner.style6 .button	{ background-color:#46a748; color:#fff}
	.personal .promoBanner.style7 .button	{ background-color:#1f6dad; color:#fff}
	/* H2, strong and span colours */
	.personal .promoBanner.style1 h2, .personal .promoBanner.style1 strong, .personal .promoBanner.style1 span,
	.personal .promoBanner.style2 h2, .personal .promoBanner.style2 strong, .personal .promoBanner.style2 span,
	.personal .promoBanner.style3 h2, .personal .promoBanner.style3 strong, .personal .promoBanner.style3 span,
	.personal .promoBanner.style4 h2, .personal .promoBanner.style4 strong, .personal .promoBanner.style4 span	{ color:#fff; }
	.personal .promoBanner.style5 h2, .personal .promoBanner.style5 strong, .personal .promoBanner.style5 span	{ color:#1f97ad; }
	.personal .promoBanner.style6 h2, .personal .promoBanner.style6 strong, .personal .promoBanner.style6 span	{ color:#46a748; }
	.personal .promoBanner.style7 h2, .personal .promoBanner.style7 strong, .personal .promoBanner.style7 span	{ color:#1f6dad; }
/* BUSSINESS (3 styles available, up to 5 could be added later ) */
	/* box BG and text colour */
	.business .promoBanner.style1	{ background-color:#003459; color:#fff;}
	.business .promoBanner.style2   { background-color:#7390a4; color:#fff;}
	.business .promoBanner.style3,  
	.business .promoBanner.style4,
	.business .promoBanner.style5	{ background-color:#50748e; color:#fff;}
	.business .promoBanner.style6	{ background-color:#ffffff; color:#00324e;}
	.business .promoBanner.style7	{ background-color:#ffffff; color:#7390a4;}
	/* button BG and TXT colour */
	.business .promoBanner.style1 .button	{ background-color: #7390a4; color:#fff}
	.business .promoBanner.style2 .button,
	.business .promoBanner.style3 .button,
	.business .promoBanner.style4 .button,
	.business .promoBanner.style5 .button	{ background-color: #fff; color:#000}
	.business .promoBanner.style6 .button	{ background-color:#00324e; color:#fff}
	.business .promoBanner.style7 .button	{ background-color:#7390a4; color:#fff}
	/* H2, strong and span colours */
	.business .promoBanner.style1 h2, .business .promoBanner.style1 strong, .business .promoBanner.style1 span	{ color:#7390a4; }	
	.business .promoBanner.style2 h2, .business .promoBanner.style2 strong, .business .promoBanner.style2 span  { color:#003459; }
	.business .promoBanner.style3 h2, .business .promoBanner.style3 strong, .business .promoBanner.style3 span,
	.business .promoBanner.style4 h2, .business .promoBanner.style4 strong, .business .promoBanner.style4 span,
	.business .promoBanner.style5 h2, .business .promoBanner.style5 strong, .business .promoBanner.style5 span	{ color:#fff; }	
	.business .promoBanner.style6 h2, .business .promoBanner.style6 strong, .business .promoBanner.style6 span	{ color:#00324e; }
	.business .promoBanner.style7 h2, .business .promoBanner.style7 strong, .business .promoBanner.style7 span	{ color:#7390a4; }
/* WHOLESALE: (1 style available, up to 5 could be added later ) */
	/* box BG and text colour */
	.wholesale .promoBanner.style1 { background-color:#000000; color:#fff;}
	.wholesale .promoBanner.style2 { background-color:#333; color:#fff;}
	.wholesale .promoBanner.style3,
	.wholesale .promoBanner.style4,
	.wholesale .promoBanner.style5	{ background-color:#666666; color:#fff;}
	.wholesale .promoBanner.style6	{ background-color:#ffffff; color:#000000;}
	.wholesale .promoBanner.style7	{ background-color:#ffffff; color:#dcae1d;}
	/* button BG and TXT colour */
	.wholesale .promoBanner.style1 .button,
	.wholesale .promoBanner.style2 .button,
	.wholesale .promoBanner.style3 .button,
	.wholesale .promoBanner.style4 .button,
	.wholesale .promoBanner.style5 .button	{ background-color: #dcae1d; color:#000}
	.wholesale .promoBanner.style6 .button	{ background-color:#000000; color:#fff}
	.wholesale .promoBanner.style7 .button	{ background-color:#dcae1d; color:#000}
	/* H2, strong and span colours */
	.wholesale .promoBanner.style1 h2, .wholesale .promoBanner.style1 strong, .wholesale .promoBanner.style1 span,
	.wholesale .promoBanner.style2 h2, .wholesale .promoBanner.style2 strong, .wholesale .promoBanner.style2 span,
	.wholesale .promoBanner.style3 h2, .wholesale .promoBanner.style3 strong, .wholesale .promoBanner.style3 span,
	.wholesale .promoBanner.style4 h2, .wholesale .promoBanner.style4 strong, .wholesale .promoBanner.style4 span,
	.wholesale .promoBanner.style5 h2, .wholesale .promoBanner.style5 strong, .wholesale .promoBanner.style5 span	{ color:#dcae1d; }
	.wholesale .promoBanner.style6 h2, .wholesale .promoBanner.style6 strong, .wholesale .promoBanner.style6 span	{ color:#000000; }
	.wholesale .promoBanner.style7 h2, .wholesale .promoBanner.style7 strong, .wholesale .promoBanner.style7 span	{ color:#dcae1d; }

/* @end */


/* ACTION BOXES in right navigation. Two styles available: style1, style2 */
	/* H2 header */
	.personal .actionBox.style1 h2		{ color:#46a748}
	.personal .actionBox.style2 h2		{ color:#1f6dad}
	.business .actionBox.style1 h2		{ color:#00324e}
	.business .actionBox.style2 h2		{ color:#7390a4}
	.wholesale .actionBox.style1 h2		{ color:#000000}
	.wholesale .actionBox.style2 h2		{ color:#dcae1d}
	.global .actionBox.style1 h2			{ color:#00324e}
	.global .actionBox.style2 h2			{ color:#46a748}
	/* button BG and TXT colour */
	.personal .actionBox.style1 .button	    { background-color: #46a748; color:#fff}	
	.personal .actionBox.style2 .button	    { background-color: #1f6dad; color:#fff}
	.personal .actionBox.style1 :hover.button, 
	.personal .actionBox.style1 :focus.button, 
	.personal .actionBox.style2 :hover.button,
	.personal .actionBox.style2 :focus.button{ background-color: #333}
		
	.business .actionBox.style1 .button	    { background-color: #00324e; color:#fff}	
	.business .actionBox.style2 .button	    { background-color: #7390a4; color:#fff}
	.business .actionBox.style1 :hover.button, 
	.business .actionBox.style1 :focus.button, 
	.business .actionBox.style2 :hover.button,
	.business .actionBox.style2 :focus.button	{ background-color: #333}
	
	.wholesale .actionBox.style1 .button	{ background-color: #000000; color:#fff}	
	.wholesale .actionBox.style2 .button	{ background-color: #dcae1d; color:#000}
	.wholesale .actionBox.style1 :hover.button, 
	.wholesale .actionBox.style1 :focus.button, 
	.wholesale .actionBox.style2 :hover.button,
	.wholesale .actionBox.style2 :focus.button	{ background-color: #999} 

	.global .actionBox.style1 .button	    { background-color: #00324e; color:#fff}	
	.global .actionBox.style2 .button	    { background-color: #46a748; color:#fff}
	.global .actionBox.style1 :hover.button, 
	.global .actionBox.style1 :focus.button, 
	.global .actionBox.style2 :hover.button,
	.global .actionBox.style2 :focus.button{ background-color: #333}
			
/* @end */


/* Info boxes at the bottom of the page, above footer */	
	/* backgrounds */
	.personal .innerRowBox { background-color: #ecf6ed}	
	.business .innerRowBox { background-color: #e5eaee}
	.wholesale .innerRowBox { background-color: #eeeeee}
	/* buttons, headers */
	.personal .infoBox.style1 .button	    { background-color: #46a748; color:#fff}
	.personal .infoBox.style2 .button	    { background-color: #1f6dad; color:#fff}
	.personal .infoBox.style1 :hover.button, 
	.personal .infoBox.style1 :focus.button, 
	.personal .infoBox.style2 :hover.button,
	.personal .infoBox.style2 :focus.button{ background-color: #333}
	.personal .infoBox.style1 h2			{ color:#46a748}
	.personal .infoBox.style2 h2			{ color:#1f6dad}
	
	.business .infoBox.style1 .button	    { background-color: #00324e; color:#fff}
	.business .infoBox.style2 .button	    { background-color: #7390a4; color:#fff}
	.business .infoBox.style1 :hover.button, 
	.business .infoBox.style1 :focus.button, 
	.business .infoBox.style2 :hover.button,
	.business .infoBox.style2 :focus.button	{ background-color: #333}
	.business .infoBox.style1 h2			{ color:#00324e}
	.business .infoBox.style2 h2			{ color:#7390a4}
	
	.wholesale .infoBox.style1 .button	    { background-color: #000000; color:#fff}	
	.wholesale .infoBox.style2 .button	    { background-color: #dcae1d; color:#000}
	.wholesale .infoBox.style1 :hover.button, 
	.wholesale .infoBox.style1 :focus.button, 
	.wholesale .infoBox.style2 :hover.button,
	.wholesale .infoBox.style2 :focus.button	{ background-color: #999} 	
	.wholesale .infoBox.style1 h2			{ color:#000000}
	.wholesale .infoBox.style2 h2			{ color:#dcae1d}
/* @end */


/* PROMO BOXES, 5 styles available per section */
/* PERSONAL: 5 different styles */
	/* box BG and text colour */
	.personal .promoBox .style1			{ background-color:#4fab51; color:#00324e;}
	.personal .promoBox .style2			{ background-color:#b3d54b; color:#00324e;}
	.personal .promoBox .style3			{ background-color:#9cd430; color:#00324e;}
	.personal .promoBox .style4			{ background-color:#1f97ad; color:#00324e;}
	.personal .promoBox .style5			{ background-color:#e5f0f2; color:#00324e; }		
	/* button BG and TXT colour */
	.personal .promoBox .style1 .button,
	.personal .promoBox .style2 .button,
	.personal .promoBox .style3 .button,
	.personal .promoBox .style4 .button,
	.personal .promoBox .style5 .button	{ background-color:#fff; color:#000}	
	.personal .promoBox .style1 :hover.button, .personal .promoBox .style1 :focus.button,
	.personal .promoBox .style2 :hover.button, .personal .promoBox .style2 :focus.button,
	.personal .promoBox .style3 :hover.button, .personal .promoBox .style3 :focus.button,
	.personal .promoBox .style4 :hover.button, .personal .promoBox .style4 :focus.button,
	.personal .promoBox .style5 :hover.button, .personal .promoBox .style5 :focus.button	{ background-color:#333; color:#fff}
	/* H2, strong and span colours */
	.personal .promoBox .style1 h2, .personal .promoBox .style1 strong, .personal .promoBox .style1 span,
	.personal .promoBox .style2 h2, .personal .promoBox .style2 strong, .personal .promoBox .style2 span,
	.personal .promoBox .style3 h2, .personal .promoBox .style3 strong, .personal .promoBox .style3 span,
	.personal .promoBox .style4 h2, .personal .promoBox .style4 strong, .personal .promoBox .style4 span	{ color:#fff; }
	.personal .promoBox .style5 h2, .personal .promoBox .style5 strong, .personal .promoBox .style5 span	{ color:#1f97ad; }
/* BUSSINESS (3 styles available, up to 5 could be added later ) */
	/* box BG and text colour */
	.business .promoBox .style1	{ background-color:#003459; color:#fff;}
	.business .promoBox .style2,
	.business .promoBox .style3,
	.business .promoBox .style4	{ background-color:#7390a4; color:#fff;}
	.business .promoBox .style5	{ background-color:#e6f0f2; color:#003459;}
	/* button BG and TXT colour */
	.business .promoBox .style1 .button,
	.business .promoBox .style2 .button,
	.business .promoBox .style3 .button,
	.business .promoBox .style4 .button	{ background-color: #fff; color:#000}
	.business .promoBox .style5 .button	{ background-color: #7390a4; color:#fff}	
	.business .promoBox .style1 :hover.button, .business .promoBox .style1 :focus.button,
	.business .promoBox .style2 :hover.button, .business .promoBox .style2 :focus.button,
	.business .promoBox .style3 :hover.button, .business .promoBox .style3 :focus.button,
	.business .promoBox .style4 :hover.button, .business .promoBox .style4 :focus.button,
	.business .promoBox .style5 :hover.button, .business .promoBox .style5 :focus.button	{ background-color:#333; color:#fff}	
	/* H2, strong and span colours */
	.business .promoBox .style1 h2, .business .promoBox .style1 strong, .business .promoBox .style1 span,	
	.business .promoBox .style2 h2, .business .promoBox .style2 strong, .business .promoBox .style2 span,	 
	.business .promoBox .style3 h2, .business .promoBox .style3 strong, .business .promoBox .style3 span,
	.business .promoBox .style4 h2, .business .promoBox .style4 strong, .business .promoBox .style4 span	{ color:#fff; }	
	.business .promoBox .style5 h2, .business .promoBox .style5 strong, .business .promoBox .style5 span	{ color:#003459; }	
/* WHOLESALE: (1 style available, up to 5 could be added later ) */
	/* box BG and text colour */
	.wholesale .promoBox .style1,
	.wholesale .promoBox .style2,
	.wholesale .promoBox .style3,
	.wholesale .promoBox .style4,
	.wholesale .promoBox .style5	{ background-color:#343434; color:#fff;}
	/* button BG and TXT colour */
	.wholesale .promoBox .style1 .button,
	.wholesale .promoBox .style2 .button,
	.wholesale .promoBox .style3 .button,
	.wholesale .promoBox .style4 .button,
	.wholesale .promoBox .style5 .button	{ background-color: #dcae1d; color:#000}
	.wholesale .promoBox .style1 :hover.button, .wholesale .promoBox .style1 :focus.button,
	.wholesale .promoBox .style2 :hover.button, .wholesale .promoBox .style2 :focus.button,
	.wholesale .promoBox .style3 :hover.button, .wholesale .promoBox .style3 :focus.button,
	.wholesale .promoBox .style4 :hover.button, .wholesale .promoBox .style4 :focus.button,
	.wholesale .promoBox .style5 :hover.button, .wholesale .promoBox .style5 :focus.button	{ background-color:#000; color:#fff}	
	/* H2, strong and span colours */
	.wholesale .promoBox .style1 h2, .wholesale .promoBox .style1 strong, .wholesale .promoBox .style1 span,
	.wholesale .promoBox .style2 h2, .wholesale .promoBox .style2 strong, .wholesale .promoBox .style2 span,
	.wholesale .promoBox .style3 h2, .wholesale .promoBox .style3 strong, .wholesale .promoBox .style3 span,
	.wholesale .promoBox .style4 h2, .wholesale .promoBox .style4 strong, .wholesale .promoBox .style4 span,
	.wholesale .promoBox .style5 h2, .wholesale .promoBox .style5 strong, .wholesale .promoBox .style5 span	{ color:#dcae1d; }
/* @end */


/* LATEST NEWS */
	.personal .latestNews h2		{ color:#46a748}
	.personal .latestNews ul li		{ background-color: #ecf6ed; }
	
	.business .latestNews h2		{ color:#003459}
	.business .latestNews ul li		{ background-color: #e8f4f7; }
	
	.wholesale .latestNews h2		{ color:#000}
	.wholesale .latestNews ul li	{ background-color: #eee; }
	
	.global .latestNews 			{ background-color: #00324e; color:#fff; padding: 10px; margin-top:0;}
	.global .latestNews h2 			{ color: #46a748; }
	.global .latestNews ul li		{ background-color: #00324e; color:#fff; margin:0; padding:10px 0; border-top:1px solid #fff;  border-bottom:none;}
	.global .latestNews ul li a 	{ color: #fff;}
	.global .latestNews ul li h3 a 	{ color: #46a748; font-size:1em;}


/** Handset scroller **************/

	/* personal */
	.personal .jcarousel-skin-tango .jcarousel-next-horizontal	{ background-position: 100% -280px; }
	.personal .jcarousel-skin-tango .jcarousel-prev-horizontal	{ background-position: 0 -70px;}
	/* business  */
	.business .jcarousel-skin-tango .jcarousel-next-horizontal	{ background-position: 100% -350px; }
	.business .jcarousel-skin-tango .jcarousel-prev-horizontal	{ background-position: 0 -140px;}
	/* wholesale */
	.wholesale .jcarousel-skin-tango .jcarousel-next-horizontal	{ background-position: 100% -420px; }
	.wholesale .jcarousel-skin-tango .jcarousel-prev-horizontal	{ background-position: 0 -210px;}
	
	

/* table */
	.personal table th       { background-color: #46a748; }
	.business table th       { background-color: #003459; }
	.wholesale table th      { background-color: #666; }
	.global table th       		{ background-color: #46a748; }


/** NEW CAROUSEL **************/
    /* personal */
    .personal #genericCarousel .carousel-menu li a b			{ background-position: -100px 0}
    .personal #genericCarousel .carousel-menu li a:hover b,
    .personal #genericCarousel .carousel-menu li.current a b	{ background-position: 0 0}
    /* business */
    .business #genericCarousel .carousel-menu li a b            { background-position: -100px -70px}
    .business #genericCarousel .carousel-menu li a:hover b,
    .business #genericCarousel .carousel-menu li.current a b	{ background-position: 0 -70px}
    /* wholesale */
    .wholesale #genericCarousel .carousel-menu li a b           { background-position: -100px -140px}
    .wholesale #genericCarousel .carousel-menu li a:hover b,
    .wholesale #genericCarousel .carousel-menu li.current a b	{ background-position: 0 -140px}


/* reserver in store button */
    /* wholesale */
    .wholesale .idHandsetDetail .reserveInStore        { background-color: #d9ab1b; color: #fff }
    .wholesale .idHandsetDetail .reserveInStore:hover,
    .wholesale .idHandsetDetail .reserveInStore:focus  { background-color: #333; color:#fff }    

    
/* form headers and buttons */   
	.personal .xForm table h3		{ background-color:#46A748; color:#fff; }
	.business .xForm table h3		{ background-color:#003459; color:#fff; }
	.wholesale .xForm table h3		{ background-color:#d9ab1b; color:#fff; } 


/* filter */
	.personal .filter .formSubmit 	{ background-position: 0px 0;	}
	.business .filter .formSubmit 	{ background-position: 0px -70px;	}
	.wholesale .filter .formSubmit 	{ background-position: 0px -140px;	}

/** PAGINATION **************/	
	.idResultsPager ul li						{ background:#fff url(../images/assets/sprite_pagination.png) repeat-x 50% 0;}	
	.personal .idResultsPager ul li.prev		{ background-position: 0 -70px; }
	.personal .idResultsPager ul li.next		{ background-position: 100% -280px;}
	.business .idResultsPager ul li.prev		{ background-position: 0 -140px; }
	.business .idResultsPager ul li.next		{ background-position: 100% -350px;}
	.wholesale .idResultsPager ul li.prev		{ background-position: 0 -210px; }
	.wholesale .idResultsPager ul li.next		{ background-position: 100% -420px;}


/* GLOBAL PROMO-BOX */	
	.jtGlobalPromoBox .style1 .inner	{ color:#00324e; background-color:#46a748;  border-radius: 15px; }
	.jtGlobalPromoBox .style1 h2		{ color:#fff; }
	
	.jtGlobalPromoBox .style2 .inner	{ color:#00324e; background-color:#fff;  border-radius: 15px; }
	.jtGlobalPromoBox .style2 h2		{ color:#46a748; }
	.jtGlobalPromoBox .style2 .button	{ background-color: #46a748; color:#fff;}

	.jtGlobalPromoBox .style3 .inner				{ color:#00324e; background-color:#f2f2f2; text-align:center; border-radius: 15px; }
	.jtGlobalPromoBox .style3 h2					{ color:#00324e; margin: 5px 0 10px 0; font-size: 18px}
	.jtGlobalPromoBox .style3 .button				{ background-color: #46a748; color:#fff;  }
	.jtGlobalPromoBox .style3 .button:last-child 	{ margin-bottom: 0;}
	
	
/*Jt Fibre*/
    .JTFibre 				            { background: #46a748 url('../images/assets/JTFibre_bg.jpg') repeat-x 50% 0; }
    .JTFibre .idContent                 { background: #FFFFFF; padding: 0 15px; }
    .JTFibre .idPage                    { background: transparent; }  
        
    .JTFibre .actionBox.style1 .button	    { background-color: #46a748; color:#fff}	
	.JTFibre .actionBox.style2 .button	    { background-color: #1f6dad; color:#fff}
	.JTFibre .actionBox.style1 :hover.button, 
	.JTFibre .actionBox.style1 :focus.button, 
	.JTFibre .actionBox.style2 :hover.button,
	.JTFibre .actionBox.style2 :focus.button{ background-color: #333}
	
	.JTFibre .promoBox .style3          { background-color: #fff; color: #00324E;}

    .JTFibre .idGlobalNav li a 		    { background-color:#8ece13; color:#fff; }
	.JTFibre .idGlobalNav li.active a	{ background-color:#fff; color:#00324e; }
    .JTFibre a.button,
    .JTFibre input.button	    	    { background-color: #46A748; color:#FFFFFF}
    .JTFibre a:focus.button, 
    .JTFibre a:hover.button,
    .JTFibre a:active.button,
    .JTFibre input:hover.button	        { background-color: #333; color:#fff}
    
    .JTFibre td a.button, .JTFibre td input.button { background-color: #46A748;color: #fff;}
    .JTFibre .borderBox.rounded a.button, .JTFibre .borderBox.rounded input.button     {margin: 28px 0 0 108px; padding: 5px 142px 31px 48px; width: 175; background:url("../images/assets/signup-button.png") no-repeat 15px 0;}
    
    .JTFibre .borderBox.rounded h1      { visibility:hidden;}
    .JTFibre table th                   { background-color: #46A748;}
    .JTFibre .innerRowBox               { background-color: #ECF6ED;}
    .JTFibre .infoBox.style1 .button    { background-color: #46A748; color: #FFFFFF;}
    .JTFibre .infoBox.style1 h2         { color: #46A748;}
 
    .JTFibre .xForm table h3 { background-color: #46A748; color: #FFFFFF; }
    
    .JTFibre .idSearch .form-submit 
    { background: url("../images/assets/personal/search_form_submit_bgd.gif") no-repeat scroll left top transparent;}

	

/* xmas 2014 */
    body.personal.xmas		{ background: #fff url(../images/assets/xmas2014/xmas-2014-02.jpg) repeat-x 50% 0;} 
    .personal.xmas .idPage 		{ background-image:none;padding-left:10px; }
    .personal.xmas .idContent 	{ background-image:none; }

/* xmas 2016 */
    body.personal.xmas2016		{ background: #fff url(../images/assets/xmas/Christmas-2016.jpg) repeat 50% 0;} 
    .personal.xmas2016 .idPage 		{ background-image:none;padding-left:10px; }
    .personal.xmas2016 .idContent 	{ background-image:none; }

/* xmas 2017*/
    body.personal.xmas2017		{ background: #11552c url(../images/assets/xmas/Christmas-2017.jpg) no-repeat 50% 0;} 
    .personal.xmas2017 .idPage 		{ background-image:none;padding-left:10px; }
    .personal.xmas2017 .idContent 	{ background-image:none; }

    
/* JT Takeover */
    body.personal.jetakeover		{ background: #fff url(../images/assets/personal/JE_Takeover.jpg) repeat-x 50% 80%;} 
    .personal.jetakeover .idPage 		{ background-image:none;padding-left:10px; }
    .personal.jetakeover .idContent 	{ background-image:none; }

    
/* GE Takeover */
    body.personal.gutakeover		{ background: #fff url(../images/assets/personal/GU_Takeover.jpg) repeat 50% 80%;} 
    .personal.gutakeover .idPage 		{ background-image:none;padding-left:10px; }
    .personal.gutakeover .idContent 	{ background-image:none; }

    /* Ultimate PAYG */
    body.personal.UltimatePAYG		{ background: #fff url(../images/assets/personal/UltimatePAYG.jpg) repeat-x 50% 25%;} 
    .personal.UltimatePAYG .idPage 		{ background-image:none;padding-left:10px; }
    .personal.UltimatePAYG .idContent 	{ background-image:none; } 


/* Guernsey Fibre*/
    .GuernseyFibre 				            { background: #46a748 url('../images/assets/backdrop.jpg') repeat-x 50% 0; }
    .GuernseyFibre .idContent                 { background: #FFFFFF; padding: 0 15px; }
    .GuernseyFibre .idPage                    { background: transparent; }  

    .GuernseyFibre .actionBox.style1 .button	    { background-color: #46a748; color:#fff}	
	.GuernseyFibre .actionBox.style2 .button	    { background-color: #1f6dad; color:#fff}
	.GuernseyFibre .actionBox.style1 :hover.button, 
	.GuernseyFibre .actionBox.style1 :focus.button, 
	.GuernseyFibre .actionBox.style2 :hover.button,
	.GuernseyFibre .actionBox.style2 :focus.button{ background-color: #333}
	
	.GuernseyFibre .promoBox .style3          { background-color: #fff; color: #00324E;}

    .GuernseyFibre .idGlobalNav li a 		    { background-color:#8ece13; color:#fff; }
	.GuernseyFibre .idGlobalNav li.active a	{ background-color:#fff; color:#00324e; }
    .GuernseyFibre a.button,
    .GuernseyFibre input.button	    	    { background-color: #46A748; color:#FFFFFF}
    .GuernseyFibre a:focus.button, 
    .GuernseyFibre a:hover.button,
    .GuernseyFibre a:active.button,
    .GuernseyFibre input:hover.button	        { background-color: #333; color:#fff}
    
    .GuernseyFibre td a.button, .GuernseyFibre td input.button { background-color: #46A748;color: #fff;}
    .GuernseyFibre .borderBox.rounded a.button, .GuernseyFibre .borderBox.rounded input.button     {margin: 28px 0 0 108px; padding: 5px 142px 31px 48px; width: 175; background:url("../images/assets/signup-button.png") no-repeat 15px 0;}
    
    .GuernseyFibre .borderBox.rounded h1      { visibility:hidden;}
    .GuernseyFibre table th                   { background-color: #46A748;}
    .GuernseyFibre .innerRowBox               { background-color: #ECF6ED;}
    .GuernseyFibre .infoBox.style1 .button    { background-color: #46A748; color: #FFFFFF;}
    .GuernseyFibre .infoBox.style1 h2         { color: #46A748;}
 
    .GuernseyFibre .xForm table h3 { background-color: #46A748; color: #FFFFFF; }
    
    .GuernseyFibre .idSearch .form-submit 
    { background: url("../images/assets/personal/search_form_submit_bgd.gif") no-repeat scroll left top transparent;}

    /* JT Live background */
    body.personal.JerseyLive	{ background: #fff url(../images/assets/personal/JT_Takeover.jpg) repeat-x 50% 0;} 
    .personal.JerseyLive .idPage { background-image:none;padding-left:10px; } 
    .personal.JerseyLive .idContent { background-image:none; }