/* general links */

a:link, a:visited{
background: inherit;
color: #004e99; /* blue link */
text-decoration: underline;
}

a:hover {
text-decoration: none;
}
/* end of general links */


/* Menu handling. Main div container is in the body.css */

#top_menu_pad {
overflow: hidden;
margin-left: auto;
margin-right: auto;
width: 99%;
height: 40px;
background: url(../images/gspares_menu_pad.gif);
}

#top_menu_wrap {
height:40px;
background: url(../images/gspares_menu_corners.gif) bottom right no-repeat; /*right*/
}

#top_menu_wrap ul {
height:40px;
list-style: none;
display: inline;
margin: 0px;
float: left;
text-align: center;
background: url(../images/gspares_menu_corners.gif) top left no-repeat;   /*left*/


}

#top_menu_wrap li {
margin:0;
padding:0 0 0 10px;
list-style: none;
display: block;
float: left;
}

#top_menu_wrap a {
display: block;
float: left;
text-align: center;
font-size:16px;
font-weight:bold;
color: #fffffe;
margin: 0;
line-height:40px;
padding: 0 12px 0 12px;
text-decoration: none;
border-bottom: 0;
}


#top_menu_wrap a:hover {
color: #fffffe;
background: url(../images/gspares_menu_hover.gif) repeat-x top;
}


.active_item:link, .active_item:visited, .active_item:hover, .active_item:active {
background: url(../images/gspares_menu_hover.gif) repeat-x top;
}





/* #### Content headings, semantics and links in headings #### */

  /* Snapshot headings */

div.snapshot h1{
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}

div.snapshot h2{
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}


div.top h1{
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}

div.top h2{
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}

   /* Image floatings */

.image_right {
float:right;
vertical-align: text-top;
}
.image_left {
float:left;
vertical-align: text-top;
}


   /* Mainbody headings */

div.mainbody h1 {
font-size: 16px;
/*line-height:4em;  */
margin-top:15px;
margin-bottom:15px;
font-weight: bold;
/*white-space: nowrap;*/
/*display: inline;*/

}

div.mainbody h2 {
font-size: 16px;
margin-top:15px;
margin-bottom:15px;
font-weight: bold;
}


div.mainbody h3 {
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}

div.mainbody p {
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}

div.adsAndTestim_inset{
margin: 5px 0 5px 5px;
float: right;
width:265px;
height:auto;
padding: 20px 20px 30px 20px;
}

#inline_image {
padding:0px 20px 20px 0px;
float:left;
clear:left;
}

.subHeader1 {
	font-size: 16px;
	font-weight: bold;
}

  /* Testimonials handling */

div.testimonials_inset {     /* Pad */
margin: 10px 0 5px 5px;
float: right;
clear: right;
width:260px;
height:auto;
background: #ec3a3e;  /* red */
padding: 20px 20px 30px 20px;
color: #fff; /* white */
font-style: italic;
}

div.testimonials_inset h3 {  /* Header */
font-size: 16px;
line-height:2.5em;
font-weight: bold;
font-style: normal;

}

div.testimonials_inset h4 {  /* Body text */
font-size: 14px;
line-height:1.65em;
font-weight: normal;

}

div.testimonials_inset a:link, div.testimonials_inset a:visited{
background: inherit;
color: #fff; /* white link */
text-decoration: underline;
}

div.testimonials_inset a:hover {
text-decoration: none;
}


  /* Advertisement box inset handling */

div.advertisement_inset {     /* Pad */
float:right;
clear:right;
margin: 10px 0px 5px 5px;
width:260px;
height:auto;
background: #343434;  /* dark pad */
padding: 20px 20px 30px 20px;
color: #fff; /* white */
font-style: italic;
}

div.advertisement_inset h3 {  /* Header */
font-size: 16px;
line-height:2.5em;
font-weight: bold;
font-style: normal;

}

div.advertisement_inset h4 {  /* Body text */
font-size: 14px;
line-height:1.65em;
font-weight: normal;

}

div.advertisement_inset a:link, div.advertisement_inset a:visited{
background: inherit;
color: #fff; /* white link */
text-decoration: underline;
}

div.advertisement_inset a:hover {
text-decoration: none;
}




   /* RSS Main page */

div.mainpage_rss {
}

div.mainpage_rss h2 {
margin: 20px 0 10px 0;
font-size: 16px;
padding-left:80px;
line-height:4em;
font-weight: bold;
}

div.mainpage_rss[class] h2 {
background: url(/images/gspares_rss.png) left center no-repeat; 
}


div.mainpage_rss p {
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}

div.mainpage_rss h3 {
font-size: 14px;
line-height:1.65em;
font-weight: normal;
}
div.mainpage_rss span.subHeader1 {    /* Rss news subheaders */
font-weight:bold;
line-height:3em;
} 



/* Left column */

div.box_left_header {
color: #ec3a3e;  /* red */
background: inherit;
font-weight:bold;
margin-left: 60px;
margin-bottom: 5px;

}

li.menulink {
list-style:none;
margin-left: 70px;
}

.whiteOnBlue{
background: #004e99;
color: #fff;
}

/* Part search box */

div.part_search {
margin-left:auto;
margin-right:auto;
height:auto;
padding:20px 40px 20px 40px;
background: #004e99; /* blue block */
overflow:hidden;
}

.searchbox_header {
font-weight: bold;
font-size: 16px;
margin-top:15px;
margin-bottom:15px;
}

div.part_search p {
font-size: 16px;
margin-top:15px;
margin-bottom:15px;
font-weight: bold;
}


div.part_search table {
margin-left:auto;
margin-right:auto;
color:#fff;
background:#004e99;
font-size:12px;
width:650px;
}

div.part_search table td{
vertical-align:middle;
padding:2px;
}

.search_inputbox {
width:125px;
font-size:14px;
border: none;
margin:2px;
padding:2px;
background:#fff;
}
.search_selectbox {
width:130px;
font-size:14px;
border: none;
margin:2px;
padding:1px;
background:#fff;
}
.search_button {
font-size:12px;
height:26px;
line-height: 26px;
border: none;
margin:2px;
padding:0 8px 2px 8px;
background:#fff; 
font-weight:bold;
color:#2c2c2c;
}

/* Footer handling */

   /* Footer text color and links */

div.bot_left, div.bot_center {
color:#fff;
background: inherit;
}

div.bot_left a:link, div.bot_left a:visited {
background: inherit;
color: #fff; /* white link */
text-decoration: underline;
padding: 0 4px 0 4px;
}

div.bot_left a:hover {
text-decoration: none;
}


  /* Footer Newsletter */

div.newsletter {
margin-top:5px;
/*line-height: 30px;*/
height: 70px;
float:right;
/*color:#fff;
background-color :#000;*/
width:400px;
text-align:center;
vertical-align: middle;
/*border-bottom: 1px dotted #fff;
font-size:16px;*/
}

.newsletter_inputbox {
width:140px;
font-size:16px;
border: none;
margin:0 4px 0  4px;
padding:2px 4px 2px 4px;
background:#fff;
color:#2c2c2c;
}

.newsletter_button {
font-size:12px;
height:26px;
line-height: 26px;
border: none;
margin:0 4px 0 4px;
padding:0 8px 2px 8px;
background:#fff; 
font-weight:bold;
color:#2c2c2c;
}

   /* Wrecker */

div.wrecker {
margin-top:5px;
line-height: 30px;
height: 40px;
float:right;
background: inherit;
color:#fff;
width:400px;
text-align:right;
border-bottom: 1px dotted #fff;
font-size:16px;
}

div.wrecker a:link, div.wrecker a:visited {
background: inherit;
color: #fff; /* white link */
text-decoration: underline;
padding: 0 4px 0 4px;
}

div.wrecker a:hover {
text-decoration: none;
}


  /* Credits  links */

div.credits {
font-size: 12px;
width:600px;
}

div.credits a:link, div.credits a:visited {
background: inherit;
color: #fff; /* white link */
text-decoration: underline;
padding: 0 4px 0 4px;
}

div.credits a:hover {
text-decoration: none;
}






/*############################# TYPOGRAPHY #######################################*/

/*
 * MESSAGES: highlighted div and span boxes
 */
.info[class],
.alert[class],
.download[class],
.tip[class] {
display:block;
margin: 5px 0px 5px 0px;
padding: 7px 10px 7px 35px;
font-size: 12px;
}
.info[class],
.alert[class],
.download[class],
.tip[class] {
margin: 5px 0px 5px 0px;
padding: 7px 10px 7px 35px;
font-size: 12px;
}

 /* Links in messages */

.info a,
.alert a,
.download a,
.tip a {
font-size: 12px;
}

.info {
background: #f4f5f6 url(../images/gs_div_info.gif) 5px 5px no-repeat;
border-top: 1px solid #aab4be;
border-bottom: 1px solid #aab4be;
color:#004e99; /*blue*/
}

.alert {
background: #fff5eb url(../images/gs_div_alert.gif) 5px 5px no-repeat;
border-top: 1px solid #ffb4a0;
border-bottom: 1px solid #ffb4a0;
color:#ec3a3e;  /* red */
}

.download {
background: #f5faeb url(../images/gs_div_download.gif) 5px 5px no-repeat;
border-top: 1px solid #78be5a;
border-bottom: 1px solid #78be5a;
}

.tip {
background: #fffdeb url(../images/gs_div_tip.gif) 5px 5px no-repeat;
border-top: 1px solid #ffcc00;
border-bottom: 1px solid #ffcc00;
}


/* PART SEARCH TABLES */


div.form_panel {

  	font-family: Arial, Helvetica, "sans serif";
	float: left;
	margin: 0 5px 0 5px;
}



.wiz_table {

/*	border-collapse: collapse;   */
	font-size: 14px;
	width: 300px;
	
}
.td_wiz {
	height: 30px;
	vertical-align: top;
	line-height:30px;
	padding: 0 3px 0 0px;
	text-align: left;
}

.td_wiz_left {
	height: 30px;
	vertical-align: middle;
	line-height:30px;
	padding: 0 10px 0 10px;
	text-align: left;
}

.td_wiz_right {
	height: 30px;
	vertical-align: middle;
	line-height:30px;
	padding: 0 10px 0 10px;
	margin: 4px;
	text-align: right;
}


tr.striped td {
        background: #f4f4f4;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}


tr.nonstriped td {
        background: #fff;
	border-top: 3px solid #fffffe;
	border-bottom: 3px solid #fffffe;
}




.table_header {
	vertical-align: middle;
	height: 30px;
	background: #004e99;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height:30px;
	padding: 0 10px 0 10px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

.table_sub_header {
	vertical-align: middle;
	height: 30px;
	background: #ec3a3e;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height:30px;
	padding: 0 10px 0 10px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;

}

.part_desc_input {
	width:115px;
	font-size:14px;
	border: 1px solid #2c2c2c;
	margin:2px;
	padding:2px;
	background:#fff;
}
.extra_info_input {
	width:115px;
	font-size:14px;
	border: 1px solid #2c2c2c;
	margin:2px;
	padding:2px;
	background:#fff;
}

.select_box {
	width:200px;
	font-size:14px;
	border: 1px solid #2c2c2c;
	margin:2px;
	padding:2px;
	background:#fff;
}

/* GENERAL CONTENT BUTTONS */

.button {
font: bold 100% Arial, Helvetica, Tahoma, sans-serif;
height:30px;
color:#fff;
line-height: 30px;
border: none;
margin:2px;
padding:0 8px 2px 8px;
background: #004e99; /* blue block */
text-transform:uppercase;

}

.red_button a, .red_button a:visited{
padding: 2px;
font: bold 100% Arial, Helvetica, Tahoma, sans-serif;
text-transform: uppercase;

display: inline;
}

.red_button a:hover{
text-decoration: none;
}