/* ---------------------------------------------
Screen Stylesheet for http://www.RiversideMillwork.net
Created: 06/09/08 - John D. Beatrice, http://www.MaineWebworks.com
Updated: 07/12/08 NAM, 09-15-08 JDB, 
Version: 1.1, Slightly Compressed
-------------------------------------------------
::COLORS:: Maroon: #642830;	Off White: #fbf2d9
::TOC::	Resets	Defaults Typography	Template Links Navigation Forms	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre{margin:0; padding:0}
fieldset, table{border:none}
table{border-collapse:collapse; border-spacing:0; overflow:hidden; word-wrap:break-word}
caption, th, td{text-align:left}

/* ----------::Defaults::--------------------- */
html{font-size:100.01%; height:101%}
body{height:100%; font:62.5%/1.8em Arial,Tahoma,Geneva,Helvetica,sans-serif; background:#fbf2d9 url(../images/bg.jpg) center top repeat-y; color:#465035}

/* ----------::Typography::------------------- */
blockquote, address, pre{margin:.5em 2em}
blockquote, li{padding:0 0 .4em 0}
h1, h2, h3, h4, h5, h6, p{padding:.6em 0}
h1{bottom-padding:0; font:2.4em 'Times New Roman',Times,Serif; color:#642830}
h2{padding:0; font-size:1.8em; color:#465035}
h3{font:1.6em 'Times New Roman',Times,Serif; color:#465035}
h4{font-size:1.2em}
p, li{font-size:1.2em}
li {background:url(../images/bullet_circle.gif) 0 8px no-repeat;padding:2px 0 2px 12px;}
#footer p{padding-top:10px; padding-left:10px; padding-right:10px; font:11px 'Times New Roman',Times,Serif; color:#f7f0f0}
#breadcrumbs{font-size:9px}
#breadcrumbs span.lastitem{font-weight:bold}

/* ----------::Template::--------------------- */
#wrap, #top, #masthead, #menu, #content, #footer{width:980px; margin:0 auto}
#wrap{position:relative; padding-top:7px; background:#FBF2D9}
#top{height:29px; background-color:#fbf2d9}
#top .inner{width:980px; height:26px; margin:0 auto; background:#642830; color:#fff}
#top .inner p{margin:0; padding:0 14px; font:bold 18px/26px 'Times New Roman',Times,Georgia,Serif}
#masthead{clear:both; position:relative; height:120px; margin-bottom:3px; background:#e6d4b1 url(../images/masthead.png) 0 0 no-repeat}
#masthead img#logo{position:absolute; top:11px; left:15px}

#masthead p#promoLink {
background:transparent url(../images/specials.png) no-repeat scroll 0 8px;
color:#FFF;
float:right;
font-size:24px;
margin-top:34px;
padding-left:30px;
padding-right:24px;
width:270px;}
#masthead p#promoLink a {color:#FFF;text-decoration:none;}
#content{padding-left:0; padding-bottom:10px; padding-right:0; padding-top:10px; clear:both}
#right{display:inline; float:right; width:680px; min-height:640px; margin-right:25px}
#breadcrumbs{margin-bottom:10px}
#left{background-color:#F1E7CB; border-color:#61232B #61232B; border-style:solid solid none; border-width:1px 1px 0; display:inline; float:left; margin:0 0 0 28px; min-height:700px; padding-bottom:20px; width:208px}
#page_home #left{min-height:800px}
#left .left_img img{border:1px solid #FCDC5D}
#footer{clear:both; height:35px; background:#642830 url(../images/footertop.gif) 0 0 repeat-x}

/* ----------::Links::------------------------ */
a, a:visited{text-decoration:underline; color:#642830}
a:active, a:focus, a:hover{text-decoration:none; outline:none; color:#454F34}
a img{border:none}
#breadcrumbs a, #breadcrumbs a:visited{color:#465035}

/* ---------- ::Navigation::------------------ */

/*::Main Menu::--- */
#menu{position:relative; padding:2px 0 0 8px; margin:0; width:972px; height:47px; background:#e6d4b1 url(../images/menu.gif) 0 0 repeat-x}
#menu dfn{display:none}
#menu li{float:left; padding:0; margin:0; list-style-type:none;background-image:none;}
#menu a:link, #menu a:visited{display:block; padding:13px 18px 10px 18px; text-decoration:none; font-size:18px; color:#642830; /*float:left; */width:auto}
#menu li a:active, #menu li a:focus, #menu li a:hover, 
#menu a:hover, #menu li:hover a, #menu li.hover a{background-color:#e6d4b1}

/*child menu*/
#menu li ul{position:absolute; left:-999em; width:200px}
#menu li:hover ul, #menu li.hover ul{left:auto; padding:0 0 6px; background-image:none; background-color:#D4BB8C; background:#e6d4b1}
#menu li li a:link, #menu li li a:visited{padding:4px 8px 4px 16px; font-size:14px}
#menu li ul li a:active, #menu li ul li a:focus, #menu li ul li a:hover{text-decoration:underline; background-color:transparent}

/*::Footer Menu::--- */
#footer{font:11px 'Times New Roman',Times,Serif; color:#f7f0f0}
#footer a{font:11px 'Times New Roman',Times,Serif; color:#f7f0f0}

/* ----------::Forms::------------------------ */
label{cursor:pointer;text-align:righ}
fieldset{border:0}
input, label, select, textarea{line-height:1.2; vertical-align:baseline; font-size:12px; font-family:inherit}
input[type="radio"], input[type="checkbox"]{position:relative; top:1.5px}
input[type="text"], textarea{padding:.2em}
input.submit{height:20px; font-size:10px; border:1px solid #654411; background:#fff}
textarea{overflow:auto;height:70px}
#contactform{margin:0 auto}
#contactform div{clear:both; display:block; padding:1em 0; width:400px}
#contactform label, #contactform input, #contactform div.captcha img{display:block; float:left}
#contactform label{padding-right:1em; width:30%}
#contactform input, #contactform textarea{width:60%}
/* Multiple Checkbox, Radio Buttons */
#contactform div div{clear:none; float:right; display:block; padding:0; width:60%}
#contactform div div label{display:inline; float:none; width:60%}
#contactform div div input{display:inline; float:none; width:10%}
#contactform div.captcha img{margin-top:-6px}
#contactform div.captcha input{width:188px}
#contactform div.submit input{width:198px}
.error, .error * {color:red;list-style:none;}

.questionnaire div {overflow:hidden;width:550px !important;}
.questionnaire fieldset {padding:0 0 25px;}
.questionnaire legend {text-transform:uppercase;font-size:14px;background:url(../images/bullet_circle.gif) 0 5px no-repeat;padding-left:10px;}
.questionnaire label {text-align:right;padding-top:1px;width:42% !important}
.questionnaire input {width:54% !important;}
.questionnaire div.state {float:left;margin-left:116px;width:301px !important;}
.questionnaire .state label {width:115px !important;}
.questionnaire .state select {width:145px !important;}
.questionnaire div.zip {clear:none !important;float:left;width:150px !important;}
.questionnaire .zip label {width:35px !important;}
.questionnaire .zip input {width:75px !important;}

.questionnaire div.label {font-size:12px}

.questionnaire div.mini {float:left;clear: none !important;width:109px !important;}
.questionnaire div.mini label {width:58px !important;}
.questionnaire div.mini input {width:30px !important;}

.questionnaire div.textarea label, .questionnaire div.textarea textarea, .questionnaire div.checkbox label {width:100% !important;float:none !important; text-align:left !important;}
.questionnaire div.textarea textarea {height:50px !important;width:98% !important;}

.questionnaire div.checkbox > label {padding-bottom:10px;}
.questionnaire div.checkbox div {width:520px !important;}
.questionnaire div.checkbox div label {width:60% !important;}
.questionnaire div.checkbox div input {width:15px !important}

.questionnaire div.other {padding-top:0 !important;width:360px !important;}
.questionnaire div.other label {width:140px !important;}

/* ----------::Pages::------------------------ */

/* --- Index---*/
#hp_services{height:auto; margin:20px 0 0 28px;width:312px;}
#hp_services ul{font-size:12px; font-weight:bold; color:#454F34; list-style-type:none;list-style-position:inside;}
#hp_services li a:link, #hp_services li a:visited{text-decoration:none; font-size:12px; font-weight:bold; color:#454F34}
#hp_services li a:active, #hp_services li a:focus, #hp_services li a:hover{}

#highlights{clear:both; padding-bottom:10px}
#highlights h1 img{position:relative; top:2px}
#highlights h1 a{text-decoration:none}
#highlights h1 a:hover{text-decoration:underline}
#highlights .hm_img img{background:#F1E7CB; border:1px solid #61232B; margin-left:24px; padding:1px}
#highlights .hm_img img:hover{background:#FCDC5D}
#featured-brands{margin-top:25px; margin-bottom:25px; text-align:center; width:206px}
#featured-brands h2{padding-bottom:18px}
#featured-brands ul{margin-left:5px; width:196px; background-color:white; text-align:center; list-style-type:none}
#featured-brands li {background-image:none;padding:0;}
 
/* --- site map page --- */
#noleft #left{background-color:#FBF2D9; border-color:#FBF2D9 #FBF2D9}
#noleft #left .left_img img{border:1px solid #FBF2D9}
#sitemapper{margin:10px 35px}

/* --- contact page --- */
#page_contact .floatleftframe{float:left; width:265px}
#page_contact .floatrightframe{float:right; width:400px}
iframe{border:1px solid #61232B}

/* ---------- Interior Template -----------*/
.vendor-header{ padding-top:15px;  padding-bottom:15px;  text-align:center}
.vendor-list{width:208px}
.vendor-list li {
background-image:none;
display:block;
list-style-position:inside;
list-style-type:disc;
margin-left:0;
padding-left:6px;
padding-right:0;}
.vendor-list a:link, .vendor-list a:visited{text-decoration:none; font-size:15px; color:#642830}
.vendor-list a:active, .vendor-list a:focus, .vendor-list a:hover{text-decoration:underline}

/* ---  News styles --- */
.NewsSummary {margin-bottom:30px;}
/* left side newsletter links */
p#newsletterTitle {font-size:14px;text-align:center;}
#left .NewsSummary {margin:0 0 10px 20px;}
#left .NewsSummary p {padding:0;}
#left .NewsSummary a {padding-left:14px;background:transparent url(../images/bullet_circle.gif) no-repeat scroll 0 4px;font-size:12px;}