* {margin: 0; padding: 0;}
body {margin: 0px auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em; background: #fff;}
h1, h2, h3, h4, ol, ul, li {margin: 0; padding: 0; line-height: normal; }
h1 {font-size: 28px; color: #E4643D; margin-top: 0px; margin-bottom: 10px; }
img {border: none;}
p {margin-top: 0; margin-bottom:15px;}
a {color: #dd9d3b; text-decoration: none;}
a:hover { color: #E4643D; 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: 1000px; margin: 10px auto; position: relative; }
#content-wrap { width: 1000px; overflow: hidden; height: 598px; position: relative; z-index:10;}
#content-wrap #full { width: 1000px; height: 598px; overflow: auto; background-color: #EFEEE6; }
#content-wrap #full #scroll { width: 966px; margin-left: 10px; margin-top: 5px; color: #3F3F3F; font-size: 15px; line-height: 21px;}
#content-wrap #two-thirds { float: left; width: 633px; height: 598px; overflow: hidden; }
#content-wrap #two-thirds-colored { background-color: #EFEEE6; float: left; width: 633px; height: 598px; overflow: hidden; }
#content-wrap #one-third { background-color: #EFEEE6; border-left: 4px solid #fff; width: 363px; height: 598px;  overflow: auto; }
#content-wrap #one-third-nav { background-color: #EFEEE6; border-left: 4px solid #fff; width: 363px; height: 529px;  overflow: auto; }
#content-wrap #one-third-nav-box { padding-top: 7px; background-color: #EFEEE6; border-left: 4px solid #fff; border-top: 4px solid #fff; width: 363px; height: 68px; overflow: hidden; text-align: center; font-family: "Trebuchet MS"; font-size: 15px; color: #4375D1; line-height: 22px; }
#content-wrap #one-third-nav-box a { font-weight: bold; font-family: "Trebuchet MS"; font-size: 15px; color: #4375D1; line-height: 22px; }
#content-wrap #one-third-nav-box a:hover { color: #E4643D; text-decoration: none; }
#content-wrap #one-third-nav-box a.selected { color: #E4643D; text-decoration: none; }
#content-wrap #one-third #scroll, #content-wrap #one-third-nav #scroll { width: 329px; margin-left: 10px; margin-top: 10px; font-family: "Trebuchet MS"; color: #3F3F3F; font-size: 15px; line-height: 21px; }
#content-wrap #sixty { float: left; width: 597px; height: 598px; overflow: hidden; }
#content-wrap #forty { background-color: #EFEEE6; border-left: 4px solid #fff; width: 399px; height: 598px; overflow: auto; }
#content-wrap #forty-nav { background-color: #EFEEE6; border-left: 4px solid #fff; width: 399px; height: 529px; overflow: auto; }
#content-wrap #forty-nav-box { padding-top: 7px; background-color: #EFEEE6; border-left: 4px solid #fff; border-top: 4px solid #fff; width: 399px; height: 68px; overflow: hidden; text-align: center; font-family: "Trebuchet MS"; font-size: 15px; color: #4375D1; line-height: 22px;  }
#content-wrap #forty-nav-box a { font-weight: bold; font-family: "Trebuchet MS"; font-size: 15px; color: #4375D1; line-height: 22px; }
#content-wrap #forty-nav-box a.selected { color: #E4643D; text-decoration: none; }
#content-wrap #forty-nav-box a:hover { color: #E4643D; text-decoration: none; }
#content-wrap #forty #scroll, #content-wrap #forty-nav #scroll { width: 365px; margin-left: 10px; color: #3F3F3F; font-size: 15px; line-height: 21px; }

#product-image-main { margin: 25px; float: left; }
#product-image-main a img { border: 1px solid #D25948; width: 450px; height: 450px; }
#product-image-swatches { float: right; margin-top: 87px; margin-right: 45px; }

#content-wrap li a { color: #4375D1; text-decoration: none;}

#main-column {float: right; width: 481px; height: 512px;  margin: 1px 0px 1px 0; padding: 45px 21px 15px 11px; background: url(/test/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: 13px; color: #4375D1; margin-bottom: 3px; font-weight: bold; list-style-type: none; }
#breadcrumb li { font-size: 18px; display: inline; margin-right: 5px;}
#breadcrumb li a { font-size: 12px; color: #4375D1;}
#breadcrumb li a:hover {color: #E4643D; text-decoration: underline;}
#content-nav {margin-bottom: 20px;}
#content-nav li {display: inline; background: url(/test/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: 100px; position: relative; z-index: 5000; }
#nav-wrap a#logo { display: block; width: 198px; height: 71px; position: absolute; top: 15px; left: 0px; float: left; }
#nav-wrap a#logo img { border: 0px }
#nav {width: 747px; height: 30px; font-size: 14px; list-style-type: none; position: absolute; z-index: 10; bottom: 13px; right: 0;}
#nav li li a {display: block; }
#nav li {float: left; position: relative; cursor: default; }
#nav li#first { margin-left: 100px;}
#nav li ul {position: absolute; top: 100%; display: none; left: 0;  font-weight: normal; background: url(/test/images/opacity-bg-80.png) repeat top left; padding: 10px; z-index: 20; width: 160px; }
#nav li ul li a { font-family: Trebuchet MS; display: block; color: #A02C08; font-size: 16px; line-height: 31px; }
#nav li ul li a:hover { color: #4375D1; }
#nav li>ul {top: 40px; left: 0px;}
#nav li li {display: block; float: none; background-color: transparent; border: 0;}
#nav li:hover ul, #nav li.over ul {display: block; }
#nav #about-giati { display: block; width: 116px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat 0 0; }
#nav #about-giati-selected { display: block; width: 116px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat 0 -40px; }
#nav #about-giati:hover, #nav #about-giati-selected:hover { background: url(/test/images/header-navigation.png) no-repeat 0 -40px; background-color: #E8EBF0; }
#nav #why { display: block; width: 104px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -116px 0; }
#nav #why-selected { display: block; width: 104px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -116px -40px; }
#nav #why:hover, #nav #why-selected:hover { background: url(/test/images/header-navigation.png) no-repeat -116px -40px; background-color: #E8EBF0; }
#nav #furniture { display: block; width: 98px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -220px 0; }
#nav #furniture-selected { display: block; width: 98px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -220px -40px; }
#nav #furniture:hover, #nav #furniture-selected:hover { background: url(/test/images/header-navigation.png) no-repeat -220px -40px; background-color: #E8EBF0; }
#nav #umbrellas { display: block; width: 190px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -318px 0; }
#nav #umbrellas-selected { display: block; width: 190px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -318px -40px; }
#nav #umbrellas:hover, #nav #umbrellas-selected:hover { background: url(/test/images/header-navigation.png) no-repeat -318px -40px; background-color: #E8EBF0; }
#nav #fabrics { display: block; width: 146px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -508px 0; }
#nav #fabrics-selected { display: block; width: 146px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -508px -40px; }
#nav #fabrics:hover, #nav #fabrics-selected:hover { background: url(/test/images/header-navigation.png) no-repeat -508px -40px; background-color: #E8EBF0; }
#nav #gallerynav { display: block; width: 74px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -654px 0; }
#nav #gallerynav-selected { display: block; width: 74px; height: 40px; background: url(/test/images/header-navigation.png) no-repeat -654px -40px; }
#nav #gallerynav:hover, #nav #gallerynav-selected:hover { background: url(/test/images/header-navigation.png) no-repeat -654px -40px; background-color: #E8EBF0; }

#secondary-nav {position: absolute; top: 6px; right: 2px; font-size: 11px; list-style-type: none; width: 340px; z-index: 10; text-align: right; }
#secondary-nav li { color: #898888; display: inline; background: url(/test/images/nav-divide.gif) no-repeat center right; padding-right: 5px; margin-right: 5px;}
#secondary-nav a { color: #898888; text-decoration: none;}
#secondary-nav a:hover, #secondary-nav a.selected {color: #E4643D;}
#secondary-nav li.last {background: none; padding-right: 0; margin-right: 0;}
#secondary-nav #search-layout { position: relative; }
#secondary-nav #search-layout #search-input { color: #898888; font-size: 12px; width: 143px; height: 15px; border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top: 1px solid #C5C5C5;  border-right: 0px solid #C5C5C5; margin-right: 17px; }
#secondary-nav #search-layout #search-input-submit { position: absolute; width: 19px; height: 15px; border-top: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; right: 0; top: -2; }

/* Footer Styles */
#footer-wrap { color: #989898; margin-top: 18px; clear: both; text-align: center; font-size: 13px; line-height: 35px; width: 1000px; height: 90px; position: relative; z-index: 10;}
#footer-wrap a { color: #989898; text-decoration: none;}
#footer-wrap a:hover { color: #D15443; text-decoration: underline; }
#footer-wrap #copyright { font-size: 12px; color: #BCBABA; }

/* 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%; float:left; }
.gallery .product-box {float: left; margin: 5px; width: 126px; height: 150px; 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%; overflow: hidden; float: left; }
.gallery2 .product-box {width:108px; height: 160px; 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 li {list-style-type: none; margin-bottom: 10px;}
#about li a:hover {color: #dd9d3b;}

#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%;}


/* Design Line Styles */
#section-main #main-column {width: 360px; height: auto; padding: 15px; position: absolute; top: 300px; right: 60px;}
#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(/test/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(/test/images/opacity-bg-85.png) repeat top left; right: 3px; top: 2px;}
#lines .gallery h3 {text-transform: uppercase;}
#lines .gallery { }
#lines .gallery .product-box {width:160px; height: 120px; }
#lines .gallery .product-box .image { width:142px; height:96px; margin:3px; border: 1px solid #dd9d3b; }

#view { font-size: 14x; color: #4375D1; margin-top: 4px; margin-bottom: 18px; font-weight: bold; list-style-type: none; }
#view a { font-size: 14px; color: #4375D1;}
#view a:hover {color: #E4643D; text-decoration: underline;}

#lines #image-column {width: 300px; float: left;}
#lines #main-image {position: relative; width: 297px; height: 450px;}
#lines #main-image-click {position: absolute; bottom: 3px; left: 5px; color: #dd9d3b;}
#lines #product-thumbs {  }
#lines #product-thumbs a { display: block; margin-top: 10px;  }
#lines #product-thumbs a img { border: 1px solid #D25948; }
#lines #product-description { margin-top: 90px; font-size: 14px; }
#lines #product-specs { font-weight: bold; }
#lines #product-specs h2 { margin-top: 20px; font-size: 14px; color: #D15443; text-transform: uppercase; }
#lines #spec-links a { padding-left: 20px; display: block; margin-top: 20px; color: #4375D1; font-size: 13px; text-decoration: none; }
#lines #spec-links a:hover { text-decoration: underline; color: #D25948; }
#lines #spec-links .download { background: url(/test/images/download-icon.png) no-repeat 0 6px; }
#lines #spec-links .tearsheet { background: url(/test/images/tearsheet-icon.png) no-repeat 0 6px; }
#lines #spec-links .email { background: url(/test/images/email-icon.png) no-repeat 0 6px; }

/* 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: 120px; float: left;}
#contact input { border: 1px solid #000; float: left; width: 100px; }
#contact input.names {width: 300px;}
.form-location {width: 210px; float: left;}
#contact form li.state label {width: 40px; }
#contact form .email {clear: both;}
#contact form label.how-hear {width:300px;}
#contact form textarea {border: 1px solid #000; width: 300px; }
#contact form .submit {float: right;  margin-top: 5px; margin-right: 20px; width: 55px; cursor: pointer;}
#contact form label.disclaimer {width: 300px; font-size: 11px;}

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

/*My Giati Styles */
#my-giati table {width: 350px; 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: #000; background-color: #EFEEE6; border: 1px solid #000; margin-left: 0; margin-top: 5px; margin-right: 20px; padding-left: 5px; padding-right: 5px; cursor: pointer; float: left;}

a.search-results { text-transform: uppercase; font-size: 14px; color: #4375D1; font-weight: bold; }