@charset "utf-8";

/* globals */

* { margin: 0em; 
    padding: 0em;
	   border: 0px;
  }
 
html, body
 { margin: 0em auto; 
   width: 100%;
   height: 100%;
 } 
 
body
 { font: normal 76%/1.5 arial, sans-serif, "courier new", verdana, tahoma; 
   color: #fff;
   background-color: #000;
 }
 
body.white
 { background-color: #fff; }
 
table, tr, td, p, div, a, form, span, input, img, body
 { border-width: 0px; }
 
table
 { border-width: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
 }
 
td, p, div, a, span, input, li
 { font-size: 1em; 
   line-height: 1.5em;
 }

table, tr, td
 { margin: 0em;
   padding: 0em;
 }
 
img
 { vertical-align: middle; 
   text-align: center;
   margin: 0em; 
   padding: 0em;
   position: relative;
 }
 
a
 { color: #00c; 
   text-decoration: underline;
   cursor: pointer;
 } 

div.container
 { margin: 0 auto;
   width: 740px;
   text-align: center;
 }
 
div.wrapper 
 { min-height: 100%;
	  height: auto !important;
	  height: 100%;
	  margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */
 }
 
div.push 
 { height: 33px; } /* .push must be the same height as .footer-wrapper */

div.header-wrapper
 { height: 33px;
   background: #000 url(../../images/web/header.gif) repeat-x 0 0;
   margin: 0 auto;
   text-align: center;
   font-weight: bold;
   font-size: 1.5em;
   color: #85888a;
 }
 
div.foter-wrapper
 { height: 33px;
   background: #000 url(../../images/web/footer.gif) repeat-x 0 0;
 }
 
.JustifyCenter
 { text-align: center; }

.margin-t-05
 { margin-top: 0.5em; }
 
.padding-t-05
 { padding-top: 0.5em; }

.padding-t-1
 { padding-top: 1em; }

.clear-b
 { clear: both; }

.float-l
 { float: left; }
 
.text
 { color: #000;
   font-weight: normal;
   font-size: 1em;
   text-align: justify;
 }
 
.text ul, .text ol
 { padding-left: 2em; }
 
.text h1
 { color: #8a6d00;
   font-size: 16px;
   text-transform: uppercase;
 }
 
.text h2
 { color: #8a6d00;
   font-size: 14px;
   text-transform: uppercase;
 }
 
.text h3
 { color: #8a6d00;
   font-size: 12px;
   text-transform: uppercase;
 }

div.content-wrapper
 { margin-bottom: 40px; }
 
div.offer-wrapper
 { overflow: hidden;
   margin-top: 40px;
 }
 
div.offer-content
 { width: 350px;
   height: 475px;
   float: left;
 }
 
div.offer-separator
 { float: left;
   width: 40px;
 }
 
div.offer-image
 { width: 350px;
   height: 263px;
 }
 
div.offer-image img
 { border: 1px solid #c2c2c2; }
 
div.offer
 { width: 348px;
   height: 210px;
   border-width: 0 1px 1px;
   border-style: solid;
   border-color: #353535;
 }
 
div.offer-headline
 { width: 328px;
   height: 36px;
   margin: 0 auto;
   text-align: center;
   padding: 10px 0 20px;
   font-weight: bold;
   font-size: 1.4em;
   text-transform: uppercase;
 }
 
#headline1
 { width: 328px;
   height: 40px;
   line-height: 40px;
   background: #bbaf87 url(../../images/web/headline1.gif) no-repeat 0 0; 
 }
 
#headline2
 { width: 328px;
   height: 40px;
   line-height: 40px;
   background: #7a3144 url(../../images/web/headline2.gif) no-repeat 0 0; 
 }

#headline3
 { width: 328px;
   height: 40px;
   line-height: 40px;
   background: #af7c2a url(../../images/web/headline3.gif) no-repeat 0 0; 
 }

#headline4, #headline5, #headline6
 { width: 328px;
   height: 40px;
   line-height: 40px;
   background: #666 url(../../images/web/headline4.gif) no-repeat 0 0; 
 } 
 
div.offer-preview
 { width: 328px;
   height: 108px;
   margin: 0 auto;
   color: #bdbdbd;
   font-weight: normal;
   font-size: 1em;
   text-align: justify;
 }
 
div.offer-info
 { width: 348px;
   height: 36px;
   background-color: #252525;
   overflow: hidden;
 }
 
div.offer-region
 { float: left;
   padding-left: 10px;
   width: 164px;
   height: 36px;
   line-height: 36px;
   font-weight: bold;
   font-size: 1em;
   text-align: left;
 }
 
div.offer-region-aheloy
 { float: left;
   padding-left: 10px;
   width: 54px;
   height: 36px;
   line-height: 36px;
   font-weight: bold;
   font-size: 1em;
   text-align: left;
 }
 
div.offer-region .first, div.offer-region-aheloy .first
 { text-transform: uppercase;
   font-size: 1.4em;
 }
 
#region-name1
 { color: #e7e0b5; }
 
#region-name2
 { color: #97525f; }
 
#region-name3
 { color: #d6a549; }
 
#region-name4, #region-name5, #region-name6
 { color: #85888a; }
 
div.offer-actions
 { float: right;
   width: 164px;
   height: 36px;
   line-height: 34px;
   text-align: right;
 }
 
div.offer-actions a
 { text-decoration: none;
   color: #fff;
 } 
 
div.offer-actions-aheloy
 { float: right;
   width: 274px;
   height: 36px;
   line-height: 34px;
   text-align: right;
 }
 
div.offer-actions span, div.offer-actions-aheloy span
 { margin-right: 10px; 
   cursor: pointer;
 }

div.popup-container
 { margin: 0 auto;
   width: 700px;
   text-align: center;
   overflow: auto;
 }
 
div.popup-container-gallery
 { margin: 0 auto;
   width: 675px;
   text-align: center;
   overflow: auto;
 }
 
div.popup-wrapper
 { margin: 40px 0 0; }
 
div.news-title
 { position: relative; 
   height: 20px;
   line-height: 20px;
   margin-bottom: 1px;
   text-align: left;
 }
 
span.title
 { font-weight: bold;
   color: #8a6d00;
   font-size: 1em;
   padding: 0.1em 0.5em;
   background-color: #efd887;
   text-transform: capitalize;
 } 

div.news-title img
 { position: absolute;
   bottom: -7px;
   left: 0;
 } 
 
div.top
 { position: relative; 
   float: left;
 }
 
div.top img
 { position: absolute;
   right: -20px;
   top: 5px; 
 }
 
div.news-wrapper
 { padding-top: 0.5em;
   padding-left: 1.2em;
 }
 
div.news-image
 { display: inline;
   float: left;
   text-align: center;
   margin-left: 8px;
   cursor: pointer;
   margin-bottom: 8px;
 }
 
hr.top
 { background-color: #fff;
   width: 675px;
   height: 1px;
   border-top: 1px dashed #cfd2d2;
   margin: 1em auto 2em;
   padding: 0;
   float: left;
 }
 
#top-img
 { cursor: pointer; }
 
a.link
 { font-weight: bold;
   font-size: 1em;
   text-align: left;
   color: #e7e0b5;
   height: 36px;
   line-height: 36px;
 }