* {
font-family:arial, sans-serif;
}

input, select, textarea {
font-size:100%;
}

body {
font-size:12px;
color:#888888;
line-height: 1.5em;
padding:0px;
margin:0px;
background:#f3f4e3;
}

/********* BASE ELEMENTS *********/
#entire {
	width:100%;
	overflow:hidden;
	min-width:960px;
	position:relative;
}
#center {
	width:920px;
	margin:0 auto;
	position:relative;
        padding: 20px;
        margin-top:10px;
	background-color:#ffffff;
border: 1px dotted #b7bD03;
}

.hr{
       border-top:1px dotted #b7bd0e;
       height:1px;
       margin:10px 0px;
}

img {
border:0px;
}

a:link, a:active, a:visited {
text-decoration:none;
color:#B7BD03;
font-weight:normal;
}

a:hover {
//color:#959A00;
text-decoration:underline;
}

p{
font-size: 12px;
line-height: 1.5em;
}

tr.rowon {
background-color:#EEEEEE;
}

tr.rowoff {
background-color:#FFFFFF;
}

h2{
color:#B7BD03;
padding-bottom:10px;
border-bottom:1px dotted #B7BD03;
font-weight:normal;
}

.intro, h1 {
font-size:20px;
line-height:1.3em;
color:#B7BD03;
font-weight:normal;
}

.introHome{
border-bottom:1px dotted #B7BD03;
color:#B7BD03;
font-size:20px;
font-weight:normal;
line-height:1.1em;
padding:12px 0 5px 0px;
}

.feature {
color:#959A00;
}

.shopSection{
   float:left;
  padding-right: 30px;
}


#header {
height:85px;
background-color:#ffffff;	
border-top: 1px dotted #b7bD03;
border-bottom: 1px dotted #b7bD03;
margin-top:10px;
}

.wrapper{
width:960px;
margin:0 auto;
position:relative;
}

#header div.logo {
float:left;
width:182px;
height:85px;
cursor:pointer;
background-image:url(/images/UrbanLounge_Logo.jpg);
background-repeat:no-repeat;
background-position: 0;
}

#header div.topmenu {
height:65px;
position:absolute;
right:0;
top:20px;
width:778px;
}

#header div.menuitems {
height:45px;
padding:20px 10px 0 0;
position:absolute;
right:0;
}

#header div.topmenu div.item {
padding:0px 0px 3px 25px;
float:left;
}

#header a:link, #header a:visited, #header a:active {
text-decoration:none;
color:#b7bd03;
text-transform:uppercase;
font-size:14px;
}

#header .on {

}

.cart{
  background-color:#EBEAE4;
  margin-bottom: 10px;
  width: 70px;
}

.cart a{
   float:left;
   color:#999999;
}

#viewprojects{
background-color:#B7BD03;
color:#F3F4E3;
font-size:12px;
height:16px;
right:0;
padding:7px;
position:absolute;
text-transform:uppercase;
top:320px;
width:114px;
z-index:1000;
}

#viewprojects a{
  color:#ffffff;
}

#viewprojects a:hover{
  color:#81820e;
}


#nav{
list-style-type:none;
margin:0;
padding:0;
background:transparent;
position:relative;
z-index:20;
float:right;
}

#nav li{
float:left;
padding:0;
margin:0;
display:inline;
}

#nav li:hover {
position:relative;
z-index:100;
}

#nav li a {
float:left;
background:transparent;	
padding: 14px 10px;
}

#nav li a:hover{
color: #51524c;
}
#nav li.drop:hover a, #nav li:hover a{
color: #51524c;
}

#nav li:hover ul li a{
color:#B7BD03;
}

#nav li:hover ul li a:hover{
color: #51524c;
}

#nav li.on a {
	color: #81820e;
}

/* LEVEL 2 */
#nav ul li.drop a {
	background-color:#ffffff;
}

#nav li ul {
	position: absolute;
	left: -999em;
	top:40px;
	height: auto;
	width: 167px;
	font-weight: normal;
	margin:0;
	padding:0;
	border-bottom:1px solid #B7BD03;
        border-top:1px dotted #B7BD03;
	background:url(../images/gen/bk/spacer.gif);
	list-style:none;
	z-index:100;
}

#nav li li {
	background:url(../images/gen/bk/spacer.gif);
        border-left:1px solid #B7BD03;
border-right:1px solid #B7BD03;
}

#nav li:hover ul a, #nav ul ul a {
	padding:6px 3px 7px 12px;
	width:152px;
	margin:0;
	display:block;
	font-size:12px;
	background:#FFF;
	border:0;
	position:relative;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
}
#nav li.drop:hover li a {
	padding-bottom:7px;
}
/* LEVEL 3 */
#nav li ul ul {
	position:absolute;
	top:-1px;
	margin-left:167px;
	background:url(../images/gen/bk/spacer.gif);
}

/* Drop nested fix */
#nav ul li.drop ul a {
	background-image:none;
}
#nav ul li.drop ul li.drop a {
	background:#ffffff;
}

/* Current */
#nav li.current:hover li.current a, #nav li.current:hover li.current:hover li.current a {
	background:#ffffff;
}
/* Nested Normal */
#nav li:hover ul a, #nav li.current:hover ul a, #nav ul li:hover ul a, #nav ul li.current:hover ul a, #nav li.current:hover ul li:hover ul a {
	background:#FFF;
}
/* Hover */
#nav ul li:hover a, #nav li.current:hover ul li:hover a, #nav li.current:hover ul li.current:hover ul li:hover a, #nav li.current:hover ul li:hover ul li:hover a, #nav li:hover ul li:hover ul li:hover a {	
	background:#FFF;
	}

/* Positioning */
#nav li:hover ul ul, #nav li:hover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {
	left: -1px;
}

.titlehome {
background-color:#B7BD03;
height:103px;
padding:5px 15px 5px 0;
position:relative;
text-align:right;
width:400px;
}

#page div.sections {
background-color:#B7BD03;
height:103px;
padding:94px 15px 7px 0;
position:relative;
text-align:right;
width:245px;
}

#page .wide div.sections {
width: 903px;
}

#page {
width:920px;
position:relative;
}

#footer{
margin:20px 0px;
padding:20px 0px;
background-color:#ffffff;	
border-top: 1px dotted #b7bD03;
border-bottom: 1px dotted #b7bD03;
}

.footerLeft{
float:left;
font-size:11px;
color: #b7bd0e;
}

.footerRight{
float:right;
}

div.footerRight p, div.footerLeft p{
 margin: 0;
font-size:11px;
color: #b7bd0e;
text-align:right;
}

div.footerLeft p{
text-align:left;
}

div.footerRight p a,  div.footerLeft p a{
color: #b7bd0e;
text-decoration:underline;
}




#slideshow{
width: 480px;
float:right;
border-bottom: 3px solid #b7bD03;
border-top: 3px solid #b7bD03;
height:360px;
}

#navigation {
width:260px;
float:left;
padding-top:10px;
}

#navigation div.items, #navigation div.itemsportfolio {
width:240px;
}

#navigation div.itemsportfolio a{
margin-right: 10px;
color: #888888;
}

#navigation div.itemsportfolio .pfName, #navigation div.itemsportfolio .pfImage{
float: left;
}

#navigation div.itemsportfolio .pfName{
width: 160px;
}

#nvaigation div.sectionitems{
padding-bottom:10px;
}

#navigation div.section, #navigation div.sectionhome, #footer div.section {
padding:5px 0px 10px 0px;
font-family:verdana, sans-serif;
font-size:130%;
color:#B7BD03;
border-bottom:1px dotted #EBEBE3;
cursor:pointer;
}

#navigation div.item, #footer div.item {
padding:5px 0px 5px 0px;
border-bottom:1px dotted #EBEBE3;
color:#888888;
cursor:pointer;
}


#navigation div.itemon, #footer div.itemon {
padding:5px 0px 5px 0px;
border-bottom:1px solid #EBEBE3;
color:#959A00;
cursor:pointer;
background-image:url(/images/arrow.gif);
background-repeat:no-repeat;
background-position:right center;
}

#navigation div.divider {
height:10px;
}

#footer div.section, #footer div.item, #footer div.itemon{
border-bottom:0;
padding: 2px 0px;
font-size:100%;
}

#footer div.itemBlock{
float:left;
width: 570px;
}

#footer div.right{
float:right;
width: 390px;
}

#footer h3{
padding-top: 0px; 
margin-top: 0px;
}

#leftstrip, .sub {
width:260px;
float:left;
}

#leftstrip div.shortcuts {
border-bottom:1px solid #FFFFFF;
padding-left:8px;
}

#leftstrip div.item {
padding:5px 0px 5px 10px;
background-color:#E1E0DB;
border-bottom:1px solid #FFFFFF;
color:#888888;
cursor:pointer;
}

#leftstrip div.itemon {
padding:5px 0px 5px 10px;
background-color:#E1E0DB;
border-bottom:1px solid #FFFFFF;
color:#959A00;
cursor:pointer;
background-image:url(/images/arrow.gif);
background-repeat:no-repeat;
background-position:124px center;
}


#content, .main{
float:left;
width:660px;
}

.wide{
 width:920px;
}

.sectionitem, .sectionitemhome {
float:left;
margin-right:13px;
margin-bottom:20px;
width:155px;
text-align:center;
}

.sectionitemhome{
margin-right: 36px;
}


.sectionitem div.image, .sectionitemhome div.image {
background-color:#f1f1f1;
}

.sectionitem img, .sectionitemhome img {
width:140px;
height:105px;
}

.sectionitem div.label, .sectionitemhome div.label {
background-color:#b7bd03;
padding:5px;
white-space:nowrap;
overflow:hidden;
text-align:left;
background: url(/images/bg_label.gif) repeat-y;
}

.sectionitem div.label a, .sectionitemhome div.label a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}


.categoryitem {
float:left;
height:150px;
margin:0 13px 20px 0px;
width:155px;
}

.categoryitem div.image {
width:155px;
height:105px;
overflow:hidden;
background-color:#ffffff;
text-align:center;

}

.categoryitem div.label {
width:145px;
padding:5px;
overflow:hidden;
white-space:nowrap;
height:12px;
text-align:left;
}

.categoryitem div.label * {
color:#959A00;
text-decoration:none;
font-weight:bold;
}

.categoryitem div.price {
padding-left:5px;
}

.categoryitem div.price * {
color:#959A00;
text-decoration:none;
font-weight:bold;
}

.map{
float: right; 
width: 210px; 
margin-left: 20px; 
border: 1px solid #cccccc;
margin-top:-30px;
}

.last{
margin-right: 0px;
}

#productpanel {
background-color:#FFFFFF;
float:right;
margin-left:0px;
margin-top:0;
width:140px;
}

#productpanel div.photo {
width:140px;
height:105px;
color:#AAAAAA;
background-color:#EEEEEE;
margin-bottom:22px;
line-height:105px;
text-align:center;
}

#productpanel div.info {
background-color:#EBEAE5;
margin-top:10px;
}

#productpanel div.info div.header {
background-color:#F2F2F2;
border-bottom:1px solid #CCCCCC;
padding:10px;
}

#productpanel div.info div.item {
border-bottom:1px solid #CCCCCC;
padding:10px 0px 10px 10px;
}

#productpanel div.label {
color:#959A00;
font-weight:bold;
}

#productpanel div.separator {
height:10px;
}

.productimage {
float:left;
height:373px;
margin-left:20px;
margin-top:0;
}

#portfolio .productimage img{
  width: 480px;
}




.stripon, .stripoff {
clear:left;
width:480px;
line-height:160%;
margin-left:20px;
margin-top:10px;
}

.stripon .padder, .stripoff .padder {
padding:20px;
}

.producttitle {
font-size:180%;
color:#959A00;
}

.stripoff {
background-color:#FFFFFF;
}

.stripon {
background-color:#F5F6F1;
}


.stripitem {
float:left;
width:210px;
height:75px;
margin:10px 10px 10px 0px;
}

.stripitem .image {
width:100px;
height:75px;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#EEEEEE;
}

.stripitem .title {
color:#959A00;
font-weight:bold;
}

.stripitem a {
font-weight:bold;
}


.headerRow td{
   background-color: #e1e1e1;
border-bottom: 1px dotted #cccccc;
}
.formbutton, .formbuttonmain{
background-color:#BDBD0E;
border:0 none;
color:#FFFFFF;
font-size:12px;
margin:3px;
padding:4px;
cursor:pointer;
}

.formbutton{
background-color:#cccccc;
color:#666666;
}

.inputTip{
float:left;
}

.callToActionBtnHolder{
position:relative;
height: 50px;
}

.callToActionBtn{
  position:absolute;
  background: url(/images/design-consultation.gif) top left no-repeat;
  height: 42px;
  width: 473px;
overflow:hidden;
}

.callToActionBtn:hover{
  background-position: bottom left;
}


.viewPortfolioBtn{
  position:absolute;
  background: url(/images/view-portfolio.gif) top left no-repeat;
  height: 35px;
  width: 190px;
overflow:hidden;
}

.viewPortfolioBtn:hover{
  background-position: bottom left;
}


.shopOnlineBtn{
  position:absolute;
  background: url(/images/shop-online.gif) top left no-repeat;
  height: 34px;
  width: 138px;
overflow:hidden;
}

.shopOnlineBtn:hover{
  background-position: bottom left;
}

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0; margin-bottom: 30px;}
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important;}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 660px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 660px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #ebebeb; padding: 5px; width: 50px;position:absolute;bottom:0;}
	.coda-nav-right a { left:0;}
.coda-nav-right a { left:860px;}
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }

        .coda-nav { display:none;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }