/* 
Style Sheet
-------------------------------------------------------
Copyright (c) 2011 DH DESIGNS
Last Updated: DH
Date: 11/15/2011 */   

/* Color Schemes
#0c629e: Dark Blue - Titles (H1)
#11a1e2: Light Blue - Subtitle (H2)
#777676: Gray - MainText (latoMainText)
#1f1f1f: Black - Bullet Points/Pricing
#929292: Gray(+) - General Text
#ef465d: Bright Red - Accent Text
#f27384: Light Red - Accent Text

 */
@import url("../css/nav.css");
@import url("../css/ie.css");
@import url("../css/colorbox.css");
/* SITE STRUCTURE //////////////////////////////////////////////////////////////////////////////////////////////*/
/* BODY */
body
{
	background: url(/images/background/general/background_dotted.png) repeat;
	border-top:solid 5px #cac8c8;
	font: normal 90% Arial, Helvetica, sans-serif;
	color:#929292;
	line-height:1.3;
	margin:0;
	padding:0;
}

/* PAGE CONTAINERS */
/* Needed for nav to show over the page content (#detailsContainer) */
#headContainer{z-index:100;}
#detailsContainer{z-index:2;}

/* WRAPPER */
.grayWrapper{background:#e9eaea;border-top:solid 3px #e3e4e5;border-bottom:solid 4px #FFF;min-height:20px;}	

/* PAGE */
.page{position:relative;height:auto !important;height:100%;margin:0 auto;min-height:100%;width:950px;z-index:1;}

/* CONTENT */
.content{padding:0 0 30px;}

/* HEADER */
#header{position:relative;z-index:10000;height:110px;padding-top:37px;}

/* HEADER BAR */
#headerBar{background:url(/images/background/general/header_bar.png) no-repeat;width:950px;height:71px;}

/* BODELIN BANNER */
#bodelinBanner{background:url(/images/background/general/bodelin_banner.png) no-repeat; width:102px;height:60px;position:absolute;top:-5px;}
	#bodelinBanner a{font-size:11px;position:relative;top:29px;left:8px;}
	
/* BANNER */
#banner{background:url(/images/background/general/slide_background.png) center bottom no-repeat;border-bottom:solid 1px #e8e5e5;width:950px;height:430px;overflow:hidden;}
	#banner .slideContainer{width:950px;height:430px;}
	/*The relative doesn't really matter unless a person has JavaScript disabled. Cycle plugin automatically assigns it a position of absolute. */
	#banner .slideContainer > div{background:#f5f5f5;border-bottom:solid 1px #c8c5c5;border-top:solid 1px #c8c5c5;position:relative;top:50px;left:21px;width:907px;height:347px;}
	#banner .slideContainer .slideContent {height:345px;}

/* BANNER PRODUCT */
#bannerProduct{background:url(/images/background/general/slide_background.png) center bottom no-repeat;border-bottom:solid 1px #e8e5e5;width:950px;height:370px;overflow:hidden;}
	#bannerProduct .slideContainer{width:950px;height:370px;}
	/*The relative doesn't really matter unless a person has JavaScript disabled. Cycle plugin automatically assigns it a position of absolute. */
	#bannerProduct .slideContainer > div{background:#f5f5f5;border-bottom:solid 1px #c8c5c5;border-top:solid 1px #c8c5c5;position:relative;top:25px;left:21px;width:907px;height:300px;}
	
/* BANNER NAV - CYCLE */	
#bannerNav{position:relative;top:-20px;left:30px;z-index:100;}
	#bannerNav li{float:left;margin-right:5px;}
	#bannerNav > a{background:url(/images/nav/slide_nav.png) 0 0 no-repeat;display:block;width:10px;height:10px;text-indent:-9999px;}
	#bannerNav a.activeSlide{background-position:-10px 0;}

/* BANNER CONTORLS - MANUAL */
/* Arrows  */
#bannerArrows #arrowNavRight{position:absolute;top:325px;right:-75px;z-index:100;}
#bannerArrows #arrowNavLeft{position:absolute;top:325px;left:-75px;z-index:100;}
#bannerArrows #arrowNavRight .next{background:url(/images/icons/arrowNav_right.png) no-repeat;display:block;width:70px;height:95px;text-indent:-9999px;}
#bannerArrows #arrowNavRight .next:hover{background-position:0 -100px;}
#bannerArrows #arrowNavLeft .prev{background:url(/images/icons/arrowNav_left.png) no-repeat;display:block;width:70px;height:95px;text-indent:-9999px;}
#bannerArrows #arrowNavLeft .prev:hover{background-position:0 -100px;}

/* Next Slide on Slide  */
.nextSlide{position:absolute;bottom:0px;width:100%;border-top:dotted 1px #c8c5c5;padding:1em 0;text-align:right;}
.nextSlide a{color:#C8C5C5 !important;}

/* Slide List  */
#proScope #bannerNav,	#proprompter #bannerNav{top:-22px;}
#proScope #bannerNav li, #proprompter #bannerNav li {background:url(/images/icons/active_slide.png)  0 0 no-repeat;padding-left:15px;display:block;height:14px;text-indent:inherit;margin-right:30px;font-size:80%;}
#proScope #bannerNav li.activeLI, #proprompter #bannerNav li.activeLI{background-position: 0 -15px; no-repeat;padding-left:15px;display:block;height:14px;text-indent:inherit;}
#proScope #bannerNav li a, #proprompter #bannerNav li a{color:#777676;background:none;width:auto;height:auto;text-indent:inherit;}
#proScope #bannerNav li.activeLI a, #proprompter #bannerNav li.activeLI a{color:#29adea;background:none;width:auto;height:auto;text-indent:inherit;}


/* MEDIA ICONS */	
#mediaIcons{position:relative;float:right;top:-30px;z-index:100;}
	#mediaIcons li{float:left;margin-right:40px;}
	
#pmmMediaIcons {
	padding: 5px 0;
	background: #FFF url(/images/background/general/slide_background.png) center bottom no-repeat;
	border-top: solid 1px #e8e5e5;
	border-bottom: solid 1px #e8e5e5;
	margin-top: 1em;
	width: 100%;
	clear: both;
}

#pmmMediaIcons ul li {
	float: right;
	margin-left: 40px;
}

/* BUY NOW CTA */	
#buyNowCTA{background:#FFFFFF;position:relative;top:-15px;width:950px;margin-bottom:15px;border-bottom:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;-webkit-box-shadow: 0 5px 6px -6px black;-moz-box-shadow: 0 5px 6px -6px black;box-shadow: 0 5px 6px -6px black;behavior: url(/PIE.htc);}
	#buyNowCTA .column1{float:left;width:70%;padding:.5em 0 0 1em;}
	#buyNowCTA .column2{float:right;padding:22px;}
	#buyNowCTA .column1 h4{float:left;padding-right:20px;}
	#buyNowCTA .column1 div p{float:left;}
	#buyNowCTA p{margin:0;}

/* CONTACT US */	
#contactUs{padding:5px 0 15px;}
	#contactUs h1{color:#484848;font-size:28px;}
	#contactUs .content{padding:10px 0 0;}
	#contactUs .content ul{padding:0 0 20px;}
	#contactUs .content .column1{float:left;width:640px;}
	#contactUs .content .column2{position:relative;float:left;width:249px;padding-left:35px;}
	#contactUs .content .col1{float:left;width:200px;}
	#contactUs .content .col2{float:left;width:400px;}
	#contactUs .content .column1.siteMap .col1,
	#contactUs .content .column1.siteMap .col2,
	#contactUs .content .column1.siteMap .col3{float:left;width:33%;}
	
	#contactUs .content .column1.siteMap ul li{font-size:14px;}
	#contactUs .content .column1.siteMap ul li a{color:#929292;}


/* FOOTER */
#footer{background:#115576 url(/images/background/general/footer_bkg.png) repeat-x;width:100%;height:100px;}
	#footer .page{min-height:inherit;padding:20px 0 0 0;color:#FFF;}
	#footer .page li{float:left;font-weight:bold;color:#FFF;}
	#footer .page li a{color:#FFF;}
	
	#footer .page .column1{float:left;width:600px;}
	#footer .page .column2{float:right;width:200px;}
	#footer .page .column2 li{margin-left:20px;}
	

/* SITE STANDARDS //////////////////////////////////////////////////////////////////////////////////////////////*/
/* HEADINGS */
h1 {font-family: 'Lato', Helvetica, Arial, Sans-serif;font-weight:900;font-size:32px;color:#0c629e;line-height:1.5em;text-align:left;margin:0;padding:0;}
h2 {font-family: 'Lato', Helvetica, Arial, Sans-serif;font-weight:300;font-style:italic;font-size:24px;color:#11a1e2;line-height:1.2em;text-align:left;margin:0 0 10px;padding:.5em; background:#FFF;border-bottom:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;}
h3 {font-family: 'Lato', Helvetica, Arial, Sans-serif;font-weight:400;font-size:18px;color:#484848;margin:0;}
h4 {font-family: 'Lato', Helvetica, Arial, Sans-serif;font-weight:400;font-size:26px;color:#0c629e;margin:0;}
h5 {font-family: 'Lato', Helvetica, Arial, Sans-serif;font-weight:300;font-size:24px;font-style:italic;color:#484848;margin:0 0 10px;}
h6 {font-family: 'Lato', Helvetica, Arial, Sans-serif;font-weight:400;font-size:15px;margin:0;line-height:1.8em;}

/* LINKS */
a,a:link,a:active {color:#29adea;text-decoration:none;}
a:visited {color:#3ebaf3;background-color:transparent;}
a:hover {text-decoration:underline;}

/* LISTS */
ul {margin:0;padding:0;}
ul li {list-style:none;}
ol {}
ol li{}
dl{margin:0;}
dd{margin:0;}

/* Multi column List */
ul.column-lists{overflow:hidden;}
ul.column-lists > li{float:left;display:inline;}
.double > li  { width:47%;} /* 2 col */
.triple > li  { width:31.333%; } /* 3 col */
.quad > li    { width:23%; } /* 4 col */
.six > li     { width:11.666%; } /* 6 col */


/* GENERAL ELEMENTS */
img {border:0;}
p {margin-top:0;}
table{ }
th{ }
td{ }
input.textField{border:solid 1px #bdbdbd;}
blockquote{padding:1em; background:#FFF;border-bottom:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;margin:0 0 10px;}
hr{color:#babbbb;background:#babbbb;height:1px;border:none;margin:5px 0 10px;}


/* CLEARFIX */
.stretch,.clear {clear: both;height: 1px;margin: 0;padding: 0;font-size: 15px;line-height: 1px;}
* html .clearfix{height:1%;overflow:visible;}/* float clearing for IE6 */
*+html .clearfix{min-height:1%;}/* float clearing for IE7 */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;}/* float clearing for everyone else */

/*GENERAL CLASSES */
.smaller{font-size:98%;}
.small{font-size:90%;}
.smallest{font-size:80%;}
.small50{font-size:50%;}
.bold {font-weight:bold;}
.bold400 {font-weight:400 !important;}
.bold300 {font-weight:300 !important;}
.normal {font-weight:normal;}
.italic{font-style:italic;}
.center {text-align:center;}

/*BULLETS */
li.bullet-education{background:url(/images/bullets/education.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-law{background:url(/images/bullets/lawenforcement.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-inspection{background:url(/images/bullets/quality_inspections.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-gear{background:url(/images/bullets/gear.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-wrench{background:url(/images/bullets/wrench.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-oregon{background:url(/images/bullets/oregon.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-oregonusa{background:url(/images/bullets/oregon-usa.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-clock{background:url(/images/bullets/clock.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-magglass{background:url(/images/bullets/magnifying_glass.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-camera{background:url(/images/bullets/camera.png) 0 0 no-repeat;padding:2px 0 7px 40px;}
li.bullet-video{background:url(/images/bullets/video.png) 0 0 no-repeat;padding:2px 0 7px 30px;}
li.bullet-cameraSM{background:url(/images/bullets/camera_sm.png) 0 0 no-repeat;padding:2px 0 7px 30px;}
li.bullet-videoSM{background:url(/images/bullets/video_sm.png) 0 0 no-repeat;padding:0 0 0 28px;}
li.bullet-pdf{background:url(/images/bullets/PDF.png) 0 0 no-repeat;padding:2px 0 7px 30px;}
li.bullet-pdfSM{background:url(/images/bullets/PDF_sm.png) 0 0 no-repeat;padding:2px 0 7px 20px;}
li.bullet-green {background:url(/images/bullets/green_circle.png) 0 5px no-repeat;padding:0 0 5px 16px;}
li.bullet-no{background:none !important;padding:0 !important;}

ul.bullet-dashSM li{background:url(/images/bullets/dash_sm.png) 0 5px no-repeat;padding:0 0 0 5px;margin-bottom:5px;}
ul.bullet-gearSM li{background:url(/images/bullets/gear_sm.png) 0 3px no-repeat;padding:0 0 0 16px;}
ul.bullet-gear li{background:url(/images/bullets/gear.png) 0 0 no-repeat;padding:0 0 0 28px;}
ul.bullet-pdf li{background:url(/images/bullets/PDF.png) 0 0 no-repeat;padding:2px 0 7px 30px;}

ul.bullet-green li{background:url(/images/bullets/green_circle.png) 0 5px no-repeat;padding:0 0 5px 16px;}
	ul.bullet-green li ul{margin:10px;}
	ul.bullet-green li ul li{background:url(/images/bullets/gray_dash.png) 0 5px no-repeat;padding:0 0 5px 16px;font-size:90%;}

.iconInternational{background:url(/images/icons/international.png) 0 5px no-repeat;padding:0 0 0 28px;}

/*SPECIFIC CLASSES */
/*Fonts */
.fontStyle{font-family: 'Lato', Helvetica, Arial, Sans-serif;}
.mainText{font-family: 'Lato', Helvetica, Arial, Sans-serif;font-weight:300;font-size:18px;line-height:1.4em;color:#777676;text-align:left;margin-top:10px;}

/*Colors */
.redBright{color:#ef465d;}
.redLight{color:#f27384;}
.darkBlue{color:#0c629e;}
.lightBlue{color:#11a1e2;}
.lightGray{color:#777676;}
.lightestGray{color:#929292;}
.green{color:#78be41;}
.black{color:#1F1F1F;}

/*Borders */
.borderGray{border:solid 1px #dde1e1;}
.borderDGray{border:solid 3px #707070;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(/PIE.htc);}

/*Floats */
.left{float:left;padding:0 1em 0 0;}
.right{float:right;padding:0 0 0 1em;}
.right-border{float:right;margin:0 0 1em 1em;}
.listRight li{float:left;margin:0 0 0 30px;}
.listRight li:first-child{margin-left:0;}
.floatLeft{float:left;}
.floatRight{float:right;}
.text-alignRight{text-align:right;}
.text_right { text-align: right; }
.text_left { text-align: left; }

.subtitle{color:#484848;font-size:16px;font-style:italic;}
.price{color:#484848;font-size:26px;font-weight:bold;}
.oldPrice{color:#777676;font-size:26px;font-weight:bold;text-decoration:line-through;}
.boxBkg{padding:1em; background:#FFF;border-bottom:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;margin:0 0 10px;}
.boxBkgGray{padding:1em; background:#eaebeb;border-bottom:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;margin:0 0 10px;}
.caption{display:block;font-size:11px;font-style:italic;font-family:Helvetica, Arial, Sans-serif;font-weight:normal;}
.iconh2{float:left;width:55px;}

.promoCode-quote{font-size:18px;}
.promoCode-save{position:relative;top:-29px;width:175px;font-size:16px;margin:0;}

/*MODULE IDs & CLASSES */
/*Product List Item */
#productContainer{}
	#productContainer h2{color:#484848;padding:.2em;margin-bottom:5px;border-bottom:solid 8px #0C629E;}
	#productContainer h3{font-size:24px;padding-bottom:10px;}
	#productContainer .productBox{background:url(/images/background/general/background_dotted.png) repeat;width:100%;border-bottom:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;margin-bottom:20px;}
	#productContainer .productBox .column1-product{float:left;width:10%;padding:1em;}
	#productContainer .productBox .column2-product{position:relative;float:right;width:86%;padding:1em 0 1em 0;}
	#productContainer .productBox .column2-product .description{min-height:75px;padding-right:30px;} 
	#productContainer .productBox .priceAction{background:url(/images/background/general/gradient_fade.png) top repeat-x;width:100%;padding:1em 0;border-top:dotted 2px #dcdcdc;}
	#productContainer .productBox .priceAction ul li{position:relative;}
	#productContainer .productBox .priceAction .price{float:left;padding-left:20px;}
	#productContainer .productBox .priceAction .addToCart{float:right;margin:0 20px 0 0; text-align: right; }
	#productContainer .productBox .priceAction .download{float:right;margin:0 20px 0 0;}
	#productContainer .productBox .priceAction .internationalOrder{float:right;margin:0 20px 0 -10px;}
	#productContainer .productBox .priceAction .addToCart span{margin-left:35px;font-size:10px;}
	#productContainer .productBox .priceAction .download span{margin-left:12px;font-size:10px;}
	#productContainer	.productBox .column2-product .description ul{width:815px;margin-bottom:20px;overflow:hidden;font-size:11px}
	#productContainer	.productBox .column2-product .description li{line-height:1.5em;float:left;display:inline;margin-left:15px;}
	#productContainer	.productBox .column2-product .description #single li{width:98%;} /* 1 col */
	#productContainer	.productBox .column2-product .description #double li{width:45%;} /* 2 col */
	#productContainer	.productBox .column2-product .description #triple li  { width:28.333%; } /* 3 col */
	#productContainer	.productBox .column2-product .extra{margin-bottom:20px;}
	#productContainer	.productBox .column2-product .extra li{float:left;margin-right:30px;} 
/*Multi Product List Item */
	#productContainer .productBox .priceAction.multi ul:first-child{border-top:none;}
	#productContainer .productBox .priceAction.multi ul{border-top:solid 1px #d5d3d3;padding:5px 0;}
	#productContainer .productBox .priceAction.multi .price{border-right:solid 2px #d5d3d3;padding:.5em 10px .5em 20px;margin-right:10px;}
	#productContainer .productBox .priceAction.multi .type{float:left;padding:.5em 10px;}
	#productContainer .productBox .priceAction.multi .type img{float:left;}
	#productContainer .productBox .priceAction.multi .type span{color:#ef465d;font-size:16px;}
	#productContainer .productBox .priceAction.multi .type p{float:left;padding-left:10px;}
	#productContainer .productBox .priceAction.multi .description{float:left;margin:10px 0 0 20px;width:320px;font-size:10px;font-style:italic;min-height:0px;padding:0;}
	#productContainer .productBox .priceAction.multi .addToCart{margin-top:15px; text-align: right;}
/*Added Media Icons */	
	#productContainer .productBox .productMediaIcons{font-size:10px;}


/*Category Pages */
#categoryOptions{}
	#categoryOptions li{margin-bottom:20px;}
	#categoryOptions .picture{float:left;position:relative;width:12%;}
	#categoryOptions .description{float:left;width:68%;}
	#categoryOptions .description h4{color:#484848;}
	#categoryOptions .learnMore{float:left;width:20%;text-align:center;}
	#categoryOptions .learnMore img{position:relative;z-index:1;top:32px;}
	
	


@media only screen

and (max-width : 1100px) {
#bannerArrows{display:none;}
}

/* Proscope Micro Mobile stuff */
.psmm-whats-included {
  width: 200px;
  text-align: left;
}

.sidebar-inset {
	padding: 10px;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 1em;
	font-size: 14px;
}

.warning {
	color: red;
	font-size: 1.25em;
}

div.alert {
	padding: .5em;
	font-size: .8rem;
}