@import url("../../css/SkinHome.css");


#entirediv
{
	height:100%;
	
	padding: 0px;
}

#mbWrap 
{
	width:956px;
}

#mainblock
{
	margin-top:0px;
	width:954px;
	background:url('./bg_login.png') repeat-y center;
	border-top:none;
	border-bottom:1px dotted #ccc;
}

#tutorialdiv {left:16px;}
#ps2000pic {left:12px;}
#uac-input {background-color:#19afd8;}
#card-img {background-image:url('./Smart_Card.jpg');}

#sitefooter
{
	position:relative;
	margin:auto;
	padding-top:5px;
	padding-bottom:20px;
	padding-left:16px;
	padding-right:16px;
	left:0px;
	width:924px;
}

#sitefooter a:link{color:#19afd8;} 
#sitefooter a:visited {color:#19afd8;}
#sitefooter a:hover {color:black;}
#sitefooter a:active {color:#19afd8;}

#sitefooter .tmfooter, #sitefooter p
{
	color:black;
}



.clear{clear:both}
#skinHeader input{font:13px 'Droid Sans', sans-serif;border:1px solid #887e7e; padding:5px; width:auto; margin:2px;}
/*#skinHeader div, #skinHeader span, #skinHeader applet, #skinHeader object, #skinHeader h1, #skinHeader h2, #skinHeader h3, #skinHeader h4, #skinHeader h5, #skinHeader h6, #skinHeader p, #skinHeader a */
#skinHeader {margin: 0;padding: 0;border: 0;font-size: 14px;font: inherit;vertical-align:baseline; font-weight:normal;line-height:15px;}
#skinHeader ol, #skinHeader ul,
#skinFooter ol, #skinFooter ul {list-style: none;}
#skinHeader form {margin:0px;}
#skinFooter ul {padding-left:.5em;list-style:disc outside;margin:1em;margin-left:2em;}


#skinHeader, #skinFooter {color:#58595b; font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#F2F2F2; line-height: 1.4em; }
#skinHeader blockquote,#skinHeader ul,#skinHeader ol{margin:1em}
#skinHeader ul li ul,#skinHeader  ol li ol{margin-top:0em;}
#skinHeader ol, #skinHeader ul{margin-left:2em}
#skinHeader ol{list-style:decimal outside; padding-left:2.5em;}
#skinHeader ul{list-style:disc outside; padding-left:2.5em;}



#skinHeader p, #skinFooter p{padding:.5em 1.3em;text-align: left;}
#skinHeader h1, #skinFooter h1{font: 2.6em 'yk', sans-serif; color:#368ccc; font-weight:bold; padding:.2em .4em;}
#skinHeader h2, #skinFooter h2{font: 2em 'yk', sans-serif; color:#368ccc; padding:.2em .6em; font-weight:bold;}
#skinHeader h3, #skinFooter h3{font: 1.8em 'yk', sans-serif; color:#368ccc; padding:.3em .7em; font-weight:bold;}
#skinHeader h4, #skinFooter h4{font: 1.4em 'yk', sans-serif; padding:.2em .9em;}
#skinHeader h5, #skinFooter h5{font: 1.3em 'yk', sans-serif; padding:1em;}
#skinHeader h6, #skinFooter h6{font: 1.1em 'yk', sans-serif; padding:1em; color:#0076c0}


#skinHeader #logoWrapper{width:100%; background:#fff;}
#skinHeader #logoContainer{width:90%; margin:0cm auto; height:6.9em;}
#skinHeader #logoContainer a{text-decoration:none;}
#skinHeader #logoContainer a:hover{text-decoration:underline;}
#skinHeader #logo{float:left;}
#skinHeader #headerLocationAndText{float:left; padding:2em 0em 0em 4em;}
#skinHeader #headerLocationAndText p{text-align:right;}
#skinHeader #headerLocationAndText a{text-transform:uppercase;}
#skinHeader #searchSection{float:right; padding-top:1em}
#skinHeader #site-search{text-align:right; width:19em;}
#skinHeader #site-search h1{color:#2391e2; text-transform:uppercase; font: .9em 'Quattrocento Sans', sans-serif; font-weight:bold; padding-left:4em;}
#skinHeader #menuWrapper{width:100%; background:#ff0000}
#skinHeader #menu{width:90%; margin:0cm auto; min-height:3.5em;}
#skinHeader #rotatorWrapper{width:100%; margin:0cm auto; background:url(./v2/rotator-image-background.gif) repeat-x;}
#skinHeader #rotator{width:90%; margin:0cm auto; background:url(./v2/rotator-image-background.gif) repeat-x #fff; }
#skinHeader #rotator img{width:100%; height:auto}
#skinHeader #rotatorWrapperContent{width:100%; margin:0cm auto; height:auto; background:#4ca6e8; clear:both;}
#skinHeader #rotatorContent{width:90%; margin:0cm auto; height:auto;}
#skinHeader #rotatorContent img{width:100%; height:auto; margin:0cm auto; border:none!important; vertical-align:top;}
#bodyWrapper{width:100%; background:#f2f2f2;}
#contentWrapper{width:90%; margin:0cm auto; background:#fff; padding-top:1em;}
#subMenuContent, #subMenuContentProducts{float:right; vertical-align:middle}
#subMenuContent a, subMenuContentProducts a{text-decoration:none;}
img.subMenuIcons{vertical-align: middle;padding-left: 1em;}
#contentArea{}
#right_pane{float:right; width:30%; border-left: 1px dotted #b0b0b0; border-bottom: 1px dotted #b0b0b0;margin-left: 1em;}
#footerSpacer{background:#368ccc; clear:both; width:100%; height:24px;}
#footerMenuWrapper{width:100%; background:#e4eff8; border-top:solid #7cb4de 1px; }
#footerMenu{width:90%; margin:0cm auto;}
#footerMenu h2{font-size:1.5em; color:#4f5155}
#visitorMenu{float:left; width:25%}
#specialServicesMenu{float:left; width:30%}
#locationsFooter{float:left; width:45%}
#footerWrapper{width:100%; background:#d8dde1}
#footer{color:#45474b; font-size:12px; width:75%; margin:0cm auto; height:4.5em; padding-right:4em;}
#skinFooter a {text-decoration: underline;}
#skinFooter a:hover {text-decoration: none;color:#ff0000;}
#footer p{padding:1.5em;}
#footerIcons{float:right; padding-right:25em;}

/*classes*/
.smIcons{float:left; padding:0em .2em;}
.fIcons{float:right; padding:1.2em .2em;}
img.size-full{width:35%;}
a.increaseFont, a.decreaseFont, a.resetFont{cursor:pointer}
.red {color:#ff0000; text-decoration:underline;}
div.slashedBackround{background:url(./v2/slashes.png) repeat-x; height:4px; width:97%; margin:0cm auto;}
div.blueBox{background:#368ccc; width:2em; height:4px;}
strong.red{text-decoration:none;}
#skinFooter strong {font-weight:bold;}
div.standout{float: left;border: 1px solid #368ccc;width: 53em;margin-left: 1em;}

/*menus*/
div.menu-top-menu-container{padding-top:1em;}
#skinHeader #menu-top-menu ul {list-style-type: none!important; padding: 0cm; margin: 0cm; float: left;}
#skinHeader #menu-top-menu li {float: left; padding:0px .7em; text-align:center;}
#skinHeader #menu-top-menu li a{text-decoration:none; color:#eef666; text-transform:uppercase; font-size:.9em;}
#skinHeader .sub-menu li{text-align:left!important;}
#skinHeader #menu-top-menu li .sub-menu li a{padding:.7em;}
#skinFooter #menu-visitorcustomer-menu li{ list-style-image:url(./v2/arrow.png); line-height:2.75em; border-bottom:1px solid #b0b0b0}
#skinFooter #menu-special-services-menu li{ list-style-image:url(./v2/arrow.png); line-height:2.75em; border-bottom:1px solid #b0b0b0}
#skinHeader ul#menu-visitorcustomer-menu, #skinHeader  ul#menu-special-services-menu{padding-left: .5em;}

/*sub-menus*/
#skinHeader .sf-menu, #skinHeader .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {/*line-height:1.0;*/}
.sf-menu ul{position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
.sf-menu li{float:left;position:relative; z-index:900;}
.sf-menu a{display:block;position:relative; z-index:901;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0;top:2.5em;/* match top ul list item height */ z-index:899;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{left:10em;/* match ul width */ top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{left:10em;/* match ul width */ top:0;}
/*** DEMO SKIN ***/
.sf-menu li li{background:none!important;padding-right: 0px!important; border-right:none!important}
.sf-menu li li a{color:#fff!important; background:#000!important;line-height:32px!important;}
.sf-menu li li a:visited{ color:#fff!important;}
.sf-menu li li a:hover{ color:#fff!important; background:#368CCC!important;}
.sf-menu li li li{background:#525252;}
.sf-menu li:hover,.sf-menu li.sfHover,
.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background: none;outline:0; color:#439538}

.nav-button { display: none; } /* hide the navigation button by default */



/*conditional css coding*/
/*ipads (portrait and landscape)*/

/*pc and desktop 800px*/
@media screen and (max-width: 800px) {
	#logo {width:25%; height:auto;}
	#footerIcons{padding-right:0em!important;}
	#footer p{padding:.5em}
	#rotatorWrapper, #rotator, #rotator img{display:none;}
	#rotatorWrapperContent, #rotatorContent, #rotatorContent img{display:none;}
	#headerLocationAndText{padding:0em; font-size:.9em;}
	#headerLocationAndText p{font-size:.9em;}
	#site-search{}
	.smIcons{width:8%;}
	#menu{min-height:3.5em;}
	#s{width:12em}
	.sf-menu {font-size: .83em;}
	div.product-thumbL img{width:100%; height:auto; max-width:15em;}
	div#widgetRightSide{width:17em;}
	div#specialServicesMenu, div#visitorMenu{width:50%}
	div#locationsFooter{clear:both; width:100%}
	iframe#homeVideo{width:280px; height:158px;}
	#homeAbout, #homeLocateUs, #homeNewsMedia, #homeContactUs{width:40%; padding:2% 1.25%; margin:0 1%;text-align: center;}
	div.spacer{clear:both; min-height:1em;}
	div.standout{width:98%; margin-left:0em;}
}

/*pc & desktop 801 to 1151*/
@media screen and (min-width: 801px) and (max-width: 1151px) {
	#logo {width:18%; height:auto;}	
	#footerIcons{padding-right:0em!important;}
	.smIcons{width:10%;}
	#headerLocationAndText{padding:2em 0em 0em .5em}
	#headerLocationAndText p{font-size:.8em;}
	div.product-thumbL img{width:100%; height:auto; max-width:15em;}
	div#post-thumbnail img{width:100%; height:auto; max-width:20em;}
}
/* pc & desktop 1152 to 1270px*/
@media screen and (min-width: 1152px) and (max-width: 1270px) {
	#footerIcons{padding-right:15em!important;}
	#headerLocationAndText p{font-size:.8em;}
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	#logo {width:20%; height:auto;}
    #footerIcons{padding-right:0em!important;}
	#rotatorWrapper, #rotator, #rotator img{display:none;}
	#rotatorWrapperContent, #rotatorContent, #rotatorContent img{display:none;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 799px) {
	#logo {width:40%; height:auto; float:left;}
	#footerIcons{padding-right:0em!important;}
	#rotatorWrapper, #rotator, #rotator img{display:none;}
	#rotatorWrapperContent, #rotatorContent, #rotatorContent img{display:none;}
	#searchSection{float:left; padding-top:0em}
	#headerLocationAndText{width:60%}
	#headerLocationAndText p{padding-bottom:0em;}
	#map_map_555799879441_preview_alignment_container{display:none!important; visibility:hidden!important;}
	.mHidden{display:none; visibility:hidden;}
	#right_pane{display:none; visibility:hidden;}
	#contentWrapper, #footerMenu{width:100%}
	div.wpcf7 input, div.wpcf7 textarea{width:11em;}
	div.wpcf7 input[type="radio"] { width: 5em; } 
	#subMenuContentProducts{display:none;}
	iframe#homeVideo{width:280px; height:158px;}
	#homeAbout, #homeLocateUs, #homeNewsMedia, #homeContactUs{width:40%; padding:2% 1.25%; margin:0 1%;text-align: center;}
	div.spacer{clear:both; min-height:1em;}
	img.homeIcons{top:-3em}
	div.hTop{min-height:15em;}
}
/*end conditional css*/

@font-face {font-family: 'yk';src: url('./v2/yanonekaffeesatz-regular-webfont.eot');src: url('fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./v2/yanonekaffeesatz-regular-webfont.woff') format('woff'), url('./v2/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),url('./v2/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatz_regularRg') format('svg');font-weight: normal;font-style: normal;}