/*-------------------------------------------------------------------- General Formattng -----------------------*/

body { margin: 0; padding: 0; text-align: center; font-family: Arial; }
img { border: none; }

p { color: #666; font-size: 0.8em; }
input { color: #01534F; font-size: 0.8em; }
option { color: #01534F; font-size: 0.8em; }

h1 { color: #016F9B; font-size: 1.2em; }
h1 a { color: #016F9B; text-decoration: none; }
h1 a:hover { text-decoration: underline; }

a { color: #016F9B; text-decoration: none; }
a:hover { text-decoration: underline; } 

h2 { color: #016F9B; font-size: 1em; }
h3 { color: #fff; font-size: 1.4em; font-weight: normal; line-height: 0px; }
h4 { color: #016F9B; font-size: 1em; font-weight: bold; display: inline;}
h5 { color: #016F9B; font-size: 0.8em; font-weight: bold; display: inline;}

/*-------------------------------------------------------------------- Masterpage -----------------------*/

#logo { margin: 25px 0 0 25px; }

#wrapper { text-align: left; width: 1000px; margin-right: auto; margin-left: auto; }

#header-right { width: 50%; height: 180px; z-index: -1; background: #006F9C; position: absolute; top: 0px; right: 0px; }
#header { height: 180px; background-color: White; background-image: url("/Images/Header-BG.jpg"); background-repeat: repeat-y; background-position: right; }

#login { float: right; font-size: 0.7em; padding-top: 5px;}
#login a { color: #000; text-decoration: none; font-weight: bold;}
#login a:hover { text-decoration: underline; }

#content { position: relative; float: left; }
#main {  width: 790px; float: right; padding: 0; margin: 0;}
#left { width: 180px; float: left; }

#footer { width: 100%; background-color: #006F9C; float: left; }
#footer p { font-size: 0.7em; color: #fff; margin: 5px 0 5px 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer b { margin-right: 10px; }

/*-------------------------------------------------------------------- Recently Viewed -----------------------*/

.recently-viewed { text-align: left; float: left; margin-left: 10px; clear: both; }
.recently-viewed a { border: solid 1px #80B7CC; display: block; width: 140px; height: 20px; padding: 5px; }
.recently-viewed a:hover { border: solid 1px #fff; text-decoration: none; }

.recently-viewed-extender { padding: 10px; margin-left: 5px; border: solid 1px #fff; background-color: #006F9C; position: relative; min-height: 100px; }
.recently-viewed-extender img { clear: none; float: left; margin: 0px 10px 10px 0px; }
.recently-viewed-extender a { border: none; font-size: 0.8em; padding: 0px; height: auto; width: auto; display: inline; }
.recently-viewed-extender a:hover { text-decoration: underline; border: none; }

/*-------------------------------------------------------------------- Navigation -----------------------*/

/*
#menu {list-style:none;margin:0;padding:0;}
#menu a { display:block; text-decoration:none; }
#menu ul { display:block; text-indent:0; list-style:none; }
#menu li { display:block; float:left; position:relative; margin:0; }
#menu li a { color:#000; padding:0 10px; }
#menu li a:hover { color:#fc0; }

#menu li ul {display:block;position:relative;top:auto;width:120px;height:auto;text-indent:0;margin:0;padding:0;list-style:none;z-index: 500;}
#menu li ul li a {color:#333;width:120px;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;background-color:#eee;}
#menu li ul li a:hover {color:#fc0;background-color:#333;}
*/
#menu {  display: block; padding:0; margin: 0; list-style: none; white-space:nowrap; font-weight: bold; font-size: 0.7em; }
#menu li { display:block; margin-top: 0; margin-bottom: 0; float: left; height: 28px; width: auto;}
#menu a { display: block; list-style: none; padding:0.5em 1em; color:#01534F; background: #80B7CC; text-decoration:none; width: auto; border:1px solid #fff; }
#menu a:hover { color:#fff; background:#01534F; }

#furniture-menu { position: absolute; margin:0; padding:0; list-style:none; display: block; list-style-position: outside; width: 75px; visibility: hidden; z-index: 500; }
#furniture-menu li { height: 28px; margin: 0; }
#furniture-menu li a { display: block; width: 120px; margin: 0; }

.furniture-seating-menu { position: absolute; left: 9.2em; top: 0em; z-index: 500; width: 120px; visibility: hidden; }
.furniture-desking-menu { position: absolute; left: 9.2em; top: 28px; z-index: 500; visibility: hidden; }
.furniture-tables-menu { position: absolute; left: 9.2em; top: 56px; z-index: 500; visibility: hidden; }
.furniture-storage-menu { position: absolute; left: 9.2em; top: 84px; z-index: 500; visibility: hidden; }
.furniture-screens-menu { position: absolute; left: 9.2em; top: 112px; z-index: 500; visibility: hidden; }
.furniture-misc-menu { position: absolute; left: 9.2em; top: 140px; z-index: 500; visibility: hidden; }
.furniture-man-menu { position: absolute; left: 9.2em; top: 168px; z-index: 500; visibility: hidden; }

/*
.furniture-seating-menu { position: relative; left: 110px; top: -28px; z-index: 500; visibility: hidden; }
.furniture-desking-menu { position: relative; left: 110px; top: -28px; z-index: 500; visibility: hidden; }
.furniture-tables-menu { position: relative; left: 110px; top: -28px; z-index: 500; visibility: hidden; }
.furniture-storage-menu { position: relative; left: 110px; top: -28px; z-index: 500; visibility: hidden; }
.furniture-screens-menu { position: relative; left: 110px; top: -28px; z-index: 500; visibility: hidden; }
.furniture-misc-menu { position: relative; left: 110px; top: -28px; z-index: 500; visibility: hidden; }
.furniture-man-menu { position: relative; left: 110px; top: -28px; z-index: 500; visibility: hidden; }
*/

/*-------------------------------------------------------------------- Admin Navigation -----------------------*/

#adminNav { background-color: #80B7CC; width: 171px; text-align: center; padding: 5px; }
#adminNav div { text-align: left; }

#adminNav h2 { color: #01534F; font-size: 1.4em; font-weight: normal; line-height:normal; display: inline; }
#adminNav a { color: #fff; border: solid 1px #80B7CC; display: block; padding: 5px; padding-left: 20px; font-weight: bold; text-decoration: none; font-size: 0.8em; }
#adminNav a:hover { background-color: #01534F; border: solid 1px #fff; }

.adminNav-hover { background-color: #01534F; border: solid 2px #FFF; }
.adminNav-hover a { color: #fff; border: solid 1px #01534F; display: block; padding: 5px 20px 5px 20px; font-weight: bold; text-decoration: none; font-size: 0.8em; }
.adminNav-hover a:hover { background-color: #80B7CC; border: solid 1px #fff; }


/*-------------------------------------------------------------------- Cookie Trail -----------------------*/

#cookie-trail { font-size: 0.7em; color: #01534F; font-weight: bold; margin: 10px 0 10px 0; }
#cookie-trail a { color: #01534F; font-weight: bold; text-decoration: none; }
#cookie-trail a:hover { text-decoration: underline; }

/*-------------------------------------------------------------------- Options -----------------------*/

.option { background-color: #80B7CC; width: 171px; text-align: center; }
.option p { text-align: left; color: #fff; padding: 0 10px 0px 10px; display: inline; }
.option a { color: #fff; text-decoration: none; font-weight: bold; }
.option a:hover { text-decoration: underline; }
.option-top { background-image: url('/Images/blu-rnd-top.jpg'); background-repeat: no-repeat; background-position: top; padding: 0; margin: 0; }
.option-bottom { background-image: url('/Images/blu-rnd-btm.jpg'); background-repeat: no-repeat;  padding: 0 0 0 0; margin: 0 0 10px 0; width: 171px; }

/*-------------------------------------------------------------------- Homepage -----------------------*/

#circles { text-align: center; float: left; position: relative; margin: 0; padding: 0; }
.circle { width: 250px; float: left; }

/*-------------------------------------------------------------------- Furniture -----------------------*/

.furniture-category { clear: both; float: left; width: 780px; margin-bottom: 10px;}
.furniture-title a { color: #016F9B; text-decoration: none; }
.furniture-title a:hover { text-decoration: underline; }

.product-category { background-color: #fff; width: 110px; height: 140px; padding:2px; margin: 6px; text-align: center; border: solid 1px #016F9B; float: left; }
.product-category img { display: inline; padding: 0; margin: 0; }
.product-category a { color: #016F9B; text-decoration: none; }
.product-category a:hover { text-decoration: underline; }

/*-------------------------------------------------------------------- Furniture Browse -----------------------*/

#furniture-browse-header { }

#furniture-browse-group-name { list-style-position: outside; text-align: right; display: inline-block; padding:0; margin: 0; }
#furniture-browse-group-name li { display: inline-block;  margin: 0; padding: 0; float: right; text-align: right;}
#furniture-browse-group-name a { display: inline-block; text-align: right;}

#furniture-browse-group-menu { position: absolute; right: 2em; top: 4em; visibility: hidden; z-index: 500; }
#furniture-browse-group-menu li { width: 150px; display: inline; background-color: #80B7CC; border: solid 1px #fff; text-align: left;  display:table-cell;  margin-top: 0; margin-bottom: 0; }

.furniture-browse-group-menu a { font-size: 0.7em; font-weight: bold; display:block; padding:0.5em 1em; color:#01534F; background-color: #80B7CC; text-decoration:none; border:1px solid #fff; }
* html .furniture-browse-group-menu a { display:inline-block; margin:0 -2px; width: 140px; }
.furniture-browse-group-menu a:hover { color:#fff; background:#01534F; }

#furniture-browse-title { float: left; width: 550px; }
#furniture-browse-group { float: right; }
#furniture-browse-desc { float: left; clear: left; }

#furniture-main-wrapper { float: left; color: #016F9B; clear: both; border: solid 1px #016F9B; width: 100%; height: 420px; margin-top: 8px; }
#furniture-main-wrapper a { font-size: 0.7em; color: #016F9B; text-decoration: none; font-weight: bold; margin: 10px 0 10px 0; }
#furniture-main-wrapper a:hover { text-decoration: underline; }

#furniture-main-image { float: left; width: 400px; padding: 8px; }
#furniture-main-image h4 { display: inline; }
#furniture-main-image p { display: inline; font-size: 0.8em;}
#furniture-main-data { float: right; width: 350px; padding: 8px; font-size: 1.1em; height: 370px; }
#furniture-main-data-images { overflow-y: scroll; height: 300px; }
#furniture-main-data-images input { border: solid 1px #aaa; }
#furniture-main-data-images input:hover { border: solid 1px #016F9B; }

#furniture-browse-results { float: left; clear: both; margin: 0; padding: 0; width: 100%; margin-left: auto; margin-right: auto; }
.furniture-browse-product { float: left; text-align: center; width: 110px; height: 140px; padding: 2px; margin: 4px; border: solid 1px #016F9B; }

#furniture-browse-pages { clear: both; float: left; text-align: left; margin-top: 8px; color: #016F9B; font-size: 0.8em; text-decoration: none; width: 100%;}
#furniture-browse-pages a { color: #016F9B; font-weight: bold; text-decoration: none; }
#furniture-browse-pages a:hover { text-decoration: underline; }

#furniture-bg { background-image: url("/Images/FurnitureBG.jpg"); }

/*-------------------------------------------------------------------- Admin -----------------------*/

#admin-home-website-stats table { width: 100%; }
#admin-home-website-stats table tr td { padding: 0 20px 0 20px; }
#admin-home-website-stats table tr th { padding: 0 20px 0 20px; }

#admin-home-website-stats a { color: #666; text-decoration: none; }
#admin-home-website-stats a:hover { text-decoration: underline; }

.admin-home-website-stats-alt { background-color: #eee; }

#admin-furntiure-action a { display: block; width : 100px; background-color: #80B7CC; color: #fff; padding: 3px; text-align: center; border: solid 1px #016F9B; text-decoration: none; font-size: 0.7em; font-weight: bold; }
#admin-furntiure-action a:hover { background-color: #016F9B; }

#admin-furntiure-action a.lnkInsert { background-color: #016F9B; }
#admin-furntiure-action a.lnkInsert:hover { background-color: #fff; color: #016F9B; }

#admin-furntiure-action-images { width: 100%; }

.imgCurrent { float: left; display: inline; padding: 5px; }
.imgCurrent img { border: solid 1px #aaa; }

/*--------------------------------------------------------------------- Customer Products ----------------*/

.furniture-customer-product { width: 90%; float: left; margin-bottom: 10px; padding: 10px; }
.furniture-customer-product-img { float: left; }
.furniture-customer-product-desc { float: left; margin-left: 10px; }
.furniture-customer-product-desc p { display: inline; }
.furniture-customer-product-desc table { color: #666; font-size: 0.8em; }
.furniture-customer-product-desc a { color: #666; text-decoration: none; }
.furniture-customer-product-desc a:hover { color: #333; text-decoration: underline; }
.furniture-customer-product-actions { float: left; margin-left: 10px; }

#furniture-customer-product-footer { float: right; width: 90%; text-align: right; }
#furniture-customer-product-footer a { margin-left: 10px; width: 100px; text-align: center; font-size: 0.7em; font-weight: bold; display: inline-block; padding:0.5em 1em; color:#01534F; background-color: #80B7CC; text-decoration:none; border:1px solid #fff; }
* html #furniture-customer-product-footer a { display:inline-block; margin:0 -2px; width: 140px; }
#furniture-customer-product-footer a:hover { color:#fff; background:#01534F; }

/*--------------------------------------------------------------------- Customer Products Print ----------------*/

.furniture-customer-product-print { width: 600px; float: left; clear: both; margin-bottom: 10px; padding: 10px; }
.furniture-customer-product-desc-print { float: left; clear: both; }
.furniture-customer-product-desc-print table { color: #666; font-size: 0.8em; page-break-after: always; width: 550px; }

/*--------------------------------------------------------------------- Admin Home ----------------*/

#admin-home-website-stats { color: #666; font-size: 0.8em; }
#admin-home-product-stats { color: #666; font-size: 0.8em; }

/*--------------------------------------------------------------------- Admin Furniture ----------------*/

#admin-furniture a { color: #666; text-decoration: none; font-size: 0.8em; }
#admin-furniture a:hover { text-decoration: underline; }

/*--------------------------------------------------------------------- Admin Clients -----------------*/

#admin-clients a { display: block; width : 100px; background-color: #80B7CC; color: #fff; padding: 3px; text-align: center; border: solid 1px #016F9B; text-decoration: none; font-size: 0.7em; font-weight: bold; }
#admin-clients a:hover { background-color: #016F9B; }

/*--------------------------------------------------------------------- Custom Error -----------------*/

#custom-error { width: 90%; float: left; font-size: 0.8em; margin-top: 20px; }

/*--------------------------------------------------------------------- Stationery -----------------------*/

#stationery a { color: #666; }
#stationery a:hover { color: #333; }

#enqEmail a { display: block; background-color: #016F9B; border: solid 2px #fff; width: 80px; color: #fff; padding: 5px; text-align: center; font-size: 1em; }
#enqEmail a:hover { border: solid 2px #016F9B; color: #016F9B; background-color: #fff; text-decoration: none; }
#enqEmail { overflow: auto; height: 300px; }