/*
Theme Name: Telogis for Wordpress
Theme URI: http://www.telogis.com/
Description: Stylesheet for Product Pages
Version: 1
Author: Michael Story
*/

/* UNDO SITE STYLES */


html {
		background: none;
}

.half-black {
		height: 45px;
		border-bottom: 1px solid rgba(255,255,255, 0.3);
}

#content {
		background: #fff;
}

#header {
		height: 312px;
}

#content-inner {
		width: 959px;
}

#content-inner ul {
		margin-left: 0 !important;
}

#content h2 {
		margin-top: 0;
}

#tgcf1 {
		width:700px;
}


/* Helper Classes */

.sprite, .reasons ul  {
		background: url(images/products/super-sprite.png) no-repeat;
}

.product-features {
		clear: none !important;
}




/* This file controls the style of all product pages. Classes are given to page elements according to the product */


/* BREADCRUMBS ----------------------------------------- */

#breadcrumb strong {
		color: #888;
}

/* HEADERS ----------------------------------------- */

#header h1 {
		font-family: din-condensed-web,sans-serif;
		color: white;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
		font-size: 71px;
		padding: 33px 0 0 25px;
}

#header h1 span {
		font-size: 78px;
		display: block;
		text-indent: 130px;
		line-height: 30px;
}

.wf-loading h1 {
		visibility: hidden;
}

#header .wrap {
		position: relative;
}

/* Fleet */
body.page-id-164 {
		background: #004A85 url(images/products/fleet/fleet-bg.jpg) no-repeat;
		background-position: 0 43px;
}

.product-image {
		position: absolute;
		margin: 0 !important;
}

.big-pic {
		top: 15px;
		right: 0;
}

.small-pic {
		right: 299px;
    	top: 147px;
    	z-index: 8;
}

/* SUB NAVS ----------------------------------------- */

.sub-nav {
		float: left;
		width: 100%;
		position: relative;
		border-bottom: 1px solid #ccc;
}

.sub-nav .cta {
		position: absolute;
		top: 25px;
		right: 0;
		width: 115px;
		height: 44px;
		background-position: 0 -113px;
}

.sub-nav .cta:hover {
		background-position: -124px -113px;
}

#overview .cta {
		background-position: -6px -59px;
    	display: block;
   	 	height: 49px;
   	 	text-indent: -999em;
   	 	width: 160px;
}

#overview .cta:hover {
		background-position: -182px -59px;
}

#menu {
		float: right;
		padding-right: 120px;
		padding-top: 29px;
}

.fleet .branding {
		text-indent: -999em;
		width: 211px;
		height: 48px;
		background-position: 0 0;
		float: left;
		margin-top: 1em !important;
}

#menu li { 
		float: left;
		list-style: none;
		margin-right: 10px;		
}

#menu li a {
		padding: 6px 28px;
		float: left;
		border: solid 1px white;
}

#menu li a:link, #menu li a:visited {
		color: black !important;
		text-decoration: none !important;
}

#menu li a:active, #menu li a:hover, #menu li.active a {
		color: #009AFF !important;
		text-decoration: none !important;
		background-position: -10px -161px !important;
		border: solid 1px #D2D2D2;
		border-radius: 3px;
		background: url(images/products/super-sprite.png) no-repeat;
}

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

#overview {
		padding-top: 1em;
		float: left;
		width: 100%;
}

#overview .section ul {
		width: 30%;
}

.reasons li {
		list-style: none;
		position: relative;
		padding-bottom: 0.5em;
		padding-left: 45px;
		min-height: 3em;
		color: black;
}

.reasons {
		background: url(images/products/grad.jpg) repeat-x;
		width: 314px;
		float: right;
		padding: 0 0 0 10px;
		border-radius: 3px;
		margin-left: 20px;
}

.reasons ul {
		background-position: -358px 167px;
		padding-right: 10px;
}

.reasons span {
		position: absolute;
		font-size: 30px;
		top: 0.18em;
		left: 0;
		text-align: right;
		width: 34px;
		color: #888888;
}

.reasons h3 {
		font-family: din-condensed-web,sans-serif;
		font-size: 2.3em;
		margin-top: 0.3em;
		margin-bottom: 0;
		line-height: 1.7em;
		color: #3A3A3A;
}

.wf-loading .reasons h3 {
		visibility: hidden;
}

.reasons h3 strong {
		font-weight: bold;
		color: #29292A;
}