@charset "utf-8";
/* CSS Document */

/*////////////////////////////////////////
FORM STYLES
////////////////////////////////////////*/

form label { display: inline-block; margin: 3px 5px 3px 20px; }
form select { margin:3px; } 
form .formfield { width: 100%; margin:3px;  }
form .filepickerfield { width: 50%; margin:3px; }
form .smFormfield { width: 125px; margin:3px;  }
form textarea { width: 100%; height: 150px; margin:3px;  }
form .radioField span { margin: 2px 10px; }

/*////////////////////////////////////////
TABLE STYLES
////////////////////////////////////////*/
.reg_table { width: 98%; }
.reg_table tr td { white-space: nowrap; vertical-align: top; }

/*////////////////////////////////////////
MAIN STYLES
////////////////////////////////////////*/

body {
	background-image: url(../layout/bg.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-family: segoe ui, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.wrapper { position: relative; width: 100%; }

#headerImgWrapper { position: absolute; top: 0px; z-index: 100; }
#headerImgContainer { position: relative; width: 900px; margin: 0px auto; }
#homepageImg1 { position: absolute; top: 94px; right: -15px; z-index: 100; height: 204px; width: 279px;  }
#homepageImg1_frame { position: absolute ; top: 0px; left: 0px; }
#homepageImg1_inner { position: absolute ; top: 7px; left: 7px; width: 265px; height: 186px; overflow: hidden; background: #eee; }

#homepageImg2 { position: absolute; top: 12px; right: 165px; z-index: 95; height: 181px; width: 246px;  }
#homepageImg2_frame { position: absolute ; top: 0px; left: 0px; }
#homepageImg2_inner { position: absolute ; top: 7px; left: 7px; width: 227px; height: 164px; overflow: hidden; background: #eee; }

#homepageImg3 { position: absolute; top: 50px; right: -15px; z-index: 100; height: 204px; width: 279px;  }
#homepageImg3_frame { position: absolute ; top: 0px; left: 0px; }
#homepageImg3_inner { position: absolute ; top: 7px; left: 7px; width: 265px; height: 186px; overflow: hidden; background: #eee; }

#headerWrapper { top: 0px; z-index: 1; height: 400px; background-image:url(../layout/top.jpg); background-repeat:no-repeat; background-position: center top; }
#header { position: relative; width: 900px; margin: 0px auto; height: 222px; }
#logo { position: absolute; top: 10px; left: 30px; }
#seachbar { position: absolute; top: 10px; left: 755px; color: #fff; font-weight: bold; font-family: segoe ui, Arial, sans-serif; }
#seachbar .ui-button { position: relative; top: -1px; left: 3px; }

#mainMenu { position: absolute; top: 180px; left: 9px;width: 900px; height: 42px; background: url(../layout/menu_bg.jpg) top left no-repeat; } 
#mainMenu ul { margin: 0px; padding: 0px; } 
#mainMenu ul li { list-style: none; float: left; margin: 0px; padding: 11px; }
#mainMenu ul li, #mainMenu ul li a { color: #fff; font-weight: bold; font-size: 16px; text-decoration: none; }
#mainMenu ul li.over { background: url(../layout/menu_bg_over.jpg) top left repeat-x; }

#middleWrapper { z-index: 2;text-align: center; margin-top: -178px; padding-bottom: 20px; }
#contentWrapper { width: 900px; text-align: left; margin: 0px auto; padding-left:17px; }
#contentTop { position: relative; z-index: 5; height:19px; }
#content { position: relative; z-index: 10; background: url(../layout/content_gradient.jpg) top no-repeat #fdf8e1; margin-top: -4px; padding: 15px 15px 10px; }
.section_desc { /*width: 644px;*/ display: inline-block; float: right; }

#frontFeatureContainer { width: 900px; margin: 0px auto; height: 80px; }
#frontFeatureContainer > div { float: left; height:72px; padding: 8px 10px 0px 10px; }
#greenBox { width:186px;background: url(../layout/greenFeatureBg.jpg) top left no-repeat; }
#purpleBox { width:207px;background:url(../layout/purpleFeatureBg.jpg) top left no-repeat; }
#tanBox { width:201px;background:url(../layout/tanFeatureBg.jpg) top left no-repeat; }
#blueBox { width:225px;background: url(../layout/blueFeatureBg.jpg) top left no-repeat; }

#footer { margin-left: -4px; position:relative; }
#copywrite { position:absolute; top: 20px; right: 0px; color:#26905b; font-size: 9px; }
#footerMenu { position: absolute; top: 20px; left: 0px; }
#footerMenu ul { margin: 0px; padding: 0px; } 
#footerMenu ul li { list-style: none; float: left; margin: 0px; padding: 0px 8px; }
#footerMenu ul li, #footerMenu ul li a { color: #fff; font-size: 10px; text-decoration: none; }

#header_address, #header_telephone, #header_hours { position: absolute; display:none; font-weight: bold;  }
#header_address {  /*top: 20px;*/ top: 100px; left: 405px; color: #82a973; font-size: 18px; line-height:1em; }
#header_telephone {  /* left: 405px;*/ top: 60px; color: #fff; font-size: 20px; }
#header_telephone span { font-size: 30px; position:relative; top: -11px; }
#header_hours {  /*top: 120px; */left: 405px; color: #6c8d60; font-size: 14px; line-height: 1em; }

#advanceSearchBox { background-color: #ebe3d5; margin: 2px 0px; }
.searchElement { color: #885805; font-size: 10px; text-transform: uppercase; padding: 3px; margin: 5px 2px; clear: both; }
.searchElement label { float:left; padding: 3px; margin: 0px; }
.searchElement select, .searchElement input { color: #885805; font-size: 10px; }

#sortBox { background-color : #002b10; padding: 7px; color: #fff; font-size: 10px; font-weight: bold; }
#sortBox span { margin: 0px 10px; }
#sortBox .sortOption { cursor:pointer; }
#sortBox span.selected { text-decoration: underline; }
#sortBox .current { float: right; position: relative; top: -12px; color: #b16431; font-size: 25px; }

#searchResultsBox { }
#searchResultsBox .odd { background-color: #b4ab83; }
#searchResultsBox .even { background-color: #e0d7af; }
#searchResultsBox .unitRow { }
.unitRow .imgContainer { width: 155px; border: 3px #000 solid; }
.unitRow .imgContainer img { width: inherit; width: 155px; }
.unitRow .unitRowName { font-size: 18px; font-weight: bold; padding: 10px 0px 0px 4px; }
.unitRow .unitRowPrice { font-size: 26px; font-weight: bold; padding: 4px; text-align: right; }
.unitRow .unitRowDetails { }

#mainImgFrame { width: 400px; margin: 0px 0px 8px 0px; }
#mainImgFrame img { width: 400px; border:3px #000 solid; }
#thumbContainer {  }
#thumbContainer span { width: 62px; height: 60px; margin: 1px; float: left; overflow: hidden; border: 2px #000 solid; cursor:pointer; }
#thumbContainer span img { width: 100px; }

#pageinationBar { text-align: right; color: #652849; padding: 5px; }
#pageinationBar .pageDetails { font-weight: bold; }
#pageinationBar .links { margin-left: 25px; }
#pageinationBar .links span { cursor: pointer; margin: 0px 4px; }
#pageinationBar .links span.selected { text-decoration: underline; }

.sideContactForm { margin: 5px 0px; background-color: #ebe3d5;  }
.sideContactForm .contactRow { margin: 4px; } 
.sideContactForm .contactRow input { width: 200px; } 
.sideContactForm .contactRow textarea { width: 200px; height: 75px; } 

#suggestionContainer {}
#suggestionContainer .suggestion { width: 180px; margin: 15px; float: left; text-align: center; }
#suggestionContainer .suggestion img { width: 150px; border:2px #000 solid; }
#suggestionContainer .suggestion .name { font-weight: bold; white-space: pre-wrap; }
#suggestionContainer .suggestion .price {}

/*////////////////////////////////////////
ELEMENT STYLES
////////////////////////////////////////*/

.multidropdown option { background: #041d0d; color: #fff; padding: 3px; }
/*.multidropdown option.level0, li.level0 { background: #002b10; color: #49a166; padding-left: 10px; font-weight: bold; }*/
.multidropdown option.level1, li.level1, .multidropdown option.level0, li.level0 { background: #041d0d; color: #fff; padding-left: 20px; }
.multidropdown option.level2, li.level2 { background: #041d0d; color: #fff; padding-left: 40px; }

#unitCatBox { }
#unitCatBox ul { margin: 0px; padding: 0px; }
#unitCatBox ul li { list-style: none; padding-top: 3px; padding-bottom: 3px; font-size: 12px; cursor: pointer; }
#unitCatBox ul li ul { margin-left: -10px; }
#unitCatBox ul ul li { font-size: 12px; }
#unitCatBox ul li.selected { background-color: #256a38 !important; }

#unitCatBoxClickable { }
#unitCatBoxClickable ul { margin: 0px; padding: 0px; }
#unitCatBoxClickable ul li { list-style: none; padding-top: 3px; padding-bottom: 3px; font-size: 12px; cursor: pointer; }
#unitCatBoxClickable ul li ul { margin-left: -10px; }
#unitCatBoxClickable ul ul li { font-size: 12px; }
#unitCatBoxClickable ul li.selected { background-color: #256a38 !important; }
#unitCatBoxClickable a { color: #fff; text-decoration:none; }

#frontPageAd { background: url(../layout/feature_add_tmp.png) top left no-repeat; width: 621px; height: 315px; padding: 4px 0px 0px 5px; }
#frontFeaturedAd { background: url(../layout/featuredDeals_bg.png) top left no-repeat; width: 222px; height: 253px; float: right; margin: 35px 12px 0 0; }
#frontFeaturedAd div { width: 160px; margin-left: 13px; }
#frontFeaturedAd .featureImage { width: 155px; border: 3px #000 solid; margin-top: 20px; }
#frontFeaturedAd .featureImage a img, #frontFeaturedAd .featureImage img, #frontFeaturedAd .featureImage a { width: inherit; }

#frontFeaturedAd .featureName { font-weight: bold; font-size: 15px; }
#frontFeaturedAd .featurePrice { font-weight: bold; font-size: 24px;  }

.transformed {
    -webkit-transform: rotate(7deg) scale(1, 1);
    -moz-transform: rotate(7deg) scale(1, 1);
    transform: rotate(7deg) scale(1, 1);
}
#seachbar input { margin: 5px 0px; width: 130px; }

.tanBanner { background: url(../layout/banner_bg.jpg) top repeat-x; height:22px; color: #fff; font-size: 16px; padding: 6px 10px; }

#cmsBtns2 { padding: 8px;  }

#catDescContainer { }
.catDescItem { border: 4px #965216 solid; margin: 4px;background-color: #FFF; width: 135px; float: left; }
.catDescImage { text-align: left; width: 135px; float: left; margin-right: 20px; }
.catDescImage img { }
.catDescTitle { clear:both; background: url(../layout/banner_bg.jpg) repeat-x; text-align: center; padding: 6px 0px; color: #fff; font-weight: bold; }
.catDescDesc { display:none; white-space:normal; font-weight:bold;padding: 15px; }
.catDescTitle a { color: #fff; text-decoration:none; }

.sortable {} 
.sortable li { list-style: none; } 

/*////////////////////////////////////////
MEDIA STYLES
////////////////////////////////////////*/
.mediaitem { margin: 5px 5px; clear: both; }
.mediaitem table { width:600px; ; }
.mediaitem table tr td { white-space: nowrap; vertical-align: top; }
.imageThumb { width:120px; height: 100px; float: left; margin: auto 10px; overflow: hidden; } 
.imageThumb img { width: 100px; }
.mediaitem textarea { height: 50px; width: 100%; }

/*////////////////////////////////////////
TEXT STYLES
////////////////////////////////////////*/

h1 { color: #62014b; margin: 0px; }

legend { margin: 0px 10px; font-weight: bold; }

#greenBox { color:#99e3a2;font-size:20px;font-weight:bold;line-height: 1.2em; }
#greenBox span { font-size: 24px; }
#purpleBox { color:#fff;font-size:16px;font-weight:bold; }
#purpleBox h3 { color:#e8a8cb; font-size: 17px; margin:0px; }
#tanBox { color: #fff; font-size: 15px; font-weight: bold; }
#tanBox  h3 { color: #fed080; font-size: 15px; font-weight: bold;margin:0px; }
#blueBox { color: #fff; }
#blueBox h3 { color : #7cb2cb; font-size: 16px; font-weight: bold; margin: 0px; }

.soldText { color: #900; font-weight: bold; font-size: 35px; }

/*////////////////////////////////////////
LINK STYLES
////////////////////////////////////////*/
.ui-button a, a.button { text-decoration: none; }
.links{ padding:0px 30px 0px 30px; }

/*////////////////////////////////////////
jQuery UI Additions
////////////////////////////////////////*/

.ui-button, .fc-button-prev, .fc-button-next { display:inline-block; padding:1px 6px 2px 6px; margin: 0px 5px; cursor: pointer; white-space: nowrap !important; font-weight: bold !important; }
.ui-button-sm { cursor: pointer; }
a.ui-button, a.ui-button-sm { text-decoration: none; font-weight: bold; }
.ui-button .ui-icon { display: inline-block; float: left; position: relative; top: -1px; }

tan .ui-button { padding: 0px 7px; font-size: 12px; }

.ui-autocomplete .ui-menu-item a { line-height: 1; padding: 3px; }

p { white-space: normal; }