body
{
	font-family: Arial;
	font-size: 11pt;
	color: #333333;
	padding: 0px;
	margin: 0px;
	height: 100%;
	background-color: #eeeeee;
}
.sitemap td
{
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	vertical-align: top;
}

html
{
	overflow: -moz-scrollbars-vertical;
	height: 100%;
}

a
{
	outline: none;
}

h1
{
	font-size: 11pt;
	font-weight: bold;
	color: #999999;
	margin-bottom: 10px;
}

p
{
	margin-top: 0px;
	margin-bottom: 10px;
}

p a
{
	color: #999999;
}

p span
{
	font-size: 11pt;
	font-weight: bold;
	color: #999999;
}

pre
{
	font-family: Arial;
	font-size: 11pt;
}
strong
{
	color: #999999;
}

.button
{
	color: #999999;
	background-color: #cccccc;
	border: solid 1px #999999;
}
.textbox
{
	background-color: White !important;
	border: solid 1px #999999;
}
.validatorcallout div, .validatorcallout td
{
	border: solid 1px #999999;
	background-color: #cccccc;
}
.validatorcallout .ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.validatorcallout .ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}
.validatorcallout .ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.validatorcallout .ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.validatorcallout .ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 0px;
}
.validatorcallout .ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}
.validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background-color: transparent;
	padding: 0px;
}
.validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
}
.validatorcallout .ajax__validatorcallout_error_message_cell
{
	font-family: Verdana;
	font-size: 10px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}
.validatorcallout .ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	border-right: none;
}
.validatorcallout .ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}
.validatorcallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 10px;
	padding: 2px;
	cursor: pointer;
}

/*******************************************************************************
	LAYOUT
*******************************************************************************/
#maincontainer
{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color: White;
	height: 100%;
}

#pageheader
{
	float: left;
	width: 100%;
	height: 120px;
}
#navbar
{
	margin-left: 240px; /*Set left margin to LeftColumnWidth*/
	margin-top: 22px;
}

#logo
{
	float: left;
	width: 144px;
	height: 76px;
	margin-left: -912px; /*Set left margin to -(MainContainerWidth)*/
	margin-top: 22px;
}

/* default page positioning */
#flashwrapper
{
	float: left;
	width: 100%;
}

#flashcolumn
{
	margin-left: 320px;
}

#imagecolumn
{
	float: left;
	width: 320px;
	margin-left: -912px;
}
/**************************/

#contentwrapper
{
	float: left;
	width: 100%;
}

#leftcolumn
{
	float: left;
	width: 240px;
	margin-left: -960px;
	min-height: 660px;
	height: auto !important;
	height: 660px;
}
/*
html > body #leftcolumn
{
	min-height: 648px;
	height: auto;
}*/

#contentcolumn
{
	/*position: relative;*/
	margin-left: 240px;
}

#contentmenu
{
	height: 23px;
	line-height: 23px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
}

#content
{
	margin-top: 10px;
	margin-left: 10px;
}

.blogtext
{
	padding-right:230px;
	width: 480px;
	height: 626px;
	overflow:auto;
}

.floatimageleft
{
	float: left;
	margin-right: 5px;
}

.floatimageright
{
	float: right;
	margin-left: 5px;
}

.blogtext h1
{
	color: Black;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom:2px;
}

.contenttext, .searchresults
{
	width: 480px;
}

.contenttext2
{
	width: 650px;
}

.contenttext ul
{
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 10px;
}

.contenttext ul li ul
{
	padding-left: 25px;
	list-style-type: square;
}

#footer
{
	border-top: solid 1px #999999;
	font-size: 8pt;
	clear: left;
	width: 100%;
	color: #999999;
	text-align: center;
	padding: 2px 0;
}

#footer a
{
	font-size: 8pt;
	color: #999999;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
.menuitem, .menuitemactive
{
	float: left;
	width: 119px;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	font-weight: bold;
	border-left: solid 1px #cccccc;
	cursor: pointer;
	position: relative;
	text-align: center;
}

.menuitem, .menuitemactive a
{
	text-decoration: none;
}

.menuitem a
{
	display: block;
	color: #999999;
	width: 100%;
	text-decoration: none;
}

.menuitemactive a
{
	color: #999999;
}

.menuitem div, .menuitemactive div
{
	position: absolute;
	top: 0px;
	left: 21px;
	width: 77px;
	height: 23px;
	line-height: 23px;
	text-align: center; /*z-index:-1;*/
}

.menuitemactive div
{
	background-color: #cccccc;
}

#menulinks
{
	height: 23px;
}

.menu1 a, .menu2 a
{
	text-decoration: none;
	color: #999999;
}

.menu1active a, .menu2active a
{
	text-decoration: none;
	color: #333333;
}

a.hyperlink { color:#999999; text-decoration:none; }
a.hyperlink:hover  { color:#333333; text-decoration:none; }
a.hyperlink_active { color:#333333; text-decoration:none; }

.offsetabout
{
	position: relative;
	left: 21px;
}

.offsetlifestyle
{
	position: relative;
	left: 141px;
}
.offsetnews
{
	position: relative;
	left: 261px;
}
.offsetcontacts
{
	position: relative;
	left: 381px;
}
.offsetstockists
{
	position: relative;
	left: 501px;
}
.offsettrade
{
	position: relative;
	left: 621px;
}

.shortcut
{
	float: left;
	width: 136px;
	height: 195px;
}
.shortcutlabel
{
	width: 108px;
	height: 17px;
	background-color: white;
	color: #999999;
	text-align: right;
}

.shortcutlabel a
{
	display: block;
	text-decoration: none;
	width: 100%;
	background-color: white;
	color: #999999;
	padding-right: 2px;
}
.shortcutlabel a:hover
{
	background-color: #cccccc;
	color: #999999;
}

.productimage
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.productimageactive
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.producttext
{
	position: absolute;
	left: 470px;
	width: 230px;
	top: 0px;
}

#subtitle
{
	height: 24px;
	line-height: 24px;
	width: 192px;
	padding-left: 48px;
	vertical-align: middle;
	color: #999999;
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
}
#submenu
{
	margin-top: 10px;
	margin-left: 48px;
	color: #999999;
}
#submenu ul
{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
#submenu ul li
{
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10pt;
}

.productShortcut
{
	list-style-type: none;
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
	width: 525px;
}

.productShortcut li
{
	float: left;
	width: 160px; /*adjust these number so that two images fix into one row */
	padding-right: 15px;
	display: block;
	list-style: none;
	text-align: right;
}

.productShortcut li a
{
	text-decoration: none;
	color: #999999;
}

.productShortcut li a:hover, .productShortcut li a:hover div
{
	background-color: #cccccc;
}

.productShortcut li div
{
	width: 158px;
	height: 20px;
	line-height: 20px;
	padding-left: 2px;
}


#submenu a
{
	border-bottom: solid 5px white;
	padding: 2px 5px;
	display: block;
	text-decoration: none;
	color: #999999;
	width: 182px;
}
#submenu a:hover, #submenu a.activeLink
{
	background-color: #cccccc;
}

.submenuactive
{
	background-color: #cccccc;
	color: #999999;
}




/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionNone
{
	height: 0px;
}

.accordionHeader, .accordionHeaderSelected
{
	height: 24px;
	line-height: 24px;
	width: 192px;
	padding-left: 48px;
	vertical-align: middle;
	color: #999999;
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	cursor: pointer;
}

.accordionHeader
{
	background-image: url(images/plus.gif);
	background-repeat: no-repeat;
	background-position: 220px;
}
.accordionHeaderSelected
{
	background-image: url(images/minus.gif);
	background-repeat: no-repeat;
	background-position: 220px;
}

.accordionHeader a
{
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a
{
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: none;
}

.accordionLink
{
	color: #999999;
}

.accordionContent
{
	margin-top: 10px;
	margin-left: 48px;
	overflow: hidden;
}

.accordionContent ul
{
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
}
.accordionContent ul li
{
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10pt;
	margin-bottom: 2px;
}

.accordionContent a
{
	padding: 2px 5px;
	display: block;
	text-decoration: none;
	color: #999999;
	width: 180px;
	border: solid 1px white;
}

.accordionContent a:hover, .accordionContent a.activeLink
{
	background-color: #cccccc;
}

.accordionContent a:hover, .accordionContent a.activeLink
{
	border: solid 1px #999999;
}

.thumbnail
{
	float: left;
	width: 160px;
}

.search
{
	margin-top: 10px;
}

.searchimage
{
	float: left;
	width: 170px;
}
.searchtext
{
	float: right;
	width: 310px;
}

.searchpanel ul
{
	list-style-type: none;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
}
.searchpanel ul li
{
	cursor: pointer;
	text-transform: capitalize;
	font-size: 10pt;
}
.searchpanel a
{
	padding: 2px 5px;
	display: block;
	text-decoration: none;
	color: #999999;
	width: 170px;
}

.searchpanel a:hover, .searchpanel a.activeLink
{
	background-color: #cccccc;
}

#countries
{
	width: 200px;
	float: left;
	height: 616px;
	border-right: solid 1px #cccccc;
}

#cities
{
	width: 200px;
	float: left;
	height: 616px;
	border-right: solid 1px #cccccc;
	overflow: auto;
}

.stockists
{
	width: 308px;
	float: left;
	height: 616px;
}
.stockists ul
{
	margin-left: 5px;
}
.stockists ul li
{
	cursor: auto;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-transform: none;
}
.stockists a
{
	color: Blue;
	text-decoration: underline;
	width: 100%;
	padding: 0px;
	background-color: White;
	width: auto;
	display: inline;
}

#countries .header, #cities .header, .stockists .header
{
	background-color: #cccccc;
	color: #999999;
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	padding-left: 5px;
}

#cities .header, .stockists .header
{
	border-left: solid 1px white;
}

#countries .list, #cities .list, .stockists .list
{
	overflow: auto;
	height: 580px;
}

#countries .list li, #cities .list li
{
	margin-bottom: 1px;
}

#cities .list li
{
	margin-left: 2px;
}

#menurepeater
{
	margin-top: 10px;
	color: #999999;
}

#menurepeater input
{
	display: none;
}

#menurepeater ul
{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
#menurepeater ul li
{
	font-size: 10pt;
	margin-left: 48px;
}
#menurepeater li.header
{
	padding: 2px 0px;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 192px;
	padding-left: 48px;
	vertical-align: middle;
	color: #999999;
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
}

#menurepeater a
{
	padding: 2px 5px;
	display: block;
	text-decoration: none;
	color: #999999;
	width: 182px;
}
#menurepeater a:hover, #menurepeater a.activeLink
{
	background-color: #cccccc;
}

.faq
{
	width: 480px;
}
.faq-header
{
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}

.faq-header a
{
	color: #999999;
	text-decoration: none;
}

.faq-header a:hover
{
	text-decoration: underline;
}

.faq-content
{
	margin-bottom: 5px;
}

.faq-content p
{
	width: 449px;
	margin: 0px 0px 0px 17px;
	padding: 3px;
}

.ModalBackground
{
	background-color: #333333;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /*background: url('Img/ModalImageBg.gif');*/
}

.popup
{
	padding: 10px;
	background-color: White;
	border-style: solid;
	border-color: Black;
	border-width: 1px;
	vertical-align: top;
	text-align: left;
	width: 460px;
	top: 20px;
}
.PopupTitle
{
	padding-bottom: 2px;
	float: left;
	width: 230px;
	text-align: left;
}

.PopupClose
{
	padding-bottom: 2px;
	float: left;
	width: 230px;
	text-align: right;
}

.formtable td
{
	padding: 2px 3px 2px 0px;
}