/* Cozy Closets CSS v1 2007 */

body { margin: 20px; padding:0px; text-align: center; font-family: arial, sans-serif; font-size: 12px; background: #E3D0B7;}
img { padding: 0px; margin: 0px; border: 0px;}
a:link, a:visited { text-decoration: none; color:blue; }
a:hover { color:purple; }
hr { display: none; }
input:focus, textarea:focus, select:focus { background-color: #FAF4DA; }
.clrfix{ zoom:1; }
.clrfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul, ul li, ol, ol li, h4 { margin:0; padding:0; }
address { font-style: normal; margin-top:10px; }

/* ============================ Wrapper ============================ */

#wrapper {
 position: relative; 
 width: 886px; 
 margin:0 auto;
 padding:0;
 text-align: left;
 background: #E3D0B7 url(/images/wrapper_bkgd.gif) repeat-y;
}

#wrapperTop { width:846px; background-color: #BC9770; height:30px; margin: 0 20px;}

/* ============================ Header ============================ */

#header { background: url(/images/header_bkgd.gif) no-repeat; width: 314px; height: 259px; padding: 3px 1px; margin-left: 45px;  }
#header #headerLogo h1 { margin: 0; padding: 0; border: 0; }
#header #headerLogo a { background: url(/images/cozylogo_transparent.gif) no-repeat; width:289px; height:153px; display:block; }
#header #headerLogo a strong { display: none; }
#header #headerLogo h2 { display:none;}
#home #header { float:left; _margin-left:22px; }

/* ============================ Homepage Boxes ============================ */
#boxes h4 { display:none; }
ul#hpmenu, ul#hpmenu li { margin:0; padding:0; list-style:none; zoom:1; }
ul#hpmenu li a { text-align: left; padding: 2px 10px; color: #fff; display: block; }
ul#hpmenu li a.root { width: 160px; height: 115px; display: block; position:absolute; background: url() no-repeat 0px 0px; }
ul#hpmenu li a strong { display: none; }
ul#hpmenu li em { color: #DDDDDD; padding: 2px 10px; display:block; font-style:normal;	}
ul#hpmenu li ul li a { border-top: 1px solid #5296C2; border-left: 1px solid #5296C2; }
ul#hpmenu li ul li a:hover { color: #ffffff; background-color: #2774a5;  border-top: 1px solid #1a6596; border-left: 1px solid #1a6596;}

/* Background Images */
ul#hpmenu li a#who { top:40px; right:80px; background-image: url(/images/boxes_hp_whoweare.png); }
ul#hpmenu li a#showroom { top:125px; right:295px; background-image: url(/images/boxes_hp_showroom.png); }
ul#hpmenu li a#consultation { top:265px; left:265px; background-image: url(/images/boxes_hp_consultation.png); }
ul#hpmenu li a#products { bottom:80px; left:70px; background-image: url(/images/boxes_hp_products.png); }

/* Drop down */
ul#hpmenu li ul { width:170px; display: none; position: absolute; font-weight: normal; background: #5296C2; border: 1px solid #fff; z-index:100; }
ul#hpmenu li ul li { margin: 0; padding:0; _margin-bottom: -15px; *margin-bottom:0; }
ul#hpmenu li ul li ul { display:none; }
ul#hpmenu li.over a { background-position: -180px 0px; }
ul#hpmenu li.over ul { display:block; }
ul#hpmenu li.over ul li ul { display:none; }
ul#hpmenu li.over ul li.over ul { display:block; }
ul#hpmenu li#firstbox ul {bottom: 30px; left: 110px; }
ul#hpmenu li#firstbox ul li#accessoriesub ul {top: 5px; left: 115px; height:41px; }
ul#hpmenu li#secondbox ul {top: 350px; left: 305px;}
ul#hpmenu li#thirdbox ul {top: 210px; left: 450px;}
ul#hpmenu li#thirdbox ul li#showroomsub ul {top: 5px; left: 115px; }
ul#hpmenu li#thirdbox ul li#showroomsub2 ul {top: 25px; left: 115px; }
ul#hpmenu li#forthbox ul {top: 125px; right: 65px; } 
ul#hpmenu li#forthbox ul li#adssub ul {top: 65px; left: 85px; }

/* ============================ Navigation ============================ */
#nav h4 { display: none; }
ul#navmenu { z-index:50; background-color: #715B44; position: absolute; top:30px; right:40px; margin:0; padding:5px 0 0 3px; *padding-left: 3px; float: left; list-style:none; border-bottom: 3px solid #FAF4DA;}
ul#navmenu li { float:left; list-style-type: none; margin:0; padding:0; text-align:center; }
ul#navmenu li a#products,
ul#navmenu li a#consultation,
ul#navmenu li a#showroom,
ul#navmenu li a#who { width: 120px; height: 23px; display: block; background: url(/images/nav_bkgd.gif) no-repeat 0 0; margin-right: 2px; }
ul#navmenu li a strong { font: bold 95% Arial; color: #FAF4DA; padding:6px 0 0; display:block; letter-spacing:.03em;}

ul#navmenu li ul {width:150px; display:none; position:absolute; font-weight:normal; padding:0;margin: 0;background: #715B44;border: 1px solid #fff;}
ul#navmenu li.over ul { display:block; }
ul#navmenu li.over ul li { float:none; zoom:1; }
ul#navmenu li.over ul li ul { display:none; }
ul#navmenu li.over ul li.over ul { display:block; }
ul#navmenu li.over ul li a {display:block; text-align:left; color:#EDEDED; padding: 2px 10px; font-size: 92%; border-top: 1px solid #715B44; border-left: 1px solid #715B44; }
ul#navmenu li.over ul li a:hover { color: #E0CD7B; background: #56432f; border-top:1px solid #443321; border-left: 1px solid #443321; }
ul#navmenu li.over em { color: #CCCCCC; padding: 2px 10px; display:block; font-style:normal;	text-align:left; font-size: 92%;}
ul#navmenu li#firstbox ul { top: 27px; left: 5px; } 
ul#navmenu li#firstbox ul li#accessoriesub ul { top: 5px; left: 115px; }
ul#navmenu li#secondbox ul { top: 27px; left: 125px; }
ul#navmenu li#thirdbox ul { top: 27px; left: 248px; }
ul#navmenu li#thirdbox ul li#showroomsub ul { top: 5px; left: 115px; }
ul#navmenu li#thirdbox ul li#showroomsub2 ul { top: 25px; left: 115px; }  
ul#navmenu li#forthbox ul { top: 27px; left: 370px; }
ul#navmenu li#forthbox ul li#adssub ul { top: 60px; left: 85px; }

/* ============================ Introduction Paragraph ============================ */
#introPara { color: #023B75; margin-top: 120px; float:right; background: url(/images/intro_bkgd.gif) no-repeat bottom right; width: 388px; height: 367px; margin-right: 41px; _margin-right:20px;}
#introPara h3 { font: bold 170% Arial; margin:2px; padding: 130px 0 0 140px; }
#introPara h4 { font: bold 90% "Arial";  margin:4px 0; padding-left: 105px;}
#introPara ul { margin:0; margin-left: 40px; padding:0;}
#introPara ul li#first { margin-left: 50px; }
#introPara ul li#second { margin-left: 36px; }
#introPara ul li#third { margin-left: 24px; }
#introPara ul li#fourth { margin-left: 14px; }
#introPara ul li#fifth { margin-left: 6px; }
#introPara p { font: bold 90% "Arial"; padding-left: 26px; color: #023B75; margin:4px 0;}

/* Phone Format */
#phoneFormat { color: red; font-weight:bold; clear:both;  }
#phoneFormat em { font-weight:normal; color:#564630; } 
#introPara .phoneFormat h5 { font: bold 150% Arial; margin:0; padding: 5px 0 0 100px;  }
#introPara .phoneFormat em { padding-left: 228px; font-style:normal; font-size: 100%; letter-spacing: .2em; }

/* ============================ Content ============================ */
#content { 
  min-height: 900px;   
  _height: 900px;
  margin: 35px 0 10px; 
  width: 450px; 
  float:left; 
  padding: 10px 10px 10px 15px; 
  background: #E3D0B7 /*url(/images/content-bkgd.gif) repeat-x bottom left*/; 
  border: 1px solid #fff; 
}
#content h2 { color: #004581; font: bold 150% Arial; margin:0 0 5px 0; }
#content h3 { font: bold 107% arial; margin: 0 0 10px 0px; color:#7B5B3A; }
#content h4 { margin:0 0 2px; font: bold 100% Verdana; }
#content h5 { margin:0 0 2px; font:bold 100% arial; }
#content p { line-height:1.5em; color:#564630; font: normal 100% Arial; }
#content a:link, #content a:visited { color: #003366; text-decoration:none;}
#content a:hover { color:#5296C2; text-decoration:underline;}
#content ol, #content ol li  { margin: 0px; margin-left: 20px;}
#content ul { list-style: none; margin-left:0px;}
#content ul li, #content ol li { color:#564630; margin:0; padding:0; margin-bottom: 2px;  font: normal 100% Arial; }
#content ol.number li { margin-top:10px; }
#content .bullet li { background: url(/images/bullet.gif) no-repeat 0 7px; padding-left:10px; margin-top:5px; }

/* Left column */
#col { float:left; }

/* Generic Styles */
.floatImageLeft { float:left; margin: 5px 10px 5px 0px;}
.floatImageRight { float:right; margin: 5px 0 5px 10px;}
#contentImage { text-align:center; }
#contentImage img { margin:10px 0 0; }
#contentImage p { margin:0px; color:#666666; } 

/* List Contents */
.list-contents { width:446px; margin-bottom:5px; position:relative; }
.list-contents .hd { height:4px; background: url(/images/list-tb.gif) no-repeat 0 0; overflow:hidden; }
.list-contents .bd { width:443px; background: #D4B99C url(/images/list-bkgd.gif) repeat-x bottom left; padding: 5px 0;}
.list-contents .ft { height:4px; background: url(/images/list-tb.gif) no-repeat 0px -6px; overflow:hidden;  }
.list-contents .img { float:left; border: 1px solid #666633; margin-right:10px; margin-left:10px; *margin-left:5px; }
.list-contents .img img { padding:0px; margin-bottom:-3px; }
.list-contents .info { float:left; padding-right:10px; width:70%; }
.list-contents .info a { font:bold 100% arial; }
.list-contents .info a.normal { font-weight:normal; }
.list-contents .noimg { margin-left:10px; }
.half .info { width:20%; }
#content .list-contents .info p { padding:3px 0 0; margin:0; color:#393915; font-size:92%; }
.list-contents h4 { white-space:nowrap; position:absolute; color:#60462B; text-transform:uppercase; margin-bottom:5px; font-size:92%; letter-spacing:.20em; background-color:#FAF4DA; padding: 3px 10px; min-width:80px; _width:18%; position: absolute; top: -5px; left: 10px; text-align:center; border:1px solid #C0B47F; }
/*.list-hdr .bd { padding-top:20px; }
.list-hdr { margin-top:15px; }*/

/* In-Home Consultation Form */
#content #form { margin:0; }
.frmbox { clear:both; margin-bottom:2px; }
.formError { color: red; font-weight: bold; }
#errormsg { background:#ECD1D1; border: 1px solid #ED0000; margin:10px 0; }
#errormsg p { margin:5px; font:bold 100% arial; color:#000; }
#errormsg ul { margin:0 10px 10px; list-style-type:circle; padding-left:15px; }
#errormsg ul li { color:#FF0000; font-weight:bold;  }
#form fieldset { border: 1px solid #937454; background-color:#DDC0A2; margin-bottom: 10px; padding: 4px 5px 10px; }
#form legend { font-weight:bold; color:#000; *margin-top: -7px; }
#form label { width: 115px; display:block; float:left; text-align:right; padding-top: 2px;}
#form label input { float:none; }
#form input { float:left; margin-left: 4px;  }
#form span { display:block; float:left; margin:1px 1px 0px; }
#form fieldset#general input, #form fieldset#general select, #form textarea { border: 1px solid #937454; }
#form select { font-size: 90%; width: 206px; margin-left: 4px; *margin-left: 0px; border: 1px solid #937454;}
#form em { float:left; font-size: 92%; padding: 3px 0 0 4px;}
#form em.note { padding-left:115px;clear:both; }
.submit, .clear { cursor: hand; cursor:pointer; background-color:#DDC0A2; border:1px solid #937454; border-bottom-width:2px; border-right-width:2px; margin: 5px 5px 0 2px; font-size: 100%;  padding: 2px 7px;}
.submit:hover, .clear:hover { background-color:#fff; cursor: hand; cursor:pointer;  }
#content ul.bullet-gn li { background:url(/images/bullet-gn.gif) no-repeat 0 6px; padding-left:6px; }
/* specific */
#form fieldset.interested label { width:180px; text-align:left; margin-bottom:5px; }
#form select#state { *margin-left:5px; width:201px; }
#form textarea { width:100%; }
/* captcha */
#form .captcha .col { float:left; margin-right:5px; }
#form .captcha .sm { margin-left:5px; font-size:93%; }

.center { text-align: center; }
.newsItem { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; display: block;}
.title { font-family: "Trebuchet MS",verdana, arial, sans-serif; font-weight: bold; font-size: 120%;}
.date { font-family: arial, sans-serif; font-size: 100%; font-style:italic;}

/* Everywhere Styles */
#ads ul { margin-bottom: 15px; list-style:none;}
#ads ul li { background: url(/images/bullet.gif) no-repeat 0 7px; padding-left: 7px; margin-bottom: 3px; margin-left: 5px;}
#ads ul li.play { background:url(/images/icons/little_icon_play.gif) no-repeat; padding-left: 12px; }
#ads ul li.download { background:url(/images/icons/little_icon_download.gif) no-repeat 0 1px; padding-left: 17px; }

/* Fax a Sketch */
#faxasketch ol { margin-top:20px; }
#faxasketch ol li { padding-bottom: 5px;  }
#faxasketch ol li ul { margin-left: 5px;}
#faxasketch p { margin:0; padding:0; }

/* Video Player */
#videoPlayer { margin: 30px 0;  }

/* Photo Display */
#photodisplay  { text-align:center; padding-top: 20px;}
#photodisplay img { border: 1px solid black; }

/* Gallery */
ul.gallery { zoom:1; padding-bottom:10px; *padding-bottom:20px; _padding-bottom:10px; }
ul.gallery:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content ul.gallery li { float:left; margin-right:10px; margin-bottom:10px; }
ul.gallery li a img { border:1px solid #666; }
ul.gallery li cite { display:block; font:normal 92% arial; width:100px; }

/* Thumbnails */
#photothumb { position:absolute; top: 300px; left: 55px; width: 300px; z-index: 50; }
#photothumb #phdsplyheader { margin:0; padding:0; height:36px; background: url(/images/phdsplyheader.gif) no-repeat; text-align:center;}
#photothumb #phdsplyheader h4 { margin:0; padding:0; color: #FFFFFF; font: bold 100% Verdana; padding-top: 5px;}
#photothumb #phdsplycontent { width: 300px; float:left; background: url(/images/phdsplycontent.gif) repeat-y; margin:0; padding:0 15px;}
#photothumb #phdsplycontent #phdsplyhere { width: 260px; height: 283px; overflow:auto;  }
#photothumb #phdsplycontent #phdsplyhere h4 { font: bold 110% verdana; }
#photothumb #phdsplycontent ul { list-style: none; float:left; margin-left: 15px; *margin-left: 5px;}
#photothumb #phdsplycontent ul li { list-style: none; float:left; margin-left: 5px;}
#photothumb #phdsplycontent img { border: 1px solid black; padding:0; }
#photothumb #phdsplycontent p {  clear:both; margin:0; margin-left: -20px; padding:5px 20px 0; font-size: 90%; text-align:center; }
#photothumb #phdsplyftr { float:left; background: url(/images/phdsplyftr.gif) no-repeat; margin:0; width:300px; height:15px; }

/* ============================ Resources ============================ */
#rscs { /*position:absolute; top:300px; left: 75px;*/ margin:15px 0 15px 80px; width: 235px;}
#rscs .hd { margin:0; padding:0; height:36px; background: url(/images/rscsheader.gif) no-repeat; }
#rscs .hd h4 { font-size: 100%; color:#fff; padding: 5px 0 5px 55px;}
#rscs .bd { background: url(/images/rscscontent.gif) repeat-y; margin:0; padding: 0px 12px;}
#rscs .bd h5 { margin:2px 0 4px;  font: bold 95% Verdana; padding-top: 5px; color:#333; text-transform:uppercase; }
#rscs .bd ul { list-style: none; padding-bottom: 5px; }
#rscs .bd ul li { padding-left: 7px; background: url("/images/bullet.gif") no-repeat 0 6px; margin-bottom:3px; }
#rscs .bd p { margin:0; padding: 5px 0 5px 0; font: normal 100% Arial; color: #CCFFCC; border-bottom: 1px solid #ccc; }
#rscs .bd a{ font: normal 100% Arial; color: #003366; }
#rscs .bd a:hover { color:#66FFFF; text-decoration:underline; }
#rscs .bd a.action { font-size:92%; }
#rscs .bd #rscsdiv { width: 100%; border-bottom: 1px solid #ccc; height:1px; }
#rscs .bd ul.snapshot li { background:none; padding:0px; float:left; padding-right:5px; }
#rscs .bd ul.snapshot li img { border:1px solid #666; }
#rscs .bd ul.snapshot li.sec { padding-right:0px; }
#rscs .ft { background: url(/images/rscsftr.gif) no-repeat; margin:0; width:235px; height:15px;}

/* ============================ Locations ============================ */
#locations { clear:both; font: bold 100% Arial; text-transform:uppercase; text-align:center; background:#FFFFCC; margin: 0 40px 0 44px; border-top:1px solid #65523E; }
#locations h4 { display:none; }
#locations ul { list-style:none; display:inline; }
#locations ul li { margin-right: 30px; display:inline; font: bold 85% verdana; color:#65523E;}

/* ============================ Footer ============================ */
#footer { clear:both; margin: 0 10px 0 12px; background: #E3D0B7 url(/images/footer_bkgd.gif) repeat-x; height: 35px; font: normal 100% Arial; color: #FFFFFF;}
#footer ul { list-style: none; margin:0; padding:5px 33px; float:left;}
#footer ul li { float: left; padding-right: 5px; }
#footer ul li a { color: #FFFFCC; }
#footer ul li a:hover { color: #4A341A; }
#footer h4 { display:none; }
#footer strong { float:right; padding:5px 33px; font-weight:normal; }

#footer_tag { width:886px; text-align:left; margin:0 auto; color:#65523E; *margin-top:10px; font-size:92%; }
#footer_tag p { margin-left:10px; }

/* Homepage ACSP */
#acsp { margin:0 0 10px 10px; float:right; text-indent:-999em; overflow:hidden; display:block; width:238px; height:65px; background: url("http://www.cozyclosets.com/images/acsp_hp.png") no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.cozyclosets.com/images/acsp_hp.png', sizingMethod='crop');}

/* Ad Banner */
.banner-top { margin:0 0 10px; display:block; }
.banner-top img { border:1px solid #FAF4DA; }

/* Lightbox */
#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(/images/overlay.png); }
* html #overlay{ background-color: #333; back\ground-color: transparent; background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
}