/* ----------- global stuff -----------*/

html {
	overflow-y:scroll;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#333;
	font-size:0.9em;
}
.clear {
	clear:both;
}
a {
	color:#F90;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:#F90;
	text-decoration:underline;
}

p {
	margin:0 0 10px 0;
}

h1 {
	color:#CCC;
	font-size:40px;
	margin:0 0 20px 0;
}
h2 {
	color:#666;
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 0;
}
h3 {
	color:#666;
	font-size:18px;
	margin:0 0 15px 0;
}

h4 {
	color:#666;
	font-size:16px;
	padding-bottom:4px;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	font-weight:bold;
}


h5 {
	color:#666;
	font-size:16px;
	margin-bottom:10px;
}

.even-split {
	float:left;
	width:50%;
}

.box {
	border:1px dotted #999;
	padding:10px;
	background-color:#F4F4F4;
}

.box-orange {
	border:1px dotted #E68A00;
	padding:10px;
	background-color:#FFE3BB;
}


#top-content a{
	color:#ccc;
}

#top-content a:hover{
	color:#f90;
}

#top-content ul, .content ul {
	margin:0 0 10px 0;
}
#top-content li, .content li {
	margin:0 0 5px 10px;
	background:url(/marketing/micro-site/images/new/bg-bullet-standard.png) no-repeat;
	padding-left:20px;
	background-position:4px 5px;
}

a.button-orange {
	background-color:#f90;
	background-image:url(/marketing/micro-site/images/new/bg-button-orange.png);
	padding:5px 20px;
	text-decoration:none;
	color:#FFF !important;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border:1px solid #FFA448;
	border-radius: 5px; /* Opera 10.5, IE 9 */
}

a.button-orange:hover{
	background-position:0 -40px;
	background-color:#fb0;
	text-shadow: 1px 1px 1px #333;
}


a.button-grey-large {
	background-color:#999;
	padding:5px 50px;
	text-decoration:none;
	color:#FFF;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	font-size:16px;
	border:3px solid #CCC;

}

a.button-grey-large:hover {
	text-shadow: 1px 1px 1px #333;
	background-color:#666;
}


a.button-grey {
	background-color:#999;
	padding:5px 10px;
	text-decoration:none;
	color:#FFF !important;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	font-size:14px;
	border:3px solid #CCC;

}

a.button-grey:hover {
	text-shadow: 1px 1px 1px #333;
	background-color:#666;
	text-decoration:none !important;
}



.information-bar {
	padding:10px 10px 5px 10px;
	background-color:#F4F4F4;
	border-bottom:1px solid #666;
	background-image: -moz-linear-gradient(100% 100% 90deg, #F4F4F4, #CACACA);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#CACACA));

}

.information-bar-content {
	margin:auto;
	width:970px;
}

.information-bar-content p {
	float:left;
	width:80%;
}

.information-bar-content .close-information-bar {
	float:right;
	width:20%;
	text-align:right;
}


.information-bar a.close {
	background-color:#999;
	border:3px solid #CCC;
	padding:5px 10px;
	color:#FFF;
	text-decoration:none;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	position:relative;
	top:35px;
	left:5px;
}

.information-bar a.close:hover {
	text-shadow: 1px 1px 1px #333;
	background-color:#666;
}


.icon-40 {
	margin:0 5px 10px 0;
	vertical-align:middle;
}


/* ----------- search -----------*/	

.search {
	float:right;
	clear:right;
	margin-top:5px;
	width:400px;
	text-align:right;
}

.search input[type="text"]  {
	padding:3px 3px 3px 20px;
	background-color:#333;
	color:#ccc;
	border:1px solid #666;
	background:url(/marketing/micro-site/images/new/icon-12-search.png) no-repeat 5px 5px;
}

.search input[type="text"]:hover  {
	background-color:#666;;
	border:1px solid #999;
}

.search input[type="text"]:focus  {

}

.search input[type="button"]  {
	padding:2px;
	background-color:#333;
	color:#ccc;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:none;
	cursor:pointer;
}

/* ----------- tables -----------*/	

table.comparison {
	width:680px;
	margin:20px 0 20px 0;
}

table.comparison td, th {
	border:1px solid #CCC;
	padding:10px;
	vertical-align:top;
}

table.comparison td.blank, table.comparison th.blank{
	border:none;
}

table.comparison th {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

table.comparison td.feature {
	width:22%;
}

table.comparison td.product {
	width:26%;
	
}

table.comparison tr.group {
	background-color:#C0C0C0;
	background-image:url(/marketing/micro-site/images/new/bg-table-tr-header.png);
	background-repeat:repeat-x;	
}

table.comparison td.button {
	background-image:url(/marketing/micro-site/images/new/bg-table-td-button.png);
}

table.comparison .button-orange {
		padding:5px 17px;
}



table.comparison_small {
	width:210px;
	margin:20px 0 0 0;
	font-size:12px;
}

table.comparison_small td, th {
	border:1px solid #CCC;
	padding:5px;
	vertical-align:top;
}

table.comparison_small td.blank, table.comparison_small th.blank{
	border:none;
}

table.comparison_small th {
	font-size:13px;
	font-weight:bold;
	text-align:center;
}


table.comparison_small tr.group {
	background-color:#C0C0C0;
	background-image:url(/marketing/micro-site/images/new/bg-table-tr-header.png);
	background-repeat:repeat-x;	
}	
	
	
/* ----------- layout stuff -----------*/		

#container {
	width:1130px;
	margin:auto;
	background:url(/marketing/micro-site/images/new/bg-container.png) no-repeat;
}
#footer {
	width:960px;
	margin:12px auto;
	font-size:12px;
}
#header {
	width:960px;
	margin:auto;
}
#logo {
	float:left;
	margin:15px 0 10px 0;
}

#strapline {
	color:#fff;
	font-size:24px;
	float:left;
	margin-top:45px;
	margin-left:20px;
}



#standard-links {
	float:right;
	margin-top:10px;
	font-size:0.8em;
}
#standard-links ul {
	float:right;
}
#standard-links ul li {
	float:left;
	margin:0;
}
#standard-links ul li a {
	float:left;
	margin:0 0 0 20px;
	color:#999;
}

.col-margin-left {
	width:300px;
	float:left;
}

.col-margin-right {
	width:360px;
	float:right;
}

/* ----------- navigation -----------*/	

#nav-primary {
	width:960px;
	margin:auto;
}
#nav-primary ul {
	margin:-20px 10px 0 0;
	float:right;
}
#nav-primary ul li {
	float:left;
	margin:0;
}
#nav-primary ul li a {
	display:block;
	width:160px;
	background:#333 url(/marketing/micro-site/images/new/sprite-layout-elements.gif);
	background-position:0 -40px;
	text-align:center;
	height:33px;
	color:#CCC;
	padding:0;
	text-decoration:none;
	font-size:0.9em;
	line-height:33px;
}

/*
#nav-primary ul li a:hover {
	background-position:0 -80px;
}
*/

#nav-primary ul li a:hover, #nav-primary ul li a.hover {
	background-position:0 -80px;
}

#nav-primary ul li a.active {
	background-position:0 0;
	color:#fff;
}
#nav-primary ul li a.active:hover {
	background-position:0 0;
	color:#fff;
}




/* ----------- sub navigation -----------*/	

#nav-secondary {
	background:#CCC url(/marketing/micro-site/images/new/sprite-layout-elements.gif);
	background-position:0 -120px;
	height:32px;
}
#nav-secondary ul {
	margin:7px 15px 0 0;
	float:right
}
#nav-secondary ul li {
	float:left;
	margin:0;
}
#nav-secondary ul li a {
	display:block;
	float:left;
	padding:0 15px 0 15px;
	color:#999;
	font-size:0.8em;
	text-decoration:none;
	border-left:1px dotted #666;
}

#nav-secondary ul li a:hover {
	text-decoration:underline;
}

#nav-secondary ul li a.active {
	color:#FFF;
	text-decoration:underline;
}

#nav-secondary ul li.first a {
	padding:0 15px 0 0;
	border:none;
}

#nav-secondary ul li.last a {
	padding:0 0 0 15px;

}

/* ----------- contact bar -----------*/	


#contact-bar {
	background:#666 url(/marketing/micro-site/images/new/bg-contact-bar02.gif) repeat-x;
	height:40px;
}
#contact-bar ul {
	margin:0 0 0 0;
}

#contact-bar ul li {
	float:left;
	margin:0;
	display:block;
	padding:12px 30px 0 26px;
	height:28px;
	color:#CCC;
	background:url(/marketing/micro-site/images/new/bg-contact-bar-li.gif) no-repeat right;
}

#contact-bar ul#contact-bar-standard li {
	padding:12px 52px 0 52px;
}

#contact-bar ul li a {
	color:#ccc;
	text-decoration:none;
	padding:0 0 0 25px;
	text-decoration:none;
}

#contact-bar ul li a:hover {
	color:#f90;
}

#contact-bar img {
	vertical-align:middle;
	margin:0 8px 0 0;
}


#contact_quote {
	background:none !important;
}

#contact_question {
	background:none !important;	
}

#contact_email a {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat;
	
}

#contact_phone em{
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -160px;
	padding:0 0 0 25px;
}

#contact_chat a {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -40px;
}

#contact_consultation a {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -80px;
}

#contact_quote a {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -120px;

}

#contact_question a {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -180px;	
}

#contact_email a:hover {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -20px;
	
}


#contact_chat a:hover {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -60px;
}

#contact_consultation a:hover {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -100px;
}

#contact_quote a:hover {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -140px;

}

#contact_question a:hover {
	background:url(/marketing/micro-site/images/new/bg-sprite-contact-bar-icons.jpg) no-repeat 0 -200px;
}




/* ----------- breadcrumb -----------*/

#breadcrumb {
	font-size:0.75em;
	margin:0 0 15px 0;
	color:#666;
}
#breadcrumb a {
	color:#666;
}

/* ----------- lhs menu -----------*/

#lhs-menu {
	margin:0;
	padding:0;
}
#lhs-menu li {
	background:url(/marketing/micro-site/images/new/bg-bullet-orange-square.gif) no-repeat;
	background-position:0 5px;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}
#lhs-menu li a {
	color:#333;
	text-decoration:none;
}
#lhs-menu li a:hover {
	text-decoration:underline;
}
#lhs-menu li a.active {
	text-decoration:underline;
}
/* ----------- top content on black -----------*/	

#top-content {
	width:1000px;
	margin:auto;
	color:#CCC;
}
#top-content .left {
	float:left;
	width:546px;
}
#top-content .right {
	float:left;
	width:404px;
	padding:30px 20px 0 30px;;
	color:#CCC;
}



#top-content .right .cta {
	display:block;
	font-size:16px;
	margin:10px 0 0 18px;
	float:left;
	padding:0 0 0 15px;
	background:url(/marketing/micro-site/images/new/bg-cta-link.png) no-repeat;
	background-position:0 5px;
	color:#CCC;
	
}

#top-content .right .cta:hover {
	color:#F90;
	text-decoration:underline;
}

#safeswitch-top-content-full-content {
	float:right;
	margin-right:20px;
	margin-top:80px;
	text-align:right;

}

#safeswitch-top-content-full-content h1 {
	font-size:26px;
}

.basic-home-content-right {
	margin-bottom:15px;
}

#top-content-full {
	width:960px;
	margin:15px auto;
}

.content-full {
	margin-bottom:15px;
}

/* ----------- content on white -----------*/

.content h1 {
	color:#F90;
	font-size:30px;
	font-weight:bold;
}
.content {
	background:#FFF url(/marketing/micro-site/images/new/bg-content.png) no-repeat;
	width:930px;
	margin:auto;
	padding:15px;
}
.divider {
	background:#FFF url(/marketing/micro-site/images/new/bg-content2.png) no-repeat;
}

.no-tabs {
	margin-top:-25px;
}

.content-bottom {
	background:#FFF url(/marketing/micro-site/images/new/bg-content-bottom.png) no-repeat;
	width:960px;
	height:30px;
}
.content-container {
	width:960px;
	margin:auto;
	margin-top:25px;
}
.lhs {
	width:220px;
	float:left;
}
.rhs {
	width:680px;
	float:right;
}
/* ----------- tabs for top of content on white -----------*/	

ul.tabs {
	margin:0;
	padding:0;
	float:left;
	position:relative;
	top:-48px;
	margin-bottom:-48px;
}
ul.tabs li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
}
ul.tabs li a {
	display:block;
	width:260px;
	background:#CCC url(/marketing/micro-site/images/new/sprite-layout-elements.gif);
	background-position:0 -200px;
	text-align:center;
	height:29px;
	color:#666;
	padding:5px 0 0 0;
	text-decoration:none;
}

ul.tabs li a:hover, ul.tabs li a.hover {
	background-position:0 -240px;
	color:#ccc;
}

ul.tabs li a.selected {
	background-position:0 -160px;
	color:#333;
	height:27px;
	padding:7px 0 0 0;
}
.tab-content {
	clear:both;
}
/* ----------- inner tab content -----------*/

.quote-left {
	width:500px;
	float:left;
	padding:15px 0 0 20px;
}
.quote-right {
	width:340px;
	float:right;
	padding:30px 20px 0 0;
}

.inner-tab-left {
	width:520px;
	float:left;
}
.inner-tab-right {
	width:340px;
	float:right;
}

.feature-small {
	width:250px;
	float:left;	
}

.feature-small img {
	float:left;
	margin:0 10px 0 0;
}

.feature-small h6 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

/* ----------- third of width boxes -----------*/


.third-box {
	background:url(/marketing/micro-site/images/new/bg-third-box.png) no-repeat;
	width:270px;
	float:left;
	margin:15px 10px 0 0;
	padding:15px;
}
.third-box .last {
	margin-right:0px;
}
.third-box img {
	float:right;
	padding:0 0 0 15px;
}
.third-box p {
	font-size:13px;
	height:70px;
}

.third-box a{
	color:#666;
	text-decoration:none;
}

.third-box a:hover{
	text-decoration:underline;
}

/* ----------- third of width boxes modified -----------*/

.third-box-mod {
	margin-top:0;
}


.third-box-mod p {
	height:90px;
}

.third-box-mod img {
	float:right;
	padding:0 0 0 10px;
}

.third-box-mod h3 {
	font-size:16px;
	font-weight:bold;
	
}

/* ----------- half of width boxes -----------*/


.half-box {
	background:url(/marketing/micro-site/images/new/bg-half-box.png) no-repeat;
	width:425px;
	float:left;
	margin:0 20px 0 0;
	padding:15px;
}
.half-box.last {
	margin-right:0px;
}
.half-box img {
	float:right;
	padding:0 0 0 5px;
}
.half-box p {
	font-size:16px;
	height:100px;
}

.half-box a {
	background-color:#999;
	padding:5px 50px;
	text-decoration:none;
	color:#FFF;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	font-size:16px;
	border:3px solid #CCC;

}

.half-box a:hover {
	text-shadow: 1px 1px 1px #333;
	background-color:#666;
}

/* ----------- other grey boxes -----------*/

.grey-box-small {
	background:url(/marketing/micro-site/images/new/bg-grey-box-small.png) no-repeat;
	width:190px;
	float:left;
	margin:15px 10px 0 0;
	padding:15px;
}

.grey-box-small.last {
	margin:15px 0 0 0;
}

.grey-box-large {
	background:url(/marketing/micro-site/images/new/bg-grey-box-large.png) no-repeat;
	width:410px;
	float:left;
	margin:15px 10px 0 0;
	padding:15px;
}


.grey-box-small img, .grey-box-large img {
	float:left;
	padding:0 15px 15px 0;
}

.grey-box-small p , .grey-box-large p{
	font-size:13px;
	height:70px;
}




/* ----------- fifth of width boxes -----------*/

.fifth-width-box {
	width:170px;
	float:left;
	margin-bottom:30px;
	padding-right:10px;
	font-size:11px;
	text-align:center;
}

.fifth-width-box img {
	margin-bottom:10px;
}


/* ----------- content blocks -----------*/	


.content-block {
	border-bottom:1px dotted #666;
	margin:0 0 15px;
	padding-bottom:15px;
}

.content-block-last {
	border-bottom:none;
	margin:0;
}

.content-block h2 {
	font-size:24px;
	font-weight:normal;
}

.content-block img {
	background-image:url(/marketing/micro-site/images/new/bg-content-box-img.png);
	/*border: 1px solid #fff;
	-o-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
	box-shadow: 0 0 3px rgba(0,0,0,.5);*/
	padding:5px;
	/*margin:10px;*/
}


#map-key {
	background-color:#E9E9E9;
	border:1px dashed #D4D4D4;
	width:300px;
	padding:15px;
}

#map-key img {
	vertical-align:middle;
	margin:0 5px 0 0 ;
}

/* ----------- footer -----------*/	

#footer ul {
	float:right;
}

#footer li {
	float:left;
	margin:0 5px;
}

#footer a {
	color:#666;
}


/* ----------- roundel -----------*/

.roundel {
	background:url(/marketing/micro-site/images/new/bg_roundel.png);
	display:block;
	height:60px;
	width:65px;
	color:#FFF;
	padding:25px 10px 0 10px;
	text-align:center;
	font-size:16px;
	line-height:110%;
}


.third-box .roundel {
	float:left;
	position:relative;
	margin:-85px 0 0 0;
	left:200px;
	text-shadow: 1px 1px 1px #333;
	-webkit-transform:rotate(20deg);
    transform: rotate(20deg);

}

.rhs .roundel {
	float:left;
	position:relative;
	margin:-85px 0 0 0;
	left:370px;
	text-shadow: 1px 1px 1px #333;
	-webkit-transform:rotate(20deg);
    transform: rotate(20deg);

}




/* ----------- safeswitch -----------*/

.safeswitch {
	background:url(/marketing/micro-site/images/new/bg_safeswitch.gif) no-repeat;
	height:280px;
}


/* ----------- trophys and logos -----------*/

.logos-awards {
	padding:15px 0 0 10px;
	
}

.logos-awards .award, .logos-awards .logo {
	display:block;
	width:150px;
	height:120px;
	text-indent:-5000px;
	float:left;
	background-image:url(/marketing/micro-site/images/new/bg_awards-logos.jpg);
}


.logos-awards .divide {
	display:block;
	width:5px;
	height:80px;
	border-left:1px dotted #ccc;
	float:left;
	margin-top:20px;
}

.logos-awards .awards-title {
	float:left;
	width:300px;
	font-weight:bold;
	padding:0 0 0 15px;
	color:#666;
}

.logos-awards .logos-title {
	float:left;
	width:500px;
	padding:0 0 0 5px;
	font-weight:bold;
	color:#666;
}


/* ------ ISPA ------*/

#ISPA {
	background-position:0 0;
}


/* ------ ISPA ------*/

#BestBiz {
	background-position:-150px 0;
}


/* ------ Logo1 ------*/

#logo1 {
	background-position:-300px 0;
}

/* ------ Logo2 ------*/

#logo2 {
	background-position:-450px 0;
}

/* ------ Logo3 ------*/

#logo3 {
	background-position:-600px 0;
}

/* ------ Logo4 ------*/

#logo4 {
	background-position:-750px 0;
}

/* ----------- others -----------*/


.smallprint ol {
	list-style-type:lower-roman;
	margin:0;
	padding:0;
	font-size:10px;
}

.smallprint ol li {
	background-image:none;
	margin:0 0 0 20px;
	padding:0;
}

.breaker {
	border-top:1px dotted #999;
	display:block;
	height:5px;
	margin:10px 0 10px 0;
}

.arrow-line {
	background:url(/marketing/micro-site/images/new/bg_arrow.gif) repeat-x  0 50px;
}

.equal-hight {
	height:50px;
}


/* ----------- posistioning -----------*/


.left {
	float:left;
}
.right {
	float:right;
}
.padding-left {
	padding:0 0 0 15px;
}
.padding-right {
	padding:0 15px 0 0;
}

.margin-left {
	margin:0 0 0 15px;
}
.margin-right {
	margin:0 15px 0 0;
}

.margin-bot {
	margin:0 0 15px 0;
}

.margin-none {
	margin:0;
}

.padding15lr {
	padding:5px 15px 0 15px;
}
