/* ---------------------------------------------------------------------

	Born:                2009-11-20
	Last Edit:           2009-11-20
	Author:              Online Now (http://www.onlinenow.com.au)
	
	== STURCTURE ========================================================
	
	- GLOBAL SITE ELEMENTS -
		* Global Reset
		* Masthead
		* Navigation
		* Body Contents
		* Right Hand Side Elements	
		* Right Hand Side Map	
		* Secondary Page Elements
		* Sub Navigation Style	
		* Footer Style
		* Table Style
		* Generic Form Style				
	
	- CUSTOMISED ADD-ONS -
		* Rounded Corner
		* Button Style			
		* General List Style
		* Image List Style	
		* Extra Promotional Boxes in the Footer 
		
------------------------------------------------------------------------ */

/* Global Reset -------------------------------------------- */

* { 
	margin: 0; 
	padding: 0;
}

body { 
	font:normal 0.75em Arial, Helvetica, sans-serif;
	color:#7c756c;
}

img {
	border: none;
	 -ms-interpolation-mode:bicubic; 
}

p {
	margin: 0 0 1.4em 0;
}

p, li{
	line-height:1.5em;
}

a:link, a:visited {
    color:#1ba449;
	text-decoration: none;
	outline: none; /*fixes firefox link outline*/
}

a:hover {
	text-decoration: none;
	color:#000;	
}

h1, h2, h3, h4, h5 {
	font:normal 2em/1.5em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 0.75em 0;	
}

h1{
	font-size:3em;
	margin:0.75em 0 0 0;
}

h2{
	font-size:2em;
}

h3{
	font-size:1.167em;
	margin:0.75em 0 1.5em 0;
}

h4{
	font-size:1.167em;
	font-weight: normal;
}

ul {
	margin: 0;
}

ul li {
	list-style-type: none;
	padding: 0;
	/*list-style:square inside url(images/bullet.gif);*/
}

ol {
	margin: 1.2em 0 0.9em 2.7em;
}

ol li {
	padding: 0 0 0.9em 0;
}

label {
	cursor: pointer;
}

table{
	border:0;
	margin:1.5em 0 1.8em 0;
	border-collapse:collapse;
}


input.btn, input.checkbox{
background:none!important;
border:0!important;
padding:0!important;
width:auto!important;
height:auto!important;
}



th{
	text-align:left;
}

td{
	vertical-align:top;
}

fieldset{
	border:none;
}

.right{
	float:right;
}

.hidden{
	display:none;
}


/* Clear Fix */
.clearfix:after, .form-container form ul li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix, .form-container form ul li {
	display: inline-block;
}

html[xmlns] .clearfix, html[xmlns] .form-container form ul li {
	display: block;
}

* html .clearfix, * html .form-container form ul li  {
	height: 1%;
}

/* Masthead --------------------------------*/
.site-background{
width:100%;
}

.masthead-container, .nav-container, .content-container, .footer-container, .sidebar-container, .seo-links-container, .newsletter-container, .member-login-container, .header-container, .hero-image-container{
width:100%;
}

.masthead-container{
background:url(resource/bg-masthead.gif) repeat-x #edf0ea;
height:70px!important;
padding:15px 0 0 0;
}

.masthead, .nav, .content, .footer, .sidebar-one, .seo-links, .footer, .newsletter, .member-login, .header, .hero-image{
margin:0 auto;
width:970px;
}

.masthead{

position:relative;
color:#b1b1b1;
}

.logo{
float:left;
}

.ecommerce-login{
float:right;
color:#b1b1b1;
}

.ecommerce-login a{
color:#7e7e7e;
}

.ecommerce-login a:hover{
color:#000;
}

.search{
/*border: 1px solid #000000;*/
position:absolute;
right:0;
top:28px;
_width:250px;
}

.search input{
float:left;
background:url(resource/bg-input-masthead.gif) no-repeat;
border:none;
padding:4px 0 0 10px;
color:#a0a0a0;
width:170px;
height:20px;
margin-right:5px;
}

.search input.btn{
margin-right:0;
}

.folder-1 .hero-image, .folder-1 .banner, .folder-1 .masthead .sidebar a img, .search label, .rich-text, .folder-1 .sitetools-container{
display:none;
}

.masthead .sidebar p{
margin:0;
}

.masthead .sidebar img{
position:absolute;
top:22px;
left:300px;
}

.masthead .sidebar a img{
position:absolute;
top:145px;
right:0;
_right:157px;
left:auto;
}



/* Navigation ---------------------------------*/
.nav-container{
background:url(resource/bg-nav.jpg) repeat-x #004679;
}

.nav ul{
padding:9px 0 0 0;
}
.nav ul li{
display:inline;
}

.nav ul li a{
padding:0 10px 8px 10px;
float:left;
text-shadow: rgba(0,64,137, 1) -1px -1px 0px;
color:#fff!important;
font-weight:bold;
text-transform:uppercase;
font-size:1.167em;
line-height:34px;
}

.nav ul li a:hover{
background:#00477c;
cursor:pointer;
}

.nav ul li li a{
background:#00477c;
font-weight:normal;
text-transform:capitalize;
}

.nav ul li li a:hover{
background:#01365e;
}



/* Member Login ---------------------------------*/

.member-login-container{
background:url(resource/bg-login.gif) repeat-x #034d84;
font-size:0.917em;
}

.member-login{
padding:10px 0 9px 0;
}

.member-login form{
padding-left:10px;
}

.member-login form input, .member-login form label, .member-login form div{
float:left;
color:#a2cbe9;
margin:0 5px 0 0;
}

.member-login form h4{
display:none;
}

.member-login form > input{
font-size:1em;
margin-right:10px;
color:#a2cbe9;
background:url(resource/bg-input-login.gif) no-repeat;
width:200px;
height:19px;
border:none;
padding:5px 0 0 10px;
}

.member-login form > div > input{
margin-top:5px;
}


.member-login form label{
line-height:24px;
}



/* Poll --------------------------------*/
.poll table{
margin:0;
}

.poll table td{
padding:0 0 4px 0;
}

.poll span{
font-weight:normal;
color:#999;
text-transform:capitalize;
font-size:0.917em;
}

.poll table td input.btn{
margin-top:5px;
margin-bottom:3px;
}

.results table td{
padding-bottom:2px;
}

.poll-graph{
background:#999;
height:8px;
width:100%;
overflow:hidden;
}

.poll-graph span{
display:block;
background:#a2cbe9;
height:8px;
}

.folder-1 .random-featured{
margin:1em 0 0 0;
}

.random-featured .poll p.btn-container {
margin:0;
}

.rhs .extra-bar .poll{
background:#ebeff4;
font-size:0.917em;
margin:0;
border-top:4px solid #fff;
padding-top:10px;
padding-bottom:16px;
}

.rhs .extra-bar .poll .top {
display:none;
}

.rhs .extra-bar .poll h3{
display:block;
margin-bottom:0.5em;
}

.extra-bar .poll td{
padding:0 0 3px 0;
}

.extra-bar .poll input{
margin:0 2px 0 0;
position:relative;
top:2px;
}

.extra-bar .poll h3 span{
font-size:0.917em;
}

.extra-bar .poll .btn-container{
font-size:1em;
margin:0.35em 0 0 0;
}

.extra-bar .poll .btn-container a{
color:#1885D8;
background:transparent url(resource/arrow-blue.gif) no-repeat scroll right center;
padding:0 10px 0 0;
}












/* Sidebar ----------------------------------*/
.sidebar-one{
height:251px;
overflow:hidden;
}

.sidebar-three{
border-top:1px solid #C0BEB9;
padding:12px 0 0 0;
margin:15px 0 0 0;

}

.sidebar-three img{
border:5px solid #ebedf0;
position:relative;
top:0.3em;
*top:1em;
}

.main-content .sidebar-three h3{
font-size:1.138em;
font-weight:bold;
margin-bottom:0.917em;
}

.main-content .sidebar-three p a{
background:transparent url(resource/arrow-blue.gif) no-repeat scroll right center;
color:#1885D8;
padding:0 10px 0 0;
}

.main-content .sidebar-three p.img-holder a{
background:none;
padding:0;
}


/* Breadcrumb and Page Tolls ----------------------------------------------*/
.content{
position:relative;
}

.breadcrumb{
font-size:1.091em;
}

.content .breadcrumb a{
color:#81756b;
}

.sitetools-container{
position:absolute;
top:-70px;
_top:-75px;
left:0;
z-index:99;
font-size:0.833em;
width:960px;
padding-left:5px;
}

#sitetools{
position:relative;
}

#sitetools p{
margin:0 0 8px 0;
}

#sitetools .overlay{
position: absolute;
top: 0; /* These positions makes sure that the overlay */
bottom: 0;  /* will cover the entire parent */
left: 0;
width: 100%;
background: #fff;
opacity: 0.85;
-moz-opacity: 0.85; /* older Gecko-based browsers */
filter:alpha(opacity=85); /* For IE6&7 */
}

#sitetools .article{
width:98%;
padding:8px 1% 8px 1%;
position:relative;
}

* html #sitetools .overlay {
  height: expression(document.getElementById("sitetools").offsetHeight);
}

.breadcrumb{
float:left;
width:640px;
}

.content #sitetools .page-tools{
float:right;
width:293px;
text-align:right;
}

.content #sitetools .page-tools a{
cursor:pointer;
color:#a3a3a3;
line-height:16px;
margin-right:4px;
display:inline;
width:auto!important;
}

.content .page-tools a:hover, .content .breadcrumb a:hover{
color:#605f5f;
}

.page-tools a.listend{
margin-right:0;
}

#sitetools .page-tools span{

}

#sitetools .page-tools img{
position:relative;
top:3px;


margin-right:2px;
}







/* Content ------------------------------------------------------------ */
.content-container{
padding:32px 0 10px 0;
}

/* Sidebar 1 */

.sidebar-container{
background:url(resource/bg-banner-home.jpg) repeat-y center top;
font-size:1.176em;
color:#fff;
}

.sidebar-container h1{
margin:0;
}

/* Sidebar 2 */

.folder-1 .sidebar-two{
margin-bottom:0;
}

.sidebar-two{
margin-bottom:15px;
width:240px;
float:left;
}

.sidebar-two p.img-holder{
margin-bottom:0;
}

.sidebar-two{
background:url(resource/bg-sidebartwo.gif) left top no-repeat;
}

.sidebar-two .mid{
padding:15px 15px 10px 25px;
*padding-bottom:7px;
height:259px;
}

.sidebar-two .bottom{
background:url(resource/bg-sidebartwo.gif) right top no-repeat;
width:100%;
height:5px;
}

.sidebar-two p.btn-container a{
padding:0 10px 0 0;
background:url(resource/arrow-blue.gif) right center no-repeat;
color:#1885d8;
}

.sidebar-two p a:hover{
color:#000;
}

.sidebar-two h3{
color:#1ba449;
font-size:1.5em;
margin:0.3em 0 0.5em 0;
}

.sidebar-two p{
margin:0 0 13px 0;
}

.sidebar-two p.btn-container{
margin:-5px 0 5px 0;
}

.sidebar-two img{
margin:0 0 0.75em 0;
}



/* Tabs --------------------------------------------*/

#homepage-feature{
float:right;
width:715px;
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
	font-size:1.138em;
	text-transform:uppercase;
	font-weight: bold;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 15px;
    background: url(resource/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */  
	text-shadow:-1px -1px 0 #a5a8ad;  
}

#homepage-feature .tabs-nav a {
    color: #fff;
	}

.tabs-nav .tabs-selected a {
    color: #707070;
	text-shadow:none;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
	color: #707070;
	text-shadow:none;
}

#homepage-feature .tabs-nav .tabs-selected a, #homepage-feature .tabs-nav a:hover, #homepage-feature .tabs-nav a:focus, .tabs-nav a:active {
color: #707070;
}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 35px; /* IE 6 treats height as min-height */
    min-height: 35px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #dae0d6;
    padding: 20px 10px;
    background:url(resource/bg-tabs.gif) no-repeat left bottom;
	position:relative;
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(resource/loading.gif) no-repeat 0 50%;
}

.tabs-container ul li{
display:inline;
width:26.9%;
float:left;
padding:0 3.1%;
_padding:0 2.9%;
border-right:1px solid #dae0d6;
height:213px;
overflow:hidden;
}

.tabs-container ul li.listend{
border-right:0!important;
}

.tabs-container p, .tabs-container h4{
margin:0;
}

.tabs-container .img-holder span{
display:block;
height:100%;
overflow:hidden;
width:100%;
}

.tabs-container h4{
color:#303431;
font-size:1.5em;
height:28px;
overflow:hidden;
}

.tabs-container h4 a{
color:#303431;
_height:28px;
_overflow:hidden;
_display:block;
}

.tabs-container h4 a:hover{
color:#000;
}


.tabs-container p a{
background:transparent url(resource/arrow-green.gif) no-repeat scroll right center;
padding:0 10px 0 0;
}

.tabs-container p{
height:1.5em;
overflow:hidden;
margin-bottom:5px;
}

.tabs-container .img-holder{
width:191px;
overflow:hidden;
height:131px;
margin-bottom:5px;
}

.tabs-container img{
margin-bottom:7px;
}

.tabs-container a.arrow{
display:none;
}

.tabs-container a.arrow{
position:absolute;
left:10px;
-left:2px;
width:11px;
height:16px;
background:url(resource/arrow-tabs.gif) left top;
top:100px;
}

.tabs-container a.arrow-right{
right:10px;
left:auto;
background:url(resource/arrow-tabs.gif) right top;
}

.tabs-container a.arrow:hover{
background-position:left bottom;
}

.tabs-container a.arrow-right:hover{
background-position:right bottom;
}

/* Randoms -----------------------------------------*/
.random-featured{
margin-top:1em;
float:left;
width:100%;
}


.folder-1 .random-featured ul li{
height:120px;
float:left;
width:30.2%;
margin-right:3%;
}

.random-featured ul li h3{
font-size:1em;
color:#66615a;
font-weight:bold;
margin-bottom:10px;
}

.random-featured ul li img{
float:left;
padding:3px;
margin:0 10px 20px 0;
}

.folder-1 .random-featured ul li .img-holder{
margin:0 10px 4px 0;
float:left;
width:100px;
height:68px;
padding:3px!important;
border:1px solid #dae0d6;
}

.folder-1 .random-featured ul li .img-holder span{
width:100%;
height:100%;
overflow:hidden;
display:block;
}

.folder-1 .random-featured ul li img{
float:none;
padding:0;
border:0;
}

.random-featured ul li div.article-detail, .member-login{
display:none;
}

.random-featured ul li h4{
margin-bottom:0.2em;
font-size:1em;
color:#7c756c;
max-height:4.5em;
_height:4.5em;
overflow:hidden!important;
}

.random-featured ul li h4 span{
color:#999;
text-transform:uppercase;
}

.random-featured ul li p{
margin-bottom:0;
}

.random-featured ul li p.btn-container{
margin-top:0.5em;
}

.random-featured ul li p.btn-container a{
background:transparent url(resource/arrow-blue.gif) no-repeat scroll right center;
color:#1885D8;
padding:0 10px 0 0;
}

.random-featured ul li p.btn-container a:hover{
color:#000;
}

.random-featured ul li.listend{
margin-right:0;
} 

.extra-bar .random-featured{
background:#d9dbde;
margin-top:0;
float:left;
width:100%;
}

.extra-bar .random-featured .top{
background:url(resource/title-alsosee.gif) 12px 0 no-repeat;
height:13px;
display:block;
margin:1.75em 0 0.75em 0;
}

.extra-bar .random-featured li{
padding:0 12px 0 12px;
width:151px;
}

.extra-bar .random-featured ul li p.btn-container{
margin-top:0;
}

.extra-bar .random-featured ul li img{
float:none;
margin:0;
min-width:100%;
min-height:100%;
}




/* Featured --------------------------------------------*/
.extra-bar .featured .top{
background:url(resource/title-highlights.gif) 12px 0 no-repeat;
}

.extra-bar .random-featured{
width:175px;
}

.extra-bar .featured{
margin-bottom:4px;
}

/* SEO Links -----------------------------------------*/
.seo-links-container{
background:#ebedf0;
border-top:1px solid #cfd1d5;
margin:25px 0 0 0;
padding:25px 0 20px 0;
}

.seo-links ul li{
float:left;
width:20%;
}

.seo-links ul li ul li{
float:none;
width:100%;
padding:0 0 0.4em 0;
}

.seo-links h4{
font-weight:bold;
color:#4c4d4b;
margin:0 0 0.4em 0;
line-height:21px;
width:120px;
}

.seo-links img{
float:left;
margin:0 8px 0 0;
}

.seo-links-container .seo-links h4 a{
color:#4c4d4b;
}

.seo-links-container .seo-links a{
color:#616261;
}

.seo-links h4 a:hover, .seo-links a:hover{
color:#000;
}

.seo-links ul li div{
padding:0 0 0 42px;
}

.seo-links ul li ul li a:link{
color:#616261;
}


/* Newsletter -----------------------------------------*/
.newsletter{
position:relative;
}

.newsletter form{
position:absolute;
top:15px;
*top:10px;
z-index:99;
}

.newsletter form label{
line-height:2em;
*line-height:2.3em;
}

.newsletter p{
margin:0 0 0.5em 0;
}

.newsletter input{
float:left;
margin-right:3px;
}

.newsletter div div{
margin:0 0 0.5em 0;
}

.newsletter div.subscription{
*margin-left:-5px;
margin-top:5px;
}

.newsletter div.subscription label{
float:left;
margin-right:5px;
color:#4c4d4b;
line-height:1em;
*line-height:1.5em;
}

.newsletter input{
background: url(resource/bg-input-subscribe.gif) #aeb0b4;
color:#fff;
width:200px;
height:20px;
border:0;
padding:4px 0 0 10px;
}



/* Footer Links -----------------------------------------*/
.footer-container{
background:#cfd1d5;
text-align:right;
border-top:1px solid #bcbec2;
}

.footer{
padding:15px 0;
min-height:80px;
height:80px;
position:relative;
}

.footer p{
margin:0;
float:right;
width:650px;
}

.footer-container .footer p a{
color:#4c4d4b;
border-right:1px solid #7C756C;
padding:0 5px;
}

.footer p a:hover{
color:#000;
}

.footer span{
position:absolute;
right:0;
bottom:50px;
}

.footer h6{
background:url(resource/img-footer.gif) no-repeat;
width:444px;
height:8px;
position:absolute;
right:0;
bottom:27px;
}


/* Heading ------------------------------------------*/
.header-container{
background: url(resource/bg-header.jpg) center top no-repeat #5685c4;
}

.header{
height:77px;
padding:12px 0 0 0;
}

.header h1{
margin:0;
color:#fff;
text-shadow: rgba(60,92,134, 1) -1px -1px 0px;
font-size:3.5em;
text-transform:capitalize;
}


/* Hero Image ---------------------------------------*/
.hero-image{
background:url(resource/bg-banner-secondary.gif) no-repeat;
padding:5px 5px 7px 6px;
width:959px;
height:168px;
}


/* Followon Page Elements ---------------------------------------*/
.lhs{
width:240px;
float:left;
}

.rhs{
width:690px;
float:right;
}

.rhs .main-content{
float:left;
width:490px;
color:#1c1c1c;
}

.rhs .main-content img{
max-width:470px;
overflow:hidden;
}

.rhs .extra-bar{
width:175px;
float:right;
border-left:1px solid #c0beb9;
padding-left:4px;
}

.rhs .extra-bar li{
display:block;
margin-bottom:1.25em;
}

.rhs .extra-bar ul li .img-holder{
background:#fff;
padding:4px;
overflow:hidden;
width:100px;
margin:0 0 0.5em 0;
border:1px solid #dae0d6;
height:68px;
}

.rhs .extra-bar ul li .img-holder span{
width:100%;
height:100%;
overflow:hidden;
display:inline-block;
}

.rhs .extra-bar img{
float:none;
padding:0;
}

.rhs .extra-bar img, .folder-1 .random-featured ul li img, .list-container ul li .img-holder span img, .tabs-container .img-holder span img{
_width:100%;
_height:100%;
_overflow:hidden;
width:100%;
height:100%;
overflow:hidden;
}

.rhs .extra-bar li h4{
font-size:0.917em;
font-weight:bold;
height:auto;
}

.extra-bar .sub-heading, .extra-bar .btn-container{
font-size:0.917em;
}

.extra-bar li h3{
display:none;
}

.main-content h2, .main-content h3, .main-content h4, .main-content h5,.main-content h6{
margin:1em 0 1em 0;
}

.main-content h2{
font-size:2.5em;
color:#00b04c;
margin-bottom:0.4em;
margin-top:0;
/*text-transform:capitalize;*/
}

.main-content p + h2{
margin-top:0.75em;
}

.main-content h3{
font-size:2em;
color:#0066b3;
margin-bottom:0.5em;
}

.main-content h4{
font-size:1.5em;
color:#0066b3;
margin-top:1.5em;
margin-bottom:0.75em;
}

.main-content h3 a, .main-content h4 a{
color:#0066b3;
}

.main-content h5{
margin-top:1.5em;
font-size:1.138em;
font-weight:bold;
}

.main-content h6{
margin-bottom:1.5em;
font-size:1.333em;
font-weight:normal;
color:#999;
font-style:italic;
border-left:3px solid #bfe4f0;
padding:0 1em 0 10px;
margin-left:1em;
font-family:“Lucida Grande”, sans-serif;
line-height:1.5em;
margin-right:2em;
}

.main-content ul{
margin:1.2em 0 0.9em 2.7em;
}

.main-content ul li{
padding:0 0 0.9em 0;
list-style:outside url(resource/arrow-red.gif) circle;
}

.main-content img{
float:right;
margin:1.5em 20px 0.75em 0.85em;
}

.main-content .rich-content table{
width:95%;
margin:0.8em 5% 1.8em 0;
}

.main-content th{
padding:9px 10px;
background:#a2cbe9;
}

.main-content td{
padding:9px 10px;
background:#fff;
}

.main-content tr.row-odd td{
background:#ebedf0;
}

.main-content .bookmarks img{
padding:0;
margin:0 1px 0 0;
display:none;
}

div.hr {
  height: 1px;
  background: #fff url(/on_local_resource/stylesheets/resource/rule.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}



/* Sub Navigation ---------------------------------------*/
.sub-nav{
width:100%;
background:transparent url(resource/bg-sidebartwo.gif) no-repeat scroll left top;
margin:0 0 15px 0;
position:relative;
}

.sub-nav .bottom {
background:transparent url(resource/bg-sidebartwo.gif) no-repeat scroll right top;
height:5px;
width:100%;
}

.sub-nav ul > li{
padding-top:3px;
}

.lhs .sub-nav ul li a{
display:block;
padding:10px 15px;
border-bottom:1px solid #dbe1d7;
font-weight:bold;
font-size:1.138em;
color:#4c4d4b;
margin-bottom:-3px;
*margin-bottom:-4px;
}

.sub-nav ul li a{
_float:left;
_width:198px;
}

.sub-nav ul li ul{
border-bottom:1px solid #dbe1d7;
padding:5px 0 7px 0;
margin-bottom:-3px;
}

.sub-nav ul li li a, .sub-nav ul li.selected li a{
font-size:1em;
font-weight:normal;
border-bottom:0;
padding:4px 15px 4px 27px;
background:url(resource/arrow-subnav.gif) no-repeat 17px 7px;
_width:186px;
_padding:8px 15px 8px 27px;
color:#4C4D4B;
}

.sub-nav ul li.selected li a:hover{
color:#000;
cursor:pointer;
}

.sub-nav ul li.listend a{
border-bottom:0;
}

.sub-nav ul li.selected a{
background:url(resource/bg-subnav-selected.gif) left top #1bb24d;
border-bottom-color:#1bb24d;
color:#fff;
position:relative;
}

.sub-nav ul li.selected span{
position:absolute;
right:-11px;
background:url(resource/bg-subnav-right.gif) no-repeat;
width:11px;
height:40px;
top:0;
}



.sub-nav ul li.selected a:hover{
cursor:default;
color:#fff;
}

.sub-nav ul li a:hover{
color:#000;
}

.sub-nav ul li li a:hover {
background:url(resource/arrow-subnav.gif) no-repeat 17px 7px;
border:0;
font-weight:bold;
}







/* Listing Style -------------------------------*/
.list-container .rich-content p, .list-container .rich-content ul{
font-size:1.138em;
}

.list-container .rich-content ul{
margin:1.2em 0 0.9em 2.7em;
}

.list-container .rich-content ul li{
list-style-image:url(resource/arrow-red.gif);
list-style-position:outside;
list-style-type:circle;
padding:0 0 0.9em;
border:none;
float:none;
width:auto;
}

.list-container ul, .faq-list ul.clearfix, .detail-container form ul, .detail-container ul.imglist{
padding:0;
margin:1em 0 0 0;
}

.list-container ul li, .faq-list ul.clearfix li, .detail-container ul.imglist li{
list-style:none;
border-top:1px solid #C0BEB9;
padding:20px 0;
float:left;
width:100%;
}

.list-container ul li.listend{
padding-bottom:5px;
}

.list-container ul li .img-holder{
width:200px;
height:135px;
float:left;
margin:0.5em 1.5em 0.75em 0;
max-height:135px;
padding:5px;
border:1px solid #DAE0D6;
background:#fff;
}

.list-container ul li .img-holder span{
width:100%;
height:100%;
overflow:hidden;
display:inline-block;
}

.list-container ul li .img-holder img{
min-width:100%;
min-height:100%;
}

.list-container ul li img{
float:none;
margin:0;
}

.list-container ul li h4{
margin-top:0.5em;
}

.rss-list ul li h4{
margin-top:1em;
}

.rss-list ul li h3{
margin-top:0;
}

.rss-list ul li + li{
margin-top:1em;
}


.list-container ul li h4 a{
color:#0066B3;
}

.list-container ul li h4 a:hover{
color:#000;
}

.list-container p.btn-container{
margin-bottom:0;
}

.list-container p.btn-container a{
background:transparent url(resource/arrow-green.gif) no-repeat scroll right center;
padding:0 10px 0 0;
margin:0 15px 0 0;
}

.list-container p.btn-container a.btn-download{
font-weight:bold;
}


.list-container fieldset{
float:right;
}

.list-container fieldset select{
margin:0 0 0 0;
}

.list-container fieldset input{
margin-left:5px;
}

.list-container li p.sub-heading, .detail-container p.sub-heading{
color:#999;
}

.event-list ul li h4, .blog-list ul li h4, .catalogue-list ul li h4, .profile-list ul li h4, .podcast-list ul li h4, .career-list ul li h4, .rss-list ul li h4, div.event-detail h2, div.article-detail h2, div.blog-detail h2, div.catalogue-detail h2, div.profile-detail h2, div.faq-detail h2, div.podcast-detail h2, div.career-detail h2, div.rss-detail h2{
margin-bottom:0;
}

.list-container li p.sub-heading span, .detail-container p.sub-heading span{
padding:0 8px 0 0;
border-right:1px solid #999;
}

.list-container li p.sub-heading span.author, .detail-container p.sub-heading span.author{
border-right:0;
padding-left:8px;
}

.detail-container p.sub-heading span.code{
padding:0;
}

.catalogue-list ul li{
width:44.9%;
padding:1em 1% 0 3%;
border:0;
background:#e8f0ea;
margin:10px 10px 0 0;
height:250px;
}

.catalogue-list ul li.list-odd{
margin-right:0;
}

.catalogue-list ul li h4{
font-size:1.138em;
}

.catalogue-list ul li div.article-detail, .catalogue-list ul li span.shipping, .catalogue-list ul li span.code{
display:none;
}

.list-container ul li div.article-detail{
height:4.5em;
overflow:hidden;
margin-bottom:1.4em;
}

.catalogue-list ul li p.price-container, .catalogue-detail p.price-container{
margin:1em 0 0.75em 0;
}

.catalogue-list ul li span.price, .catalogue-detail span.price{
font-weight:bold;
font-size:1.138em;
padding-right:5px;
}

.catalogue-list ul li span em, .catalogue-detail .price-container span em{
font-style:normal;
}

.catalogue-list ul li span.retail{
text-decoration:line-through;
color:#999;
}

.catalogue-list ul, .faq-list ul{
margin-top:0;
}


.faq-list ul.clearfix li{
padding:0 0 14px 0;
}

.faq-list ul.clearfix li.listend{
padding:0;
}

.faq-list ul ul {
margin:1.2em 0 0.9em 2.7em;
}

.faq-list ul.clearfix li li{
list-style:outside url(resource/arrow-red.gif) disc;
padding:0 0 0.9em;
border:none;
float:none;
width:auto;
}

.location-list ul li{
padding:0 0 2.5em 0;
border:none;
}

.location-list ul li.listend{
padding:0 0 1em 0;
}

.list-container ul li .map-container, .detail-container .map-container{
padding:10px 10px 5px 10px;
background:#fff;
border:1px solid #DAE0D6;
}

.detail-container .map-container{
margin-bottom:1em;
}

.list-container ul li .map-container iframe, .detail-container .map-container iframe{
margin-bottom:5px;
width:100%;
}

.list-container ul li .map-container small a, .detail-container .map-container small a{
color:#999!important;
}

.list-container ul li .article .clearfix span, .detail-container .article .clearfix span{
float:left;
width:100%;
}

.list-container ul li .article .clearfix span em, .detail-container .article .clearfix span em{
font-style:normal;
float:left;
}

.list-container .clearfix span em, .detail-container .clearfix span em{
width:50px;
font-weight:bold;
}

.list-container .clearfix span em.detail, .detail-container .clearfix span em.detail{
width:400px;
font-weight:normal;
}


/* Listing Detail Style -------------------------------*/
.detail-container ul.imglist{
margin:2em 0 0 0;
}

.detail-container ul.imglist li{
padding:2em 0 1em 0;
}

.feedback ul.imglist h5{
background:url(resource/bg-feedback.gif) 0 3px no-repeat;
padding-left:6%;
margin:0;
float:left;
width:19%;
margin-right:2%;
font-size:1em;
}

.feedback ul.imglist h5 span{
font-size:0.813em;
font-size:normal;
color:#999;
}

.feedback ul.imglist div.article{
float:left;
width:65%;
}

.btn-back{
text-align:right;
}

.btn-back a{
background:url(resource/arrow-green-left.gif) no-repeat left center;
padding:0 0 0 10px;
}

p.btn-container a img{
float:none;
margin:0;
}

.catalogue-detail .price-container{
margin-top:-0.5em!important;
}

.catalogue-detail .price-container span{
margin-bottom:0.75em;
line-height:2em;
}

.catalogue-detail .price-container span.shipping{
display:block;
}

.catalogue-detail .price-container span.retail{
color:#999999;
text-decoration:line-through;
}



/* Pagination ----------------------------------------*/
#pagination{
text-align:right;
margin:2.4em 0 1.4em 0;
padding-bottom:1px;
float:right;
}

#pagination div{
float:left;
margin:0 1px;
}

#pagination div{
float:left;
}

#pagination span{
padding:3px 1px;
}

#pagination a{
padding:1px 5px;
text-decoration:none!important;
background:#CFD1D5 ;
color:#000;
border:1px solid #CFD1D5;
}

#pagination a:hover{
border:1px solid #2477b5;
color:#0f2740;
}

#pagination a.selected{
background:#3595dd;
border:1px solid #2477b5;
color:#fff;
}

#pagination a.selected:hover{
color:#fff;
}

#pagination a.hotSpot{
font-weight:bold;
}








/* Form Elements ---------------------------------*/
.form-container fieldset{
border-top:1px solid #C0BEB9;
padding-top:2em;
padding-bottom:2em;
}

.billing-address fieldset, .shipping-address fieldset, .my-orders fieldset, .check-out fieldset, .shopping-basket fieldset, .order-detail fieldset, .order-confirmation fieldset{
border-top:0;
padding-top:0.5em;
}

.form-container table{
width:100%;
margin:0 0 2em 0;
}

.form-container table th.col-item{
width:50%;
}

.main-content .form-container table input, .main-content .form-container table select{
background:#fff;
}

.main-content object{
width:100%;
}

.form-container table td input.btn, .form-container ul li input.btn-left{
margin-right:5px;
}

.form-container table .row-total td{
font-weight:bold;
}

.form-container table td input.checkbox{
margin-right:4px;
position:relative;
top:2px;
}

.form-container fieldset h5{
margin:-1em 0 1em 0;
color:#999;
}

.form-container form ul{
margin:0;
}

.main-content input, .main-content select, .main-content textarea{
padding:2px 5px;
border-top:1px solid #c8c8c8;
border-left:1px solid #c8c8c8;
background:#ebedf0;
color:#52555a;
float:left;
}

.main-content select{
padding:2px;
}

.form-container input, .form-container select, .form-container textarea, .form-container li div{
float:left;
width:65%;
}

.form-containerinput.btn{
width:auto;
height:auto;
padding:0;
background:none;
border:none;
}

.form-container label{
float:left;
width:24%;
margin-right:3%;
font-weight:bold;
text-transform:capitalize;
text-align:right;
}

.form-container label span{
font-size:1.138em;
padding:0 4px 0 0;
color:#0066B3;
}

.form-container input.btn{
float:right!important;
margin-right:5.5%;
}

.form-container li input.short{
width:60px;
}

.form-container li select.short{
width:73px;
}

.form-container li input.medium{
width:150px;
}

.form-container li select.medium{
width:163px;
}

.form-container li div input, .form-container li div label{
margin:0 5px 0 0;
}

.form-container li div input{
position:relative;
top:2px;
}

.form-container li div label{
font-weight:normal;
text-align:left;
width:250px;
}

.form-container li div p{
margin:0;
}

.form-container li div img{
float:none;
margin: 0 0 0.5em 0;
}

.form-container li.verification div input{
width:5em;
float:left;
}

.form-container li.row-inline input, .form-container li.row-inline select, .form-container li.row-inline label{
width:auto;
margin:0 5px 0 0;
}

.form-container li.row-inline label{
display:none;
}

.form-container li.row-inline input.btn{
float:left!important;
}












/* Form ------------------------------*/

.folder-18 .rhs .main-content .img-holder{
background:#999;
}

.folder-18 .rhs .main-content .img-holder img{
float:none;
max-width:490px!important;

margin:0;
}

.folder-18 #scrollable{
width:95%;
padding:10px 2.5%;
}

.folder-18 #scrollable .items{
width:395px!important;
}


/* Sitemap ------------------------------*/


.main-content .sitemap ul ul{
font-weight:normal;
margin:0.4em 0 0 1.5em;
}

.main-content .sitemap ul li ul li{
padding:0 0 0.4em 0;
}





/* Calendar-------------------*/


/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */

#calendar {
display:block;
width: 205px;
margin-left: auto;
margin-right: auto;
border:thin;
border-color:#a3e2f1;
}

#sub-nav #calendar td{
border:1px solid #ece4db;
border-collapse:collapse;
width:14.2%;
}

#sub-nav #calendar a{
padding:0;
/*background:none;*/

}

#inlinecal {
margin-top:5px;
 
}

.selected_day {
}

#sub-nav #calendar .selected_day a {
    padding: .1em .3em .1em 0;
    display: block;
    color: #555555;
    background: #dadada url(resource/selected_day.png) 0 50% repeat-x !important;
    cursor: pointer;
    border: 1px solid #ffffff !important;
}

.ui-datepicker-div, #ui-datepicker-div, .ui-datepicker-inline {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
    font-family: Verdana, Arial, sans-serif;
    background: #ffffff;
    font-size: 1.1em;
 
    /*width: 15.5em; */
    width: 100%;
    padding:1em 0 0 0;
    position: relative;
}
#ui-datepicker-div, .ui-datepicker-div {
    z-index: 9999; /*must have*/
    display: none;
    background: #ffffff;
}
.ui-datepicker-inline {
    float: left;
    display: block;
}
.ui-datepicker-control {
    display: none;
}
.ui-datepicker-current {
    display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
    position: absolute;
    left: .5em;
    top: .5em;
    background: #e6e6e6 url(resource/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
    left: 13.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
    background: #dadada url(resource/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
    text-indent: -999999px;
    width: 1.3em;
    height: 1.4em;
    display: block;
    font-size: 1em;
    background: url(resource/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}
.ui-datepicker-next a {
    background: url(resource/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
    background: url(resource/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
    background: url(resource/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
    background: url(resource/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
    background: url(resource/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
    border: 1px solid #d3d3d3;
    color: #555555;
    background: #e6e6e6;
    font-size: 1em;
    line-height: 1.4em;
    position: absolute;
    top: .5em;
    margin: 0 !important;
   
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 6em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 8.4em;
}
table.ui-datepicker {
    width: 100%;
    text-align: right;
}
table.ui-datepicker td a {
    padding: .1em .3em .1em 0;
    display: block;
    color: #555555;
    background: #e6e6e6 url(resource/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
    cursor: pointer;
    border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
    border: 1px solid #999999;
    color: #212121;
    background: #dadada url(resource/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
    border: 1px solid #dddddd;
    color: #222222;
    background: #ffffff url(resource/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
    padding: .3em 0;
    text-align: center;
    font-size: .9em;
    color: #222222;
    text-transform: uppercase;
    /*border-bottom: 1px solid #d3d3d3;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
    color: #222222;
}



/* DHTML Nav-------------------*/


.nav-container {
z-index: 51;
display: block;
position:relative;
width:100%;
z-index:999;
}

.sidebar-container {
z-index: 20;
display: block;
position:relative;
}



.sf-menu {
	/*float:			left;
	margin-bottom:	0.5em;*/

}
.sf-menu  > li{
  /*float: left;
	text-decoration:none;*/

}
.sf-menu a {
  /*_width:auto !important;
  _width:10px;
  margin-top: 1px;
  font-size:1em;
  line-height:1.75em;

  padding: 5px 10px 5px 10px;
	font-weight: normal;
  white-space: nowrap;
  text-transform: capitalize ;
  text-decoration: none ;
  padding:0 0 0 0px;
  
  
  */
float:left;
margin:0 6px 0 0;
text-shadow: rgba(0,64,137, 1) -1px -1px 0px;
color:#fff!important;
font-weight:bold;
text-transform:uppercase;
font-size:1.167em;
color:#FFFFFF;  
line-height:34px;
float:left;
padding:0 10px 8px 3px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}

.sf-menu li li a{

    	padding: .75em 1em;
 }
.sf-menu li li {
font-size:0.917em;
/*	background:		#015696;*/
  background:		#00477c;
}


.sf-menu li li a{
padding:3px 10px;
}
.sf-menu li li li {
/*	background:		#015696;*/
  background:		#00477c;

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#00467A; 
    
	outline:0;
    color: #FFFFFF !important;
	/*background-image: url(resource/navigation-bar_over.gif);
	background-repeat: repeat-x;
	background-position: left top;*/


}
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li >a:focus, .sf-menu > li > a:hover, .sf-menu > li > a:active {
    background:#00477c;
line-height:34px;


}

.sf-menu>li:hover, .sf-menu>li.sfHover,
.sf-menu>a:focus, .sf-menu>a:hover, .sf-menu>a:active {
	  /*margin-top: 1px;*/
}

.sf-menu  li:hover   ul, .sf-menu  li.sfHover  ul {
top: 32px !important;
z-index:999;
}

.sf-menu  li li:hover ul, .sf-menu li li.sfHover  ul {
top: 0px !important;
margin-left:10px !important;
}

.sf-menu  li li li:hover   ul, .sf-menu li li li.sfHover  ul {
top: 0px !important;
margin-left:10px !important;
}

.sf-menu .sf-sub-indicator{
width:10px;
height:9px;
background:url(resource/arrow-nav.gif) no-repeat;
position:absolute;
right:0px;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position:0 0!important;
}

.sf-menu a.sf-with-ul{
padding-right: 13px !important;

min-width: 1px;
}

.sf-menu li li .sf-sub-indicator{
top:12px;
right:6px;
}

.sf-menu li li a{
margin:0;
line-height:28px;
}

.sf-menu li li a .sf-sub-indicator{
background-position:0 -9px;
}

.sf-menu li li a:hover .sf-sub-indicator, .sf-menu li li a:active .sf-sub-indicator, .sf-menu li li a:visited .sf-sub-indicator{
background-position:0 -9px!important;
}



/* Image Slider Style -------------------------------------*/

/* These 2 lines specify style applied while slider is loading */
.sliderContainer {width: 970px; height: 251px; background:#fff;  position:relative; float:left; margin:0 35px 0 0;}
.sliderContainer .loading {margin: 200px 0 300px 0; text-align: center}


/* This is the viewing window */
.stripViewer { 
	position: relative;
	overflow: hidden; 
	width: 970px;
	height: 251px;
	clear: both;
	background: #000;
}

/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  
  */
.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;

	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

  }

/* Each panel is arranged end-to-end */
.stripViewer .panelContainer .panel { 
	float:left;
	height: 100%;
	position: relative;
	width: 970px; 
  margin:0px;
}

.stripNav{
display:none;
}

.sidebar-one .article{
position:relative;
width: 970px; 
height: 251px;
overflow:hidden;

}

/* The left and right arrows */
.stripNavL, .stripNavR { 
	position: absolute;
	top: 100px;
	text-indent: -9000em;
	z-index:99;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 27px;
	width: 27px;
}



.stripNavR {
	right:0;
}

.stripNavL {
	background: url("resource/btn-left.gif") no-repeat center;
}

.stripNavR {
	background: url("resource/btn-right.gif") no-repeat center;
}



#navNext {
display:block;
position:absolute;
z-index:100;
top:100px;
right:0px;
height:27px;
width:27px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/on_local_resource/stylesheets/resource/btn-right.gif) no-repeat scroll center center;
}
#navPrev {
display:block;
position:absolute;
z-index:100;
top:100px;
left:0px;
height:27px;
width:27px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/on_local_resource/stylesheets/resource/btn-left.gif) no-repeat scroll center center;
}