﻿/* CSS Document */

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #929292 url(../images/background.png) repeat-y center top;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	margin-right: 1px;
}

a
{
    color: #7f1618;	
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.no_margins
{
    margin: 0;
    padding: 0;
}

.no_left_margins
{
    margin-left: 0;
    padding-left: 0;
}

h3
{
    color: #7f1618;	
}

FORM
{
    margin: 0;
    padding: 0;
}

.required
{
    color: Red;
}

ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

h2
{
   font-size: 18px; 
}

.no_hand{
    cursor: default;
}

.content_wrapper
{
    margin: 40px auto;
    margin-bottom: 0px;
    width: 500px;
}

.center{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#header{
	background: url(../images/shipplogo.png) no-repeat left top;	
	height: 140px;
	margin-left: 59px;
	z-index: 9999;
	margin-top: 25px;
}

#headerbottomborder{
	margin-left: 10px;
}

#header #nav{
	padding-top: 15px;
}

#header #nav li{
	display: inline;	
}

#header #nav li a{
	background-image: url(../images/navigation.png);
	background-repeat: no-repeat;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 37px;
	width: 104px;
	position: relative;
	top: 88px;
	left: 129px;
}

#header #nav li#nav-home a{
	background-position: 0 0;
}	

#header #nav li#nav-products a{
	background-position: -104px 0;	
}

#header #nav li#nav-services a{
	background-position: -208px 0;	
}

#header #nav li#nav-resources a{
	background-position: -312px 0;	
}

#header #nav li#nav-company a{
	background-position: -416px 0;	
}

#header #nav li#nav-pdflibrary a{
	background-position: -520px 0;	
}

#header #nav li#nav-contactus a{
	background-position: -624px 0;	
}

#header #nav li#nav-products ul {
	background: #fff url(../images/subnavbg.png) no-repeat 0px 97px;
	position: absolute;
	top: 140px;
	left: 232px;
	z-index: 9999;
	border: #929292 solid 1px;
	padding: 0;
	margin: 0;
	display: none;
	text-align: center;
}

#header #nav li#nav-company ul {
	background: #fff url(../images/subnavbg.png) no-repeat 0px 100px;
	position: absolute;
	top: 140px;
	left: 544px;
	z-index: 9999;
	border: #929292 solid 1px;
	padding: 0;
	margin: 0;
	display: none;
	text-align: center;
}

#header #nav li#nav-resources ul {
	background: #fff url(../images/subnavbg.png) no-repeat 0px 100px;
	position: absolute;
	top: 140px;
	left: 440px;
	z-index: 9999;
	border: #929292 solid 1px;
	padding: 0;
	margin: 0;
	display: none;
	text-align: center;
}

#header #nav li li a {
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
	line-height: 32px;
	float: none;
	display: block;
	position: relative;
	left: 0px;
	top:0px;
	width: 161px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
}

#header #nav li li a:hover {
	color: #7f1618;	
}

#header #nav li li a.lessspace{
	line-height: 16px;	
	padding: 10px 0 10px 0;
}

#slideshowcontainer{
	background: url(../images/shipphomeslideshowbg.png) center top no-repeat;
	height: 254px;
	padding: 0;
	text-align: center;
}

#slideshowcontainer .slideshow{
	margin: 0 auto;
	width: 835px;
	height: 246px;
}

#highlight{
	padding: 0;
	background: url(../images/shipphomehighlight.png) no-repeat center top;
	height: 187px;
}

.highlight_image
{
    border: 0;
}

#highlight_first
{
    margin-left: 108px;
}

#body{
	padding-left: 110px;
	background: url(../images/qualityexperiencevalue.png) no-repeat right top;
	margin-right: 112px;
	margin-top: 45px;
}

#body h2{
	font-size: 20px;
	font-weight: normal;
}

#body p{
	font-size: 14px;	
}

#body ul{
	font-size: 14px;
	list-style-image:url(../images/greenbullet.png);
	line-height: 24px;
	margin: 0;
	padding: 0;
}

#body #benefitsleft{
	padding-left: 15px;
}

#body #benefitsright{
	padding-left: 30px;
}

#businessmoving{
    padding-top: 45px;
}

#footertopborder{
	margin-left: 10px;
}


#niba{
	padding-top: 21px;
	text-align: right;
	margin-left: -45px;
}

#footercopy
{
	font-size: 11px;
	padding-top: 48px;
	line-height: normal;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

#gsa{

	text-align: left;
}

label{
    
    float: left;
}
label.error{
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}
p{
    clear: both;
}
.submit{
    margin-left: 12em;
}
em{
    font-weight: bold; 
    padding-right: 1em; 
    vertical-align: top; 
}

#history_footer{
    background: url(../images/history_footer_bg.png) repeat-x;
    width: 624px;
    border: 1px solid #cfcfcf;
    margin: 0 auto;
    text-align: center;
}

#history_footer p
{
    font-size: 14px;
    color: #7e1416;
    font-style: italic;
}

.leader_container h3
{
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
    color: #7e1416;
    margin: 0;
    padding: 0;
}

.leader_container h5
{
   font-size: 12px;
   font-family: Verdana, Geneva, Sans-Serif;
   color: #898787;
   font-style: italic;
   margin: 0;
   padding: 0;
}

.contact_us
{
    text-align: left;
    padding: 40px 0;
    margin: 0;
    margin-left: 103px;
}

#contact_left_wrap
{
    width: 430px;
}

#contact_left
{
    border-right: 1px solid #ececec;
    
}

#contact_right_wrap
{
    
}

#contact_right
{
    width: 400px;
    margin: 0 auto;
}

.main_office
{
    width: 220px;
    margin: 0 auto;
    text-align: right;
    margin-top: 16px;
}

.main_office p.phone_numbers
{
    padding-right: 23px;
}

.main_office span.title
{
    font-style: italic;
}

.main_office .admin
{
    text-align: left;
}

.main_office p.address
{
    text-align: center;
}

.main_office .emergency
{
    color: #fb0404;
    text-align: center;
}

h2.contact
{
    color: #7e1416;
    font-size: 18px;
    font-weight: normal;
    text-decoration: underline;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

h2.address
{
    color: #7e1416;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 4px;
}

h2.topBuffer
{
    margin-top: 20px;
}

#contact_form
{
    width: 310px;
    margin: 0 auto;
    padding-top: 30px;
}

#contact_form .alignRight
{
    text-align: right;
}

.textbox
{
    border: 1px solid #9c9c9c;
    height: 25px;
    font-size: larger;
    font-weight: bold;
}

.sales_people
{
    width: 400px;
}

.fab_people
{
    margin-left: 50px;
    width: 400px;
}

#contact_right .alignLeft, #contact_left .alignLeft
{
    text-align: left;
}

 #contact_left .alignCenter
{
    text-align: center;
    margin-bottom: 10px;
}


.sales_people h3
{
    margin: 15px 0 5px 0;
    
}

.sales_people h3 .title
{
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
}

.sales_people table
{
    font-size: 13px;
    border-bottom: 1px solid #ececec;
    width: 400px;
    padding-bottom: 15px;
}

.sales_people table th
{
    text-align: left;
    font-style: italic;
    font-weight: normal;
    color: #686868;
}

.sales_people table td
{
    width: 82px;
}

#fieldservice_left
{
    text-align: right;
}

#fieldservice_right
{
    margin-left: 20px;
}

#fieldservice_right h2
{
    
}

#fieldserver_content
{
    width: 400px;
}

OL.training_list
{
    list-style-position:inside;
}

OL.training_list LI
{
    padding: 5px;    
}

.training_left
{
    text-align: center;
    font-size: 40px;
    font-weight: normal;
}

.training_left img
{
    vertical-align: middle;
}

.training_right
{
    margin-bottom: 25px;
}

.training_seperator
{
    height: 45px;
}

.italic
{
    font-style: italic;
}

#pdf_header
{
    margin-bottom: 25px;
}

.pdf_table
{
    height: 146px;
}

.pdf
{
    margin-bottom: 60px;
}

.pdf img
{
    border: 1px #000 solid;
}

.pdf h3
{
    color: #7e1416;
    text-decoration: underline;
}

.pdf p
{
    color: #666666;
}

.pdf a
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.pdf a:hover
{
    text-decoration: underline;
}

.pdf td.pdfRight
{
    padding: 0;
    margin: 0;
    padding-left: 25px;
    height: 100%;
}

#contactForm
{
   
}

.validation-error
{
    font-size: 10px;
    margin-left: 5px;
}

#pdf-reg-actions
{
    margin-left: 40px;   
}

.pdf-reg-element
{
    padding-bottom: 10px;
}

.calculator_toggler
{
    padding: 4px 0 0 0;
}

.calculator_toggler a
{
    font-size: 18px;
    text-decoration: none;
    color: #7f1618;	
}

.calculator
{
    margin: 0 0 10px 0;
}

.working_formula_header
{
    padding-right: 20px;
    margin-bottom: 10px;
}

.working_formula_header h3
{
    margin: 0 0 5px 0;
}

.working_formula_header p
{
    font-size: 12px;
}

.working_formula td
{
    padding: 0 10px;
    vertical-align: text-top;
}

.working_formula p:first-child
{
    padding-left: 10px;
}

#length_belt_additional
{
    border: 1px solid black;
    margin-top: 10px;
}

#length_belt_additional td
{
    padding: 0 5px 5px;
}

.formula_seperator
{
    border-top: 1px solid #ddd;
    margin: 0 0 20px;
    width: 650px;
    visibility: visible;
}

.maintenance_info
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#working_formulas_code_of_symbols a
{
    font-size: 12px;
    color: #7f1618;
    text-decoration: none;
}

#working_formulas_code_of_symbols a:hover
{
    text-decoration: underline;
}

#working_formulas_code_of_symbols #working_formula_toggler
{
    font-size: 12px;
    color: #7f1618;
    text-decoration: none;
    font-weight: normal;
}

#working_formulas_code_of_symbols #working_formula_toggler:hover
{
    text-decoration: underline;
}

#working_formulas_code_of_symbols h3
{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

#working_formulas_code_of_symbols table
{
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-right: 40px;
}

#working_formulas_code_of_symbols td
{
    border: 1px solid #929292;
    padding: 6px 6px;
    margin: 0;
}

.working_formulas_lookup_tables h3
{
    margin: 0 0 5px 0;
}

.working_formulas_lookup_tables
{
    margin: 0;
    padding-top: 40px;   
}

.working_formulas_lookup_tables table
{
    width: 600px;
    border-collapse: collapse;
}

.working_formulas_lookup_tables td, .working_formulas_lookup_tables th
{
    padding: 4px 10px;
    border: 1px solid #ddd;
}

.maintenance_images
{
    text-align: center;
}

.question, .answer, #faq
{
    margin: 0;
}

.question
{
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
}

.answer
{
    font-size: 12px;
}

.answer a
{
    color: #7f1618;
    text-decoration: none;
}

.answer a:hover
{
    text-decoration: underline;
}

#faq
{
    margin-top: 40px;
}

#vguide
{
    margin: 0;
    margin-left: 12px;
}

.link
{
    color: #7f1618;
    text-decoration: none;
}

.link:hover
{
    text-decoration: underline;
}

.maintenance_header
{
    text-align: right;
    margin-right: 20px;
}

#class_nav_container
{
    margin: 0;
}

#belt_grid_container
{
    
}

#class_nav
{
    background: url(../images/belt_class_nav_bg.png) no-repeat top center;
    width: 161px;
    height: 276px;
    margin-left: 30px;
}

#class_nav ul
{
    margin-left: 24px;
    width: 116px;
    padding: 24px 0 0 0; 
}

#class_nav ul li
{
    padding: 5px 0;
}

#class_nav ul li a
{
    color: #000;
    text-decoration: none;
}

#class_nav ul li a:hover
{
    color: #7e1416;
    text-decoration: underline;
}

.beltGrid
{
    width: 680px;
    border: 1px solid #000;
    border-collapse: collapse;
}

.beltGridHeader
{
    background-color: #585555;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.beltGridHeader td, .beltGridItem td
{
    border: 1px solid #000;
    border-collapse: collapse;
}

.beltGridHeader td
{
    padding: 6px;
}

.beltGridItem
{
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}

.beltGridItem a
{
    color: #7e1416;
    text-decoration: none;
}

.beltGridItem a:hover
{
    text-decoration: underline;
}

.beltGridItem td
{
    padding: 6px 4px 4px 4px;
}

.beltGridPhotoTable
{
    margin: 0 auto;
    vertical-align: middle;
    border: none;
}

.beltGridPhotoTable td
{
    margin: 0;
    padding: 0;
    border: none;
}

.beltGridItem img
{
    border: 1px solid #d0d0d0;
}

.beltGridItem img.sidePhoto
{
    padding: 0;
    margin-bottom: 4px;
}

.beltGridItem img.endPhoto
{
    padding: 0;
    margin: 0
}

.beltGridSpecifications
{
    width: 200px;
    border: none;
}

.beltGridSpecifications td
{
    padding: 0;
    margin: 0;
    border: none;
}

.beltGridSpecifications td.specRight
{
    text-align: right;
    padding-right: 10px;
    width: 120px;
}

.spec_view_wrapper
{
    display: none;
}

.spec_data_table
{
    font-size: 12px;
    margin: 0 auto;
}

.specLeftLabel, .specRightLabel
{
    width: 140px;
    padding: 6px;
    background-color: #E7E7E7;
    margin: 0;
    font-weight: bold;
    margin-left: 20px;
}

.specLeftData
{
    width: 200px;
    margin: 0;
    padding-right: 60px;
}

.specRightData
{
    width: 200px;
    margin: 0;
}

#beltSpecHeader
{
    float:left;
    width: 350px;
}

#printBeltSpec
{
    position: relative;
    top: 4px;
    left: 60px;
}

#printBeltSpec a
{
    color: #7e1416;
    text-decoration: none;
}

#printBeltSpec a:hover
{
    text-decoration: underline;
}

#belt_catalog_footer
{
    font-size: 9px;
    margin-top: 20px;
}

#belt_catalog_footer h6
{
    font-size: 10px;
}

#belt_catalog_footer td
{
    padding-right: 20px;
    padding-bottom: 4px;
}

#trainingHeader
{
    float: left;
    width: auto;
}

#printTraining
{
    float: left;
    text-align: right;
    padding-top: 4px;
    margin-left: 20px;
}

#printTraining a
{
    color: #7e1416;
    text-decoration: none;
}

#printTraining a:hover
{
    text-decoration: underline;
}

#serviceListLeft
{
    float: left;
    margin-left: 15px;
}

#serviceListLeft li, #serviceListRight li
{
    list-style-type: square;
    padding: 4px;
}

#serviceListRight
{
    float: left;
    margin-left: 60px;
}

#customizations ul
{
    list-style-type: disc;
} 

#customizations ul li
{
    margin: 1em;
}

#customizations .grid_2
{
    margin-right: 40px;
}  

#customizations .grid_7
{
    line-height: 20px;
}

#customizations h5
{
    font-size: 16px;
    color: #241E68;
}

#customizations .clear
{
    height: 20px;
}

#cleat_types p
{
    width: 526px;
    text-align: justify;
    line-height: 18px;   
    margin-top: 10px;
}

.customization_header
{
    padding: 10px;
    margin: 10px 0;
    font-size: 24px;
    font-weight: bold;
    background: #E8E8E8;
    text-align: center;
}

.cleat_table
{
    display: table;
    width: 100%;
}

.cleat_table td
{
    text-align: center;
}

ul.standard_lists
{
    margin-left: 20px;
}

ul.standard_lists li
{
    padding: 4px;
    list-style-type: disc;
}

ul.standard_lists ul
{
    margin-left: 20px;
}

ul.standard_lists ul li
{
    list-style-type: circle;
}

div.agBelts, p.agBelts
{
    width: 540px;
}
