/*-----------------------------BODY----------------------------*/

body {
  background:       #ffffff url(/images/layout_elements/tile2.jpg) repeat center center;
  font-size:        0.7em;
  padding:          1% 0% 2% 0%;
}

#content {
  width:            1189px;
}

#head {
  background:       url(/images/layout_elements/frame/top.png) no-repeat bottom left;
  width:            1179px;
  padding:          0px 5px 15px 5px;
  height:           30px;
  color:            #999999;
}

#main_menu_container {
  background:       url(/images/layout_elements/frame/middle.png) repeat-y top left;
  width:            1179px;
  padding:          0px 5px 0px 5px;
  overflow:         visible;
}

#main_container {
  background:       url(/images/layout_elements/frame/middle.png) repeat-y top left;
  width:            1149px;
  padding:          0px 20px 0px 20px;
}

#foot {
  background:       url(/images/layout_elements/frame/bottom.png) no-repeat top left;
  width:            1179px;
  padding:          10px 5px 0px 5px;
  font-size:        0.9em;
  color:            #666666;
  text-align:       center;
}

#min_height {
  float:            right;
  width:            1px;
  height:           530px;
}

/*-----------------------------HEAD----------------------------*/

#head #tel, #head #logo {
  display:          block;
  position:         absolute;
  bottom:           15px;
  color:            #444444;
  font-size:        1.3em;
}

#head #title {
  text-align:       center;
  color:            #999999;
  padding:          10px 10px 0px 10px;
}

#head #logo {
  left:             5px;
}

#head #tel {
  right:            5px;
}

#head #tel:hover {
  color:            #000000;
}

/*-----------------------------MAIN MENU----------------------------*/

#main_menu {
  position:         relative;
  top:              -10px;
  left:             0px;
  width:            1159px;
  background-color: #595959;
  color:            #ffffff;
  padding:          5px 10px 5px 10px;
}

#main_menu_right {
  position:         absolute;
  top:              5px;
  right:            0px;
}

#main_menu a {
  color:            #ffffff;
  padding:          0px 3px 0px 3px;
}

#main_menu a:hover {
  color:            #ffffff;
}

#login {
  padding-right:    10px;
}

#flags {
  padding-left:     20px;
  padding-right:    10px;
}

#flags img.icon {
  margin-right:     2px;
}

#flags img.selected {
  border:           1px solid #ffffff;
}

#cart {
  position:         relative;
}

#cart_pad {
  padding:          0px 8px 0px 8px;
}

#cart img {
  position:         absolute;
  top:              0px;
  right:            0px;
}

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

#main_content {
  padding:          5px 9px 20px 10px;
  background-color: #ffffff;
  overflow:         visible;
  width:            1129px;
  float:            left;
}

/*-----------------------------FOOT----------------------------*/

#foot a {
  color:            #666666;
}

#foot a:hover {
  color:            #000000;
}

#foot #copyright, #foot #design {
  display:          block;
  position:         absolute;
  bottom:           0px;
  color:            #aaaaaa;
}

#foot #copyright:hover, #foot #design:hover {
  color:            #666666;
}

#foot #copyright {
  left:             5px;
}

#foot #design {
  right:            5px;
}

/*-----------------------------FORM TYPES----------------------------*/

#login_form, #change_password_form {
  width:            500px;
}

#very_narrow_form {
  width:            300px;
}

#narrow_form, #delete_form {
  width:            500px;
}

#medium_form {
  width:            600px;
}

#wide_form {
  width:            750px;
}

#very_wide_form {
  width:            967px;
}

#search_form {
  padding:          10px;
}

#exploded_graphic_add_part table {
  margin:           0px auto 0px auto;
}

#exploded_graphic_add_part fieldset {
  margin:           0px 10px 10px 10px;
}

#exploded_graphic_add_part th {
  vertical-align:   middle;
  padding:          1px 4px 1px 4px;
}

#exploded_graphic_add_part td {
  padding:          1px 4px 1px 4px;
}

#exploded_graphic_add_part select, #exploded_graphic_add_part input {
  margin:           0px 3px 0px 3px;
}

/*-----------------------------FORMS----------------------------*/

fieldset.problems {
  color:            #333333;
}

ul.tasks {
  list-style:       none;
  margin:           2px 10px 10px 14px;
  padding:          0px 0px 0px 0px;
}

form th {
  background-color: #eeeeee;
  color:            #444444;
}

fieldset {
  background-color: #eeeeee;
}

fieldset.submits {
  background-color: #ffffff;
}

fieldset th, fieldset td {
  border-color:     #dddddd;
}

img.details_image {
  padding:          10px 10px 10px 10px;
}

input[type=checkbox] {
  vertical-align:   middle;
  margin:           0px 5px 1px 3px !important;
}

td.inline-checkboxes span.manufacturer {
  display:          block;
  float:            left;
  width:            130px;
}

/*-----------------------------COMMON----------------------------*/

a {
  color:            #3f749b;
}

a:hover {
  color:            #1076ec;
}

a.button {
  color:            #000000;
}

input[type=submit]:hover, input[type=button]:hover, a.button:hover {
  background-color: #daecfc;
  color:            #000000;
}

a.exploded_diagram_auto_enlarge img {
  border:           1px solid #bbbbbb;
}

a.trailer_auto_enlarge img {
  border:           1px solid #bbbbbb;
  margin:           2px 5px 10px 10px;
}

a.trailer_auto_enlarge:hover img, a.exploded_diagram_auto_enlarge:hover img {
  border:           1px solid #1076ec;
}

a.trailer_auto_enlarge .hover_enlarge, a.exploded_diagram_auto_enlarge .hover_enlarge {
  visibility:       hidden;
  position:         absolute;
  border:           1px solid #bbbbbb !important;
}

a.trailer_auto_enlarge .hover_enlarge {
  top:              203px;
  left:             0px;
}

a.exploded_diagram_auto_enlarge .hover_enlarge {
  top:              56px;
  left:             10px;
}

a.trailer_auto_enlarge:hover .hover_enlarge, a.exploded_diagram_auto_enlarge:hover .hover_enlarge {
  visibility:       visible;
}

a.delete_image {
  position:         relative;
  top:              -10px;
  left:             -5px;
}

img.padded {
  padding:          2px 10px 10px 10px;
}

img.opaque {
  opacity:          0.2;
}

.top {
  vertical-align:   top !important;
}

.comment_box {
  clear:            both;
  padding:          8px 10px 8px 10px;
  margin:           10px;
  background-color: #dddddd;
  color:            #595959;
}

.no_pad {
  padding:          0px;
  margin:           0px;
}

.no_base_pad {
  padding-bottom:   0px;
  margin-bottom:    0px;
}

.no_left_pad {
  padding-left:     0px;
  margin-left:      0px;
}

.smallprint {
  font-size:        0.8em;
  color:            #999999;
}

.bordered {
  border:           1px solid #bbbbbb;
}

.inline_right_top {
  margin:           10px 10px 8px 10px;
  float:            right;
  display:          inline;
}

div.hr {
  margin:           0px 10px 15px 10px;
  background-color: #777777;
}

ul.big_list {
  list-style:       none;
  margin:           40px 10px 10px 10px;
  padding:          0px 0px 0px 0px;
  font-size:        1.8em;
}

ul.big_list li {
  text-align:       center;
  padding:          6px 0px 6px 0px;
}

ul.big_list a {
  color:            #999999;
}

ul.big_list a:hover {
  color:            #1076ec;
}

.print_inline, .print_block {
  display:          none;
}

.half {
  width:            50%;
}

.third {
  width:            33%;
}

.whole {
  width:            100%;
}

.fill_box {
  line-height:      1.5em;
  border:           1px solid #bbbbbb;
}

div.line_rule {
  margin:           0px 10px 8px 10px;
  height:           20px;
  overflow:         hidden;
  border:           1px solid #bbbbbb;
  border-width:     0px 0px 1px 0px;
}

tr.spacer {
  height:           6px;
}

/*-----------------------------TABLES----------------------------*/

th, table.cart_contents th {
  vertical-align:   bottom;
  padding:          2px 5px 3px 5px;
  font-size:        1.0em;
  background-color: #595959;
  color:            #ffffff;
  border:           0px;
}

td {
  vertical-align:   middle;
  padding:          2px 4px 2px 4px;
}

table.horizontal th {
  background-color: #ffffff;
  color:            #000000;
  vertical-align:   middle;
  padding:          2px 8px 2px 0px;
}

table.full_width {
  width:            967px;
}

table.edit_list {
  border:           1px solid #bbbbbb;
  clear:            both;
}

table.edit_list a {
  display:          block;
  height:           100%;
  text-decoration:  none;
}

tr.s0, tr.s0 a, tr.s0 a:hover,
table.cart_contents tr.cart_item_0, table.cart_contents tr.cart_item_0 a, table.cart_contents tr.cart_item_0 a:hover {
  text-decoration:  none;
  background-color: #fafafa;
  color:            #444444;
}

tr.s1, tr.s1 a, tr.s1 a:hover,
table.cart_contents tr.cart_item_1, table.cart_contents tr.cart_item_1 a, table.cart_contents tr.cart_item_1 a:hover {
  text-decoration:  none;
  background-color: #eeeeee;
  color:            #444444;
}

tr.sh, tr.sh a, tr.sh a:hover
table.cart_contents tr.cart_item_hover, table.cart_contents tr.cart_item_hover a, table.cart_contents tr.cart_item_hover a:hover {
  text-decoration:  none;
  background-color: #daecfc;
  color:            #000000;
  cursor:           pointer;
}

table.cart_contents tr.cart_item_success, table.cart_contents tr.cart_item_success a, table.cart_contents tr.cart_item_success a:hover {
  background-color: #ccffcc !important;
}

table.cart_contents tr.cart_item_problem, table.cart_contents tr.cart_item_problem a, table.cart_contents tr.cart_item_problem a:hover {
  background-color: #ffcccc !important;
}

table.cart_contents tr.cart_item_hover, table.cart_contents tr.cart_item_hover a, table.cart_contents tr.cart_item_hover a:hover {
  background-color: #daecfc !important;
}

table.cart_contents tr.cart_item_postage td {
  border-width:     1px 0px 1px 0px;
  text-align:       right;
  background-color: #dddddd;
}

table.cart_contents tr.cart_item_total th {
  border:           0px;
}

table.cart_contents {
  margin:           5px 12px 14px 12px;
  border:           1px solid #bbbbbb;
  width:            676px;
}

th a {
  color:            #ffffff;
}

th.pager {
  text-align:       center;
  font-size:        1.1em;
  font-weight:      bold;
}

th.trailer_type_spacer {
  height:           12px;
  background-color: #ffffff;
  border:           1px solid #bbbbbb;
  border-width:     1px 1px 0px 1px;
}

th.trailer_type_name {
  font-size:        1.1em;
  font-weight:      bold;
  background-color: #bbbdbf;
  color:            #444444;
  padding:          5px 5px 5px 5px;
}

table.whole {
  width:            955px;
}

table.third {
  width:            310px;
}

table.edit_list a.hover_image_container {
  position:         relative;
}

table.edit_list a.hover_image_container img.hover_image {
  display:          none;
  border:           1px solid #bbbbbb;
}

table.edit_list a.hover_image_container:hover img.hover_image {
  display:          block;
  position:         absolute;
  top:              -125px;
  left:             30px;
}

table.invoice_contact {
  width:            auto;
  margin:           5px 10px 5px 10px;
}

table.invoice_contact td {
  border:           0px;
  padding:          1px 4px 1px 0px;
}

table.invoice_contact th {
  text-align:       right;
  border:           0px;
  padding:          1px 8px 1px 0px;
  color:            #000000;
}

/*-----------------------------HOMEPAGE----------------------------*/

#home_image {
  text-align:       center;
  margin:           80px 0px 0px 0px;
}

#home_menu {
  text-align:       center;
  margin:           100px 0px 0px 0px;
}

#home_menu img {
  padding:          0px 25px 1px 25px;
}

#home_menu a {
  color:            #999999;
  font-size:        1.8em;
}

#home_menu a:hover {
  color:            #1076ec;
}

#tagline {
  padding:          80px 0px 0px 0px;
  text-align:       center;
  color:            #999999;
}

/*-----------------------------RESOURCES----------------------------*/

#resources_pdfs, #resources_videos, #resources_main_types {
  list-style:       none;
  margin:           2px 10px 10px 11px;
  padding:          0px 0px 0px 0px;
}

a.pdf, a.video, a.selected_video, a.trailer {
  display:          block;
  padding:          2px 0px 2px 22px;
}

a.pdf {
  background:       #ffffff url(/images/icons/objects/pdf.gif) no-repeat center left;
}
a.pdf:hover {
  background:       #ffffff url(/images/icons/objects/pdf_highlight.gif) no-repeat center left;
}
a.video {
  background:       #ffffff url(/images/icons/objects/video.gif) no-repeat center left;
}
a.video:hover, a.selected_video {
  background:       #ffffff url(/images/icons/objects/video_highlight.gif) no-repeat center left;
}
a.trailer {
  background:       #ffffff url(/images/icons/objects/trailer.gif) no-repeat center left;
}
a.trailer:hover {
  background:       #ffffff url(/images/icons/objects/trailer_highlight.gif) no-repeat center left;
}

#resources_video {
  margin:           20px 0px 0px 20px;
  float:            right;
}

#resources_gallery {
  margin:           4px 10px 14px 10px;
  padding:          0px 0px 0px 0px;
  height:           210px;
}

#resources_gallery .panel {
  width:            202px !important;
}

#resources_gallery img {
  margin:           0px 0px 2px 0px;
  border:           1px solid #bbbbbb;
}

#resources_gallery a:hover img {
  border:           1px solid #1076ec;
}

#resources_gallery a {
  text-decoration:  none;
  color:            #666666;
}

#resources_gallery a:hover {
  color:            #1076ec;
}

/*-----------------------------TRAILER LIST----------------------------*/

#trailer_summary_container {
  width:            944px;
  margin:           0px auto 20px auto;
}

div.trailer_summary {
  width:            440px;
  height:           172px;
  border:           1px solid #bbbbbb;
  margin:           25px 30px 0px 0px;
  float:            left;
  cursor:           pointer;
  background:       #eeeeee;
}

div.trailer_summary h2 {
  padding:          12px 10px 6px 10px;
}

div.trailer_summary th {
  background:       #eeeeee;
}

div.trailer_summary img {
  float:            right;
  margin:           10px;
  border:           1px solid #bbbbbb;
}

div.trailer_summary:hover img, div.trailer_summary_hover img,
div.trailer_summary:hover, div.trailer_summary_hover {
  border:           1px solid #1076ec;
}

div.trailer_summary:hover, div.trailer_summary_hover,
div.trailer_summary:hover a, div.trailer_summary_hover a,
div.trailer_summary:hover th, div.trailer_summary_hover th {
  text-decoration:  none;
  background:       #daecfc;
}


/*-----------------------------MANUFACTURERS LIST----------------------------*/

#manufacturer_list_container {
  width:            994px;
  margin:           0px auto 20px auto;
}

div.manufacturer_list_item {
  text-align:       center;
  width:            120px;
  height:           125px;
  border:           1px solid #bbbbbb;
  margin:           25px 20px 0px 0px;
  float:            left;
  cursor:           pointer;
  background:       #eeeeee;
}

div.manufacturer_list_item div.image_box {
  background:       #ffffff url(/images/manufacturers/catalogue.png) no-repeat center center;
  width:            120px;
  height:           104px;
}

div.manufacturer_list_item h2 {
  text-align:       center;
  position:         absolute;
  bottom:           0px;
  left:             0px;
  padding:          3px 3px 3px 3px;
  width:            114px;
  background:       #eeeeee;
  font-size:        1.1em;
}

div.manufacturer_list_item h1 {
  width:            114px;
  height:           105px;
  text-align:       center;
  padding:          40px 3px 0px 3px;
  font-size:        1.3em;
}

div.manufacturer_list_item:hover, div.manufacturer_list_item_hover {
  border:           1px solid #1076ec;
}

div.manufacturer_list_item:hover a, div.manufacturer_list_item_hover a,
div.manufacturer_list_item:hover h2, div.manufacturer_list_item_hover h2,
div.manufacturer_list_item:hover h1, div.manufacturer_list_item_hover h1 {
  text-decoration:  none;
  background:       #daecfc;
}

/*-----------------------------TRAILER----------------------------*/

#trailer_enlarge_min_height {
  width:            1px;
  float:            right;
  height:           743px;
}

#trailer_image_container {
  float:            right;
  background-color: #eeeeee;
  border:           1px solid #bbbbbb;
  width:            232px;
  text-align:       center;
  overflow:         visible;
  padding:          15px 0px 0px 0px;
  margin:           5px 0px 0px 0px;
}

#trailer_image_container a.trailer_auto_enlarge img {
  margin:           0px 0px 15px 0px;
}

.trailer_comment_box {
  clear:            left;
  padding:          8px 10px 8px 10px;
  margin:           10px 248px 10px 10px;
  background-color: #dddddd;
  color:            #595959;
}

#trailer_image_container .hover_enlarge {
  display:          block;
  top:              -1px;
  left:             -517px;
  width:            502px;
  height:           376px;
  text-align:       right;
  border:           0px !important;
}

#trailer_image_container .hover_enlarge img {
  border:           1px solid #bbbbbb;
  margin:           0px;
}

/*-----------------------------PART----------------------------*/

#part_container {
  background:       #ffffff;
}

#part_image {
  margin:           10px 10px 15px 20px !important;
  float:            right;
}

#part_container span.price {
  font-size:        2em;
}

/*-----------------------------EXPLODED DIAGRAMS----------------------------*/

#exploded_diagram_container {
  padding:          0px 0px 10px 10px;
  text-align:       left;
  vertical-align:   baseline;
}

#exploded_diagram_container img {
  margin:           0px 10px 10px 0px;
}

#exploded_diagram {
  margin:           10px 10px 10px 10px;
}

/*-----------------------------FACEBOX----------------------------*/

#facebox #content, #facebox #main_container, #facebox #main_content {
  width:            700px;
  padding:          0px;
  background:       #ffffff;
}

#facebox .no_facebox {
  display:          none;
}

/*-----------------------------CART & CHECKOUT----------------------------*/

#checkout_button {
  display:          block;
  float:            right;
}

#empty_cart_button {
  display:          block;
  float:            left;
}

#shopping_cart {
  width:            700px;
}

span.postage_rate {
  line-height:      1.8em;
}

table.sage_pay_basket {
  margin:           15px auto 15px auto;
  clear:            both;
  width:            630px;
}

table.sage_pay_basket th {
  background-color: #595959;
  color:            #ffffff;
  border:           none;
  padding:          2px 5px 3px 5px;
}

table.sage_pay_basket td {
  border:           1px solid #dddddd;
  border-width:     1px 0px 0px 0px;
  padding:          3px 4px 3px 4px;
}

table.sage_pay_basket tr.total th {
  background-color: transparent;
  color:            #000000;
  padding:          2px 4px 2px 4px;
}

table.sage_pay_basket tr.total_1 th {
  border:           1px solid #595959;
  border-width:     2px 0px 0px 0px;
  padding:          4px 4px 2px 4px;
}

p.checkout_base {
  text-align:       center;
  line-height:      2em;
}

div.address_block {
  float:            right;
}

div.address_block p {
  padding:          2px 10px 5px 10px;
}

#checkout_logo, img.checkout_logo {
  padding:          20px 0px 20px 10px;
}

#reciept {
  margin:           10px;
  padding:          20px;
  width:            644px;
  background-color: #eeeeee;
  border:           1px solid #bbbbbb;
}

/*-----------------------------MISC----------------------------*/

a.image_map {
  display:          block;
  position:         absolute;
}

#change_password_keys {
  margin-top:       20px;
}

#map_canvas {
  height:           400px;
  border:           1px solid #bbbbbb;
  margin:           10px;
}

#map_canvas div {
  overflow:         visible;
}

#contact_details {
  font-size:        1.1em;
}

p.information_date {
  color:            #777777;
  padding:          2px 10px 2px 10px;
  font-style:       italic;
}

div.trailer_selector {
  text-align:       center;
}

img.trailer_selector {
  margin:           30px 20px 20px 20px;
}