body {
	margin: 0; 	padding: 0px;
	font-family: Arial,Verdana;
	font-size: 11px;
	color: #7c8081;
	background: white;
}

*:focus {
  outline: none;
}

a, a:link, a:visited { color: #525759; text-decoration: none;}
a.anchor { text-decoration: none; }

img { border: none; }

h1, h2, h3, h4, p, ul, ol, li, dl, dd, dt, div, form, hr {
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
}

hr.separator {
	clear: both;
	visibility: hidden;
	height: 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

p.action a {
	text-decoration: none;
	font-style: italic;
	color: #868a8b;
}

.withoutBorder { border: 0px !important; }

#canvas {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	padding: 15px 0 0 0;
	width: 100%;
	
	background: white;
}

#header h1 a {
	float: left;
	width: 207px;
	height: 48px;
	overflow: hidden;
	font-size: 17px;
	font-weight: bold;	
	margin: 15px 0px 0px 0px;
	text-decoration: none;
	background: url(../images/scan_design_logo.gif) no-repeat;
	color: white;
}

#header h1 a .nonsense {
	display: none;
}

#header div#search {
	float: right;
	text-align: left;
	margin: 15px 0 0 0;
	font-size: 11px;
	color: #868a8b;
	width: 180px;
}

#header div#search input {
	font-size: 11px;
}

#header div#search div.button {
	float: right;
	margin: 2px 0 0 6px;
}

#header ul.firstNavTabs {
	margin-top: 0px;
} 

#header li {
	list-style: none;
	display: block;	
	float: left;
	padding: 0px;
	margin: 0 12px 5px 0px;
	height: 15px;
}

#header ul.secondNavTabs {
}

#header ul.secondNavTabs li {
	margin-bottom: 3px;
}

#header li.right {
	float: right;
	margin-top: -4px;
}

#header li a {
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#header ul.firtNavTabs li a {
	color: #7c8081;
}

#header ul.secondNavTabs li a {
	color: #868a8b;
}

#header li.mailingList {
	background: url(../images/frontend/mail.gif) no-repeat left center;
	padding: 3px 0 1px 28px;
}

#header li.catalog {
	background: url(../images/frontend/catalog.gif) no-repeat left center;
	padding: 4px 0 1px 28px;
}

#content {
	padding-top: 20px;
	min-height: 400px;
	background-color: white;
	margin-bottom: 20px;
}

#content #sideBar {
	float: left;
	width: 155px;
	min-height: 530px;
	background: url(../images/frontend/leftPanelBackground.jpg) no-repeat right top;
}

#content #sideBar h2 {
	color: #868a8b;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
	margin-bottom: 5px;
}
 
#content #sideBar li {
	margin-top: 5px;
}

#content #sideBar li a, #content #sideBar li a:visited {
	text-decoration: none;
	text-transform: capitalize;
	color: #868a8b;
	font-size: 11px;
}

#content #sideBar li a.current, #content #sideBar li a:visited.current {
	text-decoration: underline;
}

#content #sideBar ul#furniture li a.current, #content #sideBar ul#furniture a:visited.current {
	text-decoration: none;
	font-weight: bold;
}

#content #sideBar li li.rooms_submenu a, #content #sideBar li li.rooms_submenu a:visited {
	padding-left: 10px;
	color: #5B6360;
}

#content #sideBar h3 { border: 0px; font-size: 11px; color: #868a8b; text-transform: capitalize; text-decoration: none; margin: 0px; padding: 0px; cursor: pointer; }
#content #sideBar h3.on { font-weight: bold; }
#content #sideBar ul.accordion { margin-left: 10px; }
#content #sideBar ul.accordion a:hover { text-decoration: underline }
#content #sideBar ul.accordion li.on a { font-weight: bold; }

#content #sideBar div.separator {
	margin: 5px 0 5px 0;
}

#content #mainContent {
	float: left;
	margin-left: 20px;
	width: 645px;
	/*margin-left: 177px;*/
}

#footer {
	border-top: 1px solid #e1e1e1;
	background-color: white;
	text-align: left;
	padding-top: 5px;
	font-size: 11px;
	margin-bottom: 20px;
}

#footer div.terms {
	float: right;
}

/*=== COMMON === */

p.noItems {
	margin-top: 30px;
	text-align: center;
	color: #f00;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

h3 {
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	border-bottom: 1px solid #e4e5e7;	
	padding-bottom: 5px;
}

/*=== TEXT CONTENT PAGES === */

ul.sectionTabs {
	margin-top: 10px;
}

ul.sectionTabs li {
	list-style: none;
	display: block;	
	float: left;
	padding: 0px;
	margin: 0 12px 2px 0px;
	height: 15px;
}

ul.sectionTabs li a, ul.sectionTabs li a:visited {
	font-size: 11px;
	text-decoration: none;
	text-transform: capitalize;
	color: #868a8b;	
	margin-right: 10px;
}

ul.sectionTabs li a.active {
	font-style: italic;
}

div.formattedText {
	line-height: 16px;
	margin-top: 30px;
	color: #868a8b;
}

div.textImage {
	margin: 40px 0;
	text-align: center;
}

/*=== NEW PRODUCTS === */

ul.products {
	clear: both;
}

ul.products li {
	list-style: none;
	display: block;	
	float: left;
	margin: 10px;
	text-align: center;
}

ul.products li span.price {
	font-style: italic;
}

/*=== TEXT CONTENT LIST === */

ul.textList {
	width: 602px;
}

ul.textList li {
	margin-bottom: 20px;
	width: 100%;
	padding-bottom: 10px;
	background: url(../images/frontend/dot.gif) repeat-x bottom left;
}

ul.textList li div.title {
	font-size: 14px;
}

ul.textList li div.underlinedTitle {
	font-size: 14px;
	border-bottom: 1px solid #e4e5e7;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

ul.textList li div.image {
	margin: 5px 0 5px 0;
}

ul.textList li div.content {
	line-height: 16px;
} 

ul.textList li div.pdfDocument {
	margin: 15px 0 4px 0;
}

ul.textList li div.pdfDocument a {
	text-decoration: none;
	color: #7c8081;
	background: url(../images/frontend/pdfIcon.gif) no-repeat top right;
	padding: 4px 30px 4px 0;	
}

ul.textList li div.action {
	text-align: right;
	margin-top: 15px;
}

ul.textList li div.action a {
	text-decoration: none;
}

/*=== EVENTS === */

div.events {
	clear: both;
}

div.locationTitle {
	font-size: 14px;
	background: url(../images/frontend/dot.gif) repeat-x bottom left;
	padding-bottom: 2px;
}

ul.events {
	padding: 10px 0 0px 0;
	margin-bottom: 15px;
}

ul.events li {
	clear: both;	
	margin-bottom: 10px;
	background: url(../images/frontend/dot.gif) repeat-x bottom left;
}

ul.events li.last {
	background: none;
}

ul.events div.image {
	float: left;
	width: 116px;
	height: 116px;
	margin-right: 10px;
}

ul.events div.title {
	font-weight: bold;
}

ul.events div.date, ul.events div.location, ul.events div.timetable {
	margin: 3px 0 3px 0;
} 

/*=== LOCATIONS === */

div.locationMap {
	margin: 60px 0 0 70px;
}

div.locationDetail {
	line-height: 16px;
	margin-top: 10px;
}

div.locationDetail a {
	text-decoration: none;
	font-style: italic;
}

div.locationDetail div {
	margin: 0 0 10px 280px;
}

div.locationDetail div.image {
	float: left;
	width: 250px;
	margin: 0px;
}

div.locationDetail div.image p {
	margin-top: 10px;
}

div.locationDetail p.title {
	font-weight: bold;
}

div.locationDetail span.title {
	font-weight: bold;
}

div.locationDetail div.informations a {
	color: #7c8081;
	font-style: normal;
}

div.locationDetail div.directions, div.locationDetail div.manager, div.locationDetail div.clearance {
	background: url(../images/frontend/dot.gif) repeat-x bottom left;
	padding-bottom: 10px;
}

div.locationDetail p.action {
	margin: 30px 0 0px 280px;
}

div.locationDetail div.clearance p.action {
	margin: 5px 0 0 0;
}

p.noLocation {
	margin-top: 50px;
	text-align: center;
}

/*=== CONTACT === */

ul.locationContactList {
	margin-top: 10px;
	background: url(../images/frontend/dot.gif) repeat-x bottom left;
	padding-bottom: 10px;
}

ul.locationContactList li {
	float: left;
	margin: 0 50px 10px 0;
	line-height: 16px;
	width: 165px;
	height: 110px;
}

ul.locationContactList li p.title {
	font-weight: bold;
}

ul.locationContactList li a {
	color: #7c8081;
}

div.corporateContact {
	clear: both;
	margin-top: 15px;
	background: url(../images/frontend/dot.gif) repeat-x bottom left;
	padding-bottom: 20px;
}

div.corporateContact p.title {
	font-weight: bold;
}

div.corporateContact a {
	color: #7c8081;
}

div.webmasterContact {
	clear: both;
	margin-top: 15px;
}

div.webmasterContact p.title {
	font-weight: bold;
}

div.webmasterContact a {
	color: #7c8081;
}

/*=== POST === */


div.post {
	margin: 20px 0 20px 0;
	width: 100%;
	padding-bottom: 10px;
}

div.post div.title {
	font-size: 14px;
}

div.post div.image {
	margin: 5px 0 5px 0;
}

div.post div.content {
	line-height: 16px;
} 

div.post div.gallery {
	margin-top: 30px;
}

div.post div.gallery p.title {
	font-weight: bold;
}

div.post div.gallery div.images {
	margin: 10px auto 0 auto;
	width: 430px;
}

div.post div.comments {
	margin-top: 30px;
}

div.post div.comments p.title {
	font-weight: bold;
}

div.post div.comments span.noComments {
	font-style: italic;
	margin-left: 100px;
}

div.post div.comments ul {
	margin-top: 10px;
}

div.post div.comments li {
	border: 1px solid #e4e5e7;	
	min-height: 60px;
	padding: 5px;
	margin-bottom: 10px;
}

div.post div.comments li p.header {
	text-align: left;
}

div.post div.comments li p.header span.name {
	font-size: 13px;
	font-weight: bold;
}

div.post div.comments li p.message {
	margin-top: 10px;
	line-height: 16px;
}

div.post div.addCommentPanel {
	margin-top: 20px;
}

div.post div.addCommentPanel p.helpMessage {
	font-style: italic;
}

div.post div.action {
	margin-top: 20px;
	text-align: center;
}

div.post div.action a {
	text-decoration: none;
}

.inlineError {
	margin: 1em 0 5px;
	color: #f00;
	background-color: white;
	border: 1px solid #c00;
	padding: 5px 5px 5px 30px;
	background: #fcc url(../images/admin/icons/warning.gif) no-repeat 5px center;
	clear: both;
}

.inlineError li {
	border: 0px !important;
	min-height: 0px !important;
	margin-bottom: 0px !important;
}

div.post div.addCommentPanel form {
	margin-top: 10px;
}

div.post div.addCommentPanel form dl, div.post div.addCommentPanel form dt, div.post div.addCommentPanel form dd {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

div.post div.addCommentPanel form dl {
	clear: both;
	padding: 10px 0 10px 0;
	float: left;
	width: 100%;
}

div.post div.addCommentPanel form dt {
	width: 21%;
	float: left;
	clear: both;
	font-weight: bold;
}

div.post div.addCommentPanel form dd {
	float: right;
	text-align: left;
	width: 72%;
}

/*=== ADVERTISING (print, tv, radio, mixed media )=== */

div.tvFile {
	clear: both;
	float: left;
	width: 200px;
	margin-top: 10px;
	text-align: left;
}

div.radioFile {
	clear: both;
	margin-top: 20px;
	text-align: left;
}

div.tvItemList, div.tvItemList {
	margin: 10px 0 0 320px; 
}

div.radioItemList {
		clear: both;
		margin: 10px 0 0 0px; 
}

div.tvItemList li, div.radioItemList li {
	border-bottom: 1px solid #e4e5e7;	
	padding-bottom: 2px;
	margin-bottom: 3px;
}

div.tvItemList li a, div.radioItemList li a, div.tvItemList li a:visited, div.radioItemList li a:visited {
	text-decoration: none;
	color: #7c8081;
}

div.tvItemList li.active a, div.radioItemList li.active a {
	font-style: italic;
}

/*=== CUSTOMER HOME GALLERY === */

div.customerGalleryTitle {
	clear: both;
	font-size: 14px;
	border-bottom: 1px solid #e4e5e7;
	padding-bottom: 2px;
	margin: 20px 0 15px 0;
}

ul.imageList li {
	margin-bottom: 20px;
	width: 100%;
	padding-bottom: 10px;
	background: url(../images/frontend/dot.gif) repeat-x bottom left;	
}

ul.imageList li div.image {
	text-align: center;
	margin: 20px 0 20px 0;
}

/*=== CATALOG === */

div.roomImage {
	clear: both;
	margin-top: 20px;
/*	position: absolute;
	top: 223px;*/
}

div.product {
	margin-top: 0;
	width: 100%;
}

div.product div.image {
	float: left;
	width: 340px;
	text-align: left;
}

div.product div.informations {
/*  margin-left: 345px;*/
  float: left;
  width: 270px;
  margin-left: 15px;
	border-left: 1px solid #e4e5e7;	
	padding-left: 15px;
} 

div.product div.informations div.title {
	margin-top: 8px;
	font-size: 16px;
	color: #525759;
}

div.product div.informations div.price {
	font-style: italic;
	font-size: 13px;	
	margin-top: 2px;
}

div.product div.informations div.description {
	margin: 15px 0 15px 0;
	line-height: 16px;
	color: #868a8b;
}

div.product div.informations div.dimensions {
	font-style: italic;
	color: #868a8b;
}

div.product div.informations div.options {
	border-top: 1px solid #e4e5e7;	
	padding-top: 10px;
	margin-top: 15px;
	color: #868a8b;
}

div.product div.informations div.options a {
	color: #868a8b;
	text-decoration: none;
}

div.product div.informations div.relatedProducts {
	border-top: 1px solid #e4e5e7;	
	padding-top: 10px;
	margin-top: 15px;
}

div.product div.informations div.relatedProducts ul {
	margin-top: 10px;
}

div.product div.informations div.relatedProducts li {
	float: left;
	margin: 0 0 5px 5px;
}

div.product p.action {
	text-align: left;
	clear: both;
	padding: 5px;
	border-top: 1px solid #e4e5e7;	
	border-bottom: 1px solid #e4e5e7;	
	color: #868a8b;
}

div.product p.action.top {
	border-top: none;
	}

div.product p.action a {
	text-decoration: none;
	font-style: italic;
	color: #868a8b;
}

div.product p.action a.previous, div.product p.action a.next { margin-left: 20px; }

/*=== SEARCH === */

p.results {
	text-align: left;
	margin: 10px 0 10px 0;
}

ul.searchResults {
	padding-left: 15px;	
	list-style: none;
}

ul.searchResults li {
/*  list-style-type: square;*/
	display: block;
}

ul.searchResults li {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	height: 50px;
}
  
  ul.searchResults li .image {
    float: right;
    height: 50px;
    width: 50px;
    overflow: hidden;
  }
  
  ul.searchResults li .informations {
/*    margin-left: 60px;*/
    padding-top: 7px;
  }
  
  ul.searchResults li .link {
/*    margin-left: 60px;*/
  }

ul.searchResults li span.title {
	font-size: 12px;
}

ul.searchResults li p.link {
	padding-left: 15px;
	padding-top: 5px;
}

ul.searchResults li span.category {
  display: none;
	float: right;
}

/*=== NAVIGATION (common) === */

div.pagesNavigation {
	clear: both;
	margin: 30px 0 20px 0;
	padding: 5px;
	border-top: 1px solid #e4e5e7;	
	border-bottom: 1px solid #e4e5e7;	
	color: #868a8b;
}
div.topPagesNavigation {
	border-top: none;
}

div.topPagesNavigation { margin-top: 0; }

div.pagesNavigation div.previousNextActions {
	float: right;
}

div.pagesNavigation div.pages {
	float: right;
	margin-right: 30px;
	font-style: italic;
}

div.pagesNavigation div.pages span.pages {
	font-style: normal;
	font-weight: bold;
	color: #525759;
}

div.pagesNavigation div.pages span.pages a {
	text-decoration: none;
	font-weight: normal;
	color: #868a8b;
}

/*=== IMAGE GALLERY (COMMON) === */

h4.gallery { margin-top: 20px; }

#imageBox {
  float: left;
  width: 365px;
  height: 91px;  
  border: 2px #ccc solid; 
  overflow: hidden;
}

#imageBoxInside {
  width: 1000px;
}

#imageBoxInside div.image {
  float: left;
  margin: 5px 5px 5px 5px;
}

#imageBoxInside div.image img {
  border: 1px solid #ccc;
  padding: 2px;   
}

#galleryLeftButton, #galleryRightButton {
  float: left;
  height: 95px;
  width: 24px;
  background: white;
  text-align: center;
}

#galleryLeftButton a img, #galleryRightButton a img {
  margin-top: 37px;
}

#galleryLeftButton {
  margin-right: 5px;
}

#galleryRightButton {
  margin-left: 5px;
}

/*=== FORM === */

.form dl, .form dt, .form dd {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

.inlineError {
	margin: 1em 0 5px;
	color: #f00;
	background-color: white;
	border: 1px solid #c00;
	padding: 5px 5px 5px 30px;
	background: #fcc url(../images/admin/icons/warning.gif) no-repeat 5px center;
	clear: both;
}

.inlineError h2 {
	display: none;
}

.inlineError p {
	font-weight: bold;
}

.form span.required {
	color: #f00;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}

.form dl {
	clear: both;
	padding: 10px 0 10px 0;
	float: left;
	width: 100%;
}

.form dt {
	width: 35%;
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;
}

.form dd {
	float: right;
	text-align: left;
	width: 64%;
}

.form .text-field, .form .text-box {
	width: 100%;
	font-size: medium;
	margin: 0;
}

.form dl.header dd {
	height: 194px;
}

.form dl.header dd div {
	margin-top: 50px;
}

#requestCatalogForm dl.header dd div {
	margin-top: 0px;
}

requestCatalogForm
p.success {
	font-size: 13px;
	text-align: center;
	margin-top: 70px;
	font-weight: bold;
}

form#requestCatalogForm select { width: 300px; }

/*=== APPLICATION ERROR PAGE === */

div.applicationError {
	margin-left: 20px;
}

div.applicationError h1 {
	color: red;
	text-align: center;
	margin-top: 50px;
}

div.applicationError p {
	margin-top: 30px;
	font-size: 13px;
	text-align: center;
}

div.applicationError p a {
	color: #7c8081;
	font-style: italic;
}

/*=== CATALOG === */

div.relatedProductToolTip {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0 !important;
  padding: 0 !important;
	z-index: 999;
}

div.relatedProductToolTip div.shadow {
  float:left;
  clear:left;
  background: url(../images/frontend/shadow.png) no-repeat bottom right;
  padding: 0 !important;
}

div.relatedProductToolTip div.main {
  position: relative;
  bottom: 6px;
  right: 6px;
  color: #757575;
	font-size: 10px;
	font-weight: bold;
  background-color: white;
  border: 1px solid #d2d4d3;
	border-right-color: #abadac;
	border-bottom-color: #abadac;

  padding: 4px;
}

div.relatedProductToolTip div.main p {
  padding: 2px 15px 2px 15px;
}

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
	}

.product .informations .sku {
  margin-bottom: 5px;
  font-style: italic;
}

#homepage_text {
  clear: both; 
  padding: 20px 0;
  line-height: 1.4;
}

#image_container {
  width: 340px;
  height: 340px;
  margin-top: 10px;
  overflow: hidden;
}

#image_thumbs {
  margin: 20px 0;
}

  #image_thumbs a {
    float: left;
    margin: 0 3px 3px 0;
    padding: 2px;
    border: 1px solid #ccc;
  }
  
    #image_thumbs a:hover {
       border: 1px solid #aaa;
     }
     
.fabric_color {
  float: left; 
  margin: 3px;
}

.fabric_popup_link {
  margin-bottom: 10px;
}

/* * *   L O G I N   A N D   R E G I S T R A T I O N   F O R M   * * */

#login_form, #registration_form {
  margin: 20px 0;
  width: 390px;
}

  .form_item {
    margin: 10px 0;
  }

    .form_item label {
      float: left;
      width: 150px;
      padding-top: 3px;
      margin-right: 10px;
      text-align: right;
    }
  
    .form_item input {
/*      margin-left: 160px;*/
    }
  
  .form_item.submit {
    text-align: center;
    margin: 20px 0 0 160px;
  }
  
    .form_item.submit input {
/*      margin-left: 0;*/
    }

.fieldWithErrors input {
  border: 1px solid red;
}

#login_form #errorExplanation, #registration_form #errorExplanation {
  padding: 5px 8px;
  background: white;
}

  #login_form #errorExplanation p, #registration_form #errorExplanation p {
    margin: 10px 0;
  }
  
  #login_form #errorExplanation ul, #registration_form #errorExplanation ul {
    margin-left: 30px;
    list-style: disc;
  }
  
  #login_form #errorExplanation li, #registration_form #errorExplanation li {
    display: list-item;
    list-style: disc;
    margin: 5px 0;
  }

#profile_summary {
  margin: 10px 0 30px 0;
  font-size: 14px;
  line-height: 1.4;
}

#make_favorite {
  margin: 10px 0;
  padding-top: 10px;
  border-top: 1px solid #E4E5E7;
}

  #make_favorite p {
    margin: 3px 0;
  }