/* ////////////////////////////////////////////////////// */
/* /// STANDARD CSS FOR JUICE CORP SITE NOVEMBER 2007 /// */
/* ////////////////////////////////////////////////////// */
body {
	margin: 0px;
	padding:  10px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #cccccc;
	background-color: #000000;
	background-image: url(images/bgx.gif);
	background-position: center 0px;
	background-repeat: no-repeat;
} 

form {
	margin: 0px; 
	padding: 0px;

}

/* //// CENTERED LAYOUT ////////////////////////////////////// */
#frame { /* ////////////////////////////////////////////////// */
	margin: 0px auto 0px auto; /* centre the page content //// */
	text-align: left; /* reset the alignment specified in BODY */
	width: 995px; /* ///////////////////////////////////////// */
} /* ///////////////////////////////////////////////////////// */


/* //// HEADER SECTION ////////////////////////////// */
#header {											/**/
	height: 60px;									/**/
} #header a#logo {									/**/
	display: block;									/**/
	margin: 0px 0px 0px 0px;						/**/
	padding: 0px 0px 0px 0px;						/**/
	height: 60px;									/**/
	width: 235px;									/**/
	float: left;									/**/
		/* image replacement - hide text */			/**/
		background-image: url(images/logo.gif);		/**/
		background-repeat: no-repeat;				/**/
		background-position: 3px center;			/**/
		text-indent: 250px; overflow: hidden; 		/**/
}													/**/
/* //// END OF HEADER SECTION /////////////////////// */



/* /// TOP MENU ///////////////////////////////////////////////////////////////// */
#header ul { 																	/**/
	margin: 0px; 																/**/
	padding: 1px 0px 0px 0px; /* shift menu down 1px for alignment ////////////// */
} #header ul li { 																/**/
	display: inline; 															/**/
	line-height: 18px; 															/**/
	margin: 0px; 																/**/
	padding: 0px 17px 0px 0px; /* ! carefully set button spacing (17px) ///////// */
} #header ul li a { 															/**/
	text-decoration: none; 														/**/
	padding: 0px; 																/**/
		/* not visible but important for determing width of button ////////////// */
		font-family: Arial, Helvetica, sans-serif; 								/**/
		font-weight: bold; 														/**/
		font-size: 13px; 														/**/
		letter-spacing: 2px; 													/**/
	background-position: center -2px; /* raise up bg image a little ///////////// */
    background-repeat: no-repeat; 												/**/
} #header ul li a:hover { 														/**/
	text-decoration: none; 														/**/
	background-position: center -22px; /* shift imaged up 20px for rollover state */
} #header ul li a span { /* image replacement technique - hide text ///////////// */
	visibility: hidden; 														/**/
} 																				/**/
#header ul li a.home {		background-image: url(images/button_home.gif);} 	/**/
#header ul li a.aboutus {		background-image: url(images/button_about.gif);}	/**/
#header ul li a.ourbrands {	background-image: url(images/button_brands.gif);}	/**/
#header ul li a.news {		background-image: url(images/button_news.gif);}		/**/
#header ul li a.franchise {	background-image: url(images/button_franchise.gif);}/**/
#header ul li a.licensingdistribution {	background-image: url(images/button_licensing.gif);}/**/
#header ul li a.jobs {		background-image: url(images/button_jobs.gif);}		/**/
#header ul li a.contactus {	background-image: url(images/button_contact.gif);}	/**/
#header ul li a.highlight { 														/**/
	text-decoration: none; 														/**/
	background-position: center -22px; /* shift imaged up 20px for rollover state */
	padding: 0px; 																/**/
		/* not visible but important for determing width of button ////////////// */
		font-family: Arial, Helvetica, sans-serif; 								/**/
		font-weight: bold; 														/**/
		font-size: 13px; 														/**/
		letter-spacing: 2px; 													/**/
    background-repeat: no-repeat; 												/**/
																			/**/
}	
/* /// END OF TOP MENU ////////////////////////////////////////////////////////// */


/* /// LOGO LINE  /////////////////////////////////////////////////////////////////////////////////////////////////// */

table#logoLine {																										/**/																									
	margin: 0px 0px 50px 0px; /* ///////////////////////////////////////////// */																	
	padding: 0px 0px 0px 0px;																						/**/
	text-align: center;		
																						/**/																									
} table#logoLine td {																									/**/
	padding: 0px 0px 0px 0px;
	height: 70px;
	
																							/**/
} table#logoLine td a {																								/**/																						/**/
	text-decoration: none;
	height: 70px;
	width: 120px;																				/**/
	background-position: -120px center;																				/**/
    background-repeat: no-repeat;	
	border: 1px solid #ff0000;
}

table#logoLine td a:hover {																							/**/
	text-decoration: none;																							/**/
	background-position: 0px center; 																				/**/
} table#logoLine td a span { /*image replacement technique - hide text //////////////////////////////////////////////// */
	visibility: hidden;
	font-size: 0px;
	font-family:"Courier New", Courier, monospace;
	letter-spacing: -1px;
	padding-bottom: 120px;
	height: 70px;
	padding-right: 120px;	
																				/**/
}																													/**/
table#logoLine td a.joebloggs {	background-image: url(/media/brands/menu/button_joebloggs44.gif);}	/**/
table#logoLine td a.juice {		background-image: url(/media/brands/menu/button_juice77.gif);width: 110px; background-position: -115px center; }		/**/
table#logoLine td a.loyalty {		background-image: url(/media/brands/menu/button_loyalty70.gif); }		/**/
table#logoLine td a.katharine {	background-image: url(/media/brands/menu/button_katharine40.gif); }	/**/
table#logoLine td a.hamnett {		background-image: url(/media/brands/menu/button_hamnett31.gif); }	/**/
table#logoLine td a.head {			background-image: url(/media/brands/menu/button_head44.gif); }			/**/
table#logoLine td a.emanuel {		background-image: url(/media/brands/menu/button_emanuel71.gif); }		/**/
table#logoLine td a.gabicci {		background-image: url(/media/brands/menu/button_gabicci65.gif); width: 100px; background-position: -135px center; }
table#logoLine td a:hover.gabicci {	background-position: -15px center; }		/**/
table#logoLine td a:hover.juice {	background-position: 5px center; }		/**/
/* /// END OF LOGO LINE //////////////////////////////////////////////////////////////////////////////////////////// */

/* /// BRAND MENU /////////////////////////////////////////////////////////////////////////////////////////////////// */
ul#brandmenu {																										/**/
	width: 235px;																									/**/
	margin: 50px -3px 0px 0px; /* set -3px because ie6 has a problem //////////////////////////////////////////////// */
	border-top: 1px solid #ff9900;																					/**/
	padding: 30px 0px 20px 0px;																						/**/
	text-align: center;																								/**/
	float: left;																									/**/
} html>body ul#brandmenu { margin-right: 0px; } /* reset margin MOZ only //////////////////////////////////////////// */
ul#brandmenu li {																									/**/
	padding: 0px 35px 0px 20px;																						/**/
	margin: 0px;																									/**/
	list-style-type: none;																							/**/
} ul#brandmenu li a {																								/**/
	display: block;	
	width: 120px;																								/**/
	text-decoration: none;																							/**/
	background-position: -120px center;																				/**/
    background-repeat: no-repeat;																					/**/
} ul#brandmenu li a:hover {																							/**/
	text-decoration: none;																							/**/
	background-position: -0px center; 																				/**/
} ul#brandmenu li a.highlight {																							/**/
	text-decoration: none;																						/**/
	background-position: -0px center; 																				/**/
} ul#brandmenu li a span { /*image replacement technique - hide text //////////////////////////////////////////////// */
	visibility: hidden;																								/**/
}																													/**/
ul#brandmenu li a.joebloggs {	background-image: url(/media/brands/menu/button_joebloggs44.gif); height: 50px;}	/**/
ul#brandmenu li a.juice {		background-image: url(/media/brands/menu/button_juice77.gif); height: 73px;}		/**/
ul#brandmenu li a.loyalty {		background-image: url(/media/brands/menu/button_loyalty70.gif); height: 66px;}		/**/
ul#brandmenu li a.katharine {	background-image: url(/media/brands/menu/button_katharine40.gif); height: 50px;}	/**/
ul#brandmenu li a.head {		background-image: url(/media/brands/menu/button_head44.gif); height: 40px;}			/**/
ul#brandmenu li a.emanuel {		background-image: url(/media/brands/menu/button_emanuel71.gif); height: 67px;}		/**/
ul#brandmenu li a.gabicci {		background-image: url(/media/brands/menu/button_gabicci65.gif); height: 61px;}		/**/
/* /// END OF BRAND MENU //////////////////////////////////////////////////////////////////////////////////////////// */



/* /// DIV CONTAINING HOME PAGE FLASH INTRO /////// */
#washingline {
	width: 990px;
	height: 340px;
	margin: 0px auto 5px auto;
}

/* /// DIV CONTAINING NEWS HEADLINES /////// */
#newsreel {
	width: 220px;						
	margin: 50px -3px 0px 0px;
	border-top: 1px solid #ff9900;	
	padding: 25px 15px 10px 0px;
	text-align: left;	
	float: left;	
} html>body div#newsreel { margin-right: 0px; } /* reset margin MOZ only // */
#newsreel h3 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-transform: none;
	margin: 0px 0px 0px 0px; /* set space below header (50px) */
} #newsreel span {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	line-height: 12px;
	color: #ff9900;
	
} div.headline {
	border: 1px solid #ff9900;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	background-color: #1A1000;
} div.headline-over {
	border: 1px solid #ff9900;
	cursor: pointer;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	background-color: #000000;
}


/* ///////////////////////////////////////////////////////////////////////////// */
/* /// MAIN CONTENT STARTS ///////////////////////////////////////////////////// */
		#main { 								
			width: 760px; 
			padding: 0px;			
			margin: 0px 0px 30px 0px;		
			overflow: hidden;
		}
		
		#main div#bigimage {
			float: right;
			margin: 0px 0px 0px 15px;
			padding: 0px 0px 0px 0px;
			height: 520px;
			overflow: hidden;
			width: 330px;
		}
		
		#main h1 {
			font-family: Arial, Verdana, sans-serif;
			font-weight: normal;
			border-top: 1px solid #FF9900; /* top keyline */
			font-size: 30px;
			padding: 20px 0px 0px 0px; /* set space below keyline (20px) */
			color: #ffffff;
			text-transform: uppercase;
			background-position: left bottom;
			background-repeat: no-repeat;
			margin: 50px 0px 10px 0px; /* set space below header (50px) */
		} #main.brand h1 span {
			visibility: hidden; /* image replacement */
			font-size: 1px; /* diminish intrusiveness of h1 content when using image replacement */
			
		} 
		#main.brand h1.joebloggs {	background-image: url(/media/brands/logos/joebloggs.gif); height: 80px;}/* plus the padding! */
		#main.brand h1.juice {		background-image: url(/media/brands/logos/juice.gif); height: 100px;}	/* plus the padding! */
		#main.brand h1.loyalty {	background-image: url(/media/brands/logos/loyalty.gif); height: 100px;}	/* plus the padding! */
		#main.brand h1.katharine {	background-image: url(/media/brands/logos/katharinehamnett.gif); height: 40px;}/* plus the padding! */
		#main.brand h1.head {		background-image: url(/media/brands/logos/head.gif); height: 60px;}		/* plus the padding! */
		#main.brand h1.emanuel {	background-image: url(/media/brands/logos/emanuel.gif); height: 100px;}	/* plus the padding! */
		#main.brand h1.gabicci {	background-image: url(/media/brands/logos/gabicci.gif); height: 100px;}	/* plus the padding! */
		#main.brand h1.gabiccig {	background-image: url(/media/brands/logos/gabiccig.gif); height: 100px;}/* plus the padding! */
		
		/* /// SUBMENU ////////////////////////////////////////////////////////// */
		#main ul.submenu {														/**/
			 														/**/
			padding: 10px 0px 15px 0px;		
			width:410px;
			border: 0px solid red;							/**/
			
					} #main ul.submenu li {													/**/
			display: inline;													/**/
			padding: 0px 3px 0px 0px; /* add 3px L just to space em nice */		/**/
			text-transform: uppercase;											/**/
			font-family: Arial, Helvetica, sans-serif;							/**/
				/**/
			margin-left: 0px;
		} #main ul.submenu li a {												/**/
			padding: 0px;														/**/
			margin: 0px 3px 0px 0px; /* add 5px R just to space em nice */		/**/
			font-family: Arial, Helvetica, sans-serif;							/**/
			font-size: 11px;													/**/
			color: #FF9900; text-decoration: none;	
			 white-space: nowrap; /* no new line in the middle of a link */								/**/
		} #main ul.submenu li a:hover { 										/**/
			text-decoration: underline; color: #FFFFFF; 						/**/
		}																		/**/
		/* // END OF SUBMENU //////////////////////////////////////////////////// */
		
		#main p {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 10px 0px;
			line-height: 15px;

		}
		#main.news img{ 
			float: right;
			margin: 0px 0px 10px 15px;
		}
		#main a {
			color: #FF9900;
			text-decoration: none;
		} #main a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
		
		#main ul {
			margin: 0px 0px 15px 0px; 
			padding: 0px 0px 0px 0px;
		}
		#main ul li {
			list-style-position: inside;
			list-style-type: disc;
			padding: 0px 10px 10px 0px;
			margin-left: 15px;
			line-height: 15px;
		}
		
		#timeline {
			border: 1px solid #333333;
			width: 756px;
			overflow: hidden;
			height: 280px;
			margin: 10px 0px 40px 0px;
			padding: 5px 1px 5px 1px;
		} #timeline ul {
			text-align: center;
			margin: 0px;
			padding: 10px 0px 5px 0px;
		} #timeline ul li {
			display: inline;
			list-style-type: none;
			margin: 0px;
			padding: 0px 0px 0px 0px;
		} #timeline ul li a {
			padding: 1px 5px 1px 5px;
			background-color: #222222;
			border: 1px solid #333333;
			cursor: pointer;
			text-decoration: none;
			color: #ff9900;
			} #timeline ul li a:hover {
			color: #ffffff;
			border: 1px solid #ffffff;
			text-decoration: underline;
			} #slides td {
				border-right: 1px solid #222222;
				vertical-align: top;
				padding: 0px 10px 0px 9px;
			} #slides span { /* style for year title */
				font-size: 20px;
				padding-right: 3px;
				line-height: 20px;
				font-family: Arial, Helvetica, sans-serif;
			} #slides p {
				margin: 5px 0px 5px 0px;
				font-size: 11px;
				padding: 0px;
				line-height: 14px;
				text-align: left;
			} 
		#worldmap {
		width: 760px;
		height: 200px;
		margin: 15px 0px 15px 0px;
		background-image: url(images/distribution-map.jpg);
		background-position: center top;
		background-color: #000000;
		background-repeat: no-repeat;
		}
		form#contactform {
			margin: 0px 0px 10px 0px; 
			padding: 4px 10px 0px 10px;
			width: 370px;
			border: solid 1px #333333;
			background-color: #111111;

		}
		
		form#contactform table {
			margin: 0px 0px 0px 0px;
			width: 370px;
		}
		
		form#contactform td {
			padding-right: 10px;
			padding-bottom: 5px;
		}
		
		form#contactform input {
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			color:#ff9900;
			background-color: #000000;
			border: 1px solid #ff9900;
			padding: 3px;
		}
		form#contactform select {
			font-size: 11px; 
			font-family: Arial, Helvetica, sans-serif;
			color: #ffffff;
			background-color: #000000;
			border: 1px solid #ff9900;
			padding: 2px;
		}
		form#contactform option{
		color: #ffffff;
		}
		form#contactform textarea {
			font-size: 11px; 
			font-family: Arial, Helvetica, sans-serif;
			color: #ffffff;
			background-color: #000000;
			border: 1px solid #ff9900;
			padding: 3px;
		}
		form#contactform input.submit {
			background-color: #222222;
			font-size: 15px;
			margin: 10px 4px 10px 4px;
			padding: 1px 7px 1px 7px;
			display: block;
			color: #ffffff;
			font-weight: bold;
		} form#contactform input.submit:hover {
			background-color: #ff9900;
			color: #000000;
			cursor: pointer;
			
		}
/* /// MAIN CONTENT ENDS ///////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////// */



/* /// FOOTER SECTION /////////////////////////////////////// */
#footer {													/**/
	margin: 0px auto 0px auto;								/**/
	position: fixed;										/**/
	bottom: 0px;											/**/
	padding: 0px;											/**/
	background-color: black;								/**/
	width: 995px;											/**/
	border-top: 1px solid #FF9900;							/**/
} #footer ul {												/**/
	margin: 0px;											/**/
	padding: 5px 0px 5px 0px;								/**/
	text-align: right;										/**/
} #footer ul li {											/**/
	display: inline;										/**/
	padding: 0px 0px 0px 20px; /* set button spacing (20px) / */
	font-size: 11px;										/**/
} #footer a {												/**/
	color: #999999;											/**/
	text-decoration: none;									/**/
} #footer a:hover {											/**/
	color: #FF9900;											/**/
	text-decoration: underline;								/**/
} #footer a.china {	/* using GIF image where chinese 		/**/
	/* characters are transparent showing bg color behind /// */
	color: #000000;											/**/
	font-size: 8px;											/**/
	padding: 0px 23px 0px 21px;								/**/
	background-image: url(images/china.gif);				/**/
	background-repeat: no-repeat;							/**/
	background-position:center;								/**/
	text-decoration: none;									/**/
	border-bottom: 1px solid black;							/**/
	background-color: #999999;								/**/
} #footer a:hover.china {									/**/
	border-bottom: 1px solid #FF9900;						/**/
	background-color: #FF9900;								/**/
}															/**/
/* /// END OF FOOTER SECTION //////////////////////////////// */

#sitemap a {
white-space: nowrap;
}
#sitemap ul {
white-space: nowrap;
}
#sitemap ul li {
list-style: none;
padding: 0px;
margin: 0px;
list-style-position: outside;
}