html { height: 100%; }
body { margin: 0; background: #ffffff; color: #000000; font: .8125em/1.5 'Arial', 'Helvetica', sans-serif; }
textarea,
input,
select,
option,
optgroup,
button { font: 1em 'Arial', 'Helvetica', sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p,
ul,
ol,
dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }
a { color: #000000; text-decoration: none; }
a:focus,
a:hover { border-bottom: 1px dotted #ffbc68; }
img a:hover, img a.hover { border: none; }
.noborder { border: none !important;}
.last { margin: 0; }
textarea, input, select, option, button { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; }
/*** some globally used classes ***/
.left { float: left !important; }
.right { float: right !important; }
.clear { overflow: hidden; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }
.double-margin { padding-bottom: 2em !important; }
.hidden { visibility: hidden; }
/*** Layout ***/
.wrapper { width: 100%; position: relative; overflow: hidden; background: transparent url(../images/furniture/top.gif) repeat-x 0 0; }
.root { position: relative; width: 990px; margin: 0 auto 0 auto; padding: 0px; }
/*** Header ***/
.header { width: 100%; position: relative; height: 130px; margin: 0 0 15px 0; z-index: 100;}
.header .logo { background:transparent url(../images/furniture/logo.png) no-repeat scroll 0 0; height:101px; left:0px; position:absolute; top:25px; width:244px; z-index: 10;}
.header .logo a { display:block; height:101px; width:244px; overflow:hidden; text-indent:-10001px; border-bottom: none; }
.shoppingBasket { position: absolute; top: 0; right: 0; background: #ffa636; width: 180px; height: 30px; color: #ffffff;}
.shoppingBasket p { padding: 5px 0 0 13px; color: #ffffff;}
.shoppingBasket a { color: #ffffff; }
.shoppingBasket a:hover { border-bottom: 1px dotted #ffffff; }
.shoppingBasket a.basket { background: transparent url(../images/furniture/basket.gif) no-repeat 0 2px; padding: 0 0 0 25px; }
/*** Navigation ***/
.nav { position: absolute; right: 0; top: 87px; }
.nav ul { margin: 0; padding: 0; }
.nav li { list-style-type: none; float: left; text-align: center; color: #bababa; padding: 0 15px; background: transparent url(../images/furniture/nav-bg.gif) no-repeat right 5px ; text-transform: uppercase; font-weight: bold;}
.nav li a { color: #bababa; }
.nav li a:hover { border-bottom: 1px dotted #000000; }
.nav ul li span { background: transparent url(../images/furniture/drop.gif) no-repeat 100% 70%; padding: 0 8px 0 0px; }
.nav ul li.selected span { background: transparent url(../images/furniture/bullet-white.gif) no-repeat 100% 70%; padding: 0 8px 0 0px; }
.nav li.selected { color: #ffffff; background: transparent url(../images/furniture/nav-bullet.gif) no-repeat center bottom; height: 27px; padding: 0; margin: 0 0 0 -1px;}
.nav li.selected a { background: #ffa636; height: 20px; color: #ffffff; padding: 5px 20px; border: none; }
/* Nav Level two */
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; margin: 0 !important; z-index: 10; border: 1px solid #6c6c6c; }
ul.dropdown ul li { width: 150px !important; padding: 5px!important; height: auto !important; background: #ffffff; color: #000000; border-bottom: 1px solid #6c6c6c; float: none; margin: 0 !important; text-align: left !important; font-size: 0.8125em !important; font-weight: normal !important; }
.header .nav li ul li a:hover { padding: 0; }
.header .nav li ul li:hover, .header .nav li ul li.hover { background: #ffa636;}
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; color: #000000; !important; text-transform:none; }
ul.dropdown ul li a:hover { border-bottom: 0px !important; width: 100%; display: inline-block; color: #ffffff !important;}
/* Selected section with children */
.nav li.selected ul li { padding: 0px !important; width: 140px; background: #ffffff;}
.nav li.selected ul li a { width: 146px; padding: 2px !important; background: #ffffff; color: #000000;}
.nav li.selected ul li a:hover { width: 136px; padding: 2px !important; background: #ffa636 }
/* Nav Level three */
ul.dropdown ul ul { left: 100%; top: 0; font-size: 1.3em !important; }
ul.dropdown li:hover > ul { visibility: visible; }
/*** Homepage Rotater ***/
.homeRotate { width: 100%; height: 387px; margin: 0; position: relative; overflow: hidden; background: #e7e7e7; }
.canvas { overflow: hidden; width: 100%; }
.canvas ul { margin: 0; padding: 0; }
.canvas li { list-style-type: none; }
.intro { position: absolute; right: 35px; top: 35px; z-index: 2;}
.introText { width: 340px; overflow: hidden; margin: 0 0 20px 0; background: transparent url(../images/furniture/fade.png) 0 0; padding: 10px 20px 5px 20px; }
.introText h1 { color: #ffffff; font-size: 1.8em; }
.introText p { color: #ffffff; line-height: 1.3em; }
.introUpload { width: 340px; overflow: hidden; margin: 0 0 20px 0; background: transparent url(../images/furniture/fade.png) 0 0; padding: 15px 20px 5px 20px; }
.introUpload p { color: #ffffff; padding: 0 0 10px 0; margin: 0; vertical-align: middle;}
.introUpload p input { width: 220px; height: 25px; }
.introUpload a { width: 60px; font-weight: bold; color: #ffffff; margin: 0 0 0 10px;}
.introUpload a:hover { border-bottom: 1px dotted #ffffff; }
.rotateBottom { height: 28px; width: 990px; background: transparent url(../images/furniture/curve.png) no-repeat 0 0; overflow: hidden; position: absolute; bottom: -1px; z-index: 5; clear: both;}
.rotateBottomGrey { height: 28px; width: 990px; background: transparent url(../images/furniture/grey-curve.png) no-repeat 0 0; overflow: hidden; position: absolute; bottom: -1px; z-index: 5; clear: both;}
/*** Homepage Plugs ***/
.plugHolder { position: relative; overflow: hidden; margin: 0 0 30px 0; width: 960px; border-left: 1px dotted #000000; border-right: 1px dotted #000000; padding: 0 15px;}
.plug { width: 300px; overflow: hidden; float: left; margin: 0 30px 0 0;}
.plug img { margin: 0 0 10px 0; }
.plug h3 { font-size: 1.1em; text-transform: uppercase; font-weight: bold;}
.plug h3 a { color: #0083a9; }
.plug p { color: #646668; line-height: 1.3em; padding: 0; }
.greyPlugHolder { position: relative; overflow: hidden; margin: 0 0 30px 0; width: 990px; background: #f0f0f0; }
.greyPlugHolder .pad { padding: 15px; float: left; }
.greyPlugHolder p { color: #000000; padding: 0px; }
.greyPlugHolder p a { color: #0083a9; padding: 0px; font-weight: bold;}
.bullets { overflow: hidden; }
.bullets h2 { padding: 0; margin: 0 0 10px 0; font-size: 24px; color: #ffffff; line-height: 25px; }
.bullets p { padding: 0; margin: 0; }
.bullets ul { margin: 0; padding: 15px 15px 15px 0; }
.bullets li { list-style-type: none; margin: 0; padding: 0 0 0 20px; background: url(../images/furniture/bullet.gif) no-repeat 0 7px; font-weight: normal; color: #ffffff; font-size: 14px;}
.plugHead { display: block; text-transform: uppercase; font-weight: bold; color: #000000; padding: 0 0 5px 0; border-bottom: 1px solid #cccccc; margin: 0 15px 15px 15px;}
.plugHead span { float: right; text-transform: none; font-weight: normal; color: #9ba3a8;}
.plugHead span a { color: #9ba3a8; }
.smlPlug { width: 217px; overflow: hidden; float: left; margin: 0 30px 0 0;}
.smlPlug img { margin: 0 0 10px 0; }
.smlPlug h3 { font-size: 1.1em; text-transform: uppercase; font-weight: bold;}
.smlPlug h3 a { color: #0083a9; }
.smlPlug p { color: #646668; line-height: 1.3em; padding: 0; }
.row { margin: 30px 0 0 0 !important; position: relative; width: 960px; overflow: hidden; }
.rowOne { margin: 0 !important; position: relative; width: 960px; overflow: hidden;}
/*** Homepage Gallery Plugs ***/
.galPlug { width: 237px; overflow: hidden; height: 200px; position: relative; background: #202020; margin: 0 14px 0 0; float: left;}
.last { margin: 0; }
/*** Article Page ***/
.articleHolder { position: relative; overflow: hidden; margin: 0 0 30px 0; width: 960px; border-left: 1px dotted #000000; border-right: 1px dotted #000000; padding: 30px 15px 0 15px; background: #ffffff url(../images/furniture/article-fade-top.jpg) repeat-x 0 0;}
.articleHolder h1 { font-size: 1.8em; color: #000000;}
.articleHolder h2 { font-size: 1.3em; margin: 0 0 15px 0; color: #aeb4b8; line-height: 1.2em; font-weight: normal;}
.articlebar { width: 635px; overflow: hidden; float: left;}
.articlebar a { color: #0083A9; }
.articlebar a:hover { border-bottom: 1px dotted #000000; }
.articlebar ul { margin: 0; padding: 0; }
.articlebar li { margin: 0 0 10px 20px; }
.sidebar { width: 260px; padding: 10px 15px 0 25px; margin: 0 0 0 15px; overflow: hidden; float: right; background: url(../images/furniture/article-fade.jpg) no-repeat 0 10px; min-height: 770px; }
.sidebar img { margin: 0 0 20px 0;}
.sidebar .caption { width: 270px; color: #000000; font-size: .8125em; line-height: 1.2em; margin: -15px 0 15px 0;}
.sidebar a { color: #696969; border-bottom: none; }
.sidebar a:hover { color: #696969; border-bottom: none; }
/*** Contact Page ***/
.contactUs { margin: 20px 0 20px 0; position: relative; overflow: hidden; }
.contactUs input { width: 343px; }
.contactUs textarea { width: 630px; }
.contactUs label { display:block; margin:0px; vertical-align:middle; }
/*** Gallery Page ***/
.resultsFooter { overflow: hidden; margin: 30px 0 0 0; padding: 15px 0 0 0; clear: both; width: 100%; border-top: 1px solid #e7e7e7;}
.resultsFooter ul { list-style-type: none; padding: 0; margin: 0; float: right;}
.resultsFooter li { float: left; margin: 0 8px 0 0; color: #000000; padding: 5px 0 5px 0; background: #ffffff; }
.resultsFooter li a { border: 1px solid #bababa; height: 35px; padding: 5px 10px; color: #bababa; font-weight: normal;}
.resultsFooter li a:hover { background: #00a2ff; color: #ffffff; border: 1px solid #00a2ff; }
.resultsFooter li a.active { border: 1px solid #00a2ff; height: 35px; padding: 5px 10px; background: #00a2ff; color: #ffffff; }
/*** Your Canvas ***/
.yourImage { width: 600px; overflow: hidden; float: left; }
.yourImage .upload { text-align: center; padding: 20px 0; background: #efefef; }
.yourImage .upload p { text-align: left; width: 560px; margin: 5px auto 0 auto; padding: 0; }
.imageInfo { width: 340px; margin: 0 0 0 10px; overflow: hidden; float: right; }
.imageInfo h3 { background: #4184aa; color: #ffffff; padding: 5px 20px; border-bottom: 2px solid #ffffff; font-size: 1.1em;}
.orderDetail { padding: 10px 20px; background: #00a2ff; color: #ffffff; margin: 0 0 20px 0;}
.formRow { height:30px; vertical-align:baseline; }
.specifics { padding: 0 0 10px 0; }
.specifics .details { background: #90bfda; color: #000000; padding: 10px 5px; }
.specifics .details label { display: block; width: 200px;}
.canSize { width: 270px; }
.canSizeForm { width: 230px; }
.canQuan { width: 90px; }
a.addBasket { background:url(../images/furniture/add-basket.gif) no-repeat 0 0; text-indent:-10001px; width: 123px; height: 22px; display: block; }
a.addBasket:hover { background:url(../images/furniture/add-basket-over.gif) no-repeat 0 0; border: none; }
a.addBasket { background:url(../images/furniture/add-basket.gif) no-repeat 0 0; text-indent:-10001px; width: 123px; height: 22px; display: block; }
a.addBasket:hover { background:url(../images/furniture/add-basket-over.gif) no-repeat 0 0; border: none; }
a.viewBasket { background:url(../images/furniture/view-basket-button.gif) no-repeat 0 0; text-indent:-10001px; width: 123px; height: 22px; display: block; }
a.viewBasket:hover { background:url(../images/furniture/view-basket-button-over.gif) no-repeat 0 0; border: none; }
.prices { font-weight: bold; padding: 0; }
.infoBox { background: #efefef; border: 1px dotted #000000; padding: 10px 20px 0 20px;}
.infoBox p { padding: 0 0 10px 0; }
.galleryTop { width: 100%; border-bottom: 2px solid #ffffff; background: #efefef; height: 33px;}
.galleryTop h3 { margin: 0; padding: 6px 0 0 20px; color: #4184AA; float: left; font-size: 1.1em;}
.galleryTop ul { margin: 8px 10px 0 0; padding: 0; float: right;}
.galleryTop li { list-style-type: none; float: left; margin: 0 0 0 5px; }
.galleryTop li.prePic a { background:url(../images/furniture/back.gif) no-repeat 0 0; text-indent:-10001px; width: 17px; height: 17px; display: block; }
.galleryTop li.prePic a:hover { background:url(../images/furniture/back-over.gif) no-repeat 0 0; border: none; }
.galleryTop li.preGal a { background:url(../images/furniture/up.gif) no-repeat 0 0; text-indent:-10001px; width: 17px; height: 17px; display: block; }
.galleryTop li.preGal a:hover { background:url(../images/furniture/up-over.gif) no-repeat 0 0; border: none; }
.galleryTop li.nextPic a { background:url(../images/furniture/next.gif) no-repeat 0 0; text-indent:-10001px; width: 17px; height: 17px; display: block; }
.galleryTop li.nextPic a:hover { background:url(../images/furniture/next-over.gif) no-repeat 0 0; border: none; }
/*** Footer ***/
.footer { width: 100%; position: relative; background: #e7e7e7; height: 110px; margin: 0; overflow: hidden;}
.footer a { color: #696969; border-bottom: 1px dotted #000000; }
.footer a:hover { color: #696969; border-bottom: 1px solid #cc0000; }
.footer p.copy { position: absolute; right: 15px; bottom: 10px; margin: 0; padding: 0; color: #696969; }
.footer p.contact { position: absolute; left: 15px; bottom: 10px; margin: 0; padding: 0; color: #696969; }
.bodyHolder { padding: 0 10px; }
.footer ul { margin: 12px 15px 0 0; padding: 0; float: right; }
.footer li { list-style-type: none; padding: 0; margin: 0 15px 0 0; float: left;}
/*** Tables ***/
.priceTable { width: 100%; text-align: center;}
.priceTable thead { background: #FFA636; color: #fff; font-weight: bold; height: 30px;}
.priceTable thead tr.clear { background: #ffffff; color: #000; font-weight: bold; height: 30px;}
.priceTable td { padding: 5px; width: 25%;}
.priceTable .alt { background: #efefef; }