/* ----- CSS for urbanbarn.com                      ----- */
/* ----- by Webinfuse.com, author: Chris Corrigan      ----- */

body {margin: 0 auto; padding: 0; background-color: #fff; text-align: center;}
.clear {clear: both;}

/* ------- Layout --------- */  
#body1 {width: 942px; position: relative; z-index: 1; margin: 0 auto; padding: 0; text-align: left;}
#header {height: 82px; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 940px;}
#page {position: relative; clear: both; border: 1px solid #d1d0ce;}
.IE #page {overflow: hidden; zoom: 1;}
.IE #cms-content {overflow: hidden; zoom: 1;}

/* ------- Header --------- */
.logo {position: absolute; top: 24px; left: 15px;}
.header-menu {position: absolute; right: 0; top: 20px; margin: 0; padding: 0; text-transform: uppercase; color: #6d6e72;}
.header-menu a, .header-menu a:link, .header-menu a:visited {color: #6d6e72;}

/* ------- search bar --------- */
#searchBar {position: absolute; top: 50px; right: 0; margin: 0; padding: 0; }
#searchBar  li { float: right; font-size: 12px; list-style-type:none; margin: 0 2px 0 0; padding: 0 2px 0 0; color: white;}
#searchBar  li, #searchBar  li a  {color: white; font-family: Tahoma, Arial, Helvetica, sans-serif; } 
#searchBar .your-account, #ecom .view-cart {text-transform: lowercase; display: none;} 
#searchBar  li.search-form {border: 1px solid #818286; margin: 0; padding: 1px; width: 120px;} 
#searchBar form { margin: 0; padding: 0;}
#searchBar form input {padding: 0; margin: 0; border: none; float: left;}
#searchBar form input.search-input {width: 96px; font-size: 12px; display: block; border: 0;}
#searchBar form input.search-submit { float: right;}
.IE5 #searchBar form input.search-input { line-height: 10px; height: 17px;}
#searchBar  li.twitter {margin-right: 4px;}

/* ------- Nav Bar --------- */
.IE67 #mainnav-2 {text-align: center; zoom: 1;}
#mainnav-1 {display: table; margin: 0 auto;} 
.IE67 #mainnav-1 {display: inline; zoom: 1;}
#mainnav { position: relative;  z-index: 50; clear: both; font-family: Arial, Helvetica, sans serif;}
#mainnav.lvl1 {padding: 0; margin: 0;} 
#mainnav li {list-style-type: none; padding: 0; margin: 0;}
#mainnav li a {font-size: 11px; text-align: center; text-decoration: none; color: #8a8b8d; background-color: #fff; font-weight: normal;}
#mainnav li a:hover {color: #000;}
/* lvl 1 */
#mainnav li.lvl1 {position: relative; float: left;}
#mainnav li.lvl1 a.lvl1 {font-size: 12px; color: #8a8b8d; line-height: 30px; font-weight: bold; float: left; display: block; padding: 0 14px 8px 13px; text-transform: uppercase; 
background: url(/data/resources/images/menu-border.gif) 0 50% no-repeat; background-position: 0px 10px; }
#mainnav li.lvl1.first a.lvl1 {background: none;}
#mainnav li.lvl1.last a.lvl1 {}
#mainnav li.lvl1 a:hover, #mainnav li.lvl1.selected a, 
#mainnav li.lvl1 a:hover, #mainnav li.lvl1.currentTree a.lvl1 {color: #000;}
.IE6 li.lvl1 a.parent-icon {background-image: none;}
/* lvl 2 */
#mainnav ul.lvl2 {position: absolute; top: 30px; left: 0; border: 1px solid #d1d0ce; border-top: 1px solid #d1d0ce; padding: 0; margin: 0; background-color: #fff; padding: 8px 0; margin-top: 8px;}
#mainnav li.lvl2 a.lvl2 {white-space: nowrap; color: #928A66; color: #a1a3a5; background-color: #fff; font-size: 11px; line-height: 2em; float: none; display: block; margin: 0; padding: 0 14px;
 text-transform: uppercase; text-align: left;}
#mainnav li.lvl2 {padding-right: 4px}
#mainnav ul.lvl2 {left: -999em;}
.IE7 #mainnav ul.lvl2 {left: 0; display: none;}
#mainnav li.lvl1:hover ul.lvl2 {left: auto;} 
#mainnav li.lvl2 a:hover, #mainnav li.lvl2.selected a {color: #000;}
#mainnav ul.lvl2 li.parent > a {background: url(/data/resources/images/nav-sub-indicator.gif) no-repeat 96% 50%;}
.IE #mainnav li.lvl1:hover ul.lvl2 {left: 0;}  
.IE7 #mainnav li.lvl1:hover ul.lvl2 {display: block;}  
.IE6 #mainnav ul.lvl2 {width: 1px;}
.IE6 li.lvl2 {float: left;}
.IE6 #mainnav .lvl1.sfhover ul.lvl2 {left: 0;} 
.IE6 li.lvl2 a.parent-icon {background: url(/data/resources/images/nav-sub-indicator.gif) no-repeat 96% 50%;}
/* lvl 3 */
#mainnav ul.lvl3 {position: absolute; top: 0; left: 0; border: 1px solid #d1d0ce; padding: 0; margin: 0; background-color: #fff; padding: 8px 0;}
#mainnav li.lvl3 a.lvl3 {white-space: nowrap; color: #a1a3a5; background-color: #fff; font-size: 11px; line-height: 2em; float: none; display: block; margin: 0; padding: 0 14px;
 text-transform: uppercase; text-align: left;}
#mainnav li.lvl3 {padding-right: 4px}
#mainnav ul.lvl3 {left: -999em;}
#mainnav li.lvl2:hover ul.lvl3 {left: 92%; top: 1em;} 
#mainnav li.lvl3 a:hover, #mainnav li.lvl3.selected a {color: #000;}
.IE6 #mainnav ul.lvl3 {width: 1px;}
.IE6 li.lvl2, .IE6 li.lvl3 {float: left;}
.IE6 #mainnav .lvl1 .sfhover ul.lvl3 {left: 92%; top: 1em;} 
.IE6 li.lvl3 a.parent-icon {background: url(/data/resources/images/nav-sub-indicator.gif) no-repeat 96% 50%;}
/* lvl 4 */
#mainnav ul.lvl4 {position: absolute; top: 0; left: 0; border: 1px solid #d1d0ce; padding: 0; margin: 0; background-color: #fff; padding: 8px 0;}
#mainnav li.lvl4 a.lvl4 {white-space: nowrap; color: #a1a3a5; background-color: #fff; font-size: 11px; line-height: 2em; float: none; display: block; margin: 0; padding: 0 14px;
 text-transform: uppercase; text-align: left;}
#mainnav li.lvl4 {padding-right: 4px}
#mainnav ul.lvl4 {left: -999em;}
#mainnav li.lvl3:hover ul.lvl4 {left: 92%; top: 1em;} 
#mainnav li.lvl4 a:hover, #mainnav li.lvl4.selected a {color: #000;}
.IE6 #mainnav ul.lvl4 {width: 1px;}
.IE6 li.lvl4 {float: left;}
.IE6 #mainnav .lvl2 .sfhover ul.lvl4 {left: 92%; top: 1em;} 
.IE6 li.lvl4 a.parent-icon {background: url(/data/resources/images/nav-sub-indicator.gif) no-repeat 96% 50%;}
/* lvl 5 */
#mainnav ul.lvl5 {position: absolute; top: 0; left: 0; border: 1px solid #d1d0ce; padding: 0; margin: 0; background-color: #fff; padding: 8px 0;}
#mainnav li.lvl5 a.lvl5 {white-space: nowrap; color: #a1a3a5; background-color: #fff; font-size: 11px; line-height: 2em; float: none; display: block; margin: 0; padding: 0 14px;
 text-transform: uppercase; text-align: left;}
#mainnav ul.lvl5 {left: -999em;}
#mainnav li.lvl5 {padding-right: 4px}
#mainnav li.lvl4:hover ul.lvl5 {left: 92%; top: 1em;} 
#mainnav li.lvl5 a:hover, #mainnav li.lvl5.selected a {color: #000;}
.IE6 #mainnav ul.lvl5 {width: 1px;}
.IE6 li.lvl5 {float: left;}
.IE6 #mainnav .lvl3 .sfhover ul.lvl5 {left: 92%; top: 1em;} 
.IE6 li.lvl5 a.parent-icon {background: url(/data/resources/images/nav-sub-indicator.gif) no-repeat 96% 50%;}

/* ------- Footer --------- */
#footer {clear: both; position: relative;}
#footer a, #footer a:link, #footer a:visited {color: #6d6e72;}
#footer p {float: left; margin: 12px 0 0.2em 0; font-size: 12px; text-transform: uppercase; display: inline; color: #6d6e72;}
#footer .poweredbywebinfuse {clear: right; float: right; margin: 35px 8px 10px 0;}
#debug {position: absolute; left: 0; bottom: 0;}
.IE #debug {display: none;}
#footer .signUp {float: right; margin: 10px 0 0 0;}
#footer .signUp p {text-transform: uppercase; float: left; margin: 2px 8px 0 0; font-size: 12px; font-weight: bold;}
#footer .signUp form {float: left;}
#footer .signUp .input {float: left; font-size: 10px; width: 110px; border: 1px solid #818286; color: #86878b; margin: 0; padding: 2px;}
#footer .signUp .signup-submit {float: left; background-color: #4e8abe; border: none; font-size: 10px; font-weight: bold; height: 19px; color: #fff; display: block;}