﻿/* Style Reset*/


/*------- warning modifying this style sheet can break the entirety of your site, please do not edit unless you know precisely what to edit ------------ */




html{color:#393939;}
body,h1,h2,h3,h4,h5,h6{font-size:72.5%;font-weight:normal;margin:0;padding:0;text-decoration: none;-webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;
}
body{font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; color:#393939; background:url(../../Images/bg-gears.jpg) fixed center top no-repeat; background-color:#1e3a79; padding:0; margin:0; }
input,button,textarea{font-family:Arial,sans-serif;}

/* ====== LINKS  ======*/
a, a:visited, a:active, .Links,  .Links a:link
{color:#0086fb; cursor:pointer; text-decoration:underline;}
a.Links:hover, a:hover{	text-decoration:none;}
.SecLinks, .SecLinks a {color:#9a8c65; cursor:pointer; text-decoration:underline;}
.SearchLinks, .SearchLinks a {color:#0086fb; font-weight: bold; font-size:1.25em; cursor:pointer; text-decoration:underline;}

/* =========== Layout ===========*/	
.topBar {border:0px solid black; width:auto; background-color:#ebecee; height:35px;}
.topBarContent {width:auto; margin:auto; padding-top:5px;}

.header {border:0px solid black; background-color:none; padding:0; margin:0; }
.headerContent {width:1010px; background:#fff; margin:0 auto; height:115px; padding:0;}

.callus { margin-left:25px; float:left;}
.gcs { width:500px;}

.navigat {border:0px solid black; background-color:none; height:45px; margin-bottom:2px; margin:auto;}
.navHolder { margin:auto; background:none; }

.mainContent {border:0px solid black; min-height:500px; background-color:white; width:1010px; padding:0; margin:0;}
.contentHolder { margin:auto;}

.bdr-r {border-right: 1px solid #666;}

.mainContent p { line-height:1.65em; font-size:1.1em; color:#333; font-family:Arial, Helvetica, sans-serif;}
	.txt-o { color: #fa940f !important;} 
	.txt-blue { color:#1d3a78 !important;}

	.bdr-btm {border-bottom:#999 1px solid; padding: 0 !important; }

	.img img { border:#F7930F 1px solid;/* width:117px; */ box-shadow: -6px 6px 8px #888888;} /* --- do not edit width here- it will effect ALL images with .img class, not just the products ---*/
	
	table.img.prod img{ width:117px;  } /* --- Product img styles here-----*/
	
	.prod td { padding:10px 0;}

.bullets ul { margin:0 0 0 15px;}

.bullets ul li { margin-bottom:5px; list-style:square; color:#fa940f;}
	
	.img-pad img { padding:5px 10px; margin-right:10px;}
	.p-txt-c p { text-align:center;}
.fix { width:277px;}
.list { font-family: Arial, Helvetica, sans-serif; font-size:15px;}

.list2 { line-height:1.65em; font-size:1.1em; color:#333; font-family:Arial, Helvetica, sans-serif; margin-top:0;}



.txt-small { font-size:12px; text-transform:none;}
.footer {border:0px solid black; background-color:#fff; padding:5px; width:1000px; margin:auto;}
.footerHolder {width:990px; margin:auto; border-top:4px solid #fa940e; padding-top:20px; padding-bottom:20px; text-align:center; color:#666; line-height:1.5em;}

/* ==== LABELS ==== */
h1, .Labels_PageHeading{font-size:1.9em;font-family: 'PT Serif', Times, serif; color: #1d3a78; line-height:normal; text-transform: uppercase; margin-bottom:10px;}
h2, .Labels_PageSubHeading{	font-family:'PTSansNarrowBold', Times, serif; font-size: 18px; color: #fa940f;  text-transform: uppercase; letter-spacing:.01em; margin-bottom:8px;}
	.h2 {font-family:'PTSansNarrowBold', Times, serif; font-size: 20px; color: #fa940f;  text-transform: uppercase; letter-spacing:.01em; margin-bottom:8px;}
h3, .Labels_LargeBold{ font-family:'PTSansRegular'; font-size: 1.25em}
h4, .Labels_MediumBold{font-family:'PTSansRegular'; font-size: 1.15em; margin:10px 0 15px 0;}
h5, .Labels_Bold{font-size: 1em;font-weight: bold;}
h6, .Labels_SmallBold{font-size:0.95em;font-weight: bold;}
	.Labels_Required{color:#d9a341;font-size:0.75em;}
    .Labels_Phone {font-family:Segoe UI, Arial, Sans-Serif; font-size:22px; color:#158CB8; font-weight:bold;}
    .Labels_Large{font-size: 1.25em}
    .Labels_Medium{	font-size: 1.15em}
    .Labels{ font-size:1em;}	
	.Labels_Small{font-size:0.95em;}	

.caps { text-transform:uppercase;}
.manu-head { font-size:20px;}
/* =========== Rotator ===========*/	
.rotator {border:0px solid black; width:960px; height:289px; margin:auto;}

/* =========== Side Bar Layout ===========*/	
.blueBanner {background:url(../../images/BlueBannerBG.jpg) repeat-x; height:22px; padding:8px; margin-bottom:0px;}
.yellowBanner {background:url(../../images/YellowBannerBG.jpg) repeat-x; height:22px; padding:8px;}
.GreyBox {padding:10px; background-color:#f3f4f6;}

/* =========== alignment ===========*/	
.c{display: block;margin-left: auto;margin-right: auto;}
.txt-c {text-align:center}
.txt-r {text-align:right;}
.r {float: right;}
.txt-l {text-align:left;}
.l {float: left}
.clear{clear:both;}
/* ====== Padding ====== */
.Pad{padding:10px}
.Pad15{padding:15px}
.Pad20{padding:20px}
.PadL{padding-left:10px;}
.PadR{padding-right:10px}
.PadB{padding-bottom:10px}
.PadT{padding-top:10px}
.Pad20{padding:20px}
.PadL20{padding-left:20px;}
.PadR20{padding-right:20px}
.PadB20{padding-bottom:20px}
.PadT20{padding-top:20px}
/* ====== Margin ====== */
.Margin{margin:10px}
.Margin15{margin:15px}

.Margin20{margin:20px}
.MarginL{margin-left:10px;}
.MarginR{margin-right:10px}
.MarginR5{margin-right:5px}
.MarginL5{margin-left:5px}
.MarginT5{margin-top:5px}
.MarginB{margin-bottom:10px}
.MarginT{margin-top:10px}
.MarginR15{margin-right:15px}
.Margin20{margin:20px}
.MarginL20{margin-left:20px;}
.MarginR20{margin-right:20px}
.MarginR25{margin-right:25px}
.MarginR28{margin-right:28px}
.MarginB20{margin-bottom:20px}
.MarginT20{margin-top:20px}
.MarginT15{margin-top:15px}
.MarginR30{margin-right:30px}
.MarginL30{margin-left:30px}
.MarginL40{margin-left:40px}
.MarginR40{margin-right:40px}

/*Borders*/
.noborder img{border:0px;}
.noborder{border:0px;}
.nounderline {text-decoration:none;}

/* ==== Separators ==== */
.HSeparator{border-bottom:solid 3px #c9c0b1; font-size:1px; margin:5px 0; width:auto}
.HseparatorSec{border-bottom:solid 2px #eaece3; font-size:1px; margin:5px 0; width:auto}
.VSeparator{border-right:solid 2px #eaece3; margin:0 5px; width:auto}
.VLSeparator{border-left:solid 2px #eaece3;  width:auto}

/* ====== Miles Textboxes, textareas, input fields ====== */
#ctl00_ContentPlaceHolder1_txtPhone_txtPhone_wrapper { margin-bottom:10px; margin-top:5px;}
#ContentPlaceHolder1_lblPhone {padding-bottom:20px;}
input[type="text"],textarea, .Textboxes{border: #c3d9f9 1px solid; font-size:1em; padding: 0.2em; margin:5px 0 10px 0;}
.Textboxes_RightAlign{font-size:1em; border: #c3d9f9 1px solid; padding: 0.2em; text-align:right;  margin:3px 0;} 
select, .DropDownLists{font-size:1em; border: #c3d9f9 1px solid;  padding: 0.15em 0.1em 0.15em 0.2em; margin:3px 0;}
select{font-size:1em; border: #c3d9f9 1px solid;}

/* ====== BUTTONS ====== */
.Buttons
{	color: white; font-size:1em; CURSOR: pointer; border: #999 1px solid; font-weight: bold;
	background:#fa940f;padding: 0.2em  1.25em; -moz-border-radius:4px; border-radius:4px;
	box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px  #ccc;
}
.SecButton
{   color: white; font-size:1em; CURSOR: pointer; border: #2d7bbe 1px solid; font-weight: bold;
    background:#328fe0; padding: 0.2em  1.25em; -moz-border-radius:4px; border-radius:4px;
    box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px  #ccc;
}
.NeutralButtons
{   color: white; font-size:1em; CURSOR: pointer; border: #918e80 1px solid; font-weight: bold;
    background:#aaa490 ; padding: 0.2em  1.25em; 	-moz-border-radius:4px; border-radius:4px;
    box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px  #ccc;
}
.NegativeButtons
{   color: white; font-size:1em; CURSOR: pointer; border: #999 1px solid; font-weight: bold;
    background:#e03232; padding: 0.2em  1.25em; 	-moz-border-radius:4px; border-radius:4px;
    box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px  #ccc;
}
.Buttons:hover, .SecButtons:hover, .NeutralButtons:hover,.NegativeButtons:hover {box-shadow: 5px 5px 5px #ccc;-moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; color: #000;}

a.buttonContainer img.roll {
 display: none;
}
a.buttonContainer:hover img.roll {
 display: inline;
}
a.buttonContainer:hover img.rest {
 display: none;
}
a.readmore {
	display:inline; padding:10px; color:#fff; text-decoration:none; text-transform:uppercase; cursor:pointer;font-family: 'century gothic'; letter-spacing:0.09em; box-shadow: 6px 6px 8px #888888; font-weight:bold; font-size:15px; background:#F7930F}
a.readmore:hover {
	background:#1D3A78; color:#F7930F; box-shadow: -6px 6px 8px #888888}

/* === Error messages, system messages etc === */
.Labels_ValidationSummary{font-size: 1.15em;	color: Red;}
.Labels_Messages, .Labels_Validation {font-size:1em;	color: Red;	}

/* === column === */
.colauto{float:left; width:auto; padding-right:5px;}
.colauto a{color:#0091cd;}
.col10{width:10%;}
.col15{width:15%;}
.col18{width:18%;}
.col19{width:19%;}
.col20{width:20%;}
.col21{width:21%;}
.col25{width:25%;}
.col30{width:30%;}
.col35{width:35%;}
.col40{width:40%;}
.col45{width:45%;}
.col50{width:50%;}
.col55{width:55%;}
.col60{width:60%;}
.col65{width:65%;}
.col70{width:70%;}
.col75{width:75%;}
.col76{width:76.5%;}
.col80{width:80.56%;}

.col85{width:85%;}
.col90{width:90%;}
.col95{width:95%;}
.col100{width:100%;}

/*Mobile Menu*/
.MobileMenu {display:none;}
.MenuOption
{   border-bottom:1px solid black;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0px;
    width:100%;
    background-color:#f9f9f9;
    width:310px;}
    
.topborder
{
    border-top:1px solid black;
}

.MenuOption:hover
{
    background-color:#e4e4e4;
}

.MenuItem
{
    margin-left:10px;
    font-size:22px;
}


/* ====== FONTS ====== */

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('/fonts/PTN57F-webfont.eot');
    src: url('/fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTN57F-webfont.woff') format('woff'),
         url('/fonts/PTN57F-webfont.ttf') format('truetype'),
         url('/fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionBold';
    src: url('/fonts/PTC75F-webfont.eot');
    src: url('/fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTC75F-webfont.woff') format('woff'),
         url('/fonts/PTC75F-webfont.ttf') format('truetype'),
         url('/fonts/PTC75F-webfont.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionRegular';
    src: url('/fonts/PTC55F-webfont.eot');
    src: url('/fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTC55F-webfont.woff') format('woff'),
         url('/fonts/PTC55F-webfont.ttf') format('truetype'),
         url('/fonts/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBoldItalic';
    src: url('/fonts/PTS76F-webfont.eot');
    src: url('/fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTS76F-webfont.woff') format('woff'),
         url('/fonts/PTS76F-webfont.ttf') format('truetype'),
         url('/fonts/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('/fonts/PTS75F-webfont.eot');
    src: url('/fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTS75F-webfont.woff') format('woff'),
         url('/fonts/PTS75F-webfont.ttf') format('truetype'),
         url('/fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansItalic';
    src: url('/fonts/PTS56F-webfont.eot');
    src: url('/fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTS56F-webfont.woff') format('woff'),
         url('/fonts/PTS56F-webfont.ttf') format('truetype'),
         url('/fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('/fonts/PTS55F-webfont.eot');
    src: url('/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTS55F-webfont.woff') format('woff'),
         url('/fonts/PTS55F-webfont.ttf') format('truetype'),
         url('/fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('/fonts/PTN77F-webfont.eot');
    src: url('/fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTN77F-webfont.woff') format('woff'),
         url('/fonts/PTN77F-webfont.ttf') format('truetype'),
         url('/fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ====== Submenu ====== */


#submenu {
	width: 150px;
	margin: 0 0 0 20px;
	padding:0;
	}
#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}	
#submenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	text-transform:uppercase;
	}	
	
#submenu li a:link, #submenu li a:visited {
	color: #1d3a78;
	display: block;
	background:url(../../Images/submenu.png);
	padding: 10px 0 0 15px;
	}
	
#submenu li a:hover {
	color: #fa940f;
	background:  url(../../Images/submenu.png) 0 -32px;
	padding: 10px 0 0 15px;
	}