/* main */
.desktopOnly {display: block;}    
.mobileOnly {display: none;}    
.wrapper {width: 940px; background: #333333 url(images/bg-tile.jpg) repeat-x; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.logoswrapper {width: 940px; background: #000; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.logos {max-width: 940px;}
.footer {width: 940px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #949494; text-align: center;}
.footerPad {padding: 15px 30px;}
.leftColumn {float: left; width: 210px; margin: 20px; text-align: left;}
.rightColumn {float: right; width: 670px; margin: 0px 20px 20px 0px;}
.detailLeftCol {float: left; width: 216px; text-align: center;}
.detailRightCol {float: right; width: 390px;}
.detailRightColPad {padding:30px 0px 0px 0px}
.whitePanel {background: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.whitePanelPad {padding: 15px 20px;}
.MMlogo {float: right; width: 491px;}
.productImage {max-width: 216px;}
.productGridBox {width: 160px; height: auto; float: left; border: 1px solid #000000; margin: 0px 7px 10px 0px;}
#mobileMenuHeader {background: #000; border-top: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #000; }
#mobileMenu {display: none; background: #fff; margin: 0px 0px;}
.mmVideo {width: 390px; height: 219px; margin: 0px 0px 40px 0px;}
.videoTitle {text-align: left; padding: 10px 0px; font-family: verdana, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}

A.pdfLink {
	display: block; width: 280px; cursor: pointer; margin: 5px; padding: 2px 8px 2px 12px;
	background: #7d7d7d url(images/bg-pdfLink.jpg) repeat-x bottom; border: 2px solid #333;
	font-family: verdana, Geneva, sans-serif; font-size: 13px; font-weight: normal; line-height: 13px; color: #ffffff; text-decoration : none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
A:hover.pdfLink {
	display: block; width: 280px; cursor: pointer; margin: 5px; padding: 2px 8px 2px 12px;
	background: #7d7d7d url(images/bg-pdfLink.jpg) repeat-x bottom; border: 2px solid #000;
	font-family: verdana, Geneva, sans-serif; font-size: 13px; font-weight: normal; line-height: 13px; color: #ffffff; text-decoration : none;
}
/* Buttons
====================================*/
.button,
input[type="button"] {outline: none; padding: 4px 11px; display: inline-block; border: 0px; font-family: Arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; text-transform: none; cursor: pointer; width: auto;
-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}

.buttonMobTopnav {height: 34px; padding: 15px 11px 0px 11px; margin-right: 2px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; font-family: Arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; text-transform: none; cursor: pointer; width: auto; text-transform: uppercase; outline: none;}

.buttonMobNav {margin: 0px 0px; border-top: 1px solid #fff; padding:14px 16px; display: block; vertical-align: top; font-family: Arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; text-transform: none; cursor: pointer; width: auto; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-transition: }


.buttonMobTopnav.gray {color: #fff; background: #333;}
.buttonMobTopnav.gray:hover {background:#faaa1d;}

.buttonMobTopnav.color {color:#fff; background:#333;}
.buttonMobTopnav.color:hover {background:#faaa1d;}

.buttonMobNav.gray {color: #fff; background: #aeaeae;}
.buttonMobNav.gray:hover {background:#0093d2;}





/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
.desktopOnly {display: block;}    
.mobileOnly {display: none;}    
.wrapper {width: 767px; background: #333333 url(images/bg-tile.jpg) repeat-x; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.logoswrapper {width: 767px; background: #000; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.footer {width: 767px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #949494; text-align: center;}
.leftColumn {float: left; width: 180px; margin: 12px; text-align: left;}
.rightColumn {float: right; width: 535px; margin: 0px 20px 20px 0px;}
.detailLeftCol {float: left; width: 185px; text-align: center;}
.detailRightCol {float: right; width: 300px;}
.detailRightColPad {padding:20px 0px 0px 0px}
.whitePanel {background: white; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.whitePanelPad {padding: 15px 15px;}
.MMlogo {float: right; width: 400px;}
.productImage {max-width: 200px;}
.productGridBox {width: 160px; height: auto; float: none; border: 1px solid #000000; margin: 0px 7px 10px 0px;}
A.pdfLink {width: 250px; padding: 12px 8px 12px 12px;}
A:hover.pdfLink {width: 250px; padding: 12px 8px 12px 12px;}
.mmVideo {width: 300px; height: 169px; margin: 0px 0px 40px 0px;}
.videoTitle {text-align: left; padding: 10px 0px; font-family: verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
.desktopOnly {display: none;}    
.mobileOnly {display: block;}    
.wrapper {width: 320px; background: #333333 url(images/bg-tile.jpg) repeat-x; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.logoswrapper {width: 320px; background: #000; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.footer {width: 320px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #949494; text-align: center;}
.leftColumn {float: none; width: 320px; margin: 0px; text-align: left;}
.rightColumn {float: none; width: 320px; margin: 0px 0px 0px 0px;}
.detailLeftCol {float: none; width: 300px; text-align: center;}
.detailRightCol {float: none; width: 300px;}
.detailRightColPad {padding:0px 0px 0px 0px}
.whitePanel {background: white; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.whitePanelPad {padding: 15px 10px;}
.MMlogo {float: none; width: 275px; margin: 12px 0px;}
.productGridBox {width: 160px; height: auto; float: none; border: 1px solid #000000; margin: 0px 7px 10px 0px;}
A.pdfLink {width: 250px; padding: 12px 8px 12px 12px;}
A:hover.pdfLink {width: 250px; padding: 12px 8px 12px 12px;}
.mmVideo {width: 300px; height: 169px; margin: 0px 0px 40px 0px;}
.videoTitle {text-align: left; padding: 10px 0px; font-family: verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}


    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
.desktopOnly {display: none;}    
.mobileOnly {display: block;}    
.wrapper {width: 479px; background: #333333 url(images/bg-tile.jpg) repeat-x; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.logoswrapper {width: 479px; background: #000; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}	
.footer {width: 479px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #949494; text-align: center;}
.leftColumn {float: none; width: 479px; margin: 0px; text-align: left;}
.rightColumn {float: none; width: 479px; margin: 0px 0px 0px 0px;}
.detailLeftCol {float: none; width: 459px; text-align: center;}
.detailRightCol {float: none; width: 459px;}
.detailRightColPad {padding:0px 0px 0px 0px}
.whitePanel {background: white; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.whitePanelPad {padding: 15px 10px;}
.MMlogo {float: none; width: 370px; margin: 12px 0px;}
.productGridBox {width: 160px; height: auto; float: none; border: 1px solid #000000; margin: 0px 7px 10px 0px;}
A.pdfLink {width: 280px; padding: 2px 8px 2px 12px;}
A:hover.pdfLink {width: 280px; padding: 2px 8px 2px 12px;}
.mmVideo {width: 459px; height: 258px; margin: 0px 0px 40px 0px;}
.videoTitle {text-align: left; padding: 10px 0px; font-family: verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}

    }