/* :. www.magnaparva.com .:. Main Style Sheet .: */

/* Basic Styling */
* { margin: 0; padding: 0; }

body { 
  font: 75% "Verdana", Geneva, Sans-serif; 
  background: #000 url('../images/mom_background.jpg') repeat-x;
  color: rgb(64,64,64);
  overflow-y: visible;
}

html { overflow-y: scroll; }


div { margin: 0; padding: 0; }

div.clear_float { clear: both; height: 0; }

img { border: none; }

/* Link Styling */
a:link { text-decoration: none; color: rgb(64,64,64); font-weight: normal; } /* unvisited links */
a:visited { text-decoration: none; color: rgb(64,64,64); font-weight: normal; } /* visited links */
a:hover { text-decoration: none; color: rgb(50%,50%,50%); font-weight: normal; } /* user hovers */
a:active { text-decoration: none; color: rgb(64,64,64); font-weight: normal; } /* active links */

a.blue_link:link { text-decoration: none; color: rgb(0,130,223); font-weight: normal; } /* unvisited links */
a.blue_link:visited { text-decoration: none; color: rgb(0,130,223); font-weight: normal; } /* visited links */
a.blue_link:hover { text-decoration: none; color: rgb(0,130,223); font-weight: normal; } /* user hovers */
a.blue_link:active { text-decoration: none; color: rgb(0,130,223); font-weight: normal; } /* active links */

a.contact_email { font-weight: bold; }

/* Text Styling */

h1 { font-size: 140%; color: rgb(64,64,64); }
h2 { font-size: 110%; color: rgb(64,64,64); }

p { padding: 3px 3px 6px 3px; color: rgb(64,64,64); }
p.news_indent { margin-left: 20px; }


/* Main Layout Styling */
#site_wrapper, #site_footer {
  position: relative;
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding-bottom:10px;
  background-color: #fff;
}

/* Site Footer */
#site_footer {
  position: relative;
  top: -10px;
  background: none;
  text-align: center;
  font-size: 80%;
  color: rgb(166,166,166);
}

#site_footer a:link {
  color: rgb(166,166,166);
  text-decoration: none;
}
#site_footer a:visited {
  color: rgb(166,166,166);
  text-decoration: none;
}
#site_footer a:hover {
  color: rgb(30%,30%,30%);
  text-decoration: underline;
}
#site_footer a:active {
  color: rgb(166,166,166);
  text-decoration: none;
}


/* Site Header */
#site_header {
  position: relative;
  height: 105px;
  background: url('../images/Dotted-Line.gif') bottom no-repeat;
}

#site_logo {
  position: relative;
  float: left;
}

#home_right_nav {
  position: relative;
  top: 0px;
  margin-right: 10px;
  float: right;
  text-align: right;
  font-size: 0.9em;
  color: rgb(102,102,102);
}

#top_right_nav {
  position: relative;
  top: 40px;
  margin-right: 10px;
  float: right;
  text-align: right;
  font-size: 0.9em;
  color: rgb(102,102,102);
}

#top_right_nav a:link, #home_right_nav a:link {
  color: rgb(102,102,102);
  text-decoration: none;
}
#top_right_nav a:visited, #home_right_nav a:visited {
  color: rgb(102,102,102);
  text-decoration: none;
}
#top_right_nav a:hover, #home_right_nav a:hover {
  color: rgb(102,102,102);
  text-decoration: none;
}
#top_right_nav a:active, #home_right_nav a:active {
  color: rgb(102,102,102);
  text-decoration: none;
}

#site_header_breadcrumb {
  clear: both;
  position: relative;
  top: 16px;
  margin-left: 20px;
  font-size: 0.9em;
  color: rgb(128,128,128);
  text-transform: lowercase;
}
#site_header_breadcrumb a {
  color: rgb(128,128,128);
  text-decoration: none;
}
#site_header_breadcrumb a:hover {
  color: rgb(128,128,128);
  text-decoration: none;
}

/* Site Banner */
#site_banner {
  position: relative;
  margin: 20px 0 0 0;
  height: 200px;
}
.motorsport_banner {
  background: url('../images/MP-Motorsport-Banner.jpg');
}
.motorsport_banner_eshift {
  background: url('../images/MP-Motorsport-Banner.jpg');
}
.magna_banner {
  background: url('../images/Space-Banner.jpg');
}

.consulting_banner {
  background: url('../images/Consulting-Banner.jpg');
}

.generic_banner { background: url('../images/Generic-banner.jpg'); }

.home_banner {  width: 760px; height:126px; margin:0px; padding:0px; }
.home_divider {   background: url('../images/Dotted-Line.gif') bottom no-repeat; }
#banner_space { background: url(../images/Home-Space-Logo.jpg) no-repeat; }
#banner_motorsport { background: url(../images/Home-MP-Sport-Logo.jpg) no-repeat; margin-top:10px;}
#banner_consulting { background: url(../images/Home-Consulting-Logo.jpg) no-repeat; margin-top:10px; }

#site_banner #banner_left {
  float: left;
  width: 380px;
  height: 100%;
  margin: 0;
  padding: 0;
}




#site_banner #banner_right {
  float: left;
  width: 380px;
  height: 100%;
  margin: 0;
  padding: 0;
}



/* Banner Links */
a.wide_home_link { width:760px; height:126px; display:block; border:none; }
a.full_link { width: 380px; height: 200px; display: block; border: none; }
a.half_link { width: 380px; height: 30px; display: block; border: none; }


/* Page Titles and Description Text */
#page_title_wrapper {
  position: relative;
  clear: both;
  font-family: "Arial", Verdana;
  width: 760px;
}

#page_title_wrapper div.title_left {
  float: left;
  width: 180px;
  margin: 0;
  padding: 0;
  color: rgb(64,64,64);
}

#page_title_wrapper div.title_left_services {
  float: left;
  width: 180px;
  margin: 0;
  padding: 0;
  color: rgb(64,64,64);
}

#page_title_wrapper div.title_left_services h1 a, #page_title_wrapper div.title_left h1 a {
  color: rgb(64,64,64);
  font-weight: bold;
}

#page_title_wrapper div.title_right {
  float: right;
  width: 380px;
  margin: 0;
  padding: 0;
  color: rgb(64,64,64);
}

#page_title_wrapper div.title_left h1, #page_title_wrapper div.title_left_services h1 {
  padding: 26px 0 26px 30px;
}
#page_title_wrapper div.title_right h1 {
  padding: 26px 0 26px 15px;
}


#page_title_wrapper div.title_description {
  width: 480px;
  margin: 0 0 0 182px;
  padding: 14px 0;
  color: rgb(64,64,64);
  font-size: 90%;
}
#page_title_wrapper div.title_description img {
  padding: 0;

}
#page_title_wrapper div.title_description a {
  color: rgb(0,130,223);
}


/* Site Content */
#home_content {
  position: relative;
  padding: 20px 10px 20px 10px;

}

#home_content #content_left {
  position: relative;
  float: left;
  width: 370px;
  padding: 0px 0px 0px 10px;
}
#home_content #content_right {
  position: relative;
  float: right;
  width: 320px;
  padding: 0 10px 30px 15px;
}

#site_content_two {
  position: relative;
  background: url('../images/Dotted-Line.gif') top no-repeat;
  padding: 20px 10px 20px 10px;
}
#site_content_prod {
  position: relative;
  background: url('../images/Dotted-Line.gif') top no-repeat;
  color: rgb(64,64,64);
  padding: 0 0 20px 0;
}

#content_left {
  position: relative;
  float: left;
  width: 348px;
  padding: 0 0 30px 15px;
}

#content_right {
  position: relative;
  float: right;
  width: 348px;
  padding: 0 10px 30px 15px;
}

#content_right ul, #content_left_l ul, #center_col ul {
  list-style-type: square;
  padding-left: 1em;
  padding-top: 4px;
  padding-bottom: 4px;
}
#content_right ul li, #content_left_l ul li, #center_col ul li {
  padding: 6px 0 6px 5px;
  margin-left: 4px;
}

#content_left_l {
  position: relative;
  float: left;
  width: 408px;
  padding: 0 0 30px 15px;
}

#content_right_s {
  position: relative;
  float: right;
  width: 288px;
  padding: 0 10px 30px 15px;
}


#content_right_s img {
  padding: 5px 20px 20px 20px;
  float: right;
}

#left_col {
  position: relative;
  float: left;
  width: 165px;
}
#left_col_long {
  position: relative;
  float: left;
  width: 500px;
}
#left_col ul, #left_col_long ul, #right_col ul {
  list-style-type: none;
  padding-left: 1em;
}



#left_col ul li, #left_col_long ul li, #right_col ul li {
  background: url('../images/Dotted-Line.gif') bottom no-repeat;
}



#left_col ul li a {
  display: block;
  clear: both;
  padding: 24px 15px 24px 20px;
  width: 140px;
  font-weight: bold;
  color: rgb(64,64,64);
}

#left_col_long ul li a {
  display: block;
  clear: both;
  padding: 22px 15px 28px 20px;
  font-weight: bold;
  color: rgb(64,64,64);
}
#left_col ul li a img, #left_col_long ul li a img.paddle {
  vertical-align: middle;
}
#left_col_long ul li a img.paddle {
  position: relative;
  margin-left: 30px;
}

#left_col_long ul li a span.text {
  position:absolute;
  width: 200px;
  right:2px;
  font-weight: normal;
  font-size: 90%;
}

#left_col_long ul li a span.systext {
  position:absolute;
  width: 340px;
  right:2px;
  font-weight: normal;
  font-size: 90%;
}

#right_col ul {
  float: right;
}
#right_col ul li a {
  display: block;
  padding: 10px 15px 10px 15px;
  width: 180px;
  font-weight: bold;
  color: rgb(64,64,64);
  text-align: left;
}

#left_col ul li.current a, #left_col ul li a:hover, #left_col_long ul li.current a, #left_col_long ul li a:hover, #right_col ul li.current a, #right_col ul li a:hover {
  background: url('../images/Arrow-Black.jpg') no-repeat left center;
  color: rgb(64,64,64);
}

span.paddle_img {
  position: absolute;
  margin-left: 10px;  
}
span.paddle_text {
  position: absolute;
  margin-left: 10px;  
}

#center_col {
  position: relative;
  margin: 0 228px 0 180px;
  padding-top: 20px;
}
#center_col a, #content_left_l a, #content_left a, #content_right a {
  color: rgb(0,130,223);
}

#center_col h2 {
  text-align: right;
  padding-top: 10px;
}
#center_col h2.main, #center_col h3 {
  text-align: left;
  padding: 4px 0 10px 2px;
}
#center_col h2 a {
  font-weight: bold;
  color: rgb(64,64,64);
}
#center_col h2 a img {
  vertical-align: top;
}

#center_col ul {
  list-style: square;
  margin: 0 10px 10px 10px;
}
#center_col ul li {
  list-style: square;
}

#right_col {
  float: right;
  width: 228px;
  padding-top: 15px;
}
#right_col img {
  padding: 18px 18px 0 18px;
}

/* Product & Service Page */
div.item_box {
  padding: 10px;
  margin: 0;
  background: url('../images/Dotted-Line.gif') bottom no-repeat;
}
div.item_box a {
  color: rgb(64,64,64);
}

.bottom_border {
  background: url('../images/Dotted-Line.gif') bottom no-repeat;
}

.product_name {
  float: left;
  width: 90px;
  text-align: left;
}
.product_name a {
  display: block;
  background: none;
  padding-left: 20px;
  font-weight: bold;
  color: rgb(64,64,64);
}
.product_name a:hover, .service_name a:hover {
  background: url('../images/Arrow-Black.jpg') no-repeat left;
  font-weight: bold;
  color: rgb(64,64,64);
}
.one_name {
  padding: 20px 10px 20px 0;
}
.two_name {
  padding: 22px 10px 22px 0;
}
.three_name {
  padding: 24px 10px 24px 0;
}
.four_name {
  padding: 34px 10px 34px 0;
}
.five_name {
  padding: 16px 10px 16px 0;
}


.product_image {
  float: left;
  margin-left: 30px;
  padding: 5px 0;
  width: 142px;
}
.one_image {
  padding: 12px 0;
}
.two_image {
  padding: 16px 0;
}
.three_image {
  padding: 17px 0;
}
.four_image {
  padding: 22px 0;
}


.product_text {
  float: left;
  margin-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 150px;
  font-size: 80%;
}
.one_text {
  padding-top: 11px;
}
.five_text {
  padding-top: 10px;
}

.product_logo {
  float: right;
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.one_logo {
  padding: 5px 10px 0 0;
}
.two_logo {
  padding: 15px 10px 0 0;
}
.three_logo {
  padding: 10px 10px 0 0;
}
.four_logo {
  padding: 15px 10px 0 0;
}
.five_logo {
  padding: 8px 10px 0 0;
}


.service_name {
  float: left;
  padding: 24px 5px 24px 0;
  width: 140px;
  text-align: left;
}
.service_name a {
  display: block;
  font-weight: bold;
  padding-left: 20px;
}
.service_text {
  float: left;
  margin-left: 28px;
  padding: 8px 0;
  width: 235px;
  font-size: 80%;
}
.service_image {
  float: left;
  margin-left: 30px;
  width: 260px;
}
.space_name {
  padding: 28px 5px 28px 0;
}
.space_img {
  padding: 15px 0;
}
.motor_name {
  padding: 30px 5px 30px 0;
}
.motor_img {
  padding: 8px 0;
}
.auto_name {
  padding: 36px 5px 36px 0;
}
.auto_img {
  padding: 14px 0;
}
.machine_name {
  padding: 48px 5px 48px 0;
}
.machine_img {
  padding: 26px 0;
}
.plm_img {
  padding: 9px 0;
}


.service_image .middle {
  vertical-align: middle;
}




/* Form Styling */

form#distribution {
  width: 100%;
  margin-top: 20px;
}
form#distribution select {
  width: 98%;
  margin-bottom: 10px;
}
form#distribution option {
  padding-left: 6px;
}
form#distribution input[type=submit] {
/*   text-align: center;*/
  margin-left: -4px;
}



form#contact_form {
  width: 300px;
  margin-right: 20px;
  float: right;
}

form#contact_form p {
  clear: both;
  float: left;
  text-align: left;
  width: 80px;
  line-height: 22px;
  font-size: 1.0em;
  font-weight: bold;
}

form#contact_form input, form#contact_form textarea {
  float: right;
  margin: 4px 0;
  border: 1px solid rgb(75%,75%,75%);
}

form#contact_form input {
  width: 190px;
  height: 20px;
  line-height: 20px;
  padding: 1px 5px;
  font-family: "Vendara","Lucida Grande",Tahoma, Arial;
  font-size: 100%;
  letter-spacing: 2px;
  color: rgb(64,64,64);
}

form#contact_form textarea {
  padding: 1px 5px;
  width: 190px;
  line-height: 20px;
  font-family: "Vendara","Lucida Grande",Tahoma, Arial;
  font-size: 100%;
  letter-spacing: 2px;
  color: rgb(64,64,64);
}

form#contact_form #form_buttons input {
  float: right;
  width: 100px;
  height: 22px;
  line-height: 22px;
  color: rgb(64,64,64);
  font-family: "Vendara","Lucida Grande",Tahoma, Arial;
}
form#contact_form #form_buttons input:hover {
  float: right;
  width: 100px;
  height: 22px;
  line-height: 20px;
  background-color: rgb(30%,30%,30%);
  color: #fff;
}

span.required {
  color: red;
  padding-right: 4px;
}

.error {
  font-family: "Vendara","Lucida Grande",Tahoma, Arial;
      color: #dd1111;
      padding: 5px;
}