/* 
    style.css
    mock
    
    Created by Callum Wilson on 2009-03-17.
    Copyright 2009 Oxygen Kiosk Pty Ltd. All rights reserved.
 */

/* 
h2 - 36px
h3 - 16px
h4 - 14px
p - 12px

 */
* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-size: 75%; font-family:verdana, arial, sans-serif; color: #000; line-height: 1.5;}
html>body {font-size:12px;}
a /* default anchor style */
{
    text-decoration: none;
}

/* ========== */
/* = Layout = */
/* ========== */
/*html {background:url('../Images/html-back.png') top left repeat-x #fff;}*/
#container, #footer, #header {width:960px; margin:0 auto;}
#header { background-color:#1F93BA; background-image:url('../Images/HeadBackground.png'); background-repeat:repeat-x; background-position:top left; }
div#headerTemplate{ }
div#headerTemplate a {display:block; float:right; background:url('../Images/GetQuoteNow3.png'); width:211px; height:65px; }
div#headerTemplate a:hover {display:block; float:right; background:url('../Images/GetQuoteNow2.png'); width:211px; height:65px; }
#container {padding: -6px 20px; position: relative;}
	body#home #container{background:url('../Images/content-background-home.png') top center repeat-y; padding:0px 20px;}

div#logo {width:292px; height:113px;float:left; margin-bottom:0px; padding:19px 19px 19px 19px;}
div#logo a {display:block; width:292px; height:113px; background:url('../Images/RSPCALogo2.png') top left no-repeat; float:left;}
div#donations {float:right;width:280px; height:65px; float:right; clear:right;  margin-top: 0; color:#1F93B9; text-align:left; font-family:Arial Black}
div#donations a {display:block; float:right; background:url('../Images/GetQuoteNow2.png'); width:211px; height:65px; }
div#donations a:hover {display:block; float:right; background:url('../Images/GetQuoteNow3.png'); width:211px; height:65px; }
/* ================== */
/* = Top Navigation = */
/* ================== */
ul#top-menu {width:380px; float:right;background:url('../Images/top-menu.png') top left repeat-x; margin:0; height:30px; padding:0; text-align: center;}
/* 	ul#top-menu * {float:left;} */
	ul#top-menu li {display:inline; margin:0;}
	ul#top-menu li a {/* display:block;  */line-height:25px; height:25px; padding:0 9px; font-size: 0.8em; color:#fff; text-decoration: none; border-left:1px solid #1B81A2; margin-top:2px;}
	ul#top-menu li.first a {border-left: none;}
	ul#top-menu li.last a {border-right: none;}
	
/* =================== */
/* = Main Navigation = */
/* =================== */
ul#menu {clear:both; list-style:none; margin:0; background:url('../Images/menu.png') top left repeat-x #3F87A9; padding:  0;padding-top:6px; height:69px; position:relative; z-index:100; width:100%}
	ul#menu * {float:left;}
	ul#menu li {list-style:none; margin:0; display: inline;}
		ul#menu li a {display: block; color:#fff; height:39px; line-height:57px; padding: 0 0px; border-right:1px solid #146179;border-left: 1px solid #166F8B;padding-top:18px; width:100% }
		ul#menu li.first a {border-left: none;}
		ul#menu li.last a {border-right: none;}
			ul#menu li a span {display: block; color:#fff; background-position: top left; background-repeat: no-repeat;font-size:18px;line-height:20px;}
			ul#menu li.active a {display: block; background:url('../Images/menu-active-arrow.png') bottom center no-repeat; /* float:none; */}
			
			
ul#menu li#menu-home a {border-left:0;}
/* ul#menu li#menu-news a {border-right:0;} */

ul#menu li.active {background:url('../Images/menu-active.png') top left repeat-x;border-left:1px solid #599C57; border-right:1px solid #488149;}
ul#menu li.active a {border:none;}
ul#menu li:hover {background:url('../Images/menu-active.png') top left repeat-x; outline:none;}
	ul#menu li:hover a {border-left:1px solid #599C57; border-right:1px solid #488149;}
	ul#menu li.active:hover a { border:none; cursor:hand;}
		ul#menu li a:hover span {cursor:hand;}

ul#menu li.width15
{
	width:140px;
}

ul#menu li.width40
{
	width:176px;
}
ul#menu li.width164
{
	width:172px;
}

ul#menu li.width84
{
	width:78px;
}

ul#menu li.width120
{
	width:130px;
}

ul#menu li.width100
{
	width:115px;
}

ul#menu li span
{
	text-align:center;
	width:100%;
}

ul#menu li a
{
	width:100%;
}

ul#menu li.width16
{
	width:132px;
}



/* =================== */
/* = Side Navigation = */
/* =================== */
ul#side-navigation {margin-top:20px; border-bottom: 1px solid #AAA6A7; border-top: 1px solid #AAA6A7}
ul#side-navigation li, ul#side-navigation ul {text-transform: uppercase; color:#000; margin:0; padding:0}
	ul#side-navigation a, li.here span {display:block; min-height:30px; line-height:30px;}
		li.here span {padding-left: 10px;border:1px solid #AAA6A7; text-decoration: underline; margin-top:-1px}
			li.here a span {padding-left: 0;border:none; text-decoration: none;}
/* first level */

ul#side-navigation li.level1 a {display:block; background:url('../Images/side-menu-item-background.png') top left repeat-x #d5d5d5; border:1px solid #AAA6A7; color:#000; text-decoration: none; padding-left: 10px; margin-top:-1px;text-shadow: 0 1px 1px white}

/* second level */
ul#side-navigation li.level2 a {background: transparent;}

/* third level */
ul#side-navigation li.level2 ul li a, ul#side-navigation li.level2 ul li span {padding-left:30px; background:#fff }


	/* First Level */
/*
	ul#side-navigation li {text-transform: uppercase; color:#000; margin:0; padding:0}
		ul#side-navigation li a {display:block; height:30px; line-height:30px; background:url('../Images/side-menu-item-background.png') top left repeat-x; border:1px solid #AAA6A7; color:#000; text-decoration: none; padding-left: 10px; margin-top:-1px;text-shadow: 0 1px 1px white}
			ul#side-navigation li a:hover {background:#cbcbcb;}
		
		ul#side-navigation li.active span {width:100%; padding-right:3px; background:url('../Images/side-menu-item-active.png') top right no-repeat #CBCBCB; display:block; height:32px; line-height: 32px}
		ul#side-navigation li.active a span {background: transparent;}
*/
	/* Second Level */
/*
		ul#side-navigation li.parent ul {margin:0; padding:0}
	ul#side-navigation li ul li a {padding-left:10px}
		ul#side-navigation li ul li a {border:none; background:transparent;}
			ul#side-navigation li.active ul li span {display:inline; background:transparent}
			ul#side-navigation li.active a {border-bottom:1px solid #AAA6A7;}
		ul#side-navigation li.last a {border-bottom: none;}
		ul#side-navigation li.active ul li span {padding-left:0}
			ul#side-navigation li.active ul li.active span {padding-left:10px}
		
		ul#side-navigation li.parent.here ul li.parent.here span {display:block; background:url('../Images/side-menu-item-active.png') top right no-repeat #CBCBCB; height:30px; line-height:30px; padding-left:10px}
*/
		
		
		/* third Level */
		/*
ul#side-navigation li.active ul li ul {display:none;}
			ul#side-navigation li.active ul li.active ul {display:block;}
			
			ul#side-navigation li.active ul li.active ul li a, ul#side-navigation li ul li ul li.level3 a  {padding-left:20px;}
*/

/* =============== */
/* = Search Form = */
/* =============== */
ul#menu li#menu-search {float:right; width:260px; padding-top: 12px;}
	ul#menu li#menu-search:hover {background:transparent;}
	ul#menu li#menu-search ol {float:none; width:260px;}
	ul#menu li#menu-search li {float:left; width:135px;}
		ul#menu li#menu-search li input {width:125px; color:#1F93B9;}
		ul#menu li#menu-search li.search-field {margin-right:10px;}
		ul#menu li#menu-search li.search-button {float:none;}
button#ajaxSearch_submit {background:url('../Images/search-button.png') top left no-repeat; width:100px; height:30px; float:left; border:none;}

/* =========== */
/* = Content = */
/* =========== */
#content{position:relative; top:-6px; z-index:100; }
/* ======== */
/* = Page = */
/* ======== */
div#page { padding:1.3em 20px 0 0; /* background:url('../Images/lines.png') top left repeat; */}

	/* Breadcrumb */
	ol#breadcrumb {height:2em;}
		ol#breadcrumb li {float:left; margin-right: 5px; text-transform: uppercase; height:15px; line-height: 15px;}
		ol#breadcrumb li.here {margin-right: 0; padding-right: 15px; background:url('../Images/breadcrumb-arrow-here.png') center right no-repeat;}
			#page ol#breadcrumb li a {color:#000; font-weight: bold; text-decoration: none; background:url('../Images/breadcrumb-arrow-next.png') center right no-repeat; padding-right:15px;}
			#page a.B_crumb, #page a.B_homeCrumb {color:#000; font-weight: bold; text-decoration: none; background:url('../Images/breadcrumb-arrow-next.png') center right no-repeat; padding-right:15px; margin-right: 5px}
			
	
			.B_currentCrumb {margin-right: 0; padding-right: 15px; background:url('../Images/breadcrumb-arrow-here.png') center right no-repeat;}

.hentry {overflow: hidden}
	.hentry h3 {margin-bottom:0;}
	.hentry p.news-item-meta {margin-top:0; font-size: 0.833333em;line-height: 1.8em;}

/* ============== */
/* = Front Page = */
/* ============== */
body#home #page {padding:0}
body#home ul#menu {height:63px}
.row {margin-bottom:1em;}
#newsletter {float:right; width:210px; background:url(../Images/newsletter-background.png) top left no-repeat; height:200px; padding:10px;}
	#newsletter h2, #find-out h2 {font-size: 1.4em; color:#fff; line-height: 1.4; margin-top: 0}
	#newsletter p {color: #fff;}
	#newsletter li.submit {text-align: right}
	#newsletter ol {margin:0;}
#banner-image {float: left}
.banners {width: 720px; height:220px; overflow:hidden; position: relative; float:left;}
.banners ul {width: 2000px; margin:0; padding:0; list-style: none}
	.banners ul li {list-style: none}
	.banners img {float:left;}
	#top {position: relative;}
	#top .shadow {position: absolute; top:0; left:0; width:100%; height:5px; background:url('../img/banner-shadow.png') top left repeat-x;z-index: 100;} 
#find-out {background:url(../img/hppigs.jpg) bottom right no-repeat #000; height:220px; overflow: hidden; margin: 0 0 10px 0}

.questions {width:210px; margin-left: 10px; background:url(../Images/questions-bg.png) top left repeat transparent; height:175px; margin-top: 10px;padding: 10px }
	.questions h2 {background: url(../Images/find-out.png) top left no-repeat; text-indent: -9999em; height: 19px; width:92px}
	.questions ul {list-style: none; margin:0; padding:0; list-style-image: none;}
		.questions ul li {list-style: none; list-style-image: none;font-size: 0.95em; margin-bottom:5px; text-transform: uppercase}
			#page .questions ul li a {display: block; height:47px; background:url(../Images/find-out-button.png) top left transparent; color:#000; text-decoration: none; line-height: 49px; padding-left: 10px; text-shadow: 0 1px 1px white }
			.questions ul li a:hover {background:url(../Images/find-out-button.png) bottom left transparent; }

#friends {width:470px; float:left; height: 53px; background: url(../Images/friends-background.png) top left no-repeat; margin-left:10px; margin-right: 10px; display: inline;}
	#friends h2 {background: url(../Images/be-our-friend.png) top left no-repeat; height:16px; width:155px; text-indent: -9999em; float:left; margin:0; line-height:50px; margin-top: 17px; margin-left:10px;}
	#friends ul {list-style: none; margin: 0; padding: 0; margin-top:5px; margin-left: 10px; float:left}
		#friends ul.social-networks * {float:left;}
		#friends ul.social-networks li {list-style: none; display: inline; margin-right:5px}
			#friends ul.social-networks li a {display:block; width:42px; height:42px; background-image: url(../Images/social-networks.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em;}
			
			#friends ul.social-networks li.social-facebook a{background-position: 0 0;}
			#friends ul.social-networks li.social-delicious a{background-position: -49px 0;}
			#friends ul.social-networks li.social-digg a{background-position: -100px 0;}
			#friends ul.social-networks li.social-myspace a{background-position: -149px 0;}
			#friends ul.social-networks li.social-twitter a{background-position: -199px 0;}
			#friends ul.social-networks li.social-youtube a{background-position: -246px 0;}
			#friends ul.social-networks li.social-flickr a{background-position: -293px 0;}

#rss {width:470px; float:left; height:53px; background: url(../Images/rss-background.png) top left no-repeat;}
	#rss h2 {background:url(../Images/rss.png) top left no-repeat; width: 35px; height:17px; text-indent: -9999em; float:left; margin: 16px 10px 0 10px;}
	#rss p {color:#fff; margin: 0; }
		#rss p.rss-icon a {display: block; background: url(../Images/rss-icon.png) top left no-repeat; width:41px; height:41px; margin-top:5px; text-indent: -9999em}
			#rss p.rss-icon {width:41px;float:left; margin-right: 10px}
			#rss p.rss-description {margin-top:11px; font-size:0.8em; margin-right:20px;}
			
div#news {clear:left; width:690px; padding:1em 10px; margin-left:10px; float:left; display: inline;}
	.news-item {width:330px; float:left; margin-right: 10px}
		.news-item h3 {margin:0; font-size: 1.166667em;
	line-height: 1.285714em;
	margin-top: 0em;
	margin-bottom: 0.642857em;}
		.news-item p.news-meta {font-size: 0.833333em; margin-top: 0;line-height: 1.8em;margin-bottom: 0.9em; }
		p.read-more a {display: block; float:right; background:url(../Images/read-more.png) top left no-repeat; text-indent: -9999em;width:112px; height:28px}
			p.read-more a:hover {background:url(../Images/read-more.png) bottom left no-repeat;}
		
		.front-ads {width:220px; float:left}
/* ======== */
/* = Side = */
/* ======== */
#side {float:left; width:240px; background:url(../Images/side-top.png) top left repeat-x #f7f7f7; margin-right:20px;  top:-6px; position: relative;z-index: 101; display:inline;}
p.sidebar-ads {text-align: center; margin-top: 1em;}

/* ========== */
/* = Footer = */
/* ========== */
#footer {clear:both; color:#0093D0; margin-top:25px; padding-bottom: 10px; padding:0 20px; width:920px; padding-bottom:1em}
	#footer .column {float:left; width:230px; margin-right: 60px;}
	#footer-logo {background:url('../Images/footer-logo.png') top left no-repeat; width:220px; height:50px; text-indent: -9999em;} 
	
	/* footer columns */
	#footer .contact-details {}
	
	#footer p, #footer li, #footer h3, #footer li a, #footer a {color:#0093D0;}
	#footer li, #footer ul {list-style-type: none;}
	
/* ===================== */
/* = Image Attribution = */
/* ===================== */
div.image-wrapper {overflow: hidden; float: left;}
span.image-description {float:left; clear:left}
	
/* =========== */
/* = Shadows = */
/* =========== */
div#container-footer {background:url('../Images/container-bottom.png') center bottom no-repeat; position:absolute; width:100%; bottom:-13px; left:0; height:13px;}
div#container-top {background:url('../Images/shadow-top.png') center top no-repeat;position:absolute; width:100%; top:-5px; left:0; height:10px;}

/* ================ */
/* = Text Shadows = */
/* ================ */
.B_crumbBox a {text-shadow: 0 1px 1px #efefef}


table {
border:none;
border-collapse:collapse;
margin:5px;
padding:5px;
}
.Subtitle {
background-color:#EFF2F5;
color:#6D8BAF;
font-family:Verdana,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
border-bottom:none;
}
.button {
background-color:#C8D5EA;
border:1px solid #86A2C9;
color:#000066;
font-family:Verdana,Arial,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
.ErrorLabel
{
	color:Red;
	font-size:20px;
	font-weight:bold;
}

.tablebottomborder_none
{
	border-bottom:none;
}


.tablePlanInfo
{
	/*background-color:Lime;*/
	border:2px;
	border-color:White;
	
}

.tablePlanInfo tr td
{
	padding:5px 2px 5px 5px;
	border: solid 2px white;
}

.tablePlanInfo .leftCon
{
	background-color:#0099FF;
	color:Black;
}
.tablePlanInfo .leftMid
{
	background-color:#A8D5EF;
	color:Black;
	vertical-align:top;
}

.tablePlanInfo .rspcah1
{
	background-color:#F3A160;
	vertical-align:top;
	color:white;
}
.tablePlanInfo .rspcah2
{
	background-color:#EB775B;
	vertical-align:top;
	color:white;
}

.tablePlanInfo .rspcah3
{
	background-color:#ED2756;
	vertical-align:top;
	color:white;
}
.tablePlanInfo .firstColumn
{
	background-color:#F7E2B1;
	color:black;
	vertical-align:top;
}

.tablePlanInfo .SecondColumn
{
	background-color:#F4CAA6;
	color:black;
	vertical-align:top;
}
.tablePlanInfo .ThirdColumn
{
	background-color:#FCD3D0;
	color:black;
	vertical-align:top;
}

.tablePlanInfo .leftGreen
{
	background-color:#B5DCAF;
	color:Black;
	vertical-align:middle;
}

.tablePlanInfo .width100px
{
	width:105px;
}

.tablePlanInfo .width40per
{
	width:40%;
}

.tablePlanInfo .width20per
{
	width:30%;
}

.tablePlanInfo ul
{
	margin-left:2px;
	margin-bottom:0px;
	padding: 0px 0px 0px 20px;
}

.tablePlanInfo ul li
{
	margin-left:2px;
		margin-bottom:0px;
	padding: 0px 0px 0px 0px;
}


.BtnOFF
{
    cursor: pointer;
    border: 1px outset #bababa;
    font-size: 1.0em;
    color: white;
    background: transparent url(../Images/slide1.png) repeat-x top left; 
}

.BtnON
{
    cursor: pointer;
    border: 1px outset #bababa;
    font-size: 1.0em;
    color: white;
    background: transparent url(../Images/slide2.png) repeat-x top left;
}