/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background: url(images/bgr_big.jpg) center top no-repeat #46413D; text-align:center;}
img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.center{ text-align:center;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#ffffff;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
h4{ font-size:1.5em;}
h5{ font-size:1.167em;}
h6{ font-size:1.286em; padding-bottom:6px;}
h6 span{ font-size:0.667em; font-weight:normal; display:block; padding-top:2px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{  margin-left:20px;}
.margin1{ margin-top:10px;}
.padding1{ padding-top:18px;}
.padding2{ padding-top:25px;}

/* ============================= header ====================== */
#header{ width:100%; overflow:hidden; position:relative;}
#header .menu{ float:right; padding:40px 22px 10px 0; border-bottom:solid 1px #c2c2be;}
#header .menu li{ float:left; color:#855a43; padding-left:6px;}
#header .menu .first{ padding-left:0;}
#header .menu a{ color:#855a43; text-decoration:none; font-weight:bold; display:inline-block; cursor:pointer; margin-right:7px; vertical-align:middle;}
#header .menu a span{ display:inline-block; padding:3px 8px 6px 9px}

#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat #0bd5ce; color:#fff;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}

#header .logo{ position:absolute; margin:33px 0 0 17px;}

/* ============================= content ====================== */
#content{ padding-bottom:20px;}
.column-2, .column-3{ margin-left:20px;}
.link{ float:right; font-weight:bold; text-decoration:none; display:inline-block; margin:3px 20px 6px 0; background:url(images/link-bg.gif) right top no-repeat; padding-right:9px;}
.link2{ float:right; color:#ed1c24; font-weight:bold; text-decoration:none; display:inline-block; margin:3px 20px 6px 0; background:url(images/link2-bg.gif) right top no-repeat; padding-right:9px;}
.link:hover, .link2:hover{ text-decoration:underline;}

.box1{ background:url(images/box1-corner-left-top.gif) left top no-repeat #d80cbe;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat;}
.box1 .indent{ padding:16px 20px 16px 20px;}
.inbox1{ background:url(images/inbox1-corner-left-top.gif) left top no-repeat #ac0c9f; width:100%;}
.inbox1 .right-top{ background:url(images/inbox1-corner-right-top.gif) right top no-repeat;}
.inbox1 .left-bot{ background:url(images/inbox1-corner-left-bot.gif) left bottom no-repeat;}
.inbox1 .right-bot{ background:url(images/inbox1-corner-right-bot.gif) right bottom no-repeat;}
.inbox1 .indent{ padding:19px 20px 21px 20px;}

.box2{ background:url(images/box2-corner-left-top.gif) left top no-repeat #ff940a;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat;}
.box2 .indent{ padding:16px 20px 16px 20px;}
.inbox2{ background:url(images/inbox2-corner-left-top.gif) left top no-repeat #ff620c; width:100%;}
.inbox2 .right-top{ background:url(images/inbox2-corner-right-top.gif) right top no-repeat;}
.inbox2 .left-bot{ background:url(images/inbox2-corner-left-bot.gif) left bottom no-repeat;}
.inbox2 .right-bot{ background:url(images/inbox2-corner-right-bot.gif) right bottom no-repeat;}
.inbox2 .indent{ padding:19px 20px 21px 20px;}

.box3{ background:url(images/box3-corner-left-top.gif) left top no-repeat #c0d50b;}
.box3 .right-top{ background:url(images/box3-corner-right-top.gif) right top no-repeat;}
.box3 .left-bot{ background:url(images/box3-corner-left-bot.gif) left bottom no-repeat;}
.box3 .right-bot{ background:url(images/box3-corner-right-bot.gif) right bottom no-repeat;}
.box3 .indent{ padding:16px 20px 16px 20px;}
.inbox3{ background:url(images/inbox3-corner-left-top.gif) left top no-repeat #99b612; width:100%;}
.inbox3 .right-top{ background:url(images/inbox3-corner-right-top.gif) right top no-repeat;}
.inbox3 .left-bot{ background:url(images/inbox3-corner-left-bot.gif) left bottom no-repeat;}
.inbox3 .right-bot{ background:url(images/inbox3-corner-right-bot.gif) right bottom no-repeat;}
.inbox3 .indent{ padding:19px 20px 21px 20px;}
.box3 .list2{ margin:-5px 0 0 0;}
.box3 .list2 li{ line-height:3em; background:url(images/list2-unline.gif) bottom repeat-x;}
.box3 .list2 .last{ background:none;}
.box3 .list2 a{ display:block; position:relative; background:url(images/list2-link.gif) right top no-repeat; text-decoration:none; font-weight:bold;}
.box3 .list2 a:hover{ color:#ff5b22;}

.box4{ background:url(images/box4-corner-left-top.gif) left top no-repeat #0bd5ce;}
.box4 .right-top{ background:url(images/box4-corner-right-top.gif) right top no-repeat;}
.box4 .left-bot{ background:url(images/box4-corner-left-bot.gif) left bottom no-repeat;}
.box4 .right-bot{ background:url(images/box4-corner-right-bot.gif) right bottom no-repeat;}
.box4 .indent{ padding:16px 20px 16px 20px;}
.inbox4{ background:url(images/inbox4-corner-left-top.gif) left top no-repeat #0ca8b6; width:100%;}
.inbox4 .right-top{ background:url(images/inbox4-corner-right-top.gif) right top no-repeat;}
.inbox4 .left-bot{ background:url(images/inbox4-corner-left-bot.gif) left bottom no-repeat;}
.inbox4 .right-bot{ background:url(images/inbox4-corner-right-bot.gif) right bottom no-repeat;}
.inbox4 .indent{ padding:19px 20px 21px 20px;}
.box4 .list2{ margin:-5px 0 -14px 0;}
.box4 .list2 li{ line-height:3em; background:url(images/list2-unline2.gif) bottom repeat-x;}
.box4 .list2 .last{ background:none;}
.box4 .list2 a{ display:block; position:relative; background:url(images/list2-link2.gif) right top no-repeat; text-decoration:none; font-weight:bold;}
.box4 .list2 a:hover{ color:#ff5b22;}

.box5{ background:url(images/box5-corner-left-top.gif) left top no-repeat #e3e5d1;}
.box5 .right-top{ background:url(images/box5-corner-right-top.gif) right top no-repeat;}
.box5 .left-bot{ background:url(images/box5-corner-left-bot.gif) left bottom no-repeat;}
.box5 .right-bot{ background:url(images/box5-corner-right-bot.gif) right bottom no-repeat;}
.box5 .indent{ padding:18px 20px 16px 20px;}
.box5 .indent1{ padding:22px 0 0 12px;}
.inbox5{ background:url(images/inbox5-corner-left-top.gif) left top no-repeat #c2c5a6; width:100%;}
.inbox5 .right-top{ background:url(images/inbox5-corner-right-top.gif) right top no-repeat;}
.inbox5 .left-bot{ background:url(images/inbox5-corner-left-bot.gif) left bottom no-repeat;}
.inbox5 .right-bot{ background:url(images/inbox5-corner-right-bot.gif) right bottom no-repeat;}
.inbox5 .indent{ padding:20px 20px 20px 20px;}
.inbox5 .indent2{ padding:20px 20px 35px 20px;}

.box6{ background:url(images/box6-corner-left-top.gif) left top no-repeat #ffe325;}
.box6 .right-top{ background:url(images/box6-corner-right-top.gif) right top no-repeat;}
.box6 .left-bot{ background:url(images/box6-corner-left-bot.gif) left bottom no-repeat;}
.box6 .right-bot{ background:url(images/box6-corner-right-bot.gif) right bottom no-repeat;}
.box6 .indent{ padding:16px 20px 16px 20px;}
.inbox6{ background:url(images/inbox6-corner-left-top.gif) left top no-repeat #e5bf0f; width:100%; font-size:1.167em; font-weight:bold;}
.inbox6 .right-top{ background:url(images/inbox6-corner-right-top.gif) right top no-repeat;}
.inbox6 .left-bot{ background:url(images/inbox6-corner-left-bot.gif) left bottom no-repeat;}
.inbox6 .right-bot{ background:url(images/inbox6-corner-right-bot.gif) right bottom no-repeat;}
.inbox6 .indent{ padding:17px 20px 37px 19px;}
.inbox6 .indent2{ padding:20px 20px 24px 19px;}

.photos a, .photos2 a{ display:inline-block;}
.photos .photo-indent1{ margin:0 20px 0 0;}
.photos .photo-indent2{ margin:20px 0 0 20px;}
.photos2 a{ margin-right:10px;}

.list1 li{ padding-bottom:18px;}
.list1 .last{ padding-bottom:0;}
.list1 .right{ margin-top:5px;}

table{margin-top:8px; border-collapse:collapse;}
th, td{ font-size:1.167em; border-bottom:solid 1px #e2e3d4; text-align:left; padding:3px 0 3px 10px;}
table .last{ border-bottom:none;}
td{ font-size:1em;}
table .col1{ width:147px;}
table .col2{ width:147px;}
table .col3{ width:65px;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #c2c2be; width:100%; overflow:hidden; font-size:0.917em; position:relative;}
#footer .text{ position:absolute; color:#855a43; margin:45px 0 0 792px;}
#footer .list3{ float:right; margin:15px -15px 0 0;}
#footer .list3 li{ float:left; padding-left:15px; color:#ac0c9f}
#footer .list3 a{ display:inline-block; margin-right:15px; color:#ac0c9f; text-decoration:none;}
#footer .list3 a:hover{ text-decoration:underline;}

#footer .list4{ float:left; padding:17px 13px 0 20px;}
#footer .list4 li{ line-height:1.273em; background:url(images/footer-list-marker.gif) no-repeat 0 3px; padding-left:10px;}
#footer .list4 a{ color:#855a43; text-decoration:none;}
#footer .list4 a:hover{ color:#ac0c9f; }

/* ============================= forms ============================= */
#LoginForm{ background:url(images/form-bg.gif) no-repeat 0 0; float:right; margin-top:20px; padding:9px 19px 11px 20px;}
#LoginForm .input1{ border:solid 0px; background:url(images/input1-bg.gif) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#ac0c9f; padding:5px 15px 4px 14px; width:135px; margin-right:6px; vertical-align:middle;}
#LoginForm .input2{ border:solid 0px; background:url(images/input1-bg.gif) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#ff620c; padding:5px 15px 4px 14px; width:135px; margin-right:5px; vertical-align:middle;}
#LoginForm a{ display:inline-block; text-transform:uppercase; font-weight:bold; text-decoration:none; background:url(images/form1-link-left-bg.gif) left top no-repeat #ac0c9f; vertical-align:middle; cursor:pointer;}
#LoginForm a span{ display:inline-block; background:url(images/form1-link-right-bg.gif) right top no-repeat; padding:2px 10px 4px 11px;}
#LoginForm a:hover{ background:url(images/form1-link-left-bg-act.gif) left top no-repeat #e70bd5;}
#LoginForm a:hover span{ background:url(images/form1-link-right-bg-act.gif) right top no-repeat;}

#SearchForm{ float:right; padding:29px 19px 11px 20px;}
#SearchForm input{ border:solid 0px; background:url(images/input2-bg.gif) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#ff620c; padding:5px 15px 4px 14px; width:147px; margin-right:6px; vertical-align:middle;}

#SearchForm a{ display:inline-block; text-transform:uppercase; font-weight:bold; text-decoration:none; background:url(images/form2-link-left-bg.gif) left top no-repeat #ff5b22; vertical-align:middle; cursor:pointer;}
#SearchForm a span{ display:inline-block; background:url(images/form2-link-right-bg.gif) right top no-repeat; padding:2px 10px 4px 10px;}
#SearchForm a:hover{ background:url(images/form2-link-left-bg-act.gif) left top no-repeat #af421c;}
#SearchForm a:hover span{ background:url(images/form2-link-right-bg-act.gif) right top no-repeat;}


#main { width:980px; background: #F8F9F3; margin:0 auto; text-align:left; padding: 10px;}

#header {height:162px;}

#footer { height:217px;}

.column-1, .column-2, .column-3, .col-1, .col-2{float:left;}
.container {width:100%; overflow:hidden;}

/* ============================= page1 ===========================*/
#page1 .column-1{ width:250px;}
#page1 .column-2{ width:250px;}
#page1 .column-3{ width:440px;}

/* ============================= page2 ===========================*/
#page2 .column-1{ width:250px;}
#page2 .column-2{ width:710px;}
#page2 .col-1{ width:260px;}
#page2 .col-2{ width:390px;}





div.offer {
    border-radius: 4px 4px 4px 4px;
    display: block;
    float: left;
    margin: 5px 8px 30px 4px;
    padding: 6px;
    width: 300px;
    background-color: #E3E5D1;
    
}

div.maincont div.offer h3 {
    color: #0F72BE;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
    padding-left: 3px;
}
div.offer h3 a {
    color: #0F72BE;
}
div.offer div.offer-inner {
    display: block;
    height: 84px;
}
div.offer:hover {
    background-color: #A5BFDD;
}
div.offer div.offer-info {
    float: left;
}
div.offer a.offer-img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BAA48A;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 75px;
    margin-right: 10px;
    padding: 3px;
    position: relative;
    width: 100px;
}
div.offer a.offer-img:hover {
    border: 1px solid #987C5A;
}

.offer-title {
    position: absolute;
    margin-top: -30px;
    margin-left: -120px;
    border: 1px solid #e1e1e1;
    padding: 2px 5px 2px 5px;
    background-color: #E3E5D1;
    color: #444444;
}

div.offer a.offer-img span.offer-cat {
    bottom: -5px;
    background-color: #FFFFFF;
    color: #444444;
    font-size: 10px;
    font-weight: bold;
    height: 22px;
    left: -3px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 75px;
    border:1px solid #c0c0c0;
}
div.offer div.offer-inner p {
    color: #5E533E;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    margin: 0;
}
div.offer h4.price {
    color: #0F72BE;
    font-size: 15px;
    font-weight: bold;
    height: 19px;
    letter-spacing: -0.5px;
    margin: 5px 0;
    padding-left: 20px;
    white-space: nowrap;
}
div.offer h4.price span {
    font-size: 14px;
}
.details TD {
    border: 0px solid #C2C5A6 !important;
    border-bottom: 1px solid #C2C5A6 !important;
    background-color: #E3E5D1;
}

.dark {
    font-weight: bold;
    color: #855A43;
    background: #E3E5D1;
}

.banner a {
    color: #000;
}

* html .banner {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(10 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.banner-overlay { background-color: #000; }