/* Start of CMSMS style sheet 'general' */
@import url('includes/css/reset.css'); 
@import url('includes/css/superfish.css'); 
@import url('includes/css/superfish-vertical.css'); 
html, body, #wrapper{height:100%}
*{margin:0; padding:0}
html, body{position:relative; background:#fff; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; text-align:left; font-size:100%}
p, h1, h2, h3{margin:0 0 20px 0}
p{color:#222; font-size:0.85em; line-height:18px}
h1, h2, h3{color:#d31145}
h2{margin:-5px 0 0 0; padding:0; font-size:1.75em}
a, a:active, a:visited{color:#d31145}
a:hover{color:#000}
.smallText{font-size:0.8em; color:#666}
h2.slogan{margin:0; text-indent:0; float:right; position:absolute; right:150px; top:48px; color:#fff; font-size:1.45em; font-weight:bold; width:350px; color:#d31145}

img.bg{min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0 !important; left:0 !important}
 @media screen and (max-width:1024px){ img.bg{ left:50%}
}
div#wrapper{position:relative; background:url(images/top_main_bg.png) top left repeat-x}
body >#wrapper{height:auto; min-height:100%}
div#mastHead{margin:0 0 20px 0; height:150px; position:relative; background:url(images/headerbg-trans.png) no-repeat; text-indent:-9999px; z-index:1}
div#mastHead h1.logo{width:195px; height:115px; position:relative}
div#contentContainer{margin:-20px 0 0 0; padding-bottom:40px; position:relative; z-index:1}
div#rightContent{margin:0; padding:0; width:30%; position:relative; float:left; z-index:2}
div#rightContent ul{margin:0 0 0 20px; list-style:disc; list-style-position:outside}
div#rightContent ul li{margin:5px 0}
div#rightContent ul li ul{margin:0 0 0 20px; list-style:disc}
div#searchResults{width:828px}
div#searchResults ul.search{list-style:none}
div#searchResults ul.search li{list-style:none; font-size:0.85em; padding:5px 0; border-bottom:1px solid #ccc}
div#imgContainer{margin:0 0 0 150px; position:absolute; top:25px; left:80px; width:auto; z-index:-1}
div#imgContainer.product{position:absolute; top:0; left:320px; z-index:99 !important}
.clear{clear:both}
div#footer{z-index:0; text-align:right; position:relative; margin-top:-40px; height:40px; clear:both}
div#footer.inside{background:none; z-index:1}
div#footer p{margin:0 20px 0 0; float:right; background:#fff; color:#222; font-size:0.7em}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}

* html .clearfix{height:1%}
.clearfix{display:block}

ul#topNav{margin:-50px 0 0 0; float:right; text-indent:0}
ul#topNav li{height:15px; padding:0 10px; border-right:1px solid #d31145; display:inline; float:left}
ul#topNav li a{font-size:0.75em; text-transform:uppercase; text-decoration:none}
ul#topNav li:last-child{border-right:0}
ul#leftNav{width:140px; margin:0 10px 0 20px; float:left; position:relative}
ul#leftNav li{padding:0 0 5px 0; position:relative; list-style-image:url(images/navstyle.png); margin-left:20px; line-height:15px}
ul#leftNav li a{font-size:0.86em; font-weight:bold; color:#000; text-decoration:none}
ul#leftNav li a:hover{color:#d31145}

.clear{clear:both}
#slogan{margin:0 auto; float:left; position:relative}

.vertical{position:relative; overflow:hidden; height:450px; width:455px; border-top:1px solid #ddd}

.items{position:absolute; height:20000em; margin:0px}
.items p a{text-decoration:none}
.items p{padding:0 20px 0 0}
.items p a:hover{text-decoration:none}
p.links{text-align:right}
div.items div ul{list-style:none !important; margin:0 !important; padding:0 !important}

.items div{border-bottom:1px solid #ddd; margin:10px 0; padding:10px; font-size:0.85em; height:80px; width:455px}

.items img{margin-right:10px; float:left; height:67px; width:67px}
.items ul{float:left !important; height:80px !important}
.items ul li{font-size:0.825em !important; text-align:left !important; margin:20px 0 !important}
.items ul li a{text-decoration:none}
.productItem{cursor:pointer}
.items h3{margin:0 0 0 20px; font-size:16px; color:#456; font-weight:normal}
.items p{margin:20px 0; float:left; width:260px; text-transform:uppercase;font-weight:bold;}

#actions{padding:5px 0 0 0; width:455px}
#actions a{margin:0 0 10px 0; font-size:11px; cursor:pointer}
#actions a:hover{text-decoration:underline}
.disabled{visibility:hidden}
.nextPage{float:right}
.prevPage{float:left}

#cntnt01moduleform_1 *{margin:0; padding:0; border:0}
#cntnt01moduleform_1{margin:-5px 0 0 0; float:left; position:relative}
#cntnt01moduleform_1 label{font-size:0.85em; color:#d31145}
#cntnt01moduleform_1 input{border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #ccc; border-right:1px solid #ccc; margin:0 5px 0 0; -moz-border-radius:5px; -webkit-border-radius:5px}
#map_canvas{border:1px solid #ccc; width:640px; height:450px; float:left; position:relative}
#cntnt01moduleform_1 input.search-button{border:0 !important; padding:0 !important; margin:0 !important; marign:5px -5px 0 0}
#sitemap{font-size:0.825em}

/* End of 'general' */