/* -----------------------------------------------------------------------

   McDiarmid Lumber Ltd. - Screen CSS
   
   http://www.McDairmid.com

----------------------------------------------------------------------- */

/* 00 - GLOBAL ELEMENTS
/*----------------------------------------------*/
body { background: #efcd99 url(../images/body_bg.jpg) repeat; color:#fff; text-shadow:0 1px 1px #000; height:100%;}
#wrap {background:url(../images/container_bg1.png) no-repeat center; height:100%; width:100%;}
.container {height:470px; position:absolute; top:50%; left:50%; margin:-235px auto auto -480px;}


/* 01 - HEADER
/*----------------------------------------------*/
#header {height:140px; overflow:hidden;}
#header h1 {text-indent:-9999px; height:0px; display:block;}
#mailing-list h2 {text-indent:-9999px; height:30px; display:block;}



/* 02 - MAILING-LIST
/*----------------------------------------------*/
#mailing-list {float:right; height:30px; margin:70px 0 0 0; width:360px; position:relative;}
/*#mailing-list input.email { margin:0; padding:0; position:absolute; top:8px; left:15px; line-height:1em; background:none; border:none; color:#dfddd9; text-shadow:0 1px 1px #000; font:1.17em "Helvetica Neue","HelveticaNeue",Arial,Verdana,Helvetica,sans-serif; width:205px; letter-spacing:1px;}
#mailing-list input.email:focus, #mailing-list input.email:hover {color:#fff;}
#mailing-list button{ position:absolute; top:0; right:0; display:block; cursor:pointer; width:90px; height:30px; overflow:visible; border:0; text-indent:-999px; background:transparent;}
#mailing-list button:hover {background:url(../images/signup_over.png) no-repeat 0 0; cursor:pointer;}
#mailing-list div.mce_inline_error, #mailing-list div#mce-error-response, #mailing-list div#mce-success-response {position:absolute; bottom:33px; left:0; font-size:1.17em; padding:5px 5px 5px 25px; background:#FBE3E4 url(../images/icons/incorrect.png) no-repeat 5px 5px;color:#8a1f11; border:1px solid #8a1f11; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; z-index:50; text-shadow:none;}
#mailing-list div#mce-success-response {background:#E6EFC2 url(../images/icons/correct.png) no-repeat 5px 5px; color:#264409; border-color:#264409}
*/
.signUp-button{position:absolute; top:0; right:0; display:block; cursor:pointer; width:348px; height:56px; overflow:visible; border:0; text-indent:-999px; background:transparent;}
a.signUp-button {background:url(../images/signUp-btn.png) no-repeat 0 0; cursor:pointer;}
a.signUp-button:hover {background:url(../images/signUp-btn_over.png) no-repeat 0 0; cursor:pointer;}


/* 03 - SELECTION MENU
/*----------------------------------------------*/
ul.select, ul.select ul {list-style:none;}
ul.select li {float:left; margin-right:20px; position:relative;}
ul.row-1 li {margin-bottom:20px;}
ul.select li.last {margin-right:0;}
ul.select li a {display:block; overflow:hidden; width:225px; height:140px; text-indent:-999px; position:relative; z-index:40;}
ul.select ul li {margin:0 0 10px 0; float:none;}
ul.select ul li a {height:40px;}
ul.select ul li.last {margin:0;}
ul.select li span.new {height:57px; width:57px; display:block; text-indent:-999px; overflow:hidden; background:url(../images/new.png) no-repeat; position:absolute; top:-15px; left:-15px;}

ul.select li a:hover span {display:block; height:30px; width:226px; position:absolute; bottom:0; left:0; z-index:1; cursor:pointer;}
ul.select li ul a:hover span {height:40px;}
a.retail:hover span {background:url(../images/selection_menu.png) no-repeat 1px 0;}
a.contractor:hover span {background:url(../images/selection_menu.png) no-repeat -227px 0;}
a.rtm:hover span {background:url(../images/selection_menu.png) no-repeat -455px 0;}
a.farm:hover span {background:url(../images/selection_menu.png) no-repeat -683px 0;}
a.superior:hover span {background:url(../images/selection_menu.png) no-repeat -911px 0;}
a.windows:hover span {background:url(../images/selection_menu.png) no-repeat -1139px 0;}
a.design:hover span {background:url(../images/selection_menu.png) no-repeat -1366px 0;}
a.careers:hover span {background:url(../images/sub_menu.png) no-repeat 0 0;}
a.flyer:hover span {background:url(../images/sub_menu.png) no-repeat -230px 0;}
a.original:hover span {background:url(../images/sub_menu.png) no-repeat -460px 0;}


/* 04 - TOOLTIP
/*----------------------------------------------*/
ul.select li p { display:none; background:url(../images/bubble.png) no-repeat; height:103px; padding:24px 27px 54px 27px; width:201px; text-indent:0; position:absolute; top:-130px; left:-15px; color:#fff;}
/* ul.select li:hover p {display:block;} */


/* 00 - CUSTOMER CARE
/*----------------------------------------------*/
a.customer-care {display:block; width:100px; height:84px; overflow:hidden; margin:0; padding:0; text-indent:-9999px; background:url(../images/customer-care.png) no-repeat top left; position:fixed; bottom:0; right:0;}
a.customer-care:hover {background:url(../images/customer-care.png) no-repeat top right;}