/* General styles */
body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 80%;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */

	color: #00627c;
}

h1, h2, h3, h4, h5, h6 , ul, form{
	margin: 0;
	padding: 0;
}

/* Font sizes */
h1 {
	font-size: 100%;
	color: #00627c;
	font-weight:normal;
}
h2 {
	font-size: 123%;
	color: #00a9d4;
	font-weight:normal;
}
h3 {
	font-size: 115%;
	text-align:left;
	font-weight:normal;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}

h1.h1-heading {

	color: #065E75;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	font-weight:bold; 


}



p, ul {
	line-height:140%;
}

table {
	font-size:100%;
}

ul {
	list-style: disc inside none;
}

a:link, a:visited, a:active, a:hover {
	background-color: inherit;
	color: #00a9d4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 a:link, h1 a:visited, h2 a:link {
	text-decoration: none;
	color: #00627c;
}

.screenReader {
	left: 0pt;
	position: absolute;
	top: -10000px;
}
.hidden {
	display:none;
}

/* General page spacing */
p {
	margin: 10px 0;
}
h2, h3 {
	margin: 10px 0;
}


/* Header styles */
#headerContainer {
	background-color: #00627D;
	color: #000000;
	text-align: left;
}
#headerContainer ul {
	background-color: #00627D;
	color: inherit;
}
#headerContainer ul li a {
	background-color: inherit;
	color: #FFFFFF;
}
#fontChanger ul li a, #fontChangerText {
	background-color: inherit;
	color: white;
}

#header {
	clear:both;
	float:left;
	width:100%;
}

.singleCol {
	padding:0 10px 10px;
}
* html .singleCol {			/* IE5/6 */
	width:100%;
	overflow:hidden;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
	background:#fff;    	/* Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-221px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:462px;         	/* Left column width + right column width */
	background:#fff;    	/* Left column background colour */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:241px;        	/* Width of left column */
	padding-bottom:4em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin:0 231px 0 251px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
}
* html .col1 {				/* IE5/6 */
	width:100%;
	overflow:hidden;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:201px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:20px;	         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:181px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:60px;	  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
}
#footer p {
	padding:10px;
	margin:0;
}
#footer a, #footer a:hover {
	color:#00627C;
}


#headerContainer {
	height: 1.4em;
	position: relative;
}
#logoContainer {
	/*height: 144px;
	position: relative;*/
}
.logoSpacer {
	margin-top: 154px;
}
.pageTitle {
	margin-bottom:20px;
	height:144px;
	margin-right:-211px;
	position:relative;
}


.pageTitle p {
	border-top: 1px solid #00a9d4;
	border-bottom: 1px solid #00a9d4;
	padding: 5px 0;
	position: absolute;
	bottom: 0;
	width:100%;
	color: #00627C;
	font-size: 100%;
	margin:0px;
	
}

.pageTitle p a:link, .pageTitle p a:visited, .pageTitle p a:hover {

	color: #00627C;
	text-decoration: none;

}


.pageBody {
}
.pageTitle h1 {
	border-top: 1px solid #00a9d4;
	border-bottom: 1px solid #00a9d4;
	padding: 5px 0;
	position: absolute;
	bottom: 0;
	width:100%;
}
.singleCol .pageTitle {
	margin-left:226px;
	margin-right:0;
}

#header {
	left: 0;
	position: absolute;
	top: 1.4em;
	width: 100% !important;
}
#siteNavMenuContainer {
	position: relative;
	padding-left: 221px;
	margin-right: 20px;
	float:right;
}
#logo {
	background: transparent url('indy-mobility-hdr.jpg') no-repeat scroll 0%;
	position: absolute;
	left:20px;
	top: -5px;
	width:201px;
	height: 144px;
	z-index:5;
}
#restOfHeader {
	height: 5em;
}
#header ul, #headerContainer ul, #fontChanger ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#header ul li, #headerContainer ul li, #fontChanger ul li {
	display: inline;
	margin: 0pt;
}
#headerContainer ul {
	line-height: 1.2em;
	padding-left: 20px;
	padding-right: 7em;
}
#headerContainer ul li {
	padding-right: 1em;
}
#headerContainer ul li a {
	font-size: 85%;
}
#header ul#siteNavMenu {
	font-size: 85%;
	margin-right: 1em;
	padding-top: 1em;
	text-align: right;
}
#header #siteNavMenu li {
	border-left: 1px solid #000000;
	padding: 0pt 0pt 0pt 0.4em;
}
#header #siteNavMenu li.first {
	border-left-width: 0px;
}
ul#fontChanger {
	position: absolute;
	right: 0;
	top: -1.4em;
}
ul#fontChanger li {
	border-width: 0pt !important;
	position: relative;
}
ul#fontChanger img {
	border-width: 0pt;
	position: relative;
	text-decoration: none;
}

#navBar li {
	overflow:hidden;
	float:left;
	width:auto;
	font-size: 85%;
	padding-left:1.5em;
}

#navBar li a {
	display:block;
	width:auto;
	padding:2px 0;
	text-decoration:none;
	color:#00627c;
}

#navBar li a:hover {
	text-decoration:underline;
}

#footer .bar {
	background:#d9f2f9;
	line-height:200%;
}
#footer div, #footer p {
	text-align: center;
}
#footer div table {
	margin: 20px auto 0;
	text-align: left;
	font-size: 85%;
}
#footer div table td {
	padding:2px 20px;
}

ul#categories {
	border:0;
	padding:0;
	list-style:none outside none;
	margin: 0 -15px 10px;
}
ul#categories li {
	list-style:none outside none;
	color:#00627c;
}
* html ul#categories li {
	border:1px solid #d9f2f9; /* IE6 gives massive padding if there's no border */
}

#categories li a {
	text-decoration:none;
	color:#00627c;
	display:block;
}
ul#categories a.current {
	font-weight:bolder;
}

ul#categories li.navlevel1 {
	border-bottom:1px solid #AED5E0;
}
ul#categories li.navlevel1 a {
	padding:4px 15px;
}
ul#categories li.navlevel1 a:hover {
	background-color:#00627D;
	color:white;
}
ul#categories li.navlevel2 a {
	padding:2px 15px 2px 35px;
}
ul#categories li:hover.navlevel2 a {
	background-color:#00627D;
	color:white;
}

ul#categories li.navlevel2 {
	font-size:85%;
}
ul#categories hr {
	margin:0;
}


.cssbox_head h2 {
	text-align:center;
	color:#fff;
}
.sidebox, .sidebox .cssbox_body, .sidebox .cssbox_head, .sidebox .cssbox_head h2 {
	background-image: url('side-bg.png');
}
.sidebox .cssbox_head h2 {
	background-color: #00627d;
}
/* set the image properties to use and establish the lower-right position */
.cssbox, .cssboxright, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.cssbox_body, .cssbox_head, .cssbox_head h2 {
	/*background-image: inherit; IE woefulness prevents */
}
.cssbox {
	width: 186px !important; /* intended total box width - padding-right(next) */;
	width: 201px; /* IE Win = width - padding */;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */;
	margin: 10px auto 20px; /* use to position the box */
}
.cssboxright {
	width: 166px !important; /* intended total box width - padding-right(next) */;
	width: 181px; /* IE Win = width - padding */;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */;
	margin: 10px auto 20px; /* use to position the box */
}
/* set the top-right image */
.cssbox_head {
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */;
	padding-right: 15px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2 {
	background-position: top left;
	margin: 0;
/* reset main site styles*/	border: 0;
/* ditto */	padding: 5px 0 5px 15px;
/* padding-left = image gap + interior padding ... no padding-right */	height: auto !important;
	height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body {
	background-position: bottom left;
	margin-right: 0px; /* interior-padding right */;
	padding: 0 0 5px 15px; /* mirror .cssbox_head right/left */
}


/* Product lists */
.productList .product {
}
.productList .thumbnail {
	margin:0 18px 10px 0;
	float:left;
	text-align:center;
}
.productList .price {
	font-weight:bolder;
}
.productList .tax {
}
.productList .code {
	font-size:70%;
}
.productList table.options td {
	padding:2px 10px 2px 0;
}


/* Product info */
.productInfo h3 {
	color:#00ABD7;
	font-weight:bold;
	margin:0;
	padding:0 0 6px;
}
.productInfo .thumbnail {
	float:left;
}
.productInfo .price {
	color:#00a9d4;
	font-size:140%;
	font-weight:bolder;
}
.productInfo .tax {
}
.productInfo .code {
	font-size:70%;
}
.productInfo table.options {
	margin-bottom:7px;
}
.productInfo table.options td {
	padding:2px 10px 2px 0;
}

table.info {
	width:100%;
}
table.info th {
	text-align:left;
	color: #00627c;
	font-weight:bolder;
}
table.info th, table.info td {
	padding: 4px 0;
}
table.info td {
	vertical-align:top;
}

ul.features {
	color: #f3830b;
	text-indent:-15px;
}
ul.features li {
	margin-left:15px;
}
ul.features li span {
	color: #00627c;
}


/* Shopping Cart */
table.cart {
	width:100%;
	border:1px solid gray;
	border-collapse:collapse;
	line-height:140%;
}
table.cart th {
	padding:5px;
	border:1px dotted gray;
	background-color:#d9f2f9;
	text-align:left;
}
table.cart td {
	padding:5px;
	vertical-align:top;
	border:1px dotted gray;
}
table.cart table {
	border:none;
}
table.cart table td {
	border:none;
	padding:0;
}


/* Checkout */
p.checkoutProgress {
	width:100%;
	text-align:center;
	font-size:larger;
}
p.checkoutProgress span.highlight {
	font-weight:bolder;
}
table.checkout {
	width:100%;
	border-collapse:collapse;
	line-height:140%;
}
table.checkout td {
	padding:3px 2px 3px 0;
}

table.checkout th {
	padding:3px 2px 3px 0;
	text-align:left;
}

ul.buttons {
	margin:10px 0;
	padding:0;
	list-style-type:none;
}
ul.buttons li {
	float:left;
	margin-left:10px;
}

.form_input_general {
	border:1px solid #aed5e0;
}

a img {
	border:none;
}

hr, div.separator, hr.sep_large, hr.sep_small {
	border:none;
	color:#aed5e0;
	background-color:#aed5e0;
	height:1px;
	overflow:hidden; /* for IE6 to respect height */
	clear:both;
}
hr.sep_small {
	margin: 10px 0;
}
hr.sep_large {
	margin: 20px 0;
}

h3.product h4.product {
	margin: 0;
}


ul.sitemap li ul {
	padding-left:2em;
	list-style: circle inside none;
}

ul.thumbgrid {
	list-style: none outside none;
	margin: 10px 0;
	padding: 0;
	width:100% /* for IE7 */
}

ul.thumbgrid li {
	display:block;
	float:left;
	height:160px;
	margin:0 20px 15px 0;
	width:130px;
}
ul.thumbgrid li img {
	margin-bottom: 3px;
}

p.pager span {
	font-weight:bolder;
	font-size:120%;
    margin-right:10px;
}
p.pager a {
    margin-right:10px;
}
p.pager select {
	vertical-align:top;
}

ul#opentimes {
	list-style:none outside none;
	font-size:90%;
	margin:10px 0 20px;
}
ul#opentimes li {
	margin:5px 0;
}

div.col3 p {
	margin: 20px 0;
}