/* font for all body */
.general {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #263f8f;
}
/* end for all body */

/*** title ***/
#title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #263f8f;
	font-weight:bold;
}

/*** for the boxes of left ***/
.tableLeft {
 	width: 164px;
	/* padding-top: 40px;
	padding on IE seems less thick
	_padding-top: 40px !importants; */
}

.categoryBottom {
	height:14px;
	background-image: url(../images/HawkIdeaCategoryBottom01.png);
	background-position: top;
	background-repeat: no-repeat;
}

.categoryBody {
	background-image: url(../images/HawkIdeaCategoryBg01.png);
	background-repeat: repeat-y;
	_padding-top: 0px;
}

.categoryBody input {
	margin-left: 20px;
	margin-top: 20px;
	_padding-top: 0px;
}

.categoryHeader {
	height:34px;
	background-image: url(../images/HawkIdeaCategoryHeader01.png);
	background-position: bottom;
	background-repeat: no-repeat;
	color:#fff;
	text-indent: 20px;
	vertical-align: middle;
	_padding-top: 0px;
}
/*** end for boxes on the left ***/

/*** yellow border for boxes ***/
.yellowBorder {
	border: 2px #ff9900 solid;
    text-align:center;
}
/*** end for yellow border for boxes ***/

/*** header images ***/
.headerImageMotorbike {
	background-image:url(../images/headerMotorbike.png);
	background-position: top left;
	width: 980px;
	height: 114;
}

.headerImageCar {
	background-image:url(../images/headerCar.png);
	background-position: top left;
	width: 980px;
	height: 114;
}

.headerImageParking {
	background-image:url(../images/headerParking.png);
	background-position: top left;
	width: 980px;
	height: 114;
}
/*** end header images ***/

.footerImage {
	background-image:url(../images/footer.png);
	background-position: bottom left;
    background-repeat: no-repeat;
	width: 980px;
	height: 114;
}
/*** end header image ***/

/*** border for the center image ***/
.centerImage {
	background-image: url(../images/HawkPhotoBlock01.png);
	background-position:top left;
	background-repeat: no-repeat;
}
/*** end of border for the center image ***/

/*** New description box ***/
.nwDescHead {
	background-image:url(../images/DescHeader.png);
	background-position:top left;
	background-repeat: no-repeat;
	color:#fff;
	text-indent: 20px;
	padding-top:12px;
}
	
.nwDescBody {
	background-image:url(../images/DescBody.png);
	background-position:top left;
	background-repeat: repeat-y;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	color: #263f8f;
  	font-family: Arial, Sans-Serif;
  	font-size: 13px;
}
	
.nwDescFoot {
	background-image:url(../images/DescFooter.png);
	background-position:top left;
	background-repeat: no-repeat;
}
/*** end of new description box ***/

/*** List items for categories ***/
.listItems {
	position: relative;
	list-style:none;
	top:10px;
	left: -20px;
}

.listItemsInner {
	position: relative;
	list-style:none;
	top:0px;
	left: -20px;
}


.listItems a, .listItems a:visited, .listItems a:hover {
	color:#263f8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

/*** List items for categories ***/

.categoryBody p {
    padding: 5px;
	color:#263f8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.buttonImages {
	background-image: url(../images/HawkBtn02.png);
	background-position:top;
	background-repeat: no-repeat;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.buttonImages a, buttonImages a:hover, buttonImages a:visited {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.leftBoxType {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

/*** Tab Menu ***/
div.TabView {
  	font-family: Arial, Sans-Serif;
  	font-size: 13px;
	width: 778px !important;
}

div.TabView div.Tabs {
  	position:relative;
  	top:20px;
  	height: 39px;
  	overflow: hidden;
  	left: 30px;
}

div.TabView div.Tabs a {
  	float: left;
  	display: block;
  	width: 99px;
  	text-align: center;
  	height: 33px;
  	line-height: 33px;
  	vertical-align: bottom;
  	background: url(../images/HawkTab02.png) no-repeat -2px -1px;
  	text-decoration: none;
  	font-family: Arial, Sans-Serif;
  	font-weight: 900;
  	font-size: 13px;
  	color: #ffffff;
}

div.TabView div.Tabs a:hover,
div.TabView div.Tabs a.active {
  	background: url(../images/HawkTab01.png) no-repeat -2px -1px;
}

div.TabView div.Pages {
  	clear: both;
  	overflow: hidden;
  	background-image: url(../images/Hawk_Desc_Blk_778_384.png);
	background-repeat: no-repeat;
  	height: 576px !important;
	padding: 20px !important;
  	width: 778px !important;
	color: #263f8f;
}

div.TabView div.Pages div.Page {
  	padding: 0px;
  	overflow: hidden;
  	margin: 10px;
  	height: 516px !important;
	width: 718px !important;
}

div.TabView div.Pages div.Page div.Pad {
  	overflow: auto;
  	height: 516px !important;
	width: 718px !important;
}

.tabbox {
	position:relative;
	display:block;
	margin:0px 0px 12px 0px;
	align: left;
}

.branding {
	position:relative;
	display:block;
	width:104px;
	height:75px;
	background-image:url(../images/ewaylgo.png);
    background-position: center;
    background-repeat:no-repeat; 
	margin:0 auto;
	top:21px;
    cursor: pointer;
}

#bounding {
	position:relative;
	display:block;
	margin:0 auto;
	width:860px;
	height:auto;
	
}

.mainImg{
	width:297px;
	height:221px;
	position:relative;
	display:block;
	margin:0px;
	/*_margin:15px 0px 0px 20px;
	height: expression(this.height > 150 ? 150: true);*/	
	text-align:center;
}

* html > body .mainImg{
	width:297px;
	height:221px;
	/*width:auto;*/
	margin:0px !important;
	text-align:center;
}

.thmImg{
	position:relative;
	display:block;
	width: expression(this.width > 80 ? 80: true);
	height:50px; 
	background-color:#FFFFFF;
}

html > body .thmImg{
	max-width:80px;
	width:auto;
	height:50px; 
	background-color:#FFFFFF;
}

.extraImg{
	position:relative;
	display:block;
	width: expression(this.width > 300 ? 300: true);
	background-color:#FFFFFF;
}

html > body .extraImg{
	max-width:300px;
	width:auto;
	background-color:#FFFFFF;
}


