@charset "utf-8";
/* CSS Document 

Author: Jazmin Brooks
Date: October 2009

*/

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form,input,textarea,ol {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    zoom:1;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
html {
    height: 100%;
    padding:0;
    margin:0;
    padding-bottom:1px;
}

/*standard styles */

body {
    margin: 0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#333333;
    background-color:#fff;
    min-height:100%;
	padding-bottom:20px;
}

p{
    margin-top:0;
    margin-bottom:15px;
}

a img{
    border:none;
}

img{
    display:block;
}

.lightbox img{
	display:inline;
}

.clear{
    clear:both;
    height:0;
    overflow:hidden;
}
.left{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.right{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.centre{
	display:inline;
    margin:10px 15px;
	text-align:center;
}

h1{
    line-height:normal;
    font-size:24px;
    font-weight:bold;
    color: #636967;
    margin-bottom:15px;
}

h2{
    line-height:normal;
    font-size:20px;
    font-weight:bold;
    color:#636967;
    margin-bottom: 10px;
    /*margin-top:10px;*/
}

h2 a{
	color:#636967;
}

h2 a:hover{
	text-decoration:none;
	color:#008daf;
}

ul h2{
	font-size:14px;
}

h3{
    line-height:normal;
    font-size:18px;
    font-weight:bold;
    color:#636967;
    margin-bottom:5px;
}

h4{
	line-height:normal;
    font-size:14px;
    font-weight:bold;
    color:#636967;
    margin-bottom:5px;
}

a {
    color:#008DAF;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

ul{
    padding:0;
    margin:10px 10px 10px 10px;
}

ol {
	padding:10px 30px;
}
li{
    list-style: none;
    background: url(images/bullet.gif) no-repeat left 5px;
    padding-left: 20px;
    margin-bottom:10px;
}

ul li ul li{
	background-image:url(images/bullet_sub.gif);
	background-position:left 7px;
}

ol li{
	list-style:decimal;
	padding-left:0;
	background-image:none;
}

ol li ol{
	padding:10px 30px;
}

ol li ol li{
	list-style:lower-alpha;
}

label {
    cursor:pointer;
    color:#008DAF;
}

.noBorder{
    border-style:none !important;
}

/* Form Stuff*/

input, textarea, select{
	border:1px solid #dadadb;
	font-family:Arial, Geneva, sans-serif;
	font-size:11px;
	padding:2px 5px;
	width:290px;
	background-image:url(images/bg_input.jpg);
	background-repeat:repeat-x;
	float:left;
}

select{
	width:304px;
}

textarea {
	height:100px;
	width:394px;
}

.contactButtons a{
	background-color:#fff;
	background-image:url(images/button_sprite_contact.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
	margin-top:0;
	line-height:normal;
	margin-right:20px;
	width:80px;
	display:block;
	float:left;
	text-align:center;
	padding:7px 0 8px 0;
	height:auto;
}

.contactButtons a:hover{
	text-decoration:none;
	background-position:0 -30px;
}

.contactButtons a:active{
	text-decoration:none;
	background-position:0 -60px;
}

.validation{
	color: #F00;
	font-size:10px;
}


/*Structure*/

#wrapper{
	width:1005px;
	border:1px solid #BCBDBF;
	margin:20px auto;
	background-image:url(images/bg_gradient.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFF;
}

#header{
	padding:20px 10px 20px 20px;
}
	
#content{
	padding:0 10px;
}

#footer{
	padding:20px;
	font-size:10px;
}

/*header*/

#headerMain{
	float:left;
}

#logo{
	float:left;
	margin-right:50px;
	margin-top:3px;
}

#strapline{
	float:left;
	margin-top:3px;
}


#headerSub{
	float:right;
	width:185px;
	padding-top:35px;
}

/*content*/

#mainCol{
	float:left;
	width:790px;
	margin-right:10px;
}

#menu{
	line-height:normal;
	margin-bottom:10px;
	position:relative;
	z-index:10;
}

.home #heading{
	margin-bottom:10px;
}

#heading{
	margin-bottom:5px;
}

#subCol{
	float:left;
	width:185px;
}

#menuMini{
	margin-bottom:10px;
}

.result {
    display: block;
    color:#000000;
    padding:10px;
}
.result .title {
    display:block;
    color:#626866;
    font-size: 15px;
    padding-bottom: 3px;
    font-weight:bold;
}
.result .more {
    color: #008cad;
    margin-left:15px;
}
.result:hover .more {
    text-decoration: underline;
}
.result .description{
    display:block;
    padding-left: 15px;
    padding-bottom: 3px;
}
.result:hover {
    background-color:#f1f1f1;
    text-decoration: none;
}

/*Page Specific*/

/*Home Boxes*/

#homeBoxes{
	background-image:url(images/homeBox_bg.gif);
	background-repeat:repeat-y;
}

.homeBox{
	width:390px;
	float:left;
}

/*Lightboxes*/

#screenshot-image{
	border:1px solid #DADADB;
}

.lightbox {
    background: url('/images/lightbox_gradient.gif') #ffffff scroll repeat-x bottom left;
}
.lightbox .boxHead{
	margin: 0;
}

#lightbox-menu {
    border: 1px solid #dadadb;
   
}
.lightbox-content {
    padding: 15px; border:1px solid #DADADB; background:#ffffff; position:absolute; top: 37px; bottom: 10px; left: 10px; right: 10px;overflow:hidden
}

	.menu {
		width:183px;
		border-width:0px;
		border-style:none;
		
		background-color:#ffffff; /*#F1F1F1;*/
		border-width:1px;
		border-style:solid;
		border-color:#666666;
		line-height:normal;
	}

	.menu a	{
		padding:10px;
		/*background-color:#FFFFFF;*/
		color:#008DAF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:normal;
		/*border-width:0px;
		border-style:none;
		border-bottom:1px solid #dadadb;*/
	}

	.menu a:hover, .menu a.active {
		background-color:#008DAF;
		color:#FFFFFF;
		text-decoration:none;
	}

	.menu li:hover>a {
		background-color:#008DAF;
		color:#FFFFFF;
		text-decoration:none;
	}

    .menu li {
        padding:0;
        margin:0;
    }

    .menu a, .menu li {
        /*float:left;*/
        display:block;
        white-space:normal;
        position:relative;
        z-index:1;
        background-image:none;

    }
    
    body .menu .qmactive, body .menu .qmactive:hover {
		background-color:#008DAF;
		color:#FFFFFF;
		text-decoration:none;
	}

	.menu div, .menu ul {
		padding:0px;
		/*background-color:#FFFFFF;*/
		/*border-bottom:1px solid #dadadb ;*/
        overflow:hidden;
	}

    .menu, .menu ul {
        list-style:none;
        padding:0px;
        margin:0px;
    }

	/*"""""""" (SUB) Items""""""""*/	
	.menu div a, .menu ul a {
		padding:6px 10px 7px;
		margin:0px;
		background-image:none;
		color:#8AA6B1;
		font-size:11px;
		/*border-bottom:1px solid #dadadb;*/
	}

	/*"""""""" (SUB) Hover State""""""""*/	
	.menu div a:hover {
		background-color:#DADADB;
		color:#008DAF;
		text-decoration:none;
	}

	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	.menu ul li:hover>a {
		background-color:#008DAF; /*#DADADB;*/
		color:#ffffff; /*#008DAF;*/
		text-decoration:none;
	}

	/*"""""""" (SUB) Active State""""""""*/	
	body .menu div .qmactive, body .menu div .qmactive:hover {
		background-color:#DADADB;
		color:#008DAF;
		text-decoration:none;
	}


	/*"""""""" Individual Titles""""""""	
	.menu .qmtitle {
		font-size:11px;
	}*/

	/*"""""""" Individual Horizontal Dividers""""""""	
	.menu .qmdividerx {
		border-top-width:1px;
		border-color:#DADADB;
		height: 1px;
	}*/

	/*"""""""" Custom Rule""""""""
	ul.menu a {
		background-color:#DDDDDD;
	}*/	


	/*"""""""" Custom Rule""""""""
	ul.menu ul
	{	

	}*/	


	/*"""""""" Custom Rule""""""""
	ul.menu ul a
	{	
		padding:2px 20px 2px 5px;
		background-color:#F1F1F1;
	}*/	





/*Boxes*/

.boxHead{
	background-color:#8AA6B1;
	margin:0 1px;
	text-align:center;
	padding:5px 0;
}
.boxHead h1{
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	margin:0;
}

.boxText{
	padding:10px;
}

.boxText h2{
	font-size:16px;
	margin-bottom:5px;
	line-height:18px;
}

.boxText h2 a{
	color:#636967;
}

.boxText h2 a:hover{
	text-decoration:none;
	color:#008daf;
}

.boxItem{
	margin-bottom:20px;
}

.ctaButton{
	line-height:normal;
	margin-bottom:10px;
	cursor:pointer;
}

.ctaButton a{
	background-image:url(images/btn_quote_sprite.gif);
	width:170px;
	font-size:18px;
	color:#fff;
	padding:9px 0 9px 0;
	display:block;
	text-align:center;
	margin:0 auto;
}

.ctaButton a:hover{
	background-position:0 -40px;
	text-decoration:none;
}

.ctaButton a:active{
	background-position:0 -80px;
}

.subBox{
	border:1px solid #dadadb;
	margin-bottom:10px;
	background-color:#fff;
	font-size:11px;
}

.subBox .boxHead{
	margin:0;
}

.subBox h2{
	font-size:12px;
	margin-bottom:3px;
	line-height:18px;
}

.subBox h2 a{
	color:#636967;
}

.subBox h2 a:hover{
	color:#008DAF;
	text-decoration:none;
}

/*Tabbed Box*/

#tabbedBox{
	
}

#tabbedBox h2{
	font-size:12px;
	margin-bottom:3px;
	line-height:18px;
}

#tabbedBox h2 a{
	color:#636967;
}

#tabbedBox h2 a:hover{
	color:#008DAF;
	text-decoration:none;
}

#tabbedBoxMenu{
	background-image:url(images/tab_menu_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#tabbedBoxMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tabbedBoxMenu li {
    float: left;
    margin: 0;
	padding:0;
	background-image:none;
}

#tabbedBoxMenu h1{
	font-size:12px;
	font-weight:normal;
	margin-bottom:0;
}

#tabbedBoxMenu li a{
    height: 15px;
    line-height: normal;
    float: left;
    display: block;
    color: #333;
    text-decoration: none;
    text-align: center;
	margin-right:5px;
    outline: none;
	border-width:1px;
	border-style:solid;
	border-color:#dadadb;
	background-image:url(images/tab_gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#d8d8da;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:0;
}

#tabbedBoxMenu li a:hover {
	background-image:none;
	background-color:#fff;
	border-bottom-color:#fff;
}

#tabbedBoxMenu li a:active, #tabbedBoxMenu li .active{
	background-image:none;
	background-color:#fff;
	border-bottom-color:#fff;
}

#tabbedBoxInner{
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#dadadb;
	background-color:#FFF;
	padding:10px 10px 0 10px;
	font-size:11px;
}
#tabbedBoxInner .box {
    display:none
}
#tabbedBoxInner .active {
    display:block
}

.tabbedBoxItem{
	margin-bottom:10px;
}

.tabbedBoxItem img{
	padding-top:5px;
}

/*Search Form Header*/

#searchNugget input{
	width:110px;
	padding:2px;
	margin-right:10px;
}

#searchNugget a{
	background-color:#fff;
	background-image:url(images/button_sprite.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	margin-top:0;
	line-height:normal;
	width:55px;
	display:block;
	float:left;
	text-align:center;
	padding:2px 0 3px 0;
	height:auto;
}

#searchNugget a:hover{
	text-decoration:none;
	background-position:0 -20px;
}

#searchNugget a:active{
	text-decoration:none;
	background-position:0 -40px;
}

/*Internal*/

#breadcrumb{
	padding-bottom:5px;
	border-bottom:5px solid #DADADB;
	padding-left:10px;
	margin-bottom:10px;
}

/*submenu*/

#internalContent{
	background-image:url(images/internalContent_bg.gif);
	background-repeat:repeat-y;
}
#subMenu{
	float:left;
	width:185px;
	margin-right:10px;
	position:relative;
	z-index:1;
	min-height:270px;
	_height:270px;
}

#mainHeading{
	float:left;
	width:480px;
}

#pageActions{
	float:right;
}

#pageActions img{
	display:inline;
}

.action{
	float:right;
	margin-left:10px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
}

#mainContent{
	float:left;
	width:575px;
	padding:10px 10px 20px 10px;
}

.dataTable{
	border:1px solid #dadadb;
	margin-bottom:10px;
	background-color:#fff;
	font-size:11px;
	border-collapse:collapse;
}

.dataTable td{
	border:1px solid #dadadb;
	padding:5px 10px;
}

.dataTable th{
	background-color:#8AA6B1;
	text-align:center;
	padding:5px 10px;
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	border:1px solid #dadadb;
}

/*CTA BUTTON STUFF NO LONGER LIVE CHAT BUTTONS*/

.ctaButtonLC{
	line-height:normal;
	cursor:pointer;
}

.ctaButtonLC a{
	background-image:url(images/button_sprite_lc.gif);
	width:170px;
	font-size:18px;
	color:#fff;
	padding:11px 0 11px 0;
	display:block;
	text-align:center;
	margin:0 auto;
}

.ctaButtonLC a:hover{
	background-position:0 -60px;
	text-decoration:none;
}

.ctaButtonLC a:active{
	background-position:0 -120px;
}

.ctaButtonLC a span{
	font-size:14px;
}

#contactus_form img{
	display:inline;
}

/*Livechat*/

.liveChatBg{
	background-image:url(images/live_chat_lady.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-bottom:1px solid #DADADB;
	margin-bottom:20px;
}

.liveChat{
	background-image:url(images/live_chat_lady.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	line-height:normal;
}

.liveChatText{
	float:left;
	width:90px;
	padding-left:10px;
	padding-top:25px;
	font-size:20px;
	padding-bottom:25px;
}

.liveChat a{
	color:#008DAF;
	display:block;
	cursor:pointer;
	width:180px;
}

.liveChat a:hover{
	text-decoration:none;
	color:#01627a;
}

.ctaCall{
	font-size:19px;
	color:#008daf;
	padding:0 0 15px 0;
}