
/*-Begin Section -_theme.css-*/
html
{
	/* 
	This is placed here to stop pages shifting in FireFox.
	Shifting is caused by the Scroll Bar Disappearing when the page is too short.
	*/
		height: 100%;
		margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
	font-family: verdana,sans-serif;
	line-height: 1.3em;
	font-size: 67%;
}
/* PAGE FONT SIZE DASHBOARD */
/* FONT SIZE IS RELATIVE TO BODY FONT SIZE */
form.body-Smallest 
{
    font-size: 80%;
}
form.body-Small 
{
    font-size: 90%;
}
form.body-Medium 
{
    font-size: 100%;
}
form.body-Large 
{
    font-size: 120%;
}
form.body-Largest
{
    font-size: 140%;
}

#base{
	position: relative;
	width: 900px;
	padding: 0;
	margin: 0 auto;
}
	/* 
	This decreases the width of the whole page area, in conjunction with the Pagesize Dashboard.	
	*/
	form.bodySize-Large #base
	{
		width:760px !important;
	}
	
/* ZONES */
#ZoneHeaderRow
{
	clear: both;
	position:relative;
	z-index: 90;
	margin-top: 17px;
}

#ZoneLeftColumn
{
	float: left;
	width: 271px;/*8+255+8*/
	margin: 0 4px 15px 0;
	overflow: hidden;
	/* 
		This min-height is  a Firefox fix to ensure the ZoneLeftColumn doesn't collapse when empty, moving content over.
	*/
	min-height: 10px;
	/*padding-top: 3px;*/ /*original design*/
}
	form.elPageLanding #ZoneLeftColumn{
		width: 406px;/*8+390+8*/
		height: 262px;
		margin: 0 2px 15px;
		padding: 0;
		background: url("../_images/layout/home_image.jpg") no-repeat center top;
	}
	#ZoneLeftColumn .link{
		position: relative;
		height: 54px;
		padding: 5px 8px;
		background: url("../_images/layout/content_link.gif") no-repeat center center;
	}
	#ZoneLeftColumn .link a{
		display: block;
		height: 41px;
		padding-top: 13px;
		padding-left: 76px;
		width: 150px;
		color: #78b23d;
		font-size: 1.1em;
		font-weight: normal;
		text-decoration: none;
	}
	#ZoneLeftColumn .elInformation{
		margin: 8px 8px 42px;
		color: #505050;
		border-bottom: solid 1px #78b23d;
	}
		#ZoneLeftColumn .elInformation h2{
			font-size: 1.2em;
			font-weight: normal;
		}
		#ZoneLeftColumn .elInformation h2,
		#ZoneLeftColumn .elInformation p{
			padding: 10px 14px;
			margin: 0;
		}
		#ZoneLeftColumn .elInformation p{
			border-top: solid 1px #78b23d;
		}
		#ZoneLeftColumn .elInformation p img{
			margin: -10px -14px;
		}
	
#LeftRightContainer 
{
	width: 820px;
	padding: 0 40px;
	background-color: #e1edd5;
}

#ZoneRightColumn
{
    width: 541px;/*8+525+8*/
    float: left;
	margin-bottom: 15px;
	overflow: hidden;
	background: url("../_images/layout/column_525_bottom.gif") no-repeat center bottom;
}
	#ZoneRightColumnInner{
		padding: 28px;
		background: url("../_images/layout/column_525_top.gif") no-repeat center top;
	}
		#ZoneRightColumnInner h1{
			margin-top: 0;
		}
	form.elPageLanding #ZoneRightColumn{
		padding: 0;
	}
	form.elPageLanding #ZoneRightColumnInner{
		padding: 28px;
	}
		#ZoneLeftColumnInner h1{
			margin-top: 0;
		}
	form.elPageLanding #ZoneRightColumn{
		width: 406px;/*8+390+8*/
		height: 262px;
		margin: 0 2px 15px;
		background: url("../_images/layout/column_390_bottom.gif") no-repeat center bottom;
	}
	form.elPageLanding #ZoneRightColumnInner{
		background: url("../_images/layout/column_390_top.gif") no-repeat center top;
	}

#ZoneCentreRow{
	position: relative;
	background-color: #e1edd5;
	border: solid 1px #e1edd5;
	padding: 0 50px;
}
	#ZoneCentreRow fieldset.frmLogin{
		background-color: transparent;
	}
	#ZoneCentreRow .elHeader{
		position: relative;
		height: 256px;
		color: #fff;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#ZoneCentreRow .Tools{
		float: none;
		position: absolute;
		right: 53px;
		bottom: 10px;
	}
		form.elPageHome #ZoneCentreRow .elHeader{
			background-image: url("../_images/layout/home_header.jpg");
		}
			form.elPageHome #ZoneCentreRow .elHeader ul{
				list-style: none;
				font-size: 1.2em;
				margin: 0;
			}
				form.elPageHome #ZoneCentreRow .elHeader ul li{
					position: absolute;
					width: 250px;
				}
				form.elPageHome #ZoneCentreRow .elHeader ul .a{
					top: 63px;
					left: 330px;
				}
				form.elPageHome #ZoneCentreRow .elHeader ul .b{
					top: 109px;
					left: 346px;
				}
				form.elPageHome #ZoneCentreRow .elHeader ul .c{
					top: 154px;
					left: 364px;
				}
				form.elPageHome #ZoneCentreRow .elHeader ul .d{
					top: 190px;
					left: 380px;
				}

#ZoneFooterRow{
}

.link a{
	background-repeat: no-repeat;
	background-position: 7px center;
}
	.link_story a{
		background-image: url("../_images/layout/link_story.gif");
	}
	.link_toothpaste a{
		background-image: url("../_images/layout/link_toothpaste.gif");
	}
	.link_mouthwash a{
		background-image: url("../_images/layout/link_mouthwash.gif");
	}
	.link_store a{
		background-image: url("../_images/layout/link_store.gif");
	}

/* DEFAULTS */
a
, a:link
, a:visited 
{

}
a:hover
, a:active
, a:focus 
{

}
h1 
{
    font-size: 1.4em;
}
h2
{
    font-size: 1.3em;
}
h3 
{
    font-size: 1.2em;
}
h4 
{
    font-size: 1.1em;
}
h5 
{
    font-size: 1em;
}
h6 
{
    font-size: .9em;
}
pre 
{
	white-space: normal;
}
ul 
{
	list-style-type: disc;
}
ol 
{

}
address 
{

}
p 
{

}

a.linkskip {
	position: absolute;
	top: -200px;
}

/* Element Logo */
div.elLogo {
	width: 800px;
	margin: 0 auto;
}
div.elLogo h1.ident {
	background: url(../_images/layout/logo.gif) no-repeat left center;
	width: 162px;
	height: 60px;	
	margin:0;
	padding:0;
}
div.elLogo h1.ident a {
	display: block;
	width: 162px;
	height: 60px;	
}
div.elLogo h1.ident span {
	display: none;
}
div.elDecal{
}

/* Element Horizontal Nav */
ul.elMainMenu 
{
    height: 46px;
	list-style: none;
	padding: 30px 0 0 50px;
	margin: 17px 0 0;
	z-index:99;
	overflow: hidden;
	color: #c3e99c;
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
    background: #e1edd5 url("../_images/layout/menu_header_background.gif") repeat-x center top;
	padding-bottom: 15px;
}
ul.elMainMenu ul 
{
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0;  	
	z-index:99;

}
ul.elMainMenu a
, ul.elMainMenu a:link
, ul.elMainMenu a:visited
{
	display: block;
	padding: 0;
	color: #c3e99c;
	text-decoration: none;	
	text-transform: none;
	font-size: 1.1em;	
	font-weight: normal;
	background-image: url(../_images/default/vista_divide.gif);
    background-position: right;
    background-repeat: no-repeat;
}
ul.elMainMenu a.current,
ul.elMainMenu a.current:link,
ul.elMainMenu a.current:visited
{
	color: #fff;
}
ul.elMainMenu li 
{
	float: left;
	padding: 0;
	width: auto;
	margin-right: 32px;
	overflow: hidden;
	white-space: nowrap;
}
ul.elMainMenu li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 -1px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #FFF;
}
ul.elMainMenu li li
, ul.elMainMenu li li.first  
{
    width: 200px;
    background-image: none;
    line-height: 20px;
    border-bottom: solid 1px #FFF;
    background-color: #ddd;	 
}
ul.elMainMenu ul a
, ul.elMainMenu ul a:link
, ul.elMainMenu ul a:visited 
{
	width: 180px;
    border-width: 0;
    font-size: .9em;
    padding: 0 10px;
    color: #444;
    text-transform: none;    
}
ul.elMainMenu ul a:hover
, ul.elMainMenu ul a:active
{
	background-color: #eee;
	color: #000;
}
ul.elMainMenu ul a.ChildItems
{
    background-image: url(../_images/default/more_nibble.gif) !important;
    background-repeat: no-repeat;
    background-position: top right;	
}
ul.elMainMenu ul a.ChildItems:hover 
{
    background-image: url(../_images/default/more_nibble_on.gif) !important;	
}
ul.elMainMenu li ul ul 
{
	margin: -21px 0 0 200px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;	
}
ul.elMainMenu li li li
, ul.elMainMenu li li li.first  
{
    border-color: #fff;	
}
ul.elMainMenu li li a
, ul.elMainMenu li li a:link
, ul.elMainMenu li li a:visited
{
    color: #444;
    background-image: none;
}
ul.elMainMenu  li a:hover
, ul.elMainMenu  li a:active 
{
	 color: #FFF;
}
ul.elMainMenu ul li a:hover
, ul.elMainMenu ul li a:active 
{
	background-color: #efefef;
	color: #000;
}
ul.elMainMenu li:hover ul ul
, ul.elMainMenu li:hover ul ul ul
, ul.elMainMenu li:hover ul ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul ul 
{     
    left: -999em; 
    display: none;
} 
ul.elMainMenu li:hover ul
, ul.elMainMenu li li:hover ul
, ul.elMainMenu li li li:hover ul
, ul.elMainMenu li li li li:hover ul
, ul.elMainMenu li.MenuItemHover ul
, ul.elMainMenu li li.MenuItemHover ul
, ul.elMainMenu li li li.MenuItemHover ul
, ul.elMainMenu li li li li.MenuItemHover ul 
{
    left: auto; 
	display: block;
} 



/* Element Footer Menu */
ul.elFooterMenu {
	bottom: 0;
	margin: 0;
	height: 1.5em;
	line-height: 1.2em;
	padding: 0;
	float: left;
}
ul.elFooterMenu li {
	display: block;
	float: left;
}
ul.elFooterMenu li.first {
	float: left;
	border-right: solid 1px #363636; 
}
ul.elFooterMenu li.last {
	border-left: 0px;
}
ul.elFooterMenu li a, ul.elFooterMenu li a:link, ul.elFooterMenu li a:visited 
{
    font-size: .9em;
	color: #363636;
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
ul.elFooterMenu li a:hover, ul.elFooterMenu li a:active {
	color: #333;
	text-decoration: underline;
}


/* CONTENT PANEL OUTPUT */
div.elContent
{
    line-height: 1.3em;
	font-family: verdana, sans-serif;
}
div.elContent h1,
div.elContent h2{
	clear: both;
    margin: .8em 0;
    padding: 0;
	font-weight: normal;
	line-height: 1.1em;
}
div.elContent h1{
    color: #78b23d;
    font-size: 1.8em;
}
div.elContent h2{
    font-size: 1.7em;
	color: #7e8083;
}
div.elContent p 
{
    margin: 1.2em 0;
    padding: 0;
    color: #4f4f4f;
}
div.elContent a 
, div.elContent a:link
, div.elContent a:visited
{
	color: #78b23d;
    font-weight: normal;
	text-decoration: underline;
    font-size: .9em;
}
div.elContent a:hover
, div.elContent a:active 
{
    text-decoration: underline;
}
div.elContent div.ColumnLeft
{
    width: 49%;
    float: left;
}
div.elContent div.ColumnRight
{
    width: 46%;
    float: left;
    margin: 0 1% 0 2%;
}
div.elContent table
{
    border-collapse: collapse;
    border-color: #C3C3C3;
}
div.elContent table tr td{
	vertical-align: top;
}

#ZoneRightColumn div.elContent ul
{
	list-style: none;
	padding: 20px 0 0 10px;
	margin: 0;
}
	#ZoneRightColumn div.elContent ul li
	{
		background: url("../_images/layout/bullet_leaf.gif") no-repeat left center;
		line-height: 25px;
		padding-left: 24px;
	}
	
.elStore{
	color: #7e8083;
	margin-right: -10px;
}
	.elStore dl{
		width: 316px;
	}
	.elStore dl.summary{
		margin-top: 5em;
		margin-bottom: 4em;
	}
	.elStore dl dt{
		width: 224px;
		float: left;
		clear: left;
		margin: 0;
		padding: 0.75em 0;
	}
		.elStore dl dt.total{
			font-weight: bold;
		}
	.elStore dl dd{
		margin: 0 0 0 224px;
		padding: 0.75em 0;
	}
		.elStore dl dd input{
			margin-top: -0.35em;
			width: 83px;
		}
		.elStore dl dd.price{
			text-align: right;
		}
		.elStore dl dd .currency{
			float: left;
			margin-left: -12px;
			width: 12px;
			font-weight: bold;
		}
	.elStore p.promo{
		color: #7E8083;
		margin-bottom: 2em;
	}
		.elStore p.promo label{
			line-height: 1.9em;
		}
		.elStore p.promo input{
			margin-right: 10px;
		}
	.elStore .controls{
		height: 64px;
	}
	.elStore .controls .calculate{
		clear: left;
		float: left;
		width: 164px;
		height: 36px;
		background: url("../_images/layout/shop_control_calculate.gif") no-repeat center top;
	}
	.elStore .controls .checkout{
		float: left;
		width: 122px;
		height: 36px;
		margin-left: 48px;
		background: url("../_images/layout/shop_control_checkout.gif") no-repeat center top;
	}
	
#shop_promo_error{
	color: #f00;
}
#shop_promo_confirm{
	color: #78B23D;
}


/* SITEMAP */
ul.elSitemap 
{    
    width: auto;
    margin: 20px 30px 40px 30px;
}
ul.elSitemap, ul.elSitemap ul 
{
    list-style-type: none;
}
ul.elSitemap li 
{
    margin: .5em 0;
    display: block;
    padding: 2px 0 0 0;
}
ul.elSitemap a 
{
    font-weight: bold;
    background-image: url(../_images/default/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;    
    padding-left: 10px;
    padding-top: 5px;
    font-size: 1em;   
}
ul.elSitemap a:hover, ul.elSitemap a.ChildItems  
{

}
ul.elSitemap ul 
{
    margin: 0 2.5em;
}
ul.elSitemap ul a
, ul.elSitemap ul a:link
, ul.elSitemap ul a:visited
{
    font-size: .9em;
}

/* TEXT FOOTER MENU */
ul.elTextMenu 
{
    clear: both;
	height: 34px;
	padding: 12px 0 0 40px;
	margin: 0;
    background: url("../_images/layout/menu_footer_background.gif") repeat-x center center;
	color: #c3e99c;
	list-style: none;
}
ul.elTextMenu li 
{
	float: left;
    margin: 0;
    padding: 0 14px 1px 9px;
    line-height: 1.5em;
    border-right: solid 1px #bbe391;
}
ul.elTextMenu li.first{
	padding-left: 0;
}
ul.elTextMenu li.last{
    border: 0;
}
ul.elTextMenu li a
, ul.elTextMenu li a:link
, ul.elTextMenu li a:visited 
{
    color: #c3e99c;
    font-size: .9em;
    text-decoration: none;
}
ul.elTextMenu li a:hover
, ul.elTextMenu li a:active 
{
    text-decoration: underline;
    color: #fff;
}

.elFooter{
	color: #808080;
	width: 800px;
	margin: 20px auto 0;
}
	.elFooter a{
		color: #808080;
		text-decoration: underline;
	}
	.elFooter .contact{
		float: left;
	}
	.elFooter .copyright{
		float: right;
		height: 24px;
		padding-top: 16px;
		padding-right: 75px;
		background: url("../_images/layout/footer_logo.gif") no-repeat right center;
	}



/* LOGIN FORM */
fieldset.frmLogin {
	padding: 3em 0 2em 0;
	font-family: Arial;
	margin: 0;
	font-size: 1em;
	letter-spacing: .1em;
	border: 0;
    background-color: #FFF;
    height: 500px;
    clear: left;

}
fieldset.frmLogin legend 
{
    padding: 10px 1em 1em 1em;
    margin: 0 auto;
    font-size: 1.6em;
    font-weight: bold;
    color: #363636;
    display: block;
    width: 220px;

    text-transform: uppercase;
}
fieldset.frmLogin p 
{
    color: #363636;
    width: 260px;
    margin: .5em auto 1.5em auto;
}
fieldset.frmLogin ul, fieldset.frmLogin ol 
{
    list-style-type: none;
    width: 240px;
    margin: 0 auto;
}
fieldset.frmLogin li 
{
    margin: 0 1em 1em 1em;
}
fieldset.frmLogin li.last 
{
    clear: right;
    padding-bottom: 10px;
}
fieldset.frmLogin label 
{
    clear:left;
    display: block;
    font-weight: bold;
    margin-bottom: .1em;
    color: #363636;
}
fieldset.frmLogin label em
{
    color: #F00;
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    float: left;
    margin: 0 0 0 -.8em;
}
fieldset.frmLogin input, fieldset.frmLogin select, fieldset.frmLogin textarea  
{
    width: 210px;
	font-size: 1em;
	color: #222;
	padding: .2em;
	margin: 0 0 .5em 0;
	font-weight: normal;		
}

/* Listing - TAG REPEATER */
ul.elTagListing 
{
    margin: 0 20px 10px 20px;
    padding: 0 0 5px 0;
	font-size: 1em;
	list-style: none;
}
ul.elTagListing li 
{
    margin: 0;
    padding: 10px 0 10px 0;
    display: block;
    border-bottom: dotted 1px #3e3e3e; 
}
ul.elTagListing li.first 
{
    border: 0;
    padding: 10px 0;
}
ul.elTagListing h1.elContentTitle {
    margin: .8em 0 10px 0;
    padding: 0 0 3px 0;
}
ul.elTagListing h2.elContentDescription 
{
    display: none;
}
ul.elTagListing div.ContentWrapper
{
    padding: 5px;
    clear: both;
    border: solid 1px #FFF;
}

ul.elTagListing div.elContent 
{
    padding: 0 0 10px 0;
    margin: 0;
}
ul.elTagListing div.elContent h1.Title 
{
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0 0;
    padding: 0 5px 0 10px;
    background-image: url(../_images/default/arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-style: normal;
    color: #3e3e3e;
    
}
ul.elTagListing div.elContent a
, ul.elTagListing div.elContent a:link
, ul.elTagListing div.elContent a:visited 
{
    text-decoration: none;   
    color: #3e3e3e;
}
ul.elTagListing div.elContent a:hover
, ul.elTagListing div.elContent a:active 
{
    color: #333;
}
ul.elTagListing div.elContent h2.DateStart
, ul.elTagListing div.elContent h2.DateEnd
{
    font-size: 1em;
    font-weight: normal;
    padding: 0 5px 0 10px;
    margin: 0;
	color: #555;    
}
ul.elTagListing div.elContent h2.DateStart span
, ul.elTagListing div.elContent h2.DateEnd span 
{
    font-style: italic;   
}
ul.elTagListing div.elContent h3.Author
{
    padding: 0 5px 0 10px;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}
ul.elTagListing div.elContent p.Description
{
    padding: 10px 5px 5px 10px;
    margin: 0;
}
ul.elTagListing div.ContentImage 
{
    padding: 0;
    margin: 0;
    width: 90px;
    float: left;
}
ul.elTagListing div.ContentImage img {
    border: solid 1px #364761;

}
ul.elTagListing div.HasImage 
{
    margin-left: 100px;
}

/* TOOLS */
div.Tools 
{
    float: right;
}
div.Tools a, div.Tools a:link, div.Tools a:visited 
{
    padding: 0 0 0 10px;
    margin-left: 10px;
    background-image: url(../_images/default/arrow.gif);   
    background-repeat: no-repeat;
    background-position: 1px 3px;   
    color: #3e3e3e; 
    font-weight: bold;
}
div.Tools a:hover, div.Tools a:active 
{
    color: #333;
}

/* LEFT MENU */
/* top level */
ul.elLeftMenu 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
   	width: 100%;
}
/* all list items */
ul.elLeftMenu li 
{
    margin: 0;
    padding: 0;
}
/* all links */
ul.elLeftMenu a
, ul.elLeftMenu a:link
, ul.elLeftMenu a:visited 
{
    height: 18px;
    padding-top: 5px;
    text-decoration: none;
    display: block;

    font-weight: bold;
    font-size: .9em;
    border-bottom: solid 1px #FFF;
}
ul.elLeftMenu a:hover
, ul.elLeftMenu a:active 
{
    background-color: #FFF;   
    color: #333;
}
ul.elLeftMenu ul li a.current 
{
    background-color: #FFF; 
}
/* all lists below top level */
ul.elLeftMenu ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* 2nd level */
ul.elLeftMenu ul a 
, ul.elLeftMenu ul a:link
, ul.elLeftMenu ul a:visited
{
    padding-left: 20px;
    background-image: url(../_images/default/arrow.gif) !important;
    background-repeat: no-repeat;
    background-position: 10px 9px;      
    background-color: #e7ebf7;
}
/* 3rd level */
ul.elLeftMenu ul ul a
, ul.elLeftMenu ul ul a:link
, ul.elLeftMenu ul ul a:visited
{
    padding-left: 30px !important;
    font-size: .9em;
    background-position: 20px 9px; 
}
/* 4th level */
ul.elLeftMenu ul ul ul a 
, ul.elLeftMenu ul ul ul a:link
, ul.elLeftMenu ul ul ul a:visited
{
    padding-left: 42px !important;
    font-size: .8em;
    background-position: 32px 9px; 
}
/* 5th level */
ul.elLeftMenu ul ul ul ul a 
, ul.elLeftMenu ul ul ul ul a:link
, ul.elLeftMenu ul ul ul ul a:visited
{
    padding-left: 53px !important;
    font-size: .8em;
    background-position: 43px 9px; 
    font-weight: normal;
}
/* SEARCH RESULTS */
.TagHighLight 
{
    background-color: #FFFF00;
}

div.elTags 
{   
    clear: left;
    margin-top: 15px;   
}

/* PAGING */
ul.Paging 
{
    clear: both;
    font-weight: bold;
    font-size: .9em;
    margin: 5px 10px 10px 30px;
}
ul.Paging li 
{
    display: block; 
}
ul.Paging li.PagingPageTotal
{
    
    display: none;
}
ul.Paging li.PagingPageNumbers
{
    
    float: right;
        margin: 0 10px 0 0;
}
ul.Paging li.PagingLastPage
{
    display: none;
}
ul.Paging li.PagingNextPage
{    
    float: right;
    margin: 0 10px 0 0;
}
ul.Paging li.PagingPreviousPage
{
    float: right;
    margin: 0 10px 0 0;
}
ul.Paging li.PagingFirstPage
{
    display: none;
}
ul.Paging li .disabled 
{
    color: #B0B0B0;
}
ul.Paging li .current 
{
    text-decoration: underline;
}
ul.Paging li.PagingNextPage a
, ul.Paging li.PagingNextPage a:link
, ul.Paging li.PagingNextPage a:visited
, ul.Paging li.PagingNextPage span.disabled
{
    background-image: url(../_images/default/next.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}
ul.Paging li.PagingPreviousPage a
, ul.Paging li.PagingPreviousPage a:link
, ul.Paging li.PagingPreviousPage a:visited
, ul.Paging li.PagingPreviousPage span.disabled
{
    background-image: url(../_images/default/prev.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 12px;
}



h1.elPageTitle 
{
    margin: 32px 30px 10px 30px;
    padding: 0 0 3px 0;
    
}

p.elNoContent 
{
    margin: 10px;   
}

a.Delete 
{
    cursor: pointer;   
}

a.Delete:hover, a.Delete:active {
	text-decoration: underline;
	color: #333;
}
/*
Clears all hoverbuttons in the Header zone 

Makes Styling a lot easier.
When problems are incurred use !important;

*/
div#ZoneHeaderRow a.hoverbutton
, div#ZoneHeaderRow a.hoverbutton:link
, div#ZoneHeaderRow a.hoverbutton:visited
{
		margin:0;
		padding:0;
		
		background-color:transparent;
		background-image:none;
		border:0;
		
		height:auto;
		width:auto;
}
div#ZoneHeaderRow a.hoverbutton span.hoverbutton_button
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonRight
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonLeft
{
	margin:0;
	padding:0;
}
/* 

All the Controls (Screensize, Textsize and Bookmark site are placed insite a HTML Element called

div.elHeaderControls

This is done so the controls can be floated and therefore increase text size, etc easily and wouldn't function properly when positioned absolutely.

The container CAN be positioned absolutely.
*/

div.elHeaderControls
{
	position:absolute;
	top:40px;
	right:0;
	display:inline;
}


/*SCREENSIZE CSS*/
div.elScreensize 
{
	/*Borders, Margin Padding*/
	margin:0 0 0 1em;
	padding:0;
	float:right;
	
	/*
	Please ensure the width on this element is kept in em's so it increases proportionatly with the rest of the site.
	*/
	width:7.1em;
	height:1.5em;
}
	/* Styling Specific to the Screensize Button*/
	div.elScreensize a.hoverbutton,
	div.elScreensize a.hoverbutton span,
	div.elScreensize a.hoverbutton:link,
	div.elScreensize a.hoverbutton:visited
	{
		line-height:1.1em;
		color:#666 !important;
		font-weight:normal;
	}
	div.elScreensize a.hoverbutton:hover,
	div.elScreensize a.hoverbutton:focus,
	div.elScreensize a.hoverbutton:active
	{
	
	}

	
/* FONT SIZE */
div.elFontSize
{
	float:right;
	height:1.5em;
	line-height:1em;
}	
	div.elFontSize span.text
	{
		/*Padding, Margin & Borders*/
		margin:0 0 0 1em;
		padding:0;
		border:0;
		float:left;
		color:#666;
	}
	/*Generic, This applies to both buttons*/
	div.elFontSize a.hoverbutton,
	div.elFontSize a.hoverbutton:link,
	div.elFontSize a.hoverbutton:visited
	{
		color:#666 !important;
		float:left;
		line-height:.9em;
		text-indent:.2em;
	}
	div.elFontSize a.hoverbutton:hover,
	div.elFontSize a.hoverbutton:active,
	div.elFontSize a.hoverbutton:focus
	{
		
	}
		/* STYLING SPECIFIC TO THE BUTTON TO REDUCE FONT SIZE */
		div.elFontSize span.smaller a.hoverbutton:link,
		div.elFontSize span.smaller a.hoverbutton:visited,
		div.elFontSize span.smaller a.hoverbutton
		{
		
		}
		div.elFontSize span.smaller a.hoverbutton:hover,
		div.elFontSize span.smaller a.hoverbutton:active,
		div.elFontSize span.smaller a.hoverbutton:focus
		{
		
		}
		/*STYLING SPECIFIC TO THE BUTTON TO INCREASE FONT SIZE*/
		div.elFontSize span.larger a.hoverbutton:link,
		div.elFontSize span.larger a.hoverbutton:visited,
		div.elFontSize span.larger a.hoverbutton
		{
		
		}
		div.elFontSize span.larger a.hoverbutton:hover,
		div.elFontSize span.larger a.hoverbutton:active,
		div.elFontSize span.larger a.hoverbutton:focus
		{
		
		}
/* Quick Search Dashboard */
div.elQuickSearch
{
	/*Positioning*/
	position:absolute;
	top:10px;
	right:0;

	/*Padding, Margins & Borders*/
	margin:0;
	padding:0;
	border:0;
	
	/*Sizing*/
	width:175px;
}
div.elQuickSearch input
{
	float:left;
		height: 16px;
		margin-right: -1px;
}
div.elQuickSearch a
{
    background-image:url(../_images/default/search_icon_on.gif) !important;
}
div.elQuickSearch a.hoverbutton,
div.elQuickSearch a.hoverbutton:link,
div.elQuickSearch a.hoverbutton:visited
{
	float:left;
	margin:0;
	padding:0;
	border: solid 1px #666 !important;
	height:20px !important;
	width:18px !important;
	display:block !important;
	background-image:url(../_images/default/search_icon_off.gif) !important;
	background-repeat:no-repeat  !important;
	background-position:top left !important;
	
}
div.elQuickSearch a.hoverbutton:hover,
div.elQuickSearch a.hoverbutton:active,
div.elQuickSearch a.hoverbutton:focus
{
	background-image:url(../_images/default/search_icon_on.gif) !important;
}

/*Contact Form*/
div.elContactUsForm
{
		/*
			Pre & Post Text is placed inside this wrapper.
			
			For ease, this should be kept to the same width as the UL
			to ensure the hoverbutton is kept inline to the right of the form.
		*/
		
	width:600px;
	margin:0;
	padding:0;
	border:0;		
}
	div.elContactUsForm ul.elContactUsForm
	{
		list-style-type:none;		
		margin:0;
		padding:0;
		border:0;		
		background-color:#A7B0BD;			
		width:600px;
	}
	div.elContactUsForm ul.elContactUsForm li
	{
		list-style-type:none;		
		margin:0;
		padding:0;
		border:0;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset
	{
		border:0;
		margin:0;
		padding:0;
	}
	/*Styles the Header of Each Section*/
	div.elContactUsForm ul.elContactUsForm li fieldset legend
	{
			/* NOTE:
				This LEGEND tag should only be used to Style TEXT
				as this is all Firefox will currently display.

				Use the SPAN Below for more flexibility.
			*/
		margin:0;
		padding:0;
		border:0;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset legend span
	{
	
		/*
		This is displayed at the top of every section the form generates.
		*/
	
		width:593px;
		background-color:#999;
		height:1.5em;
		line-height:1.5em;
		font-size:1em;			
		display:block;
		margin:0 0 0 -7px;
		padding:0 0 0 7px;
		
	}
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul
	{
		list-style-type:none;
		margin:0;
		padding:0;

	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li
	{
		list-style-type:none;
		margin:5px 0 5px 0;
		padding:0 0 0 0;
		clear:both;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li label
	{
		float:left;
		clear:left;	
		
		padding:0 0 3px 10px;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li input
	{
		float:left;
		clear:both;
		width:250px;	
		
		padding:0;
		margin:0 0 0 10px;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li textarea
	{
		clear:left;
		float:left;
		width:250px;
		
		padding:0;
		margin:0 0 0 10px;
	}
	div.elContactUsForm a.hoverbutton,
	div.elContactUsForm a.hoverbutton:link,
	div.elContactUsForm a.hoverbutton:visited
	{
		display:block;
		border:0;
		padding:0;
		margin:0;
		background-image:none;
		
		color:#000000 !important;
	}
	div.elContactUsForm a.hoverbutton:hover,
	div.elContactUsForm a.hoverbutton:active,
	div.elContactUsForm a.hoverbutton:focus
	{
	
	}
	
div.elCredits
{
	/*  */
	font-size:.9em;
	/* */
	float: right;
    height: 1.5em;	
}
	div.elCredits a,
	div.elCredits a:link,
	div.elCredits a:visited
	{
	}
	div.elCredits a:hover,
	div.elCredits a:focus,
	div.elCredits a:active
	{
	}

/*-End Section -_theme.css-*/


/*-Begin Section -formdisable.css-*/
div.divProtect
{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100% !important;
	margin: 0;
	padding: 0;
	background-color: #b0b0b0;
	z-index: 99;
	cursor: wait;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);

/*
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-moz-opacity: 60;
	opacity: 60;
*/	
}
/*-End Section -formdisable.css-*/


/*-Begin Section -messagearea.css-*/
.MessageArea
{
	z-index: 100;
padding: 18px 5px 30px 5px;
	width: 400px;
	margin: 0;
	position: absolute;
    left: 50%;
    top: 25%;
	border: solid 1px #999900;
	background: #FFF;
	background-image: url(../_images/messagearea/bg_slice.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.MessageArea a.Close
, .MessageArea a.Close:link
, .MessageArea a.Close:visited
{
	position: absolute;
	top: 2px;
	right: 2px;
	background-image: url(../_images/admin/icons/button_close/button_close.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}
.MessageArea a.Close:hover
, .MessageArea a.Close:active
{
	background-image: url(../_images/admin/icons/button_close/button_close_on.gif);
}
.MessageArea a.Close span
{
	display: none;
}
.MessageAreaText a.formDesc
{
	display: none;
}
.MessageAreaText
{
	font-weight: bold;
	padding: 3px;
}
.MessageAreaWarning
{
	border: solid 2px #FF0000;	
}
.MessageAreaValidation
{
	border: solid 2px #FF9900;	
}
.MessageAreaInfo
{
	border: solid 2px #00FF00;	
}
.MessageAreaStopError
{
    border: solid 2px #FF0000;	
}
.MessageAreaQuestion
{
	border: solid 2px #eeee11;	
}
.messagearea_list
{
    position: absolute;
    right: 2px;
    bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 22px;
	width: 250px;
}
ul.messagearea_list li 
{
    display: inline;
}

/***********************************************************************************************************************/
/*                                                                                                       Hover Buttons */
/***********************************************************************************************************************/

a.hoverbutton_messagearea
{
    margin: 0 0 0 -1px;
    padding: 0 15px;
    display: block;
    float: right;
 	height: 18px;    
	color: #FFF !important;
	text-decoration: none;
	text-align: center;
    border: solid 1px #9F9F9F;
    cursor: pointer;
    line-height: 1.4em;
}   
a.hoverbutton_messagearea
, a.hoverbutton_messagearea:link
, a.hoverbutton_messagearea:visited
{
	background: url(../_images/hoverbutton/button_bkgd.gif) center repeat-x;
}
a.hoverbutton_messagearea:hover
, a.hoverbutton_messagearea:active
{
    color: #FFF !important;
	background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x;
	text-decoration: none;
}
span.hoverbutton_messagearea_buttonLeft
, span.hoverbutton_messagearea_buttonRight
{
    display: none;
}
a.hoverbutton_messagearea_disabled
, a.hoverbutton_messagearea_disabled:link
, a.hoverbutton_messagearea_disabled:visited
{
    margin: 0 0 0 -1px;
	background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
    display: block;
	float: right;
	color: #333 !important;
	padding: 0 15px;	
	text-decoration: none;
	text-align: center;
	cursor: default;
	height: 18px;    	
    border: solid 1px #9F9F9F;
    cursor: pointer;
    line-height: 1.4em;	
}
a.hoverbutton_messagearea_disabled:hover
, a.hoverbutton_messagearea_disabled:active
{
    background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x !important;
    color: #333 !important;
    text-decoration: none;
}
span.hoverbutton_messagearea_disabled_buttonLeft
, span.hoverbutton_messagearea_disabled_buttonRight
{
    display: none;

}
/*-End Section -messagearea.css-*/

/*-End File-