@charset "utf-8";

/* CSS Document */

* { margin: 0; padding:0; }
body { background: #33312F url(../images/bg.jpg) top center; font-family: Arial, Helvetica, sans-serif; }
a { outline: none; }
p { font-size: 13px; color: #333; margin-bottom: 20px; line-height: 22px;}
.clear { clear: both; }
.green { color: #46713A; font-size: 14px; font-weight: bold; }
.rules { font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #333; line-height: 15px; }
img.logo { margin: 0px 5px 0px 8px; }
span.number { text-align:right; font-family: "Myriad Pro"; color: #fff; text-shadow: 2px 1px 2px #333; font-size: 30px; font-style: italic; position: absolute; right:10px; top: -80px; letter-spacing:0px; }
@font-face { font-family: "Myriad Pro"; src: url('../fonts/mp-regular.otf'); }
@font-face { font-family: "Myriad Pro"; font-style: italic; src: url('../fonts/mp-italic.otf'); }
@font-face { font-family: 'ImpactRegular'; src: url('../fonts/impact-webfont.eot'); src: url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/impact-webfont.woff') format('woff'), url('../fonts/impact-webfont.ttf') format('truetype'), url('../fonts/impact-webfont.svg#ImpactRegular') format('svg'); font-weight: normal; font-style: normal; }
h1 { font-family: "Myriad Pro", Arial, Verdana, sans; font-size: 32px; font-style:italic; color: #2E68B2; font-weight:normal; margin-bottom: 10px; }
h2 { font-family: "Myriad Pro", Arial, Verdana, sans; font-size: 25px; font-style:italic; color: #2E68B2; font-weight: normal; margin: 0px 0px 10px 0px; }
h4 { font-size: 15px; color: #333; font-weight: bold; }
h5 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
#container { width: 954px; margin:132px auto 0px auto; border: 1px solid #333; background: url(../images/container_bg.png); padding:10px; position: relative; }
div#header { position: relative; height:45px; background:url(../images/nav-bg.jpg) no-repeat top left; }
#logo { display: block; width: 226px; height:129px; background: url(../images/southern-window-logo.png) no-repeat top left; position:absolute; float:left; z-index:50; top: -50px; left: 15px; }
ul#navigation {  float:right; width: auto; list-style: none; margin-top: 10px; position:relative; z-index:9000;  }
ul#navigation .MM { position: relative; z-index:9999;  }
ul#navigation li { float: left; }
ul#navigation li a { color: #B4A79C; font-size:13px; text-shadow: #000000 1px 1px; text-decoration: none; margin: 0px 25px; }
ul#navigation li a:hover { color: #fff; }
div#content { background: #fff url(../images/btm_swoop.jpg) no-repeat bottom center; padding: 18px 18px 65px 18px; margin: 3px 0px 0px 0px; border: 1px solid #333; }
div#content ul { font-size: 13px; color: #333; margin-left:15px; margin-bottom: 20px; line-height: 20px; }
div#content-left { width: 605px; float:left; }
div#content-left a { color:#2E68B2; text-decoration: underline;}
div#content-left a:hover { text-decoration: none; }
div#content-left ul.list { list-style: none; }
div#content-left ul li { margin: 0px 0px 10px 0px; }
div#content-right { width: 280px; float:right; position: relative; top:-50px; }
/*#home div#response-form { margin-top: -325px; }*/
body div#response-form {margin-top:10px;}
a.offer {width: 265px; border: 2px solid #666; padding: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px;  margin-top: -135px; margin-left: 10px;float: left;}
a.offer img {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div#response-form { width: 255px; background: #fff; border: 2px solid #666; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px;  margin-top:-135px; margin-left: 10px;}
div#response-form h2 { font-style:normal;text-align:center; }
div#response-form p { padding: 10px 20px 0px 15px; }
div#response-form div.impact  { font-family:'ImpactRegular', Arial; text-transform: uppercase; color: #fff; background: url(../images/header_bg.jpg) repeat-x top left; font-size: 25px; width:100%; height:40px; padding-top:14px; text-align:center; }
ul.products { list-style: none; padding: 0px 0px 20px 0px; margin:30px 0px 0px 0px !important; overflow: hidden;  }
ul.products li { float: left; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; }
ul.products li img.prod-image { float:left; margin: 0px 10px 0px 0px; border:1px solid #ccc; padding:1px;  }
ul.products h2 { font-size: 19px;  }

/* Start Slideshow Styles */
.slideshow { width: 956px; height: 372px; position:relative; z-index:0; }
.slideshow img { }
.slideshow-interior { width: 956px; height: 180px; position:relative; z-index:0; }
.slideshow-interior img { }
div#nav { float:left; position: relative; z-index:8000; top: 342px; left: 12px; }
div#nav2 { float:left; position: relative; z-index:8000; top: 152px; left: 12px; }
div#nav a, div#nav2 a { background: #25201B; border: 1px solid #fff; text-decoration: none; margin: 0 3px; text-indent:-9999px; display: block; width:13px; height:13px; float:left; }
div#nav a.activeSlide, div#nav2 a.activeSlide { background: #F5DF68; border: 1px solid #25201B; }
div#nav a:focus, div#nav2 a:focus { outline: none; }
/* End Slideshow Styles */

/* Start Form Style */
span.input_float { float:left; width:300px; margin-bottom: 20px; }
form#sweepstakesform, form#windowpromotionform { margin: 20px 0px; overflow:hidden; }
form#responseform { padding: 0px 20px 20px 20px; }
#content_int table td { vertical-align:top; text-align: left; }
#content_int table th { font-size: 15px; padding: 4px 0px 3px 0px; border-bottom: 1px dashed #ccc; }
#responseform textarea { display: block; border: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 205px; height: 110px; color: #666; padding: 5px; }
#sweepstakesform textarea, #windowpromotionform textarea { display: block; border: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 568px; height: 110px; color: #666; padding: 5px; margin-bottom: 20px; }
#responseform input{ display: block; height: 25px; width: 180px; border: 1px solid #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; padding: 3px 3px 3px 30px;background:url(../images/before_x.jpg) no-repeat left center; }
#responseform select { display: block; height: 25px; width: 215px; border: 1px solid #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; padding: 3px; }
#sweepstakesform input, #sweepstakesform select, #windowpromotionform input, #windowpromotionform select { display: block; height: 25px; width: 245px; border: 1px solid #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; padding: 3px 3px 3px 30px; background:url(../images/before_x.jpg) no-repeat left center; }
#sweepstakesform input.submit, #responseform input.submit, #windowpromotionform input.submit { width:135px; background: url(../images/submit_bg.jpg) repeat-x 0 0; height: 34px; font-family: 'ImpactRegular', Arial; color: #FFF; text-transform: uppercase; font-size:16px; text-align: center; padding:0; cursor: pointer; }
#sweepstakesform input:hover.submit, #responseform input:hover.submit, #windowpromotionform input:hover.submit { background-position: 0 -35px; }
label { font-size: 12px; color: #666666; line-height: 18px; margin-bottom: 15px; }
form img#captcha { float:left; margin:7px 14px 7px 0px; }
#responseform input#responsespamcode{ display: block; height: 26px; width: 83px; border: 1px solid #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; padding: 3px 3px 3px 30px;background: #f4f4f4url(../images/before_x.jpg) no-repeat left center; float:left; margin-top:7px; }
#sweepstakesform input#sweepstakesspamcode{ display: block; height: 26px; width: 83px; border: 1px solid #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; padding: 3px 3px 3px 30px;background: #f4f4f4url(../images/before_x.jpg) no-repeat left center; float:left; margin-top:7px; }
#windowpromotionform input#windowspamcode{ display: block; height: 26px; width: 83px; border: 1px solid #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; padding: 3px 3px 3px 30px;background: #f4f4f4url(../images/before_x.jpg) no-repeat left center; float:left; margin-top:7px; }
.formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; }
#debugMode{ background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000;  }
.ajaxSubmit{ padding:20px; background:#EEEFE8;border:1px solid #999;display:none;  color: #2E68B2; font-weight: bold; margin-top: 10px; font-family:"Myriad Pro", Arial; margin: 25px 0px;}
.formError .formErrorContent { width:18px; 	color:#F00; width:18px; height:18px; font-family:tahoma; font-size:9px; /*border:2px solid #7C964D;*/ padding:12px 10px 4px 10px; border-radius: 3px; -moz-border-radius: 3px;	-webkit-border-radius: 3px; background:url(../images/error_x.jpg) no-repeat left center; margin-left:8px; margin-top:0px; text-indent:-9999px;}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:5001; }
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{ border-left:2px solid #7C964D; border-right:2px solid #7C964D; box-shadow: 0px 0px 0px #444; -moz-box-shadow: 0px 0px 0px #444; -webkit-box-shadow: 0px 0px 0px #444; font-size:0px; height:1px; background:#fff;margin:0 auto;line-height:0px; font-size:0px; display:block; }
.formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}
/* End Form Style */

div#footer { width: 964px; margin:10px auto 10px auto; border: 1px solid #333; background: url(../images/container_bg.png); padding:10px 10px 10px 0px; position: relative; color:#D2D2D0; font-size:9px; }
div#footer a { font-size: 11px; color: #D2D2D0; text-decoration: underline; margin: 0px 10px; }
div#footer a:hover { text-decoration:none; }
div#footer span.btm_number { font-size: 11px; text-shadow: 1px 1px 1px #000; float: right; }
div#footer-copy { width: 974px; margin:10px auto 50px auto; color: #262626; font-size:11px; }
div#footer-copy a { color: #262626; font-weight: bold; }
div#footer-copy a:hover { text-decoration: none; }
div#footer-copy span.ron_sherman_advertising { float: right; }
.gallery { text-align:center; }
.galrow { text-align:center; }
.galpic { width:100px; height:75px; margin:5px; text-align:center; float:left; }
.galimg { width:100px; height:75px; border:1px #000000 solid; }
.gallerylink  { text-align:center; padding:10px 30px 20px 0px; float:left; }
a.gallerycap { font-family: "Myriad Pro", Arial, Verdana, sans; font-size: 22px; color: #2E68B2; text-decoration:none; cursor:pointer; }
a.gallerycap:hover { text-decoration:underline; }
a.map { color: #333; text-decoration:underline; }
a.map:hover { color:#777; text-decoration:none; }
.proimg { border:1px #000000 solid; margin:5px; }
.about { font-size: 15px; margin-bottom: 24px; line-height: 24px;}
div#disclaimer { font-size:11px; color:#bbb; padding:7px; }
div#disclaimer_sweeps { font-size:11px; color:#bbb; }
ol { margin-left:22px; }
ol li { margin-bottom:13px; }
a#contest { font-weight:bold; color:#2E68B2; text-decoration:none; }
a#contest:hover { color:#000; text-decoration:underline; }