﻿/* © 2007 Quba New Media */
/* XHTML / CSS Helen Barclay'07 */
@import url(cat-nav.css);
@import url(forms.css);
@import url(headers.css);
@import url(domestic.css);
@import url(domesticSpec.css);
@import url(products.css);
@import url(tabs.css);
@import url(events.css);
@import url(useraccounts.css);
@import url(brad.css);
@import url(subscription.css);

/* -- GLOBAL STYLES 
-------------------------------------------------------------------------------*/
body {
 } 

html {
 } 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.8em; 
	color:#747474;
	background:#fff; }


/* -- RESET DEFAULT
-------------------------------------------------------------------------------*/
dd { 
	margin:0; padding:0; }

dt { 
	margin:0; padding:0; }

dl { 
	margin:0; padding:0; }

label { 
	margin:0; padding:0; }

fieldset { 
	margin:0; padding:0; }

input { 
	margin:0; padding:0; }

form { 
	margin:0; padding:0; }

ol li { 
	margin:0; padding:0; }

ol { 
	margin:0; padding:0; }

ul li { 
	margin:0; padding:0; }

ul { 
	margin:0; padding:0; }

h5 { 
	margin:0; padding:0; }

h4 { 
	margin:0; padding:0; }

h3 { 
	margin:0; padding:0; }

h2 { 
	margin:0; padding:0; }

h1 { 
	margin:0; padding:0; }

p { 
	margin:0; padding:0; }
	
em { 
	margin:0px; padding:0px; }

blockquote { 
	margin-left:20px; margin-right:40px; padding:0; }

body { 
	margin:0; padding:0; }

fieldset { 
	border:none;}

ol li { 
	list-style-type:none; }

ul li { 
	list-style-type:none; }

hr { 
	display:none; }

.invisible { 
	display:none; }

legend {
	display: none;
}

td {
	border-bottom :1px solid #E1E1E1; 
}

td.clear{
	border-bottom :0.1px;
}

th {
	border-bottom :1px solid #E1E1E1; 
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cleanertop{
	clear:both;
	font-size:0.1em;
	height:10px;
	background:#E8EDED;
}

.cleaner{
	clear:both;
	font-size:0.1em;
	height:10px;
}

.clear{
	clear:both;
}

input{
	border:solid 1px #E1E1E1;
	color:#999;
	padding:2px;
}


/* -- GLOBAL LINK STYLES 
-------------------------------------------------------------------------------*/
a {
	outline:none; }
	
a:active { 
	color:#73aa37;
	 }  

a:visited { 
	color:#73aa37;
	 }  

a:link { 
	color:#73aa37;
	 }  

a:hover {
	color:#333333;} 
	
img {
	border:none;
}

/* -- GLOBAL TYPOGRAPHY
-------------------------------------------------------------------------------*/

h3 {
	font-weight:bold;
	font-size:1.3em;
	color:#9b0020;
}

h3.prodBox {
		color:#333333;
	font-size:1.2em;
	margin: 0 0 10px 0;
}

h3.green {
	clear:both;
	color:#73aa37;
	font-size:1.2em;
}

h4 {
	color:#333333;
	font-size:1.2em;
	margin: 0 0 10px 0;
}

h4.green {
	clear:both;
	color:#73aa37;
	font-size:1.2em;
}

h5 {
	clear:both;
	color:#73aa37;
	font-size:1.2em;
}

.bold {
	font-weight: bold;
}

.txtcontent p {
	margin:10px 0 10px 0;
}

.greentxt{
	color:#73aa37;
}

.outline {
	float:left;
	display:inline;
	border: solid 1px #E1E1E1;
	margin:0 0 10px 0;
	padding:10px;
}

.tabletext {
	font-size:0.8em;
}

/* Button */

.button{
	float:right;
	display:inline;
	text-align:right;
	background:url(../images/buttons/button-bg_green.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button a:hover {
	color:#333 !important;
}

.button-nbs{
	float:right;
	display:inline;
	text-align:right;
	background:url(../images/buttons/button-bg.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-nbs a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-nbs a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-nbs a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-nbs a:hover {
	color:#333;
}

/* Button Left */

.buttonLeft {
	float:left;
	display:inline;
	text-align:left;
	background:url(../images/buttons/button-bg.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.buttonLeft a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.buttonLeft a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.buttonLeft a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.buttonLeft a:hover {
	color:#214D47;
}


/* Button-large */

.button-large{
	float:right;
	display:inline;
	text-align:right;
	background:url(../images/buttons/button-large-bg_green.gif) no-repeat;
	width:120px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-large a:visited{
	display: block;
	width:120px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-large a:active{
	display: block;
	width:120px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-large a:link{
	display: block;
	width:120px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-large a:hover {
	color:#333;
}

/* Button-very-large */

.button-very-large{
	float:right;
	display:inline;
	text-align:right;
	background:url(../images/buttons/button-very-large.gif) no-repeat;
	width:160px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-very-large a:visited{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-very-large a:active{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-very-large a:link{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

/* Button-very-small */

.button-very-small{
	float:right;
	display:inline;
	text-align:right;
	background:url(../images/buttons/button-very-small.gif) no-repeat;
	width:25px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-very-small a:visited{
	display: block;
	width:25px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-very-small a:active{
	display: block;
	width:25px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-very-small a:link{
	display: block;
	width:25px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

/* Button-buy */

.button-buy{
	text-align:right;
	background:url(../images/buttons/button-bg.gif) no-repeat;
	width:91px;
	height:22px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

.button-buy a:visited{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-buy a:active{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

.button-buy a:link{
	display: block;
	width:91px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:none;
}

/* Button-search */

.button-search{
	float:right;
	display:inline;
	text-align:right;
	background:url(../images/buttons/button-very-large.gif) no-repeat;
	width:160px;
	height:22px;
	color:white;
	margin:0px 0 0 0;
	padding:0;
	border:0;
	text-align:center;
}

.button-search a:visited{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:0;
}

.button-search a:active{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:0;
}

.button-search a:link{
	display: block;
	width:160px;
	height:22px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:inline;
	padding:1px 0 0 0;
	text-align:center;
	border:0;
}

.button-very-small a:hover {
	color:#214D47;
}

.button-buy a:hover {
	color:#214D47;
}

.button-very-large a:hover {
	color:#214D47;
}

.button-search a:hover {
	color:#214D47;
}

.button-large {
	color:#214D47;
}

.topline{
	border-top:solid 1px #d5e5c3;
	padding:10px 0 0 0;
}

.topline2{
	border-top:solid 1px #d5e5c3;
	padding:10px 0 10px 0;
}

.no-border{
	border-bottom:none; 
}

.channels{
	padding-top:5px;
}


/* -- GLOBAL STYLES
-------------------------------------------------------------------------------*/

.margintop{
	margin:10px 0 0 0;
}
.marginright{
	margin:0 10px 0 0;
}

.nomargin{
	margin:0 0 0 0;
}

.centre{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.underline{
	text-decoration: underline;
}

.floatLeft{
	float: left;
	padding:10px 10px 0 0;
}

.floatRight{
	float: right;
	padding:10px 10px 0 0;
}

.floatLeftAlt{
	float: left;
	padding:5px 10px 0 0;
}

.floatRightAlt{
	float: right;
	padding:5px 0 10px 0;
}

.imageBorder{
	border: solid 1px #E1E1E1;
}

.italic{
	font-style: oblique;
}

.blankBorder{
	border: solid 0px #ffffff;
}

p.smallPrint	{
	font-size: 0.8em;
}

li.sublist	{
	margin:0px 0 -5px 0;
}

li.smallGap	{
	margin:0px 0 -5px 0;
}

h3.features a:visited {
	color:#9b0020;
	text-decoration:none;
}

h3.features a:active {
	color:#9b0020;
	text-decoration:none;
}

h3.features a:link {
	color:#9b0020;
	text-decoration:none;
}

h3.features a:hover{
	color:#9b0020;
	text-decoration:underline;
}

/* -- GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#sitewrapper {	
	margin:0 auto;
	padding:0 0 10px 0;
	width:960px;
	background:#E8EDED;
	font-size:1.2em;
	background: url(../images/css/bgShort.gif) repeat;
	background-position: bottom;
	}
	
#content{
	width:940px;
	padding:0 0 0 10px;
}

#footer{
	clear:both;
	margin:0 auto;
	width:960px;
	border-top: solid 10px #ffffff;
	font-size:1.1em;
}

#footer ul{
	float:left;
	display:inline;
	margin:10px 0 10px -10px;
}


#footer ul li {
	list-style-type: none;
	display:inline;
	padding:0 10px 0 10px;
	margin:10px 0 0 0;
	background: url(../images/css/nav-divider.gif) no-repeat;
	background-position: right;
}


#footer a:visited {
	color:#747474;
	text-decoration:none;
	font-weight:normal;
}


#footer a:active {
	color:#747474;
	text-decoration:none;
	font-weight:normal;
}


#footer a:link {
	color:#747474;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover{
	color:#73aa37;
	text-decoration: underline; 
}


.contact {
	float:right;
	display:inline;
	margin:10px 0 10px 0;
}

.phone {
	font-size:1.8em;
	font-weight:bold;
}


/* LHS / RHS menu hovers */

#menuLinks a:visited {
	color:#73aa37;
	text-decoration:none;
	font-weight:normal;
}


#menuLinks a:active {
	color:#73aa37;
	text-decoration:none;
	font-weight:normal;
}


#menuLinks a:link {
	color:#73aa37;
	text-decoration:none;
	font-weight:normal;
}

#menuLinks a:hover{
	color:#333333;
	text-decoration: underline; 
}

#bookmarking {
	width:330px;
	padding:5px;
	margin:0 auto;
	text-align: left;
}


/* -- SITE CLASS
-------------------------------------------------------------------------------*/

#header-nav {
	float:right;
	display:inline;
	text-align:right;
	padding:15px 0 0 0;
}

ul.global-nav li {
	float:left;
 	display:inline;
	margin:0;
	list-style-type: none;
	padding:0 15px 0 15px;
	font-size:0.9em;
	background: url(../images/css/nav-divider.gif) no-repeat;
	background-position: right;
	color:#333333;
}

ul.global-nav li.end {
	background:none;
	padding:0 0 0 15px;
}

ul.global-nav li table {
	margin:-6px 0 0 0;
}


ul.global-nav li a:visited {
	color:#333333;
	text-decoration:none;
}


ul.global-nav li a:active {
	color:#333333;
	text-decoration:none;
}


ul.global-nav li a:link {
	color:#333333;
	text-decoration:none;
}

ul.global-nav li a:hover {
	color:#73aa37;
	text-decoration:underline;
}

input.submit-button {
	text-align:right;
	background:url(../images/buttons/arrow.gif) no-repeat;
	color:white;
	width:17px;
	height:18px;
	border:none;
}

input.submitText-button {
	text-align:right;
	background:url(../images/buttons/button-Submit.gif) no-repeat;
	color:white;
	width:91px;
	height:22px;
	border:none;
}

/* -- SITE CLASS
-------------------------------------------------------------------------------*/
.banner {
	float:left;
	display:inline;
	margin:-7px 0 10px 0;
}

ul.home-lists{
	float:left;
	display:inline;
	list-style-type:none;
}

ul.home-lists li{
	border-top: solid 1px #d5e5c3;
	width:170px;
	list-style-position:outside;
}


ul.home-lists li.twocol {
	width:350px;
}

ul.home-lists li a:visited {
	color:#747474;
	display:block;
	text-decoration:none;
	padding:2px 10px 2px 0;
}

ul.home-lists li a:active {
	color:#747474;
	display:block;
	text-decoration:none;
	padding:2px 10px 2px 0;
}

ul.home-lists li a:link {
	color:#747474;
	display:block;
	text-decoration:none;
	padding:2px 10px 2px 0;
}

ul.home-lists li.over{
	background:#eaf2e1;
}


ul.home-lists li a:hover{
	background:#eaf2e1;
}


ul.features li{
	float:left;
	display:inline;
	width:100%;
	border-top:solid 1px #d5e5c3;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
}

ul.featuresNarrow li{
	float:left;
	display:inline;
	border-top:solid 1px #E1E1E1;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}

ul.features li h3 a:visited {
	color:#9b0020;
	text-decoration:none;
}

ul.features li h3 a:active {
	color:#9b0020;
	text-decoration:none;
}

ul.features li h3 a:link {
	color:#9b0020;
	text-decoration:none;
}

ul.features li h3 a:hover{
	color:#9b0020;
	text-decoration:underline;
}

ul.features-plain li{
	float:left;
	display:inline;
	width:515px;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}

ul.features-plain li h3 a:visited {
	color:#333333;
	text-decoration:none;
}

ul.features-plain li h3 a:active {
	color:#333333;
	text-decoration:none;
}

ul.features-plain li h3 a:link {
	color:#333333;
	text-decoration:none;
}

ul.features-plain li h3 a:hover{
	color:#73aa37;
}

.features-image{
	float:left;
	display:inline;
	padding:0 10px 0 0;
}


.advert{
	display:inline;
	margin:0 0 4px 0;
}

.content-banner {
    float:left;
    display:inline;
    width:750px;
}

/*-------------------------------------------------------------
These are the landing page styles*/


ul.breadcrumb{
	float:none; 
	margin:5px 0 0 0;
}

ul.breadcrumb li {
	float:none;
	display:inline;
	margin:0 10px 0 0;
	text-wrap:normal;
}

ul.breadcrumb li a:visited {color:#747474;}

ul.breadcrumb li a:active {color:#747474;}

ul.breadcrumb li a:link {color:#747474;}
ul.breadcrumb li a:hover {color:#73aa37;}



.icon{float:left;  display:inline;  margin:0 10px 0 0;}
p.intro{color:#a0a0a0; padding:0 0 10px 0;}
.date {color:#999999}


ul.glossary {margin:20px 0 0 0;}


ul.glossary li {
	float:left;
	display:inline;
	margin:0 3px 0 3px;
}


.txtcontent ol{
	list-style-type: circle;
	margin:0 0 0 20px;
	
}


.txtcontent ul{
	list-style-type: circle;
	margin:0 0 0 20px;
	
}


.txtcontent ol li{
	list-style-type: disc;
	padding:0 0 5px 0;
}


.txtcontent ul li{
	list-style-type: disc;
	padding:0 0 5px 0;
}

/* Home page styles */

.features-txt a {
	text-decoration:none;
}

.features-txt a:hover {
	color:#73aa37;
	text-decoration:underline;
}

/* Publication Index styles */

#docimage {
	float: left;
	/*width: 20%;*/
	width: 184px; /* 184 is width of image in page */
	margin: 0;
	padding: 0;
	}

#doctext {
	float: left;
	width: 60%;
	margin: 0 0 0 20px;
	padding: 0;
	}


/* Educator styles */
/*-------------------------------------------------------------------------------*/

.educatorColor {
	background-color:	#E0F3EB;
}

/* Scope and content */

.Standard	{
	color: #0000ff;
	font-weight: bold;
	}
	
.Intermediate	{
	color: #009933;
	font-weight: bold;
}

.Minor	{
	color: #ff0000;
	font-weight: bold;
}

/* User Accounts AJAX styles */
/*-------------------------------------------------------------------------------*/

.validatorCalloutHighlight
{
    background-color: #E1E1E1;
}

.invalid
{
	color: Red;
}
.valid
{
	color: #73aa37;
}
.warning
{
	color:blue;
}

/*  // image swap for perspective //  */
/*-------------------------------------------------------------------------------*/

.imageSwap {
			border: 1px solid #000000;
			}
			
			

