/* CSS Reset provided by: http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    text-decoration: none;
    color: white;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */

.clear { clear:both; } 

.half { display:inline-block; width:50%; } 
.full-width { width:100%; }

body { 
    overflow-y: scroll;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

section { display:block; width:100%; max-width:900px; margin:0 auto; }
form { width:100%; margin:0 auto;} 
input:focus { outline: none; } 
form > input, #portalGo { display:block; max-width:800px; margin:0 auto; font-size: 150%; border:none; color:white; }
form > input { font-size:150%; margin-top:2px; padding:20px 0; text-indent:20px; z-index: 1000 }
::-webkit-input-placeholder { color:white; }  

#portalGo { background: url("/shared_img/wholesale/button-bg.png") top right no-repeat; font: bold 150% 'Roboto Condensed', sans-serif; text-align:center; padding:16px 0; font-style:oblique; text-shadow:0 3px 3px rgba(0,0,0,0.7); }
#portalGo:hover { opacity:0.9; } 

li > a { font: normal 16px 'Roboto Condensed', sans-serif; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3); padding: 10px;}
li > a:hover { color:#efefef; }
.menu { float:right; padding: 50px 50px 50px 0; }
.menu > li:nth-child(3) a { padding-right:0; }

#Logo { 
    z-index: 5;
    max-width:500px;
    height:auto;
    position:absolute;
    filter: 'progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')'; 
    filter: url(#drop-shadow); 
    -webkit-filter: drop-shadow(6px 4px 2px rgba(0,0,0,0.5)); 
    filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5)); 
}


.resp-fix { position:absolute; bottom:5px; } 
.nap-container { padding: 10px 23px 10px 0px; font: 200 20px 'Roboto Condensed', sans-serif; color:#efefef; width:80%; margin-left:15%; text-align:right; } 
.nap-container .content-module-container { padding-right:27px; } 

.menu-container { width:100%; height: 118px; float: left;}

#Top { height:200px; position:relative; } 

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }

.no-tabs { margin-top: 115px !important; }
#Content { padding-bottom: 118px; } 
#Content li { display:block; margin:0 auto; width:80%; } 
#Content .content-module-container {
    font: 400 100% 'Roboto Condensed', sans-serif;
    padding: 0 60px; 
    text-align: justify;
}
#Content .content-module-container h1 { font-size:26px; color: #94BA65; }
#Content .content-module-container a { color: #94BA65; text-decoration: none; }
#Content .content-module-container a:visited { color:#75984b; } 
#Content .content-module-container p { padding: 15px 0; z-index: 4;} 

/* Magic Sliding Line CSS */
#animatedLine {list-style: none; position:relative;}
#animatedLine li { display: inline-block; }
#magic-line { position: absolute; bottom: 40px; left: 0; width: 35px; height: 3px; background: #94BA65; }

/* Responsive Styles */
@media only screen and (max-width: 800px) {
    section { width: 90%; } 
    #Top { height: auto; } 
    .half { display:block; width:100%; margin:0 auto; }
    .resp-fix { position: relative; }
    .nap-container { margin-left: 0; padding: 10px; width: 70%; margin: 0 auto; text-align:center; }
    .nap-container .content-module-container { padding-right:0px; } 
    .logo-container { width: 100%; }
    #Logo { display: block; margin: 25px auto !important; position: relative !important; }
    .menu-container { text-align:center; } 
    .menu-container .menu { float: none; padding: 40px 0 70px 0; } 
    form { width: 80%; } 
}
@media only screen and (max-width: 500px) {
    #Logo { width:300px; }
}