/* creating my own default tag settings */
.button {cursor: pointer; padding: 4px 10px;}
.error-text {color: red;}
.success-text {color: blue;}
.disabled {color: silver;}
.double-arrows {font-family: Arial; font-size: 130%;}
.typeless li {list-style: none;}

.big {font-size: 16px;}
.clear {clear: both;}
.bold {font-weight: bold;}
.center {text-align: center;}

a.hover-underline {text-decoration: none;}
a.hover-underline:hover {text-decoration: underline;}

a.partial-underline {text-decoration: none;}
a.partial-underline > * {text-decoration: underline;}
a.partial-underline > *.double-arrows {text-decoration: none;}



.photo-frame {padding: 23px 0px 0px 2px; height: 299px; width: 465px;}
.vphoto-frame {margin-top: 24px; margin-left: -4px;}
#hpicholder {background: url('../images/gallery/pic_h_bg.png'); background-repeat: no-repeat; height: 350px; width: 512px; position: relative; z-index: 10; margin-left: 14px;}
#vpicholder {background: url('../images/gallery/pic_v_bg.png'); background-repeat: no-repeat; height: 510px; width: 350px; position: relative; z-index: 10; margin-left: 100px;}
#thumb1 {background: url('../images/gallery/thumb_h_bg.png'); background-repeat: no-repeat; height: 85px; width: 125px; position: absolute; top: 0px; left: 16px; z-index: 100;}
#thumb2 {background: url('../images/gallery/thumb_h_bg.png'); background-repeat: no-repeat; height: 85px; width: 125px; position: absolute; top: 0px; left: 144px; z-index: 100;}
#thumb3 {background: url('../images/gallery/thumb_h_bg.png'); background-repeat: no-repeat; height: 85px; width: 125px; position: absolute; top: 0px; left: 272px; z-index: 100;}
#thumb4 {background: url('../images/gallery/thumb_h_bg.png'); background-repeat: no-repeat; height: 85px; width: 125px; position: absolute; top: 0px; left: 400px; z-index: 100;}
#thumb5 {background: url('../images/gallery/thumb_h_bg.png'); background-repeat: no-repeat; height: 85px; width: 125px; position: absolute; top: 0px; left: 80px; z-index: 100;}
#thumb6 {background: url('../images/gallery/thumb_h_bg.png'); background-repeat: no-repeat; height: 85px; width: 125px; position: absolute; top: 0px; left: 208px; z-index: 100;}
#thumb7 {background: url('../images/gallery/thumb_h_bg.png'); background-repeat: no-repeat; height: 85px; width: 125px; position: absolute; top: 0px; left: 336px; z-index: 100;}
#vthumb1 {background: url('../images/gallery/thumb_v_bg.png'); background-repeat: no-repeat; height: 85px; width: 60px; position: absolute; top: 0px; left: 48px; z-index: 100;}
#vthumb2 {background: url('../images/gallery/thumb_v_bg.png'); background-repeat: no-repeat; height: 85px; width: 60px; position: absolute; top: 0px; left: 177px; z-index: 100;}
#vthumb3 {background: url('../images/gallery/thumb_v_bg.png'); background-repeat: no-repeat; height: 85px; width: 60px; position: absolute; top: 0px; left: 305px; z-index: 100;}
#vthumb4 {background: url('../images/gallery/thumb_v_bg.png'); background-repeat: no-repeat; height: 85px; width: 60px; position: absolute; top: 0px; left: 434px; z-index: 100;}
#vthumb5 {background: url('../images/gallery/thumb_v_bg.png'); background-repeat: no-repeat; height: 85px; width: 60px; position: absolute; top: 0px; left: 112px; z-index: 100;}
#vthumb6 {background: url('../images/gallery/thumb_v_bg.png'); background-repeat: no-repeat; height: 85px; width: 60px; position: absolute; top: 0px; left: 241px; z-index: 100;}
#vthumb7 {background: url('../images/gallery/thumb_v_bg.png'); background-repeat: no-repeat; height: 85px; width: 60px; position: absolute; top: 0px; left: 370px; z-index: 100;}
.vthumb {height: 74px; width: 48px; position: relative; margin: 0 36px 0 35px;  margin-top: 4px;}
.hthumb {height: 72px; width: 112px; position: relative; margin: 4px 3px 0 3px; margin-top: 5px;}
.block {display: block;} /* made for img tag */
/* end of creating my own default tag settings */

/* Pagination UI Pattern */
div.pagination {text-align: center;}
div.pagination > span.page-numbers > * {border: 1px solid #0069a7; padding: 0px 4px;}
div.pagination > span.page-numbers > a {text-decoration: none;}
div.pagination > span.page-numbers > a {color: #0069a7;}
div.pagination > span.page-numbers > a:hover {background-color: #0069a7; color: white;}
div.pagination > span.page-numbers > b {font-weight: normal;}
div.pagination > span.page-numbers > b {background-color: #0069a7; color: white;}
/* End Of Pagination UI Pattern */

/* Sitemap */
ul.sitemap-level-1 li {list-style: none; margin: 0px;}
ul.sitemap-level-2 li {list-style: square outside none; margin-left: 2em;}
/* End of Sitemap *./

/* Layouts */
div.layout {}

ul.layout {margin: 0px;}
ul.layout > li {list-style: none; margin: 0px;}

a.layout {text-decoration: none;}

table.layout {border-collapse: collapse; border-spacing: 0px; empty-cells: show; table-layout: fixed; width: 100%;}
table.layout > * > tr > th, table.layout > * > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}

table.form-layout {empty-cells: show; table-layout: fixed; width: 100%;}

table.form-layout > * > tr > th,
table.form-layout > * > tr > td {margin: 0px; padding: 0px; font-family: inherit; vertical-align: top;}

table.form-layout > * > tr > th {}
table.form-layout > * > tr > td {text-align: right;}

table.form-layout > caption {padding-bottom: 10px; text-align: center;}
table.form-layout > tfoot > tr > td, table.form-layout > tfoot > tr > th {padding-top: 10px;}
table.form-layout > tbody > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}
table.form-layout > tbody > tr > th {vertical-align: middle;}
table.form-layout > tbody > tr > th.label-top {padding-top: 10px; vertical-align: top;}

table.form-layout > tbody > tr.required > th {background: transparent url(../images/reusable/req.gif) center right no-repeat; padding-right: 15px;}
input.invalid[type=text] {background-color: #ffffcc; border: 1px solid #ffaaaa;}

table.form-layout > tbody > tr > td > div {margin: 2px 5px; padding-right: 7px;} /* 5px (input padding), 2px (input border) */
table.form-layout > tbody > tr > td > div.left {margin-left: 0px;}
table.form-layout > tbody > tr > td > div.right {margin-right: 0px;}
table.form-layout > tbody > tr > td > div > input[type=text],
table.form-layout > tbody > tr > td > div > textarea {border: 1px solid #9cbed2; padding: 5px 0px; padding-left: 5px; width: 100%;}
/* End Of Layouts */

/* FAQ */
div#faq-menu {border: 10px solid #fcedf2; float: right; margin-left: 10px; margin-bottom: 10px; width: 200px;}
div#faq-menu > ol {margin: 0px; padding: 4px 2px;}
div#faq-menu > ol {color: #999999; font-family: Georgia, Times, serif; font-size: 20px; font-style: italic; line-height: 16px;}
div#faq-menu > ol > li {padding: 4px 2px; margin-left: 25px;}
div#faq-menu > ol > li > a {color: #000000; font-family: Arial; font-size: 12px; font-style: normal;}

div#faq-menu > ul.layout,
div#faq-menu > ul.layout > li {padding: 4px 2px;}

div#faq-menu {padding: 10px;}
div#faq-menu li.active > a {color: black; text-decoration: none;}

div#faq div.center {border-top: 1px solid #dddddd; margin-top: 10px; padding-top: 5px;}
/* End of FAQ */

/* Search Results */
div#search-results-view {padding-bottom: 10px;}
div#search-results-view > form {}
div#search-results-view > form > fieldset {border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px; text-align: center;}
div#search-results-view > form > fieldset * {vertical-align: middle;}
div#search-results-view > form > fieldset > input[type=text] {border: 1px solid black; height: 16px; margin: 0px; padding: 6px; padding-bottom: 7px; padding-top: 5px; width: 300px;}
div#search-results-view > form > fieldset > button.button {margin: 0px; padding-bottom: 4px; padding-top: 4px;}
div#search-results-view > h1 {border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; text-align: right;}
div#search-results-view > h2 {font-weight: normal; text-align: center;}
div#search-results-view > ol {margin: 0px; padding: 0px;}
div#search-results-view > ol > li {border-top: 1px solid #cccccc; list-style: none; margin: 0px; margin-top: 10px; padding-top: 10px;}
div#search-results-view > ol > li:first-child {border: 0px; margin-top: 0px; padding-top: 0px;}
div#search-results-view > ol > li  > a {display: block; font-size: 15px; margin-bottom: 5px;}
div#search-results-view > ol > li  > p {font-size: 12px;}
div#search-results-view > ol > li  > p > span.searchTerm {font-size: 116.66%; font-weight: bold;}
div#search-results-view > div.pagination {border-top: 1px solid #cccccc; font-size: 16px; margin-top: 10px; padding-top: 10px;}
/* End Of Search Results */

/* Gallery */
div#gallery-menu {}
div#gallery-menu a {}
div#gallery-menu ul {margin: 0px; padding: 0px; padding-left: 10px;}
div#gallery-menu ul > li {list-style: disc outside url(../images/reusable/blue-arrow.gif); margin-left: 15px; padding: 0px;}
div#gallery-menu > ul > li > a {text-decoration: none;}
div#gallery-menu > ul > li > a:hover {text-decoration: underline;}
div#gallery-menu > ul > li {padding: 3px 10px;}
div#gallery-menu  div.back {margin-top: 10px; text-align: center;}


div#gallery a > img {background-color: white; border: 1px solid #cccccc;/* padding: 2px; width: 115px;*/}
div#gallery a:hover > img {border: 1px solid #595959;}

div#gallery div.pagination {font-size: 11px; padding: 5px 0px;}

div#gallery div#gallery-float {float: right; overflow: hidden; margin-bottom: 10px; margin-left: 10px; text-align: center; width: 540px;}
div#gallery div#gallery-float > img {display: block; margin: 0px auto;}
div#gallery div#gallery-float > div#caption {border: 1px solid #dddddd; margin: 0px auto;}
div#gallery div#gallery-float > div#caption > p {color: #444444; padding: 15px; text-align: left;}
div#gallery div#gallery-float > div#gallery-thumbs {margin-top: 10px; text-align: center; vertical-align: middle; margin-right: -5px; position: relative; }

div#gallery div#gallery-float > div#gallery-thumbs > a {text-decoration: none; padding: 5px 5px 0 0; position: relative;z-index: 200;}
div#gallery-menu > h2 {font-size: 15px; margin-bottom: 5px;}
div#gallery-menu > h3 {color: white; font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 5px 0px;}
/* End Of Gallery */

/* Contact Us */
div#contactus table.form-layout > tbody > tr > th {width: 30%;}
div#contactus table.form-layout > tbody > tr > td {width: 70%;}
/* End Of Contact Us */

/* Driving */
div#address-form {}
div#address-form > table.layout > tbody > tr > td:first-child {width: 60%;}
div#address-form table.form-layout > tbody > tr > th:first-child {width: 30%;}

div#select-address > table {margin: 0px auto;}
div#select-address > table > caption {font-size: 130%; padding-top: 10px; margin: 0px auto; text-align: center;}
div#select-address > table > tbody > tr > td {vertical-align: middle;}
div#select-address > table > tbody > tr > td > form > fieldset > input[type=submit] {margin: 4px 10px;}

div#driving-directions {font-size: 12px;}
div#driving-directions > img {display: block; float: right; margin-bottom: 10px; margin-left: 10px;}
div#driving-directions > ol > li {margin-left: 30px;}
div#driving-directions > ol > li > div {padding: 10px;}
div#driving-directions > a[rel=prev] {font-size: 16px;}
span.mileage-minutes {color: red; font-size: 11px;}

/* End Of Driving */

/* Search Wrapper */
div.search input {vertical-align: top;}
div.search input[type=text] {padding: 3px;}
div#site-search input#site-search-box {background: white url(../images/search-bg.gif) no-repeat top left; border: 0px; font-size: 12px; height: 13px; width: 111px;}
/* End Of Search Wrapper */

/* Categories */
div#shopping-header {background: transparent url(../images/shop-at-leissas.gif) no-repeat top left; height: 45px;}
div#shopping-header * {display: none;}
div#categories {padding-bottom: 20px; padding-left: 12px; padding-right: 20px;}
div#categories li {padding-top: 3px;}
div#categories li a {color: #953e6b; display: block; font-size: 11px; font-weight: bold; height: 19px; line-height: 19px; padding: 0px 5px; text-decoration: none;}
div#categories li a:hover {background-color: #ef83a5;}
div#categories li li a {padding-left: 20px;}
/* End of Categories */

/* Nav */
div#navigation {}
div#navigation a {color: white; display: block; font-family: Georgia; font-size: 12px; height: 25px; padding: 10px 6px 0 6px; text-decoration: none;}
div#navigation table.layout {table-layout: auto;}
td.search {text-align: right; width: 200px;}
div.menu {background: white url(../images/nav-bg2.gif) repeat-x top left;position: relative;z-index: 10;display: block;}
div#navigation table.layout td:first-child div.menu {background: none;}
div#navigation table.layout td:first-child div.menu > a {background: transparent url(../images/nav-rounded-left2.gif) no-repeat top left;}
div#site-search {background: transparent url(../images/nav-rounded-right2.gif) no-repeat top right; height: 27px; padding-right: 10px; padding-top: 8px;}
div.active > a, div.menu:hover > a {background: white url(../images/nav-bg2.gif) repeat-x bottom left;}
div#navigation table.layout td:first-child div.active > a,
div#navigation table.layout td:first-child div.menu:hover > a {background: transparent url(../images/nav-rounded-left2.gif) no-repeat bottom left;}
div.menu > a {text-align: center;}
div#navigation table.layout td:first-child div.menu > a {padding-left: 12px;}
div#site-search.active {background: transparent url(../images/nav-rounded-right2.gif) no-repeat bottom right;}

ul.subnav
{
	float: left;
	clear: both;
	position: absolute;
	display: none;
	list-style: none;
	top: 22px;
	z-index: 5;
	width: 125px;
}

ul.subnav li
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	list-style: none;
	margin: 0;
	width: 100%;
	padding: 0;
}

ul.subnav a
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	background-color: #c34546;
	line-height: 1;
}

ul.subnav a:hover {background-color: #9c0608;}
/* End Of Nav */

/* creating project specific default tag settings (change from project to project) */
a {color: #BC1D14;}
td#main-column h1 {color: #df2a87; font-family: "Trebuchet MS"; font-size: 18px; padding-bottom: 10px;}
/* end of creating project specific default tag settings (change from project to project) */

/* Positioning (Layout) */
html {background: white url(../images/leissasLeopardBG.png) repeat top left; color: black;}
body {color: #000000; font-size: 12px; min-width: 900px;}
div#container {background-color: #A87856; border: 10px solid #bc1d14; border-width: 0px 10px; padding-left: 10px; width: 810px;}

div#wrapper {padding-right: 10px;}
div#header{background: transparent url(../images/default-featured-image.gif) no-repeat top left; height: 169px; padding-bottom: 15px; position: relative;}
div#header span {display: none;}
div#header a#logo {display: block; height: 100px; margin-top: 20px;}
div#header a#spa {position: absolute; top: 116px; left: 381px; height: 35px; width: 40px;}
div#header a#spa:hover {background: transparent url(../images/spa.gif) no-repeat top left;}
div#header a#salon {position: absolute; top: 118px; left: 467px; height: 28px; width: 55px;}
div#header a#salon:hover {background: transparent url(../images/salon.gif) no-repeat top left;}
div#header a#botique {position: absolute; top: 103px; left: 570px; height: 60px; width: 80px;}
div#header a#botique:hover {background: transparent url(../images/boutique.gif) no-repeat top left;}
div#header a#about {position: absolute; top: 106px; right: 35px; height: 55px; width: 70px;}
div#header a#about:hover {background: transparent url(../images/about.gif) no-repeat top left;}
div#header h1 a {height: 169px;}

td#sidebar {background: transparent url(../images/sidebar-bg3.gif) repeat-x top left; width: 190px;}
td#sidebar + td#main-column {padding-left: 10px;}
td#main-column {}
div#body {padding: 10px 0px;}
div#content {min-height: 585px;}

div#footer {background: #1d1f1c url(../images/footer-bg.gif) no-repeat top left; height: 65px; position: relative;}
div#footer, div#footer a {color: #cb6c94; font-size: 12px;}
div#footer a {text-decoration: none;}
div#footer a:hover {color: white; text-decoration: underline;}

div#links {padding-left: 10px; padding-top: 18px;float: left;}

a#sitepro-logo {background: transparent url(../images/sitepro-logo.gif) no-repeat top right; display: block; height: 45px; line-height: 45px; padding-right: 125px; text-align: right; width: 120px;}
a#sitepro-logo {position: absolute; right: 0px; bottom: 0px;}
a#sitepro-logo * {display: none;}
div#audio-player {position: absolute; right: 0px; top: 5px;}
img#chat {position: absolute; top: 15px; right: 250px;}
/* End Of Positioning */