* {margin: 0; padding: 0;}
body {margin: 0px auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; line-height: 1.3em; background: #fff;}
h1, h2, h3, h4, ol, ul, li {margin: 0; padding: 0; line-height: normal; }
h1 {font-size: 15px; color: #dd9d3b; margin-bottom: 15px; text-transform: uppercase;}
img {border: none;}
p {margin-top: 0; margin-bottom:15px;}
a {color: #dd9d3b; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}
.last {margin: 0; padding: 0; background: 0;}
.notable {color: #dd9d3b;}
.background {z-index: 1; top: 0; left: 3px; position: absolute;}

#container {width: 1006px; margin: 10px auto; position: relative; background: url(/images/main-bg.jpg) no-repeat top left;}
#content-wrap {width: 1006px; overflow: hidden; height: 574px; margin-top: 3px; position: relative; z-index:10;}
#content-wrap li a {color: #fff; text-decoration: none;}
#main-column {float: right; width: 481px; height: 512px;  margin: 1px 0px 1px 0; padding: 45px 21px 15px 11px; background: url(/images/opacity-bg-85.png) repeat top left; overflow: auto; position: absolute; right: 3px; top:2px; z-index: 2;}
.white-divider {height: 5px; width: 1006px; background: #fff; z-index: 10; position: absolute;}
#breadcrumb {font-size: 15px; color: #dd9d3b; margin-bottom: 3px; font-weight: bold; list-style-type: none; width: 350px;}
#breadcrumb li {display: inline; background: url(/images/breadcrumb.gif) no-repeat center right; padding-right: 15px; margin-right: 5px;}
#breadcrumb li a {color: #dd9d3b;}
#breadcrumb li a:hover {color: #fff; text-decoration: underline;}
#content-nav {margin-bottom: 20px;}
#content-nav li {display: inline; background: url(/images/nav-divide.gif) no-repeat center right; padding-right: 10px; margin-right: 10px;}
#content-nav li.last {background: none; padding-right: 0; margin-right: 0;}
#content-nav li a {color: #dd9d3b;}
#content-nav li a:hover {color: #fff; text-decoration: underline;}
.floated-image {float: left; width: auto; margin-right: 8px; margin-bottom: 8px; border: 1px solid #dd9d3b;}



/* Navigation Styles */
#nav-wrap {width: 1000px; height: 30px; position: relative; z-index: 5000; margin-left: 3px;}
#nav {width: 1000px; height: 30px; font-size: 14px; list-style-type: none; background: url(/images/opacity-bg-85.png) repeat top left; position: absolute; z-index: 10; top: 0; right: 0;}
#nav a {color: #fff; text-decoration: none; border: height: 30px; padding-bottom: 20px; }
#nav a:hover, #nav a.selected {color: #dd9d3b;}
#nav li li a {display: block; font-weight: normal; padding: 7px 10px;}
#nav li {float: left; position: relative; cursor: default; padding-right: 12px; margin-right: 12px;	margin-top: 5px;}
#nav li#first { margin-left: 100px;}
#nav li ul {position: absolute; top: 100%; display: none; left: 0;  font-weight: normal; background: url(/images/opacity-bg-85.png) repeat top left; font-size: 13px; padding-bottom: 10px; z-index: 20;}
#nav li>ul {top: 30px; left: -12px;}
#nav li li {display: block; float: none; background-color: transparent; border: 0;}
#nav li:hover ul, #nav li.over ul {display: block; }
#nav #homenav {width: 40px; margin-left: 100px; background: url(/images/nav-divide.gif) no-repeat center right;}
#nav #about-giati {width: 75px;	background: url(/images/nav-divide.gif) no-repeat center right;}
#nav #furniture {width: 60px;	background: url(/images/nav-divide.gif) no-repeat center right;}
#nav #umbrellas {width: 137px;	background: url(/images/nav-divide.gif) no-repeat center right;}
#nav #fabrics {width: 100px;	background: url(/images/nav-divide.gif) no-repeat center right;}
#nav #why {width: 65px;	background: url(/images/nav-divide.gif) no-repeat center right;}
#nav #gallerynav {width: 43px;	background: url(/images/nav-divide.gif) no-repeat center right;}
#nav #contact {width: 70px;}

#secondary-nav {position: absolute; top: 6px; right: 10px; font-size: 11px; list-style-type: none; width: 100px; z-index: 10;}
#secondary-nav li {display: inline; background: url(/images/nav-divide.gif) no-repeat center right; padding-right: 5px; margin-right: 5px;}
#secondary-nav a {color: #fff; text-decoration: none;}
#secondary-nav a:hover, #secondary-nav a.selected {color: #dd9d3b;}
#secondary-nav li.last {background: none; padding-right: 0; margin-right: 0;}

/* Footer Styles */
#footer-wrap {margin-top: 2px; clear: both; text-align: right; font-size: 11px; width: 1005px; height:34px; position: relative; z-index: 10;}
#footer {position: absolute; top: 6px; right: 10px; text-align: right; z-index: 2;}
#footer li {display: inline; background: url(/images/nav-divide.gif) no-repeat center right; padding-right: 5px; margin-right: 5px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #dd9d3b;}
#footer li.last {background: none; padding-right: 0; margin-right: 10px;}

/* Home Page Styles */
#home #nav {background: none;}
#home #main-column {background: none;}
#home #tagline {position: absolute; top: 40px; left: 385px; font-size: 31px; color: #fff; text-transform: uppercase; width: 400px;}
#home #main-column {width: 900px; float: none; position: relative;}

/* Gallery Page Styles */
#gallery #main-column {width: 909px; height: 513px; overflow: auto;  margin: 1px 0px 1px 0; padding: 45px 21px 15px 71px; background: none; position: absolute; z-index: 2;}
.gallery{ width:100%; height: 400px; overflow: auto;  float:left;  margin-top: -10px;  margin-left: -8px; }
.gallery .product-box {float: left; margin: 5px; width:111px; height: 134px; text-align:left; }
.gallery .product-box .image { width:106px; height:77px; margin:3px; border: 1px solid #dd9d3b; }
.gallery .product-desc { width: 100px; line-height: 95%; margin-left: 5px;}
.gallery .prod-num {text-transform: uppercase;}
.gallery .prod-name {display: block;}
.gallery h3, .gallery h4 {font-size: 13px; font-weight: normal; line-height: 100%;}

.gallery2 {width: 100%; height: 460px; overflow: hidden; float: left; margin-top: -10px; margin-left: -8px;}
.gallery2 .product-box {width:106px; height: 134px; float: left; margin: 5px; text-align: left;}
.gallery2 .product-box .image { width:106px; height:77px; margin:3px; border: 1px solid #dd9d3b; }
.gallery2 h3, .gallery2 h4 {font-size: 13px; font-weight: normal; line-height: 100%;}


/* About Section Styles */
#about #content-wrap li {list-style-type: none; margin-bottom: 10px;}
#about #content-wrap li a:hover {color: #dd9d3b;}
#about #content-wrap #breadcrumb li a {color: #dd9d3b;}
#about #content-wrap #breadcrumb li a:hover {color: #fff; text-decoration: underline;}

#about #content-wrap ul.location li {list-style-type: none; margin-bottom: 1px;}
#about #content-wrap ul.location li a:hover, #about #content-wrap ul.location li a.selected {color: #dd9d3b;}
#location-list1 {width: 90px; float: left; margin-top: 15px; margin-left: 15px;}
#location-list2 {width: 265px; float: left; margin-left: 15px; margin-top: 15px;}
#location-list2 li {margin-bottom: 10px !important; line-height: 120%;}

#about #main-column2 {width: 839px; height: 513px; overflow: auto;  margin: 1px 0px 1px 122px; padding: 45px 21px 15px 21px; background: none; position: absolute; z-index: 2;}
#about #main-column2 .gallery{ width:100%; height: 195px; overflow: hidden;  float:left;  margin-top: -10px;  margin-left: -8px; }
#about #main-column2 .gallery .product-box {float: left; margin: 5px; width:147px; height: 182px; text-align:left; }
#about #main-column2 .gallery .product-box .image { width:143px; height:177px; margin:3px; border: 1px solid #dd9d3b; }


/* Design Line Styles */
#section-main #main-column {width: 360px; height: auto; padding: 15px; position: absolute; top: 300px; right: 60px;}
#section-main #main-column h1 {color: #f1d678; font-size: 25px; text-transform:uppercase; margin-bottom: 0px; font-weight: normal;}
#section-main #content-nav li {margin-right: 1px; padding-right: 5px;}
#section-main #main-column a {color: #f1d678;}
#section-main #main-column2 {width: 175px; height: auto; padding: 15px; position: absolute; top: 340px; right: 20px; z-index:2; background: url(/images/opacity-bg-85.png) repeat top left;}
#section-main #main-column2 h1 {color: #f1d678; font-size: 25px; text-transform:uppercase; margin-bottom: 0px; font-weight: normal;}
#section-main #main-column2 a {color: #f1d678;}


#lines #main-column {margin: 0; padding: 45px 15px 15px 21px; width: 467px; height: 512px; position:absolute; z-index: 2; background: url(/images/opacity-bg-85.png) repeat top left; right: 3px; top: 2px;}
#lines .gallery h3 {text-transform: uppercase;}
#lines .gallery{height: 400px; overflow: auto;}
#lines .gallery .product-box {width:142px; height: 120px; }
#lines .gallery .product-box .image { width:142px; height:96px; margin:3px; border: 1px solid #dd9d3b; }
#view {position: absolute; top: 48px; right: 13px; text-align: right;}

#lines #image-column {width: 300px; float: left;}
#lines #main-image {position: relative; width: 297px; height: 299px;}
#lines #main-image-click {position: absolute; bottom: 3px; left: 5px; color: #dd9d3b;}
#lines #product-thumbs {margin-top: 7px;}
#lines #product-thumbs li {display: inline; list-style-type: none;}
#lines #product-specs {font-size: 12px; float: left; margin-left: 10px; width: 157px;}
#lines #product-specs h2 {font-size: 13px; color: #dd9d3b; text-transform: uppercase;}
#content-wrap #spec-links  a {text-decoration: underline; color: #fff;}
#content-wrap #spec-links a:hover {color: #dd9d3b; text-decoration: none;}
#spec-links img {float: left; width: 11px; margin-right: 3px; vertical-align:top;}
#spec-links .spec-link {overflow: hidden; width: 150px; margin-bottom: 10px;}
#spec-links {width: 100px; width: 150px;}
.spec-link2 {float: left; width: 100px; margin-left: 10px; margin-top: -3px;}

/* Contact Styles */
#contact #content-nav {margin-top: -15px;}
#contact #mandatory-fields {position: absolute; width: 130px; right: 0; top: 80px;}
#contact form li {list-style-type: none; margin-bottom: 7px; overflow:hidden;}
#contact form ul {float: left;}
#contact form li li {display: inline;}
#contact form .checkboxes {margin-left: 20px; margin-bottom: 5px; width: 100%;}
#contact form .checkboxes input {width: 20px; border: none;}
#contact form .checkboxes label {width: auto; margin-right: 10px;}
#contact form label {width: 100px; float: left;}
#contact input {background: #000; color: #fff; border: 1px solid #fff; float: left; width: 100px;}
#contact input.names {width: 300px;}
.form-location {width: 210px; float: left;}
#contact form li.state label {width: 40px; margin-left: 50px;}
#contact form .email {clear: both;}
#contact form label.how-hear {width:300px;}
#contact form textarea {border: 1px solid #fff; background: #000; width: 340px; color: #fff;}
#contact form .submit {float: right;  margin-top: 5px; margin-right: 20px; width: 55px; cursor: pointer;}
#contact form label.disclaimer {width: 380px; font-size: 11px;}

/* Register styles */
#register #main-column p {margin-top: 15px;}
#register #main-column ul {list-style-type: none;}
#register #main-column li {margin-bottom: 10px; overflow: hidden;}
#register #main-column input {width: 240px; float: left; margin-left: 10px; border: 1px solid #fff; background: #000; color: #fff;}
#register #main-column label {width: 120px; float: left;}
#register #main-column #mandatory-fields { width: 130px; float: right;}
#register #main-column .updates {width: 400px;}
#register #main-column .updates label {width: 210px;}
#register #main-column .checkboxes { float:left;}
#register #main-column .checkboxes li {display: inline;}
#register #main-column .checkboxes label {width: auto; margin-left: 10px;}
#register #main-column .checkboxes input {width: 20px; margin-left: 0; margin-top: 3px; border: 0; background: none;}
#register #main-column input.submit {margin-left: 0; margin-top: 5px; margin-right: 20px; width: 75px; cursor: pointer; float: left;}
#register #main-column form textarea {border: 1px solid #fff; background: #000; width: 320px; color: #fff;}

/*My Giati Styles */
#my-giati table {width: 460px; border-collapse: collapse;}
#my-giati table .qty {width: 20px;}
#my-giati .model {width: 100px; padding-right: 20px; padding-left: 20px;}
#my-giati .model-name {text-align: center;}
#my-giati td {padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}
#my-giati tr {border-bottom: 1px solid #fff;}
#my-giati .remove {text-align: center;}
#my-giati .email-friend {text-align: right; width: 120px;}
#my-giati .color {width: 110px; text-align: center;}
.options {text-align: right;}
.options ul {list-style-type: none;}
.options ul li {display: inline;}
.options input {color: #fff; background: #000; border: 1px solid #fff; width: 70px;}
#my-giati tr.total-row {border-bottom: none;}

.clear { clear: both; }

#sitemap {margin-left: 15px;}
#sitemap li li {margin-left: 15px;}
#content-wrap #sitemap li a:hover {color: #dd9d3b;}

DIV.error-message {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 5px; 
	color:#e20101;
	border:2px solid #e20101;
	background-color:#fdf5f5;
	padding:10px 15px 10px 15px;
	font-size: 12px;
	font-weight:bold;
}

DIV.success-message {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 5px; 
	color:#558679;
	font-size: 11px;
	border:2px solid #558679;
	background-color:#f1fcf9; 
	padding:10px 15px 10px 15px;
	font-weight:bold;
	clear: both;

}

.button { color: #fff; background-color: #000; border: 1px solid #fff; margin-left: 0; margin-top: 5px; margin-right: 20px; padding-left: 5px; padding-right: 5px; cursor: pointer; float: left;}