body {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:auto; color:#555; background:#FFF;}

a:link    {color: #697277; text-decoration: none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
a:visited {color: #697277; text-decoration: none;}
a:active  {color: #697277; text-decoration: none;}
a:hover   {color: #FF6600; text-decoration: none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

::-moz-selection { background: #697277; color: #fff; text-shadow: none; }
::selection { background: #697277; color: #fff; text-shadow: none; }


h1{font-size:26px; font-weight:normal; letter-spacing:-1px;  display:inline; color:#697277; font-family:Times New Roman, Times, serif;}
h2{font-size:22px; font-weight:normal; letter-spacing:0px;  display:inline; font-family:Times New Roman, Times, serif;}
h3{font-size:15px; font-weight:normal; letter-spacing:0px;  display:inline;}


a.btn-grey {font-family: oswald; background:#EEE; color:#777; font-size:15px; text-align:center; display:inline-block; border-radius:5px; padding:4px 10px 4px 10px; border:1px solid #DDD;}
a.btn-grey:hover {background:#AAA; border:1px solid #9f9f9f; color:#FFF;}

a.btn-action {font-family: Times New Roman; background:#697277; color:#FFF; text-shadow:1px 1px 0px #222; font-size:15px; text-align:center; display:inline-block; border-radius:5px; padding:4px 10px 4px 10px; border:1px solid #50595E;}
a.btn-action:hover {background:#EEE; border:1px solid #DDD; color:#777; text-shadow:1px 1px 0px #FFF;}


/* -------------------------------------------------------------------------------
ADMIN FORWARD FACING
----------------------------------------------------------------------------------*/

.admin-panel{position:absolute; top:0px; right:0px; z-index:999; box-shadow:0px 1px 3px #DDD inset; font-family:Arial; font-size:12px; background:#EEE url("/images/bg-admin-panel.png"); border-radius:0  0 7px 7px; border-bottom:1px solid #EEE; border-right:1px solid #EEE; border-left:1px solid #DDD; border-top:0px;}

.admin-panel li{float:left; padding:7px 15px 8px 15px;}
.admin-panel a{display:block;}

.admin-panel .logout{float:left; background:url("/images/icon-logout.png") 0 0 no-repeat; padding:0 0 0 25px; }
.admin-panel .add{float:left; background:url("/images/icon-add.png") 0 0 no-repeat; padding:0 0 0 25px; }
.admin-panel .edit{float:left; background:url("/images/icon-edit.png") 0 0 no-repeat; padding:0 0 0 25px; }
.admin-panel .delete{float:left; background:url("/images/icon-delete.png") 0 0 no-repeat; padding:0 0 0 25px; }


/* -------------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------------*/
#loginwrapper{background:#444; position:fixed; left:0; bottom:0; z-index:999; width:100%;}
#login{width:960px; margin:auto; padding:10px; color:#FFF; overflow:hidden;}
#login li{float:left; width:240px;}
#login label{float:left; width:60px;}
#login input[type=email]{padding:5px; width:200px; border:2px solid #DDD;}
#login input[type=password]{padding:5px; width:130px; border:2px solid #DDD;}
#login input[type=submit]{font-family: oswald; background:#045fc6; color:#FFF; text-shadow:1px 1px 0px #222; font-size:14px; text-align:center; display:inline-block; box-shadow:1px 6px 8px #064ea0 inset; border-radius:5px; padding:2px 10px 3px 10px; border:1px solid #044d9f;}
#login input[type=submit]:hover{background:#EEE; border:1px solid #DDD; color:#777; box-shadow:1px 6px 8px #DDD inset; text-shadow:1px 1px 0px #FFF; cursor:pointer;}

#hatwrapper{background:#697277; height:10px; margin:0 0 1px 0;}
#hat{width:980px; margin:auto; }

#header{border-top:2px solid #697277;}
#head{position:relative; width:980px; height:125px; margin:auto;}
#head .tel{float:right; margin:15px 10px 0 0; font-size:20px; font-family:Times New Roman, Times, serif; letter-spacing:-1px;}

#head .searchbox{position:absolute; top:70px; right:10px;}
#head .searchbox input[type=text]{border:1px solid #CCC; padding:5px; background:#F6F6F6;}

/* Autocomplete Styles */
.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
/* Turn off link transitions as they affect autocomplete */
.ui-autocomplete a{-moz-transition: none; -webkit-transition: none; transition: none;}

#headlogo{height:90px; margin:15px 0 0 5px;}


/* -------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------*/

#navigation{}

#nav{width:980px; margin:auto; letter-spacing:0px; font-size:18px; font-family:Times New Roman, Times, serif; text-align:center; border-top:1px dotted #697277; }
#nav li.btn{position:relative; float:left;}

#nav li.btn01{width:120px;}
#nav li.btn02{width:155px;}
#nav li.btn03{width:115px;}
#nav li.btn04{width:180px;}
#nav li.btn05{width:150px;}
#nav li.btn06{width:130px;}
#nav li.btn07{width:130px;}

#nav a{display:block; padding:10px 10px 12px 10px;}
#nav a:hover{background:#EEE; cursor:pointer; box-shadow:0 2px 5px #DDD inset;}


#breadcrumbs{margin-bottom:10px; color:#999; font-size:10px; overflow:hidden; letter-spacing:1px;}
#breadcrumbs a{margin:0 10px 0 10px; color:#999;}
#breadcrumbs a:hover{margin:0 10px 0 10px; color:#666;}
#breadcrumbs span{margin:0 10px 0 10px;}


/*---------------------------------------------------------------------------------
PAGE NUMBERS
----------------------------------------------------------------------------------*/

.pagenumber{float:left; padding:10px; background-color:#EFEFEF; line-height:8px; margin-right:3px; border-radius:5px 5px 5px 0px;}
a.pagenumber:hover{background-color:#EEE;}
.pagenumber-sel{float:left; padding:10px; background-color:#697277; color:#FFF; line-height:8px; margin-right:3px; font-weight:bold; border-radius:5px 5px 5px 0px;}


/* -------------------------------------------------------------------------------
MAIN STRUCTURE
----------------------------------------------------------------------------------*/

#mainwrapper{clear:both; background: url(/images/bg-navbar-light.png)50% 0 no-repeat;}
#main{width:980px; margin:auto; position:relative; overflow:hidden;}

#mainfull{margin:10px 0 0 10px;}

#mainleft{float:left; width:210px; margin:20px 25px 0 5px;}
#mainright{float:left; width:730px; margin:20px 0 0 0;}


/* -------------------------------------------------------------------------------
SIDE NAVIGATION
----------------------------------------------------------------------------------*/

.sidenav{padding:15px 10px 10px 15px; background:#697277; color:#FFF; border-radius:10px; margin-bottom:20px;}
.sidenav li{overflow:hidden;}
.sidenav .title{font-size:22px; font-family:Times New Roman, Times, serif; font-style:italic; font-weight:normal;}
.sidenav a{display:block; color:#FFF; padding:2px 0 3px 0;}
.sidenav a:hover{color:#FF6600; cursor:pointer;}

.filter{margin:0 0 20px 0;}
.filter b{font-size:17px; font-family:Times New Roman, Times, serif; font-style:italic; font-weight:normal;}
.filter li{clear:left; margin:5px 0 3px 0; overflow:hidden; }
.filter label{cursor:pointer;}
.filter input[type=checkbox]{vertical-align:-2px; margin:0 5px 0 0; }


/* -------------------------------------------------------------------------------
MAILING LIST
----------------------------------------------------------------------------------*/

#mailing-signup{padding:15px 10px 10px 15px; background:#DDD; border-radius:10px; margin-bottom:20px;}
#mailing-signup input{width:168px; padding:5px; border:1px solid #CCC; margin-bottom:6px;}

/* -------------------------------------------------------------------------------
HOMEPAGE
----------------------------------------------------------------------------------*/

#hero{position:relative; width:980px; height:320px; margin:20px 0 0 0; border-radius:0px; overflow:hidden;}
#hero img{border-radius:5px;}

.brandbar{height:100px; padding:15px 0 0 0; background: url(/images/bg-brandbar.png)50% 0 no-repeat;}
.brandbar li{float:left; width:130px; height:70px; margin:0 11px 0 0;}
.brandbar img{width:130px;}

.home-maincat{float:left; width:475px; height:420px; margin:0 30px 15px 0; border-bottom:2px solid #9CA5AA;}
.home-maincat .hero-sub{position:relative; width:475px; height:230px; border-radius:0px; overflow:hidden; border-bottom:1px solid #FFF; margin:0 0 15px 0; box-shadow:0px 5px 6px -6px #555;}
.home-maincat h2{padding:0 0 0 5px;}
.home-maincat img{border-bottom:1px solid #FFF; margin:0 0 15px 0; box-shadow:0px 5px 6px -6px #555; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.home-maincat img:hover{box-shadow:0px 6px 6px -6px #000; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.home-maincat li{float:left; width:140px; margin:0 10px 0 5px; padding:4px 0 0 0;}

/* -------------------------------------------------------------------------------
SUB CAT RESULTS (mcat.php)
----------------------------------------------------------------------------------*/

.scat-item{}
.scat-item li{position:relative; float:left; width:230px; height:220px; margin:10px 20px 0 0; cursor:pointer;}
.scat-item a{font-weight:bold; padding:4px; display:block;}
.scat-item div.scat-loading{position:absolute; top:0px; left:0px; width:230px; height:102px; text-align:center; padding:70px 0 0 0; background:#697277; color:#FFF;}
.scat-item label{position:absolute; display:block; bottom:47px; left:0px; width:220px; padding:5px; background:#AA0000; color:#FFF; cursor:pointer;}


/* -------------------------------------------------------------------------------
PRODUCT RESULTS
----------------------------------------------------------------------------------*/

.pr-item{}
.pr-item li{position:relative; float:left; width:230px; height:220px; margin:10px 20px 10px 0; border-bottom:2px solid #FFF; cursor:pointer;}
.pr-item li:hover{border-bottom:2px solid #9CA5AA; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.pr-item a{font-weight:bold; padding:4px; display:block;}

.pr-loading{position:absolute; top:0px; left:0px; width:230px; height:102px; text-align:center; padding:70px 0 0 0; background:#697277; color:#FFF;}

/* -------------------------------------------------------------------------------
PRODUCT DETAIL
----------------------------------------------------------------------------------*/
#pd-photo-wrapper{float:left; width:470px; margin:0 30px 0 0; overflow:hidden; position:relative;}

.pd-photo {position:relative; float:left; width:470px; height:350px; background:#F3F3F3; margin:0 30px 10px 0; overflow:hidden;}
.pd-photo li.loading{position:absolute; top:0px; left:0px; width:470px; height:190px; text-align:center; padding:160px 0 0 0; background:#697277; color:#FFF; z-index:3;}
.pd-photo li.zoom{position:absolute; right:10px; top:10px; cursor:pointer; z-index:2;}
.pd-photo li.zoom img{width:53px;}

.pd-thumbs{height:75px; margin:10px 0 0 0;}
.pd-thumbs div{float:left; height:75px;}
.pd-thumbs div.btn{width:15px; height:45px; padding-top:30px; text-align:center; background-color:#EEE;}
.pd-thumbs div.btn img{width:9px;}
.pd-thumbs div.btn-l{margin-right:8px;}
.pd-thumbs div.btn-r{margin-left:8px;}
.pd-thumbs div.btn-sel{background:#697277; cursor:pointer;}
.pd-thumbs div.btn-sel:hover{background-color:#FF6600;}
.pd-thumbs div.viewer{width:424px; position:relative; overflow:hidden;}
.pd-thumbs ul{width:896px; height:75px; position:absolute; left:0; top:0;}
.pd-thumbs li{float:left; width:100px; height:75px; background-color:#EEE; background-repeat:no-repeat; background-size:cover; margin:0 8px 0 0;}


#pd-detail{float:left; width:470px;}

.price{color:#FF6600; font-size:20px; font-family:Times New Roman, Times, serif;}
.rrp_price{color:#888;}
.save_price{color:#AA0000;}

.pd-brand-logo{float:right; width:130px; margin:-10px 0 0 15px;}

.pd-brochure{border:1px solid #DDD; padding:6px 12px 6px 12px; border-radius:3px; font-size:15px; letter-spacing:-1px; display:inline-block;}
.pd-brochure:hover{background:#EEE; color:#FF6600; cursor:pointer;}
.pd-brochure span{font-size:10px; letter-spacing:0px;}

.pd-social{clear:left; padding:20px 0 10px 0; overflow:hidden;}

.pd-pricematch{clear:left; padding:20px 0 10px 0; overflow:hidden;}
.pd-pricematch img{float:left; width:65px; margin:0 10px 0 0;  cursor:pointer;}
.pd-pricematch .detail{float:left; width:350px; margin:0 10px 0 0; cursor:pointer;}
.pd-pricematch .detail span{font-size:20px; font-family:Times New Roman, Times New Roman, Times, serif; color:#AA0000;}
.pd-pricematch .detail p{font-size:11px; margin:5px 0 0 0; line-height:15px;}

a.pd-btn-enq{float:left; display:inline-block; padding:7px 15px 9px 15px; background:#697277; color:#FFF; font-size:22px; text-shadow:1px 1px 0px #000; letter-spacing:-1px; font-family:Times New Roman, Times, serif; border-radius:5px; }
a.pd-btn-enq:hover{background:#DDD; color:#FFF; text-shadow:1px 1px 0px #555;}

.pd-or{float:left; margin:10px 10px 0 10px;}
.pd-call{float:left; width:200px;}
.pd-call img{float:left; margin:2px 10px 0 0;}
.pd-call label{font-size:14px; line-height:14px;}
.pd-call span{font-size:22px; letter-spacing:-1px; line-height:22px; color:#697277;}

.pd-mib{float:left; width:40px; height:40px;}
.pd-mib img{width:42px;}

.pd-desc{float:left; width:960px;}
.pd-desc li{clear:left; padding:6px 6px 6px 12px; border-bottom:1px dotted #DDD; overflow:hidden; background:#F4F4F4;}
.pd-desc li.head{background:#697277; color:#FFF; font-size:16px;}

.pd-bedsvars{float:left; width:460px;}
.pd-bedsvars li{clear:left; padding:6px 0 6px 0; border-bottom:1px dotted #DDD; overflow:hidden; background:#F4F4F4;}
.pd-bedsvars .head{background:#697277; color:#FFF; font-size:16px;}
.pd-bedsvars .size{float:left; width:235px; padding:0 0 0 10px;}
.pd-bedsvars .showprice{float:right; width:55px; text-align:right; padding:0 8px 0 0;}


.pd-options{float:left; width:460px;}
.pd-options li{clear:left; padding:6px 0 6px 0; border-bottom:1px dotted #DDD; overflow:hidden; background:#F4F4F4;}
.pd-options li:hover{background:#EEE;}
.pd-options li.head{background:#697277; color:#FFF; font-size:16px;}
.pd-options span.option1{float:left; width:298px; padding:0 0 0 12px;}
.pd-options span.option2{float:left; width:65px; text-align:right;}
.pd-options span.option3{float:left; width:75px; text-align:right; color:#FF6600;}
.pd-options dl{clear:left; display:none; padding:6px 6px 6px 12px;}


.pd-alt-item{margin:20px 0 0 0; padding:1px 0 0 0; background: url(/images/bg-navbar-light.png)50% 0 no-repeat;}
.pd-alt-item h2{display:block; text-align:center;}
.pd-alt-item li{position:relative; float:left; width:230px; height:240px; margin:1px 16px 0 0;cursor:pointer;}
.pd-alt-item a{clear:left; font-weight:bold;}
.pd-alt-loading{position:absolute; top:0px; left:0px; width:230px; height:102px; text-align:center; padding:70px 0 0 0; background:#697277; color:#FFF;}




.pd-form{padding:15px; background:#F1F1F1; border:1px solid #DDD; border-radius:4px; margin:20px 0 0 0; overflow:hidden;}
.pd-form div{font-size:16px; padding:0 0 5px 0; overflow:hidden;}
.pd-form span{font-size:22px; letter-spacing:-1px; overflow:hidden;}

.form-col{float:left; margin:10px 20px 0 0;}
.form-col li{position:relative; margin:0 0 5px 0;}
.form-col select{width:264px; padding:6px; border-width:1px; border-style:solid; border-color:#CCC #FFF #FFF #EEE; box-shadow:0px 2px 6px #CCC inset; border-radius:2px;}
.form-col label{position:absolute; top:7px; right:10px; color:#AA0000; font-size:10px; text-align:right; background:url(/images/ic-warning.png) 100% 0 no-repeat; background-size:19px; padding:2px 25px 0 0;}
.form-col input[type=text]{text-transform:capitalize; width:250px; padding:6px; border-width:1px; border-style:solid; border-color:#CCC #FFF #FFF #EEE; box-shadow:0px 2px 6px #CCC inset; border-radius:2px;}
.form-col input[type=email]{width:250px; padding:6px; border-width:1px; border-style:solid; border-color:#CCC #FFF #FFF #EEE; box-shadow:0px 2px 6px #CCC inset; border-radius:2px;}
.form-col input[type=submit]{font-family:Times New Roman, Times, serif; background:#697277; color:#FFF; text-shadow:1px 1px 0px #222; font-size:15px; text-align:center; display:inline-block; border-radius:5px; padding:4px 10px 4px 10px; border:1px solid #990000;}
.form-col input[type=submit]:hover{background:#EEE; border:1px solid #DDD; color:#777; text-shadow:1px 1px 0px #FFF; cursor:pointer;}

.form-col textarea{width:370px; padding:6px; border-width:1px; border-style:solid; font-family:Arial; border-color:#CCC #FFF #FFF #EEE; box-shadow:0px 2px 6px #CCC inset; border-radius:2px;}

/* -------------------------------------------------------------------------------
PRICE MATCH side ad
----------------------------------------------------------------------------------*/
#side-pricematch{margin:15px 0 15px 0; padding:8px; overflow:hidden; border:1px solid #DDD; border-radius:7px; cursor:pointer;}
#side-pricematch #logo{float:left; width:65px; margin:0 10px 0 0;}
#side-pricematch label{font-size:16px; margin:4px 0 0 0; font-family:Times New Roman, Times, serif; color:#AA0000;}
#side-pricematch p{margin:2px 0 6px 0; font-size:10px; line-height:12px;}
#side-pricematch a{color:#AA0000;}


/* -------------------------------------------------------------------------------
REVIEWS
----------------------------------------------------------------------------------*/

.review{}
.review li{clear:left; padding:10px 0 25px 5px; margin:15px 0 15px -5px; box-shadow:0px 5px 6px -6px #555; overflow:hidden;}
.review span{font-style:italic; font-size:14px;}
.review p{margin:15px 0 10px 0;}

/* -------------------------------------------------------------------------------
LOCATION DETAIL
----------------------------------------------------------------------------------*/

#ld-map-wrapper{padding:1px; border:3px solid #EEE; margin:15px 0 0 0;}

.ld-detail{float:left; width:230px; margin:15px 25px 0 0;}
.ld-detail h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:0px; font-weight:bold;}
.ld-detail span{font-size:14px;}

.ld-opening{float:left; width:230px; margin:15px 20px 0 0; }

.ld-opening-row{}
.ld-opening-row label{background:#EFEFEF; font-weight:bold; margin:1px 0 0 0; border-bottom:1px dotted #DDD; padding:5px; display:block; cursor:pointer;}
.ld-opening-row img{margin:1px 0 0 0; width:15px; float:right;}
.ld-opening-row li{padding:3px 0 3px 0; }
.ld-opening-row span{float:right;}


/* -------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------*/

#footer{background:#EFEFEF; margin:20px 0 0 0; border-top:1px solid #DDD; text-shadow:1px 1px 0px #FFF;}
#foot{width:980px; margin:auto; padding:20px 0 20px 0;}


.footadmin{}
.footadmin a{display:inline-block; width:100px; text-align:center; padding:5px; font-size:15px; -5px; box-shadow:0px 5px 6px -6px #000 inset;}

.omega, li.omega, div.omega {margin-right:0px;}