@import '/cms/styles/common.css';
@import '/style.css';


/* COMMON ---------------------------------------------------------------------- */

body {
	background:#ffffff url('/images/bg.gif') top repeat-x;
}

body.homepage #bg-wrapper {
	background:url('/images/bg-home.jpg') top center no-repeat;
}

#bg-wrapper {
	background:url('/images/bg-page.jpg') top center no-repeat;
}

.page {
	width:760px;
	margin:0 auto;
}



/* HEADER ---------------------------------------------------------------------- */

#header {	
	background:url('/images/header-bg.jpg') top left no-repeat;
}

#header-right {
	margin:5px 0 0 230px;
	display:inline;
}

#search {
	font-size:12px;
}
#search .label {
	padding:2px 0 0 0; 
	color:#466d88;
	font-weight:bold;
}
#search input {
	margin:0 0 0 5px;
	width:180px;
}
#search .button input {
	border:none;
	padding:0;
	width:auto;
	outline:none;
	background:none;
}

#header-links {
	color:#947d61;
	margin:30px 0 0 25px;
}
#header-links a	{
	color:#ffb062;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}
#header-links a:hover	{
	color:#ffffff;
}
#header-links ul, #header-links li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#header-links li {
	margin-right:8px;
	padding-right:8px;
	display:block;
	border-right:1px solid #6b6861;
}
#header-links li.last {
	margin:0;
	padding:0;
	border:none;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
	background:url('/images/menu-bg.jpg') top left no-repeat;
}

#menu ul, #menu li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#menu li {
	padding-right:2px;
	background:url('/images/menu-separator.gif') top right no-repeat;
	text-align:center;
}
#menu li#about {
	width:110px;
}
#menu li#solutions {
	width:210px;
}
#menu li#news {
	width:133px;
}
#menu li#resources {
	width:190px;
}
#menu li#support {
	width:105px;
	padding:0;
	background:none;
}

#menu a {
	outline:none;
	height:29px;
	line-height:29px;
	padding:0 0 0 12px;
	background:url('/images/menu-bullet.gif') left center no-repeat;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:inline;
}
#menu a sup {
	color:#ffffff;
}
#menu a:hover, #menu a:hover sup {
	color:#ffb062;
}
#menu a:hover {
	background-image:url('/images/menu-bullet2.gif');
}



/* SUBNAV ---------------------------------------------------------------------- */

#nav {
	width:160px;
	margin-left:1px;
}

#nav ul, #nav li {
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
}

#nav li {
	background:url('/images/nav-separator.gif') bottom left no-repeat;
	padding:0 1px 1px 0;
}
#nav li li {
	padding-left:10px;
	background:none;
}
#nav li li li {
	padding-left:20px;
	background:none;
}

#nav li a, #nav li.navactive li a {
	display:block;
	color:#336284;
	font-weight:bold;
	text-decoration:none;
	padding:3px 5px;
	outline:none;
}
#nav li.navactive a, #nav li.navactive a:hover {
	color:#cf4747;
}
#nav ul a:hover {
	color:#2d3e4b;
	background-color:#FFFFFF;
}

#rootname {
	border-bottom:1px solid #ffffff;
	margin:0 0 7px 0;
}
#rootname h1 {
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	background:url('/images/rootname-bg.jpg') top left no-repeat;
	border-bottom:1px solid #224055;
	margin:0;
	padding:9px 5px 7px 23px;
}
#rootname h1 a {
	color:#ffffff;
	text-decoration:none;
}
#rootname h1 a:hover {
	color:#ffb062;
}

#nav #signupbox {
	margin:50px 0 5px 0;
	background:url('/images/signup-bg2.jpg') bottom left no-repeat;
	padding:10px 5px 10px 5px;
	xborder:1px solid #ffaaaa;
	width:135px;
}
#nav #signupbox h1 {
	font-size:13px;
	padding:0;
	background:none;
	margin:0 0 5px 0;
	text-align:center;
}
#nav #signupbox input {
	margin:0 auto 5px auto;
	width:125px;
}
#nav #signupbox .button {
	xtext-align:center;
}

#nav #signupbox .button input {
	border:none;
	padding:0 0 0 5px;
	width:auto;
	outline:none;
	background:none;
}
#nav .moreinfo {
	width:145px;
	text-align:center;
	color:#bbbbbb;
}
#nav .moreinfo a {
	color:#999999;
	font-weight:normal;
}
#nav .moreinfo a:hover {
	color: #cf4747;
}

#subnavbox {
	height:auto !important;
	height:100px;
	min-height:100px;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background:url('/images/footer-bg.gif') 0 10px repeat-x;
	height:auto !important;
	padding-bottom:100px;
}
#footer .page {
	background:url('/images/footer-top.jpg') top center no-repeat;
	padding-top:15px;
}
body.threecol #footer .page {
	background-image:url('/images/footer-top2.jpg');
}
#footer ul, #footer li {
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
}
#footer ul {
	margin:0 0 5px 0;
}

#footer li a {
	margin-right:7px;
	padding-right:7px;
	border-right:1px solid #344b5c;
	line-height:20px;
	font-weight:bold;
	outline:none;
}
#footer li a, #footer li a sup {
	color:#ffffff;
	text-decoration:none;
}
#footer li a:hover, #footer li a:hover sup {
	color:#ffb062;
}
#footer li.last a {
	margin-right:0;
	padding-right:0;
	border-right:none;
}

#footer #copyright, #footer #copyright a {
	color:#8e9ba3;
	font-size:10px;
	outline:none;
}
#footer #copyright a:hover, #footer #credit a:hover {
	color: #cf4747; 
}
#footer #credit {
	float:right;
}
#footer #credit a {
	color:#8e9ba3;
	font-size:10px;
	text-decoration:none;
}
.separator {
	color:#344b5c;
}

#footer #footerlogo {
	text-align:center;
	margin:20px 0 0 0;
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

/* HOME ------------------------------------------------------------------------ */

#impact {
	padding:67px 0 0 505px;
}
#impact, #impact a {
	color:#1f3b4e;
	font-weight:bold;
}
#impact a:hover {
	color: #cf4747; 
	text-decoration:none;
}

#home-content {
	padding:85px 0 0 0;
}
#home-content h1 {
	margin-top:0;
}

#home-left {
	width:475px;
	padding:0 15px 15px 15px;
}
#home-left h1, #home-left h1 span {
	font-size:15px;
}

#home-right {
	width:254px;
	padding:0;
}
#home-right ul li {
	margin-bottom:10px;
}

.seeall {
	color:#1d3749;
	float:right;
	font-size:10px;
	font-weight:normal;
}
.seeall a {
	color:#1d3749;
	font-size:10px;
	font-weight:normal;
}
.seeall a:hover {
	color: #cf4747; 
}

.tearaway {
	background:url('/images/tearaway.jpg') bottom right no-repeat;
	padding:0 15px 45px 15px;
}
.tearaway-wrapper {
	background:url('/images/right-bg.gif') left repeat-y;
}

#demobox {
	margin:10px 0 15px 0;
}

#signupbox {
	background:url('/images/signup-bg.jpg') right bottom no-repeat;
	padding:15px;
}
#signupbox input {
	margin:0;
	width:180px;
}
#signupbox .button {
	padding:0 0 0 5px;
}
#signupbox .button a {
	outline:none;
}
#signupbox .moreinfo {
	margin-top:10px;
	text-align:left;
}
#signupbox .moreinfo a {
	font-weight:normal;
}

#home-boxes td {
	width:135px;
	background:url('/images/homebox-bg.jpg') right repeat-y;
	padding:8px 8px 0 14px;
	vertical-align:top;
}
#home-boxes td.first {
	padding-left:8px;
}
#home-boxes td.top {
	background:url('/images/homebox-top.jpg') top right no-repeat;
}
#home-boxes td.bottom {
	background:url('/images/homebox-bottom.jpg') bottom right no-repeat;
	height:11px;
	padding:4px 8px 8px 8px;
}
#home-boxes td h2 {
	font-size:12px;
	background:url('/images/h1-bullet.gif') top left no-repeat;
	padding:0 0 0 15px;
	margin:0;
}
#home-boxes h2 a {
	color: #284b64;
}
#home-boxes h2 a:hover {
	color: #cf4747; 
}


/* CONTENT --------------------------------------------------------------------- */

#content {
	background:url('/images/bg-content-2.jpg') top center no-repeat;
	padding:0;
	height:auto !important;
	min-height:414px;
	height:400px;
}
body.threecol #content {
	background-image:url('/images/bg-content-3.jpg');
}

body.threecol #content-wrapper {
	background:url('/images/right-bg.gif') 578px 0 repeat-y;
	/*padding:0 0 36px 0;*/
}

#content-wrapper2 {
	/*
	padding:0 0 36px 0;
	margin:4px 0 0 0;
	background:url('/images/fleetpulse.gif') bottom left no-repeat;
	*/
}
body.threecol #content-wrapper2 {
	padding:0;
}

h1.pagetitle {
	color:#32495a;
	font-size:16px;
	border-bottom:1px dotted #aaaaaa;
	padding:0 0 3px 15px;
}

#content-content {
	width:574px;
	padding:12px 12px 10px 12px;
}
body.threecol #content-content {
	width:394px;
}

#content-right {
	width:180px;
}
#content-right #topright h1 {
	margin:10px 1px 0 0;
	color:#32495a;
	background-position:5px 0;
	font-size:12px;
	padding:0 5px 6px 20px;
	text-transform:uppercase;
	background-color:#ffFFFF;
	border-bottom:1px solid #c8d3d7;
}
#content-right #topright {
	border-bottom:1px solid #ffffff;
	margin-bottom:10px;
}
#content-right ul li {
	margin-left:20px;
}
#content-right h1 {
	color:#32495a;
	font-size:13px;
	border-bottom:1px solid #c8d3d7;
	padding:2px 0 2px 15px;
}
#content-right .paddedbox {
	padding:0 10px;
}
#content-right h2 {
	font-size:12px;
	color:#c9843f;
}
#content-right h3 {
	font-size:11px;
	color:#6d8799;
}
#content-right a:hover {
	color: #cf4747;
}
#content-right * {
	color:#466d88;
}



/* FORMS ----------------------------------------------------------------------- */

input.shaded, textarea.shaded {
	border:1px solid #e3e3e3;
	border-width:0 1px 1px 0;
	color:#999999;
	padding:3px 2px 1px 4px;
	font-size:10px;
	background:url('/images/formfield-bg.gif') top left no-repeat;
}
textarea.shaded {
	width:375px;
	height:100px;
}
select.shaded {
	border:1px solid #cccccc;
	color:#999999;
	padding:0;
}
input.button {
	xwidth:auto;
	color:#333333;
	font-weight:bold;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	xbackground-image:none;
	xbackground-color:#eeeeee;
	xpadding:0;
	xcursor:pointer;
}

.form-label {
	width:125px;
	font-weight:bold;
}
.form-field {
	width:400px;
}

.star {
	font-size:13px;
	font-weight:bold;
	color: #cf4747;
}

form .row {
	margin-bottom:5px;
}

/* SITE MAP --------------------------------------------------------------------- */

.sitemap ul {
	margin:0 0 0 50px;
}
.sitemap ul ul {
	padding:0 0 0 22px;
	margin:0;
}
.sitemap li {
	list-style-image:url('/images/bullet.gif');
	margin:0 0 10px 0;
	background:none;
	padding:0;
}
.sitemap li li {
	margin: 0 0 4px 0;
	list-style-image:none;
	list-style-type:circle;	
}
.sitemap li li li {
	margin:0;
}
.sitemap a:visited {
	color:#8899a4;
}
.sitemap a:hover {
	color: #cf4747; 
}



/* MISC STYLES ------------------------------------------------------------------ */

.moreinfo a {
	color:#1d3749;
	font-weight:bold;
	font-size:10px;
}
.moreinfo a:hover {
	color: #cf4747; 
}

.shading-title * {
	font-size:13px; 
	color:#ffffff;
}