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

*{margin:0px; padding:0px; border:none; outline: none; }
html, body {height: 101%; width: 100%; background:#fff;}
body{font-family: Tahoma, Arial; font-size:12px; line-height: 16px; color:#000000; text-align: center; background: #fff url(/images/website/bg/body.gif) top center repeat-x;}

/**Typography**/
h1, h2, h3, h4 {font-weight: normal; font-family: Calibri, Candara, Cambria,  Tahoma, Arial;margin: 0px 0px 10px 0px;}
h1 {font-size: 22px; line-height: 24px; font-weight: bold;}
h2 {font-size: 20px;line-height: 16px; color: #656565; font-family: Calibri, Candara, Cambria,  Tahoma, Arial;}
h3 {font-size: 18px;line-height: 16px; color:#000000;}
h4 {font-size: 14px; line-height:16px; color: #777777;}
p {font-size: 12px; line-height: 16px; margin: 0px 0px 15px 0px;}
img {border: 0px;}
a {text-decoration: none;}
a:hover {text-decoration: none; color: #ed1b24;}
a.more {color: #f10913; font-size: 11px; font-weight: bold;}
a.more:hover {text-decoration: underline}
.light {color: #656565; font-size: 11px;}
.light strong {font-size: 12px !important; padding-bottom: 0px; margin-bottom: 5px; display: block;}
#content-middle .panel ul, #content-middle .panel ol {margin-left: 20px;}
.float-left {float: left;}
.features{ margin: 0 0 15px; padding: 2px 0px;}
.features label.feat { width: auto!important; font-weight: normal!important;}
.features .floor_space { margin-left: 14px;margin-right: 4px!important;}
.features .maisonette { width: 60px!important; margin-left: 10px; margin-right: 4px!important;}
input[type=checkbox]{ width: 16px!important; border: none!important;}
.no-results{
  text-align: center;
  border: double #eaeaea;
  line-height: 1.8;
  padding: 15px 0px;
  font-size: 14px;
  color: #444;
}
/**Main container**/
#container {margin: 0px auto; width: 970px; text-align: left;}

/**Header Stuff**/
#header #logo {float: left;}
#header #logo a {background:url(/images/website/icons/logo.gif) top left no-repeat; width:170px; height: 96px; display: block; text-indent: -10000px;}
#header #header-middle {float: left; margin-top: 54px; margin-left: 80px;}
#header #header-middle ul {list-style-type: none; float: left; margin-top: 5px;}
#header #header-middle ul li {float: left;}
#header #header-middle ul li a {float: left; font-size: 11px; color: #656565;}
#header #header-middle ul li a:hover, #header #header-middle ul li a.selected {text-decoration: none; color: #ed1b24;}
#header #header-middle ul#languages li {margin-right: 10px; padding-top: 0px;}
#header #header-middle ul#languages li a.el {background:url(/images/website/icons/flag-el.gif) top left no-repeat; text-indent: -10000px; display: block; width: 16px; height: 14px;}
#header #header-middle ul#languages li a.en {background:url(/images/website/icons/flag-en.gif) top left no-repeat; text-indent: -10000px; display: block; width: 16px; height: 14px;}
#header #header-middle ul#topnav li {margin-right: 5px; padding-right: 5px; border-right: 1px solid #656565; line-height: 11px; font-size: 11px;}
#header #header-middle form {float: left; margin-left: 20px;}
#header #header-middle form .search-input {width:187px; height: 18px; float: left; border: 1px solid #d4d4d4; font-size: 11px; color: #8a8a8a; padding: 2px 30px 0px 3px}
#header #header-middle form .search-button {background:url(/images/website/icons/search.gif) 0px 4px no-repeat; cursor: pointer; width:22px; height: 22px; float: left; position: relative; margin-left: -23px; text-indent: -10000px;}
#header h2#phone {display: inline-block; float: right; background:url(/images/website/icons/phone.gif) top left no-repeat; width: 154px; height: 18px; text-indent: -10000px; margin: 55px 36px 0px 0px;}

/**Content**/
#content {clear: both; margin-top: 6px; background:url(/images/website/images/container.png) top left repeat-y;}
#inside #content {background: none;}
#content-left {width: 150px; float: left; margin-right: 10px;}
#content-middle {width: 580px; float: left; margin-right: 10px;}
#content-middle-full {width: 810px; float: left;}
#content-right {width: 200px; float: left; padding: 10px;}

.panel {margin-bottom: 20px; display: block;}
#content-middle-full #full-text {clear: both !important;}
.content h4{margin-top:10px;}
.content li { margin: 5px 5px; padding: 5px 5px; }
/**Mainav**/
#mainav {list-style-type: none; background: #eaeaea; padding-bottom: 20px;}
#mainav li {border-top: 1px solid #f5f5f5; border-bottom: 1px solid #d9d9d9;}
#mainav li a {display: block; width: 140px; height: 37px; background:#eaeaea; font-size: 13px; color: #666666; font-family: Calibri, Candara, Cambria,  Tahoma, Arial; padding-left: 10px; line-height: 37px;}
#mainav li a:hover, #mainav li a.selected {color: #ed1b24; text-decoration: none;}

/**Anathesi**/
.anathesi {position: relative; background:url(/images/website/bg/anathesi.gif) top left no-repeat; width: 130px; height: 150px; padding: 20px 10px 0px 10px;}
.anathesi p, .anathesi a, .anathesi h2 {color: #656565; font-family: "Myriad Pro", "Trebuchet MS",  Tahoma, Arial}
.anathesi h2 {font-size: 15px;}
.anathesi p {font-size: 11px; font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Arial}
.anathesi a {font-size: 11px; position: absolute; bottom: 2px;}
.anathesi a:hover {color: #ed1b24}

/**Calculator**/
.calculator {background:url(/images/website/bg/calculator.gif) top left no-repeat; height: 65px; width: 140px; padding:25px 0px 0px 10px;}
.calculator h2 a{color: #656565; font-family: "Myriad Pro", "Trebuchet MS",  Tahoma, Arial; font-size: 14px;}
.calculator h2 a:hover {color: #ed1b24}

/**Lexicon**/
.lexicon {background:url(/images/website/bg/lexicon.gif) top left no-repeat; height: 25px; width: 140px; padding:45px 0px 0px 10px;}
.lexicon h2 a{color: #656565; font-family: "Myriad Pro", "Trebuchet MS",  Tahoma, Arial; font-size: 15px;}
.lexicon h2 a:hover {color: #ed1b24}

/**SEK**/
.sek {background: url(/images/website/icons/sek.gif) top left no-repeat; width: 150px; height: 170px; text-indent: -10000px;}
.sek h2 {text-indent: -10000px;}


/**Rotating Banner**/
#banner {width: 580px; display: block; overflow: hidden; margin-bottom: 20px;}
#map {width: 580px; height: 300px;}
#map1 {width: 285px; height: 300px; float: left;}
#map2 {width:285px; height: 300px; float: right;}
#content-middle-full #banner {float: left;}
#banner-holder {width: 580px; display: block; overflow: hidden;}
/*preload classes*/ 
.svw {width: 580px; height: 260px;}
.svw ul {position: relative;} 
/*core classes*/ 
.stripViewer {  position: relative; overflow: hidden; } 
.stripViewer ul {margin: 0; padding: 0px; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; margin-top: 10px; display: block; height: 20px; width: 580px; background: #a1a1a1; text-align: center;} 
.stripTransmitter ul { margin: 0px 0px 0px 235px; padding: 4px 0px 0px 0px; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 10px; float:left; margin: 0 10px 0px 0; } 
.stripTransmitter a{background:url(/images/website/icons/slide-bullet.gif) top left no-repeat; text-align: center; line-height: 10px;text-indent: -100000px;display: block; width: 10px; height: 10px;}
.stripTransmitter a:hover, a.current{ background:url(/images/website/icons/slide-bullet.gif) 0px -10px no-repeat;}
/*Slide Viewer Pro */
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { /*this is the gallery container*/
position: relative; overflow: hidden;margin: 0; padding: 0; background: #fff; }
.slideViewer ul {  /*this is your list of images*/
position: relative; left: 0; top: 0; width: 1%; list-style-type: none; margin: 0; padding: 0; }
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/
float:left; }
/*typographic info*/
.slideViewer span.typo{
padding: 6px; /* do not modify padding (yet)*/
background: #fff; color: #000; font: normal 10px Verdana; }
.thumbSlider { /*the thumbnails slider contanier*/
overflow: hidden; width: 1%; background: #fff; }
.thumbSlider ul { /*the thumbnails list of images*/
list-style-type: none; margin: 0; padding: 0; }
.thumbSlider ul li{ float:left; margin: 0; }
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/
color: #fff; text-decoration: none;}
.thumbSlider a img{ border: 0; display: block; padding: 0;}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative;left: 0; font-size: 0.01em; left: 0; margin: 0; padding: 0; }
a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000; font: bold 16px Arial; overflow: hidden; }
a.left span, a.right span{}
a.left img, a.right img{border: 0;}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default; }
a.l_dis span, a.r_dis span { display: none;}
a:focus {outline:none;} 

/**Properties - Offers**/
.property {width: 135px; float: left; margin-left: 13px; margin-bottom: 30px;}
.property img {border: 1px solid #e5e5e5; padding: 4px;}
.property h4 {margin-top: 10px; margin-bottom: 5px;padding: 0px 5px; }
.property h4.title a {color: #959595;}
.property .code {color: #959595; font-size: 10px;padding: 0px 5px; line-height: 10px; margin-bottom: 5px;}
.property .text {font-size: 11px; color: #000000; padding: 0px 5px;}
.property .price {font-size: 11px; color: #959595; font-weight: bold; padding: 0px 5px; margin-top: 5px;}

/**Right panels**/
#content-right .panel {background: url(/images/website/bg/border-right.gif) bottom left no-repeat; padding-bottom: 10px;}

/**Search**/
#content-middle-full .search {float: right; padding: 10px 10px 10px 10px; background: #eaeaea !important; width: 200px;}
.search h3 {color: #ed1b24 }
.search fieldset {display: block; clear:both; margin-bottom: 11px;}
.search form label {width: 50px; float: left; margin-right: 5px; display: inline-block; color: #676767; font-size: 11px; text-align: right;}
.search form select {width: 145px; height: 20px; display: inline-block; border: 1px solid #cccccc; font-size: 11px; color: #676767;}
.search form .rent {margin-left: 40px;}
.search form .beds {width: 70px; margin-left: 0px;}
.search form .beds.last {margin-left: 1px;}
.search form .price {width: 70px; margin-left: 0px;}
.search form .price.last {margin-left: 1px;}
.search .more {font-size: 10px; float: left; font-weight: normal; color: #e33038;}
.search .button {background:#ed1b24; color: #ffffff; font-size: 11px; padding: 2px 5px; float: right; cursor: pointer}


/**News**/
.news-item{background: url(/images/website/bg/news-item.gif) top left repeat-y; margin-bottom: 20px;}
.news-item .body {float: left; width: 160px;}
.news-item .title {font-weight: bold; color: #6d6d6d; font-size: 11px;}
.news-item .text {font-size: 11px; color: #6d6d6d;}
.news-item .date {font-weight: bold; color: #656565; font-family:Georgia, Tahoma, Arial; text-align: center; padding-top: 10px;}
.news-item .date span {display: block; font-size: 26px; line-height: 30px; margin-top: 0px; padding-bottom: 10px;}


/**Search by code**/
.search_by_code {}
.search_by_code-text {width: 192px; float: left; position:relative; display:inline-block; height: 17px; font-size:10px; color: #928f8f; padding: 1px 3px 0px 3px; border: 1px solid #d2d2d2;}
.search_by_code-button {background: url(/images/website/bg/search_by_code_button.gif) top left no-repeat; position: relative; margin-left: -17px; margin-top:2px; display: inline-block; width: 16px; height: 16px; cursor: pointer;}



/**A property **/
.full-text-left {float: left; width: 580px; margin-right: 10px;}
.full-text-right {float: left; width: 220px;}
.aproperty img {border: 1px solid #e7e7e7; padding: 3px;}
.aproperty .main-image {float: left; margin-bottom: 4px;}
.aproperty .thumbs {float: right; width: 91px;}
.aproperty .thumbs ul {list-style-type: none;}
.aproperty .thumbs ul li {margin-bottom: 4px;}
.price-name {padding-right: 5px;}
.thumbs .pagination {display: none;}

.full-text-right {padding-top: 25px;}
.full-text-right ul {list-style-type: none;}
.links ul li {margin-bottom: 4px;}
.links ul li a{background:#eaeaea; color: #ed1b24; font-size: 11px; padding: 5px 10px; display: block;}
.links ul li a:hover {text-decoration: underline;}

.social ul li{float: left; margin-right: 6px;}
.social ul li a {display: block; float: left; display: block; width: 16px; height: 16px; text-indent: -10000px; }
.social ul li a.email {background:url(/images/website/icons/social.gif) top left no-repeat;}
.social ul li a.facebook {background:url(/images/website/icons/social.gif) -22px 0px no-repeat;}
.social ul li a.facebook {background:url(/images/website/icons/social.gif) -22px 0px no-repeat;}
.social ul li a.twitter {background:url(/images/website/icons/social.gif) -45px 0px no-repeat;}
.social ul li a.myspace {background:url(/images/website/icons/social.gif) -67px 0px no-repeat;}
.social ul li a.stumble {background:url(/images/website/icons/social.gif) -90px 0px no-repeat;}
.social ul li a.delicious {background:url(/images/website/icons/social.gif) -112px 0px no-repeat;}
.social ul li a.digg {background:url(/images/website/icons/social.gif) -135px 0px no-repeat;}
.social ul li a.flickr {background:url(/images/website/icons/social.gif) -157px 0px no-repeat;}

.more-info p {margin-bottom: 8px;}

.property-info p {margin-bottom: 7px; font-size: 11px;}
.property-info strong {font-size: 12px !important;}
.property-info .title {float: left;}
.property-info .price {float: right; text-align: right; display: inline-block; color: #ed1b24; font-size: 11px;}
.property-info .code {float: right; clear: right; display: block; text-align: left; color: #656565; font-size: 11px;}
.property-info .extra {float: right; clear: right; display: block; text-align: left; color: #656565; font-size: 11px;}
.extra ul{ list-style-type: none;}
.extra li{ text-align: right; margin: 2px 0px; padding: 5px; background-color: #EAEAEA;}
.extra ul li a{color: #666666; font-size: 11px; display: block;}
.extra ul li a:hover {text-decoration: underline;}
.property-info .title h3{color: #656565;}
.property-info .description {margin-top: 10px;}
.property-info .details{clear: both;}
.pdf {background: url(/images/website/bg/pdf.png) center left no-repeat; display: block; padding-left: 20px;}
.more-info a {color: #656565; text-decoration: underline;}



/**Results**/
.nor {text-align: right; font-size: 11px; color: #545454;}
.pagin{background: #eaeaea; padding: 5px 5px; color: #606060; font-size: 11px;}
.pagin a {color: #606060; font-size: 11px;}
.pagin a:hover {color: #606060; font-size: 11px; text-decoration: underline;}
.pagin a.current, .pagin .current, .pagination a.selected {color: #ed1b24; font-size: 11px;}
.pagin .sorting {float: left;}
.pagin .paginate {float: right;}
.prev_page {padding-right: 5px}
.next_page {padding-left: 5px}
.result-text {float: left; width: 660px; display: inline-block}
.result {margin-top: 20px; padding-bottom: 20px; clear: both; border-bottom: 1px solid #eae6e4;}
.result .title a {display: block; font-weight: bold; color: #ed1b24; margin-bottom: 6px;}
.result .title a:hover {text-decoration: underline;}
.result .code {color: #656565; font-size:11px; margin-bottom: 6px;}
.result .price {color: #ed1b24; font-size: 11px; font-weight: bold; margin-bottom: 10px;}
.result .info {font-size: 11px;}
.cost-list {list-style-type: none;}


/**Search site results**/
.search-results li {margin-bottom: 20px;}
.search-results .result-excerpt {color: #000; font-size: 11px;}
.search-results h3 a {color: #ed1b24; font-size: 14px;}
.search-results h3 a:hover {text-decoration: underline;}


/**Errors**/
.form-message, .form-error {margin: 10px 0px; clear: both;}
.form-message ul, .form-error ul {list-style-type: disc !important; margin-bottom: 20px;}
.form-message ul li, .form-error ul li {float: none !important; color: #E33038; margin-bottom: 5px;}

/**Contact form**/
#contact-form {clear: both; margin-top: 20px;}
#contact-form input, #contact-form textarea {border: 1px solid #d4d4d4; font-family: Tahoma, Arial; font-size:11px; line-height: 16px; color:#000000; }
#contact-form input {width: 200px; padding: 3px 4px;}
#contact-form textarea {width: 300px; height: 100px; padding: 3px 4px;}
#contact-form label {float: left; width: 100px; margin-right: 10px; text-align: right;}
#contact-form input.button {color: #fff; background-color: #ed1b24; width: 100px;}
#contact-form p {margin-bottom: 5px;}
.contact_form  a {color: #000 !important;}
.contact_form  a:hover {text-decoration: underline;}

.property-submit {}
.property-submit input, .property-submit textarea, .property-submit select {border: 1px solid #d4d4d4; font-family: Tahoma, Arial; font-size:11px; line-height: 16px; color:#000000; }
.property-submit input {width: 200px; padding: 3px 4px;}
.property-submit select {width: 200px; padding: 3px 4px;}
.property-submit p {float: left;  margin-bottom: 5px;}
.property-submit textarea {width: 300px; height: 100px; padding: 3px 4px;}
.property-submit label {float: left; width: 100px; margin-right: 10px; text-align: right;}
.property-submit input.submit {color: #fff; background-color: #ed1b24; width: 100px;}

.loan-calc {clear: both; margin-top: 20px; display:block; margin:0 auto; width:350px;}
.loan-calc input, .loan-calc textarea, .loan-calc select {border: 1px solid #d4d4d4; font-family: Tahoma, Arial; font-size:11px; line-height: 16px; color:#000000; }
.loan-calc input {width: 200px; padding: 3px 4px;}
.loan-calc select {width: 200px; padding: 3px 4px;}
.loan-calc p {clear: both; margin-bottom: 5px;}
.loan-calc textarea {width: 300px; height: 100px; padding: 3px 4px;}
.loan-calc label {float: left; width: 110px; margin-right: 10px; text-align: right;}
.loan-calc .smallButton {float: left; color: #fff; background-color: #ed1b24; width: 110px; margin-right: 10px; padding: 3px 4px; border: 1px solid #d4d4d4; font-family: Tahoma, Arial; font-size:11px;}
.loan-calc .mortgageAnswer {height: 28px; font-size: 20px; font-weight: bold; text-align: center;}

#property-search-form input, #property-search-form textarea, #property-search-form select {border: 1px solid #d4d4d4; font-family: Tahoma, Arial; font-size:11px; line-height: 16px; color:#000000; }
#property-search-form input {width: 200px; padding: 3px 4px;}
#property-search-form select {width: 200px; padding: 3px 4px;}
#property-search-form p {clear: both; margin-bottom: 10px;}
#property-search-form textarea {width: 300px; height: 100px; padding: 3px 4px;}
#property-search-form label {float: left; width: 135px; margin-right: 10px; text-align: right; font-weight: bold;}
#property-search-form input.submit {color: #fff; background-color: #ed1b24; width: 100px;}
#property-search-form .form-notice {display: none;}


#footer{ clear: both; margin-top:10px; background: #f8f8f8; border-top: 1px solid #e8e8e8; width: 100%; padding-bottom: 20px; color: #656565; padding-top: 15px; font-size: 11px; }
#footer p {font-size: 11px; margin-bottom: 5px;}
#footer h3, #footer p, #footer a {color: #656565;}
#footer a:hover {text-decoration: underline;}
#footer #wrapper {width: 970px; margin: 0px auto; text-align: left;}
#footer-left {width: 220px; margin-right:10px; float: left; padding-left: 10px;}
#footer-middle {width: 480px; margin-right: 0px; float: left; padding-left: 10px;}
#footer-right {width: 240px; float: left;}

#footer-left ul {list-style-type: none;}
#footer-left ul li {float: left; padding-right: 5px; margin-right: 5px; border-right: 1px solid #656565; font-size: 11px; line-height: 11px; margin-bottom: 5px;}
#footer-left ul li a {float: left;}
#footer-left ul li a:hover,  #footer-left ul li a.selected{text-decoration: underline;}

#footer-middle ul, .contact_form ul {list-style-type: none; width: 100%;}
#footer-middle ul li, .contact_form ul li{float: left; margin-right: 20px; width: 230px;}
.contact_form ul li p {margin-bottom: 5px;}
#footer-middle ul li span, .contact_form ul li span {line-height: 25px; font-size: 34px; color: #d9d9d9; display: block; float: left; margin-top: 8px; padding-bottom: 50px; margin-right: 5px;}

/**Newsletter**/
.newsletter-text {width: 192px; float: left; position:relative; display:inline-block; height: 17px; font-size:10px; color: #928f8f; padding: 1px 3px 0px 3px; border: 1px solid #d2d2d2;}
.newsletter-button {background: url(/images/website/bg/search_by_code_button.gif) top left no-repeat; position: relative; margin-left: -17px; margin-top:2px; display: inline-block; width: 16px; height: 16px; cursor: pointer;}

/**PDFS**/
.pdfs{ list-style-type: none; margin: 0px !important; padding: 0px; float: right; display: block; border: 1px solid #eaeaea; padding: 15px 20px; background: #eaeaea;}
.pdfs li {margin: 0px 0px 15px 0px; font-size: 12px;}
.pdfs li a {background: url(/images/website/bg/pdf.png) center left no-repeat; display: block; padding-left: 20px; margin-top: 10px; font-size: 12px; color: #666666;}
.pdfs li a:hover {text-decoration: underline; color: #ED1B24;}


.copy {margin-top: 20px; float: left;}
.design {margin-top: 20px; float:right;}
.gen-y {background:url(/images/website/icons/gen-y.gif) top right no-repeat; padding-right: 15px;}

/**Some general classes - Helpers **/
.img-right {float: right; margin: 0px 0px 10px 10px; padding: 4px; border: 1px solid #eaeaea;}
.img-left {float: left; margin: 0px 10px 10px 0px; padding: 4px; border: 1px solid #eaeaea;}
.right {float: right;}
.left {float: left;}
.first {border-left: 0px !important; padding-left: 0px; margin-left: 0px;}
.last, #menu-last-topnav {padding-right: 0px !important; margin-right: 0px !important; border-right: 0px !important;}
.last-bottomm, #menu-mainav-last-bottom {border-bottom: 0px !important;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

#phone-logo { 
  float: right;
  margin-top: 18px;
  background: url(/images/website/images/phone.png) top left no-repeat;
}
#phone-logo .phones{ padding: 15px 0px  15px 58px; text-align: right;}
#phone-logo .phones span { color: #ED1B24;}
blockquote.style1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  /*background-color: #faebbc;*/
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(/images/website/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  margin-top: 10px;
  margin-bottom: 10px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(/images/website/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear: both;}
.extramargin {margin: 20px 0px 40px 0px; clear: both; display: block; height: 20px;}

html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}