/* = productsBox
---------------------------------------------------------------------------------------------------*/
.productsBox li { width:230px; float:left; }
.productsBox li ul { margin:0 0 15px 0; }
.productsBox li li { width:auto; float:none; }
.productsBox li h3 { font-size:12px; font-weight:bold; margin:0 0 7px 0; color:#000; }


/* = shelterDetail
---------------------------------------------------------------------------------------------------*/
.shelterDetail { width:336px; float:left; margin:0 20px 0 0; }
.shelterDetail.large { width:690px; }
.shelterImage { width:335px; float:left; position:relative; }
.shelterImage .price { display:block; position:absolute; top:0; right:0; text-align:right; }


/* = popup
---------------------------------------------------------------------------------------------------*/
.popup { padding:20px 30px 30px 30px; width:680px; height:600px; position:relative; }
.popup div.left { width:340px; height:655px; height:550px; position:absolute; top:90px; left:40px; overflow:hidden; }
.popup div.left p,
.popup div.left label { width:300px; }
.popup div.right { width:305px; height:655px; height:550px;  position:absolute; top:90px; left:400px; overflow:hidden; }
.popup div.right p,
.popup div.right label { width:300px; }
.popup textarea { width:295px; height:135px; }
.popup p.sub { margin:0 0 15px 0; }
.popup .box { margin:0 0 25px 0; }



/* = THICKBOX
---------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/
/*#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 2px solid #525252; text-align:left; top:50%; left:50%; }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption {   height: 30px; padding: 10px 25px 10px 25px; float:left; }
#TB_caption img {display: block; float: left;}
#TB_closeWindow { height: 30px; margin: 0px; padding: 10px 20px 10px 20px; float:right;}
#TB_closeWindow img {display: block; float: left;}
#TB_closeWindow a { margin: 0px; padding: 0px; height: 0px; float: left; display: block;}
#TB_closeAjaxWindow { padding: 5px 8px 0px 8px; margin-bottom:0px; text-align:right; float:right; }
#TB_closeAjaxWindow a { outline: none; }
#TB_ajaxWindowTitle { float:left; padding:0px 0px 0px 0px; margin-bottom:0px; }
#TB_title { background-color:#fff; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }*/

#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#fff; filter:alpha(opacity=00); -moz-opacity: 0.00; opacity: 0.00; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border:0; z-index:10; position:relative; }
#TB_caption{ width:100%; float:left; padding:10px 0; text-align:center; font-size:17px; color:#1E1E1E; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ height:0px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
#TB_closeWindow a { width:54px; height:54px; display:block; text-decoration:none; background:url(../images/layout/thickbox/bg-close.png); position:absolute; top:-30px; right:-35px; z-index:1000; outline:none; }
* html #TB_closeWindow a { width:38px; height:38px; top:-20px; right:-20px; background:url(../images/layout/thickbox/bg-close.gif); }
#TB_next a,
#TB_prev a { outline:none; text-decoration:none; }
#TB_next a:hover,
#TB_prev a:hover { outline:none; text-decoration:none; }
* html #TB_next { display:block; position:absolute; cursor:pointer; top:45%; right:0; width:50%; height:52px; background:url(../images/sipka-right.gif) 50% right no-repeat; }
* html #TB_prev { display:block; position:absolute; cursor:pointer; top:45%; left:0; width:50%; height:52px; background:url(../images/sipka-left.gif) 50% left no-repeat; }
#TB_next { position:absolute;top:0; left:50%; background:url(../images/blank.gif) no-repeat; width:50%; height:100%; z-index:1000; }
#TB_next:hover { background:url(../images/layout/thickbox/sipka-right.png) center right no-repeat; cursor:pointer; }
#TB_prev { position:absolute; background:url(../images/layout/thickbox/blank.gif) no-repeat; top:0; left:0; width:50%; height:100%; z-index:1000;  }
#TB_prev:hover { background:url(../images/sipka-left.png) center left no-repeat; cursor:pointer; }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; }
div#TB_Box { background:#FFFFFF none repeat scroll 0 0; border:1px solid #BBBBBB; height:100%; position:relative; width:100%; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -22px; width: 100%; height: 22px; background: transparent url(../images/fancy_shadow_n.png) repeat-x; }
div.fancy_bg_ne { top: -21px; right: -19px; width: 19px; height: 21px; background: transparent url(../images/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e { right: -19px; height: 100%; width: 19px; background: transparent url(../images/fancy_shadow_e.png) repeat-y; }
div.fancy_bg_se { bottom: -21px; right: -19px; width: 19px; height: 21px; background: transparent url(../images/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s { bottom: -22px; width: 100%; height: 22px; background: transparent url(../images/fancy_shadow_s.png) repeat-x; }
div.fancy_bg_sw { bottom: -21px; left: -21px; width: 21px; height: 21px; background: transparent url(../images/fancy_shadow_sw.png) no-repeat; }
div.fancy_bg_w { left: -22px; height: 100%; width: 22px; background: transparent url(../images/fancy_shadow_w.png) repeat-y; }
* html div.fancy_bg_w{ height:100%; }
div.fancy_bg_nw { top: -21px; left: -21px; width: 21px; height: 21px; background: transparent url(../images/fancy_shadow_nw.png) no-repeat; }
* html div.fancy_bg_n,
* html div.fancy_bg_ne,
* html div.fancy_bg_e,
* html div.fancy_bg_se,
* html div.fancy_bg_s,
* html div.fancy_bg_sw,
* html div.fancy_bg_w,
* html div.fancy_bg_nw { background:none; }
* html .TB_overlayBG { background:#000; filter:alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55; }
