/* CSS Document */
/* Style Sheet  (C) soVision Ltd March 2010 */


/* Site wide colours
    Backgrounds
        Main Blue       : #001959
        Secondary Blue  : #03A5EB
        Page bg         : #E9E9E9
        White           : #FFFFFE

    Text
        Main Blue       : #001958
        Secondary Blue  : #03A5EA

        Dark Grey       : #333333
        Light Grey      : #666666

        White           : #FFFFFF

*/

/* GENERAL RULES */
a, a:link, a:active, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4, h5, h6{text-align:left;line-height:1.4em;margin:0;padding:0;}

/* LAYOUT */
html{
	margin:0;
	padding:0;
	background:#E9E9E9;
}
body{
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.outer{
    background:url(../images/page-side-bg.png) center repeat-y;
    margin:8px 0 0 0;
}
.container{
	margin:0 auto 0 auto;
	padding:4px 0 0 0;
	width:988px;
	background:url(../images/page-top-bg.png) top center no-repeat;
}
/* HEADER */
.header{
	margin:0 auto;
	padding:10px 0 10px 0;
	background:url(../images/Ravenscourt-banner-bg.jpg) top center no-repeat;
	width:980px;
}
.header h1{display:none;}
.heading{
    float:right;
    width:474px;
    height:131px;
    margin:0 14px 0 0;
}
.heading h2{
    color:#ffffff;
    font-size:40px;
    font-weight:normal;
    margin:0;
    padding:0;
    line-height:46px;
    width:100%;
    text-align:justify;
}
.straps{
    color:#ffffff;
}
.pics{
    height:66px;
    margin:3px 0 0 0;
}
.pics img{
    border:1px solid #fffffe;
}
.logo{
    margin:0;
	padding:0;
	position:relative;
	float:left;
}
/* HORIZONTAL NAV */
.horizontal-nav{
    height:32px;
    margin:4px 14px 0 10px;
    position:relative;
}
.horizontal-nav ul{
    margin:0 8px;
    padding:0;  
    display:block;
   
}
.horizontal-nav li{
    float:left;
    width:auto;
    list-style:none;
    background: url(../images/navtabs.png) left top;
    height:32px;
    line-height:32px;
    display:inline-block;
    padding:0;
    margin:0;
}
.horizontal-nav li a{
    padding:0 9px;
    margin:0 0 0 -1px;
    color:#ffffff;
    height:32px;
    line-height:32px;
    font-weight:normal;
    float:left;
    width:auto;
    display:block;
    border-left:1px solid #DEFFFF;
    border-right:1px solid #DEFFFF;
}
    
.horizontal-nav li:hover{
    background:#001959;
}
.horizontal-nav li a:hover{
    background:url(../images/navtabs.png) right bottom;
    color:#ffffff;
    font-weight:normal;
    text-decoration:none;
}
.horizontal-nav .selected{
    color:#ffffff;
    background:#001959;
    margin:0;
    display:block;
    height:32px;
}
.horizontal-nav .selected a span, .horizontal-nav .selected a:hover span{
    color:#ffffff;
    background: url(../images/selected.png) center bottom no-repeat;
    margin:0;
    display:block;
    height:40px;
}
.horizontal-subnav ul{
    height:27px;
    margin: 0 auto 0 auto;
    padding:4px 18px 0 20px;   
}
.horizontal-subnav li{
    float:left;
    width:auto;
    margin:0;
    padding:0;
    list-style:none;
    line-height:27px;
}
.horizontal-subnav li a{
    font-weight:normal;
    padding: 0 12px 0 6px;
    display:block;
    height:27px;
    line-height:27px;
    color:#03A5EA;
}
.horizontal-subnav li a:hover{
    color:#001958;
    text-decoration:none;
}
.horizontal-subnav .selected a{
    color:#000000;
    text-decoration:underline;
}
.search{
    width:960px;
    margin:0;
    padding:0 20px 0 0;
    text-align:right;
 }
.search span{
    float:right;
    line-height:22px;
 }
.basket{
}
/* BUTTONS */
.button, .action-button,  .action-button2{
    margin:0 0 0 4px;
    padding:0 0 0 8px;
    display:inline-block;
    background:#001959;
    font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, Sans-Serif;
}
.button:hover, .action-button:hover, .action-button2:hover{
    background:#03A5EB;
}
.button a, .action-button a, .action-button2 a{
    line-height:22px;
    height:22px;
    margin:0;
    padding:0 12px 0 4px; /* right padding value = a + left padding value */
    display:inline-block;
    color:#ffffff;
}
.button a:hover, .action-button a:hover, .action-button2 a:hover{
    color:#ffffff;
    text-decoration:none;
}
/* LEFT COL and PRODUCT CAT */
.left-col{
	float:left;
	width:300px;
	margin:0 16px 0 0;
	padding:0;	
	display:block;
	position:relative;
}
.flash{
    margin:0 0 12px 0;
}
.accreditation{
    background:url(../images/accreditation-bg.gif) left bottom no-repeat;
    padding:12px 6px 6px 6px;
}
.accreditation h3
{
    background:url(../images/accreditations-head.gif) left top no-repeat;
    color:#ffffff;
    font-size:0.8em;
    text-align:center;
    text-transform:uppercase;
    margin:-12px -6px 0 -6px;
}
.left-nav{
	width:200px;
	margin:0 0 12px 0;
	padding:0 0 18px 0;
	display:block;
	position:relative;
	float:left;
	font-size:0.9em;
}
/* Product Navigation */
/* - tier 1 - */
.left-nav .prod-nav-tier-1 ul{
	list-style:none;
	margin:14px 0 0 15px;
	padding:0;
}
.left-nav .prod-nav-tier-1 li{
	/*background:url(../images/button-left.png) left top no-repeat;*/
    margin:4px 0 1px 0;
    padding:0 0 0 6px; /* left padding value = a */
    display:block;
    float:left;
}
.left-nav .prod-nav-tier-1 li a{
	/*background:url(../images/button-right.png) right top no-repeat;*/
    line-height:22px;
    height:22px;
    margin:0;
    padding:0 9px 0 3px; /* right padding value = a + left padding value */
    display:block;
    float:left;
    width:150px;
}
.left-nav .prod-nav-tier-1 li:hover{
    /*background:url(../images/button-left-over.png) left top no-repeat;*/
}
.left-nav .prod-nav-tier-1  a:hover{
    /*background:url(../images/button-right-over.png) right top no-repeat;*/
}
.left-nav .selected{
    font-weight:bold;
}
/* - tier 2 - */
.left-nav .prod-nav-tier-2 ul{
	list-style:none;
	margin:0 0 0 18px;
	padding:0;
	font-size:0.8em;
}
.left-nav .prod-nav-tier-2 li{
	padding:0;
	margin:0 0 1px 0;
	background-image:none;
	width:162px;
}
.left-nav .prod-nav-tier-2 li a{
	padding:2px;
	margin:0;
	background-image:none;
	display:block;
	height:auto;
	width:auto;
	line-height:1.3em;
}
.left-nav .prod-nav-tier-2 li:hover{
    background-image:none;
}
.left-nav .prod-nav-tier-2 a:hover{
    background-image:none;
}
/* - tier 3 - */
.left-nav .prod-nav-tier-3 ul{
	list-style:none;
	margin:0 0 0 16px;
	padding:0;
	font-size:0.8em;
}
.left-nav .prod-nav-tier-3 li{
	padding:0;
	margin:0 0 1px 8px;
	background-image:none;
	width:156px;
}
.left-nav .prod-nav-tier-3 li a{
	padding:2px;
	margin:0;
	background-image:none;
	display:block;
	height:auto;
	line-height:1.3em;
}
.left-nav .prod-nav-tier-3 li:hover{
    background-image:none;
}
.left-nav .prod-nav-tier-3 a:hover{
    background-image:none;
}
/* - tier 4 - */
.left-nav .prod-nav-tier-4 ul{
	list-style:none;
	margin:0 0 0 24px;
	padding:0;
	font-size:0.8em;
}
.left-nav .prod-nav-tier-4 li{
	padding:0;
	margin:0 0 1px 8px;
	background-image:none;
	width:148px;
}
.left-nav .prod-nav-tier-4 li a{
	padding:2px;
	margin:0;
	background-image:none;
	display:block;
	height:auto;
	line-height:1.3em;
}
.left-nav .prod-nav-tier-4 li:hover{
    background-image:none;
}
.left-nav .prod-nav-tier-4 a:hover{
    background-image:none;
}
/* - tier 5 - */
.left-nav .prod-nav-tier-5 ul{
	list-style:none;
	margin:0 0 0 32px;
	padding:0;
	font-size:0.8em;
}
.left-nav .prod-nav-tier-5 li{
	padding:0;
	margin:0 0 1px 8px;
	background-image:none;
	width:140px;
}
.left-nav .prod-nav-tier-5 li a{
	padding:2px;
	margin:0;
	background-image:none;
	display:block;
	height:auto;
	line-height:1.3em;
}
.left-nav .prod-nav-tier-5 li:hover{
    background-image:none;
}
.left-nav .prod-nav-tier-5 a:hover{
    background-image:none;
}


/* News Panel */
.grey-panel{
	background:#EFF0F1;
	margin:1px 0 12px 0;
	width:100%;
}
.grey-panel .inner{
	padding:4px;
}
/* MAIN AREA */
.main{
	width:950px; /* about 500px should do it when right column shows */
	min-height:210px;
	margin:6px auto 30px auto;
}
.main-col-home{
	float:left;
	width:380px;
	border-right:1px solid #666666;
	padding:0 8px 0 0;
}
.main-col{
	float:left;
	width:660px;
	margin:0 0 0 24px;
}
.content-area-2-full{
   	float:left;
	width:900px;
	margin:0 0 0 24px;
}
.breadcrumb{
    font-size:0.7em;
    display:none;
}

/* RIGHT COL */
.right-col{
   float:right;
   width:220px;
   padding:0 0 0 8px;
}
.TopNewsItem{
    margin:0 0 24px 0;
    padding:0 0 24px 0;
    background:url(../images/right-base.jpg) bottom center no-repeat;
}  
/* image */
.caption{
	color:#666666;
	width:220px;
	text-align:center;
	font-size:0.8em;
	display:block;
	margin-bottom:0.8em;
}

/* LOGIN */
.login-box{
    width:320px;
    float:left;
    margin :0 18px 24px 0;
    border:1px solid #DBC8DD;
}
.error{
    display:block;
    width:100%;
    color:red;
    font-size:0.9em;
}
.register-box{
    width:658px;
    margin:0 0 12px 0;
    border:1px solid #DBC8DD;
}
.register-box-input{width:260px;}

/* FOOTER */
.footer{
	width:990px;
	padding:6px 0 0 0;
	font-size:0.8em;
	clear:both;
	background:#E9E9E9 url(../images/page-foot-bg.png) top left no-repeat;
}
.footer .left{
    padding:12px;
}
.footer .right{
	padding:12px;
}
.foot-nav{
    width:990px;
	text-align:center;
	padding:4px 0 0 0;
}
.footer a{}
.footer a:hover{}

.red { color:Red;}
.search-page
{
}
.searchItem
{
    margin:0 0 12px 0;
}
.searchresults
{
} 
.searchresults h1{
	font-size:1em;
	font-weight:bold;
}
.searchresults h2{
	font-size:1em;
}
.searchresults h3{
	font-size:1em;
}
.searchresults h4{
	font-size:1em;
}
.searchresults h5{
	font-size:1em;
}
.searchresults h6{
	font-size:1em;
}
.searchresults p{
	font-size:0.9em;
}

/* MISC */
img{border:none;}
.clear{clear:both;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
.inner{padding:8px;}
legend
{
    color:#001959;
	font-size:1.2em;
	margin:0;
	padding:0 4px 10px 4px;
	font-weight:bold;
}
fieldset{
    margin:0 30px 0 0;
}
.listitem_date{
    font-style:italic;
    color:#666666;
}
/* HOME PAGE NEWS ITEM */
.TopNewsItem h2, .TopNewsItem h2 a, .TopNewsItem h2 a:hover{
	color:#001958;
	text-decoration:none;
}
.TopNewsItem h3, .TopNewsItem h3 a, .TopNewsItem h3 a:hover{
	color:#03A5EA;
	text-decoration:none;
}

/* TEXT FORMATTING */
h1, h1 a, h1 a:hover{
	color:#001958;
	font-size:1.8em;
	margin:0 0 0.6em 0;
	padding:0;
	text-decoration:none;
}
h2, h2 a, h2 a:hover{
	color:#03A5EA;
	font-size:1.3em;
	margin:0 0 0.6em 0;
	padding:0;
	text-decoration:none;
}
h3, h3 a, h3 a:hover{
	color:#03A5EA;
	font-size:1.1em;
	margin:0 0 0.6em 0;
	padding:0;
	text-decoration:none;
}
h4. h4 a, h4 a:hover{
	color:#03A5EA;
	font-size:1em;
	margin:0 0 0.6em 0;
	padding:0;
	text-decoration:none;
}
h5, h5 a, h5 a:hover{
	color:#666;
	font-size:1em;
	margin:0 0 0.6em 0;
	padding:0;
	text-decoration:none;
}
h6, h6 a, h6 a:hover{
	color:#666;
	font-size:1em;
	font-style:italic;
	margin:0 0 0.6em 0;
	padding:0;
	text-decoration:none;
}
p{
	margin:0.2em 0 1.6em 0;
	padding:0;
}
ul
{
}
ul li{
    list-style:disc;
}
ol{
}
ol li{
    list-style:decimal;
    }
hr{
    color:#03A5EA;
	background-color:#03A5EB;
	border:0;
	height:1px;
}
a{color:#03A5EA; }
a:hover{color:#666666;}

.smalltext{font-size:0.8em;}