﻿* {margin:0; padding:0; font-family:Arial, Verdana, Sans-Serif;}
ul, ol {list-style:none;}
body {background:#FAF7D1 url(../Images/bodyBg.png) repeat scroll top left; margin-bottom:10px;}
#back {background:transparent url(../Images/pageBg.png) repeat-x scroll top left; min-height:290px;}
#page {width:780px; margin:0 auto;}
.clear {clear:both;}

#header {padding:10px 0 10px 45px; position:relative;}
#header h1 a {display:block;  width:66px; height:95px; text-indent:-2000px; background:transparent url(../Images/logo.gif) no-repeat scroll top left;}
#content {}
#content-left {width:160px; float:left;}
#content-main {width:614px; float:right;}
#content-main h2 { font-size:24px; letter-spacing:-1px; color:#716FB3; font-weight:normal; padding:10px 15px; }
#content-main h2 a { font-size:24px; letter-spacing:-1px; color:#716FB3; font-weight:normal; text-decoration:none; }
#content-main p {font-size:11px; line-height:150%; color:#777; padding:0 17px 5px; }
#content-main div.top {display:block; width:614px; height:5px;background:transparent url(../Images/mainContentTopBg.png) no-repeat scroll top left;}
#content-main div.main {background:transparent url(../Images/mainContentBg.png) repeat-y scroll top left; min-height:500px;}
#content-main div.bottom {display:block; width:614px; height:5px;background:transparent url(../Images/mainContentBottomBg.png) no-repeat scroll bottom left; margin-bottom:6px;}

.leftMenu {font-size:11px; margin-bottom:6px;background:transparent url(../Images/leftMenuBg.png) no-repeat scroll bottom left;}
.leftMenu h3 { background:transparent url(../Images/leftMenuTopBg.png) no-repeat scroll top center;}
.leftMenu h3 a { display:block; border-bottom:1px dotted #CCC; margin:0 7px; padding:7px 0 3px; font-size:12px; text-decoration:none;color:#716FB3;font-weight:bold;}
.leftMenu ul {padding:0 5px 5px 5px;}
.leftMenu li {margin-bottom:1px;}
.leftMenu li a {padding:2px 4px; display:block; text-decoration:none; color:#777;}

.footerMenu {width:610px; float:right;}
.footerMenu ul {padding:5px 0 20px 10px;}
.footerMenu li { float:left; display:block; width:120px;}
.footerMenu li a {display:block; font-size:11px; text-decoration:none;color:#777;}
.footerMenu h3 a { display:block; border-bottom:1px dotted #CCC; margin:0 7px; padding:7px 0 3px; font-size:12px; text-decoration:none;color:#716FB3;font-weight:bold;}

#footer { position:relative; display:block; width:780px;background:transparent url(../Images/footerBg.png) no-repeat scroll bottom center; padding-bottom:10px;}
#footer div.top {display:block;width:780px;height:5px;background:transparent url(../Images/footerTopBg.png) no-repeat scroll top center;}
#catalog {position:absolute; top:6px; left:6px;}
#catalog img {border:0;}

#tableclothsList {padding:11px; clear:both;}
#tableclothsList h4 {padding:7px; border-bottom:1px dashed #CCC; font-size:12px; color:#777; }
#tableclothsList li { float:left; margin:5px 6px;}
#tableclothsList img { border:0; padding:2px; border:1px solid #CCC; width:100px; height:100px;}


 /*.paging  {padding:10px 20px;}
.paging strong {float:left; font-size:11px; clear:both;}
.paging a.prev {float:left;padding:3px 4px; border:1px solid #CCC;font-size:11px;}
.paging a.next {float:left;padding:3px 4px; border:1px solid #CCC;font-size:11px;}
.paging ol {float:left;}
.paging li {float:left;}
.paging li a {padding:3px 4px; border:1px solid #CCC;}
 === PAGING === */
.paging {font-size:11px; padding:5px 0 10px; clear:both; border-top:1px solid #ccc; margin:0 17px;}
.paging strong { font-size:11px;float:right; font-weight:normal; margin-right:7px; color:#999;}
.paging ol {list-style:none; margin-left:5px;}
.paging li {display:block; float:left; width:14px; height:14px; padding:1px;  border:1px solid #CCC; background-color:#FFF; text-align:center; margin:0 2px;}
.paging a {text-decoration:none;display:block; width:14px; height:14px; background-color:#EFEFEF; color:#777;  }
.paging a.next {display:block; text-align:center; float:left;width:40px; height:16px; margin:0 2px;border:1px solid #CCC;}
.paging a.prev {display:block; text-align:center; float:left;width:40px; height:16px; margin:0 2px;border:1px solid #CCC;}

.colors {font-size:11px; padding:5px 15px;}
.colors ul {}
.colors li { float:left; margin-right:3px;}
.colors li a {text-decoration:none; color:#777; border:1px solid #EEE; padding:0 3px;}

#tableclothDetails {padding:0 15px;}
#tableclothDetails img {padding:3px; background-color:#EEE; float:left;}
#tableclothDetails div.moreInfo {float:right; width:320px;}
#tableclothDetails div.moreInfo h4 {padding:7px; border-bottom:1px dashed #CCC; font-size:12px; color:#777;}
#tableclothDetails div.moreInfo ul {padding:7px;}
#tableclothDetails div.moreInfo li {font-size:11px; display:block; width:140px; float:left; color:#777; margin-bottom:3px;}


#menu { position:absolute; right:0px; top: 43px;}
#menu li.main { float:left; margin-left:10px;}
#menu li.main ul { display:none; margin:0 5px;  background-color:#FFF; border-left: 1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-right: 1px solid #E5E5E5;}
#menu li.main ul li {padding:0 1px 1px 1px;}
#menu li.main ul li a {display:block; font-weight:bold; text-decoration:none; background-color:#716EB2; padding:1px 3px; font-size:12px; color:#FFF; }
#menu li.main ul li a:hover {background-color:#CCCBE4;color:#716EB2; }
#menu li.main:hover ul { display:block;}
#menu a.morePrd { font-size:12px; text-decoration:none; display:block; height:23px; padding-top:7px; text-align:left;color:#716EB2; font-weight:bold;padding-left:10px; width:209px;background:transparent url(../Images/moreProducts.png) no-repeat scroll top center;}
#menu a#contactUs { font-size:12px; text-decoration:none; display:block; height:23px; padding-top:7px; text-align:left;color:#8C8C8C; width:93px; padding-left:30px;text-align:left; background:transparent url(../Images/contactsContactUs.png) no-repeat scroll top center;}
#menu a#callBack { font-size:12px; text-decoration:none; display:block; height:23px; padding-top:7px; text-align:left;color:#8C8C8C; width:86px; padding-left:30px;text-align:left;background:transparent url(../Images/contactsCallBack.png) no-repeat scroll top center;}
#menu a#newsUpdate { font-size:12px; text-decoration:none; display:block; height:23px; padding-top:7px; text-align:left;color:#8C8C8C; width:96px; padding-left:30px;text-align:left;background:transparent url(../Images/contactsEmailUpdate.png) no-repeat scroll top center;}
#menu {}

.form {margin:10px;}
.form img {margin:10px 20px 0 0; float:left;}
.form ol { list-style:none;}
.form li {display:block; min-height:30px; padding-bottom:3px; position:relative;}
.form fieldset {border:1px solid #CCC; margin-bottom:10px; padding:10px; width:250px;float:right;}
.form legend {background-color:#EEE; border-bottom:1px solid #CCC;border-left:1px solid #E5E5E5;border-right:1px solid #CCC;border-top:1px solid #E5E5E5; margin:0 5px; color:#777; font-size:11px; font-weight:normal; padding:1px 3px; }
.form label {display:block; float:left; min-width:70px; font-size:11px;padding:1px 5px; text-align:right; color:#777;}
.form input[type="text"] {border:1px solid #DDD; width:150px; font-size:11px; padding:2px 1px;}
.form textarea {border:1px solid #DDD; width:150px;font-size:11px;}
.form input.btn {background-color:#777; color:#FFF; border:1px solid #DDD; padding:3px 5px; font-size:12px; }

#flashMovie {padding:0 5px;}
.error {position:absolute; font-size:10px; color:#F00; left:80px; top:20px;}
.thankYou {margin-top:50px; margin-left:100px;color:#777;font-size:12px;}
.thankYou strong {font-size:14px; color:#630; margin-bottom:20px;}
