@import url("global.css");
@import url("banner.css");

@font-face {
    font-family: 'MyriadProSBdSCn';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Semibold.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../fonts/MyriadPro-Cond.eot');
    src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Cond.woff') format('woff'),
        url('../fonts/MyriadPro-Cond.ttf') format('truetype'),
        url('../fonts/MyriadPro-Cond.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProItalic';
    src: url('../fonts/MyriadPro-It.eot');
    src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-It.woff') format('woff'),
        url('../fonts/MyriadPro-It.ttf') format('truetype'),
        url('../fonts/MyriadPro-It#MyriadProIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'ArchitectsDaughter';
	src: url('../fonts/ArchitectsDaughter.eot');
	src: url('../fonts/ArchitectsDaughter.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ArchitectsDaughter.woff') format('woff'),
	url('../fonts/ArchitectsDaughter.ttf') format('truetype'),
	url('../fonts/ArchitectsDaughter.svg#ArchitectsDaughter') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* BEGIN */

#dim {height:100%; width:100%; position:fixed; left:0; top:0; z-index:1000 !important; background-color:black; text-align: center; padding-top: 200px;
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}
#uc {position: fixed; z-index: 1001; top: 200px; left: 40%;}

BODY {font: 13px Arial; background: #ffffff url('../images/body-bg.jpg') repeat-x top center;}

.wrapper {width: 1100px; margin: 0 auto; position: relative;}
.stone {position: relative;}
.aLeft {text-align: left !important;}
.aCenter {text-align: center;}
.aRight {text-align: right !important;}
.vMiddle {vertical-align: middle;}
.mCenter {margin: 0 auto;}
.fLeft {float: left;}
.fRight {float: right;}

#header {height: 175px; background: url('../images/header-bg.png') no-repeat top center;}
#content {}
#contentInner {min-height: 400px; padding: 20px 0 20px 0; position: relative;}
#footer {height:275px; margin-top: 15px; background: url('../images/footer-bg.jpg') repeat-x top center; padding-top: 25px;}
#footer .wrapper {height: 170px;}
#content .wrapper {padding-top: 15px;}

#content.hasSlideshow {margin-top: 0;}
#content.hasSlideshow .wrapper {}

#logo {position: absolute; top: 25px; left: 0px; z-index: 970;}

a {color: #185582; text-decoration: none;}

H1 {color: #555555; font: normal 24px Arial, Times; margin: 0 0 10px 0; padding: 0;}
H2 {color: #555555; font-family: Arial; font-size: 16px; font-weight: normal;  margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: solid 2px #00a859}
H3 {color: #555555; font: normal 16px Arial, Times; margin: 0 0 10px 0; padding: 10px 10px; text-transform: uppercase;}
H4 {color: #555555; font: normal 13px Arial; margin: 0; padding: 0 0 0 0;}

H6 {color: #555555; font: normal 16px Arial, Times; margin: 0; padding: 0; text-transform: uppercase;}
H7 {color: #555555; font: normal 16px Arial, Times; margin: 0; padding: 0; text-transform: uppercase;}

#footer h4 {color: #ffffff;}

a h1, a h2, a h3, a h4, a h5, a h6, a h7 {text-decoration: none;}

#leftCell {float: left; width: 200px; border-right: solid 2px #00a859; padding-right: 20px;}
#mainCell {float: left; width: 840px; padding: 0 0 0 35px;}
#rightCell {display: none; float: right; width: 240px; padding-left: 20px;}

#nav {position: absolute; top: 125px; left: 300px; right: 250px; height: 105px; z-index: 200;}
#nav UL {margin: 0; padding: 0;}
#nav UL LI {margin: 0; padding: 0; float: left; list-style: none; position: relative;}
#nav UL LI.on {}
#nav UL LI.on A {color: #3e3b3c; }
#nav UL LI A {color: #3e3b3c; font-size: 22px; font-family: 'MyriadProCondensed', Arial; text-transform: uppercase; text-decoration: none; display: block; padding: 18px 14px 17px 14px;}
#nav UL LI:first-child {margin-left: 10px;}

#nav UL LI UL {min-width: 180px; display: none; background: #d0d83f; border-radius: 0 0 20px 20px; box-shadow: 2px 2px 2px #9fa5aa;}
#nav UL LI:hover UL {display: block;}
#nav UL LI UL {position: absolute; top: 56px; left: 0; right: 0; padding-bottom: 15px;}
#nav UL LI UL LI A {background-image: none !important; color: #ffffff !important; box-shadow: 0 0 0 #7fa426 !important; font-size: 14px; font-family: Arial; text-transform: none; text-decoration: none; display: block; padding: 8px 14px;}
#nav UL LI UL LI:first-child {margin-left: 0px;}

#topNavHolder {height: 22px; border-radius: 0 0 5px 5px; position: absolute; top: 0; right: 15px; padding: 8px 0 0 0;}
#topNavHolder a {font-weight: none; float: left; display: inline-block; margin: 0px 15px 0 5px; text-decoration: none; color: #226777; font-size: 11px; display: inline-block;}
#topNavHolder .fb {background: url('../images/icon-facebook.png') no-repeat center left; padding: 5px 5px 5px 20px;}
#topNavHolder .mail {background: url('../images/icon-contact.png') no-repeat center left; padding: 5px 5px 5px 20px;}
#topNavHolder .phone {background: url('../images/icon-phone.png') no-repeat center left; padding: 5px 5px 5px 20px;}

/* #slideShowHolder {position: absolute; top: 132px; left: 0px; height: 265px; z-index: 104; width: 1185px;} */
#slideshowHolder {position: absolute; top: 210px; left: 55px;}

#footerNav {position: absolute; top: 5px; left: 20px;}
#footerNav UL {margin: 0; padding: 0;}
#footerNav UL LI {margin: 0; padding: 0; list-style: none; color: #ffffff; float: left;}
#footerNav UL LI:first-child A {border-top-style: none;}
#footerNav UL LI A {color: #ffffff; font-size: 12px; font-weight: normal; font-family: Arial; text-decoration: none; display: block; padding: 0px 0 0 18px; height: 19px; line-height: 18px;}
#footerNav UL LI LI {float: none; width: auto;}

#footerArchive {position: absolute; top: 15px; left: 300px; width: 220px;}
#footerArchive UL {margin: 0; padding: 0; width: 220px;}
#footerArchive UL LI h4 {color: #A2A2A2; font-size: 12px; font-weight: normal; font-family: Arial; text-decoration: none; display: block; padding: 0px 0 0 10px; height: 25px; line-height: 25px; text-transform: uppercase; margin: 0;}
#footerArchive UL LI {margin: 0; padding: 0; list-style: none; color: #A2A2A2;}
#footerArchive UL LI:first-child A {border-top-style: none;}
#footerArchive UL LI A {color: #A2A2A2; font-size: 12px; font-weight: normal; font-family: Arial; text-decoration: none; display: block; padding: 0px 0 0 20px; border-top: 1px solid #252525; height: 25px; line-height: 25px; background: url('../images/footer-bg-li-menu.png') no-repeat 10px 14px;}
#footeArchive UL LI LI {float: none; width: auto;}

#footer ADDRESS {position: absolute; top: 10px; left: 800px; color: #ffffff; font-weight: normal; font-size: 10px; font-family: Arial; font-style: normal; line-height: 18px;}
#footer ADDRESS a {color: #ffffff; font-weight: normal; font-size: 12px; font-family: Arial; font-style: normal; line-height: 18px;}

#contentInner p {font: normal 12px Arial; color: #767779; line-height: 18px; text-align: justify; margin: 0 0 10px 0;}
#contentInner li {font: normal 12px Arial; color: #767779; line-height: 18px; text-align: justify;}

.boardHolder {width: 210px; height: 430px; background: url('../images/right-board.png') no-repeat 0 0;}

#headerTitleHolder {background: url('../images/header-title.png') no-repeat top center; height: 150px;}
#slideShowInnerShadow {height: 31px; background: url('../images/slideshow-shadow.png') repeat-x top left; position: absolute; top: -1px; left: 0; width: 100%; z-index: 965;}

OBJECT {outline: none;}

.nivo-controlNav {display: none;}

.photoBorder {position: relative; display: inline-block; float: left; margin-right: 28px; margin-top: 20px; width: 150px; height: 100px; background: url('../images/photo-border.png') no-repeat;}
.photoBorder .photoBorderOver {display: inline-block; position: absolute; top: 0; left: 0; width: 150px; height: 100px; background: url('../images/photo-border.png') no-repeat; z-index: 5;}
.photoBorder .photoHolder {overflow: hidden; width: 145px; height: 90px; background-position: center center; margin-top: 4px; margin-left: 4px;}

.photoRight {float: right; border: solid 1px #715E2D; box-shadow: 2px 2px 2px #333333; margin: 0 0 10px 10px;}

.galleryPhoto {width: 150px; height: 100px;}

#searchHolder {position: absolute; top: 38px; right: 15px;}
#searchHolder input[type='text'] {width: 316px; height: 30px; background: url('../images/search-bg.png') no-repeat 0 0; border: none; color: #666666; padding-left: 10px;}
#searchHolder input[type='submit'] {width: 39px; height: 39px; background: url('../images/btn-search.png') no-repeat 0 0; border: none;}

#headTools {font-size: 10px; font-weight: bold; color: #004A95; position: absolute; top: 5px; right: 435px;}
#headTools a {font-size: 10px; font-weight: bold; color: #004A95; text-decoration: none;}
#headTools img {vertical-align: middle;}
.homeRss {background: url('../images/icon-rss.png') no-repeat left center; padding: 3px 0px 3px 19px;}

.newsRow {float: left; border-left: solid 1px #e0e4e3; padding: 5px 20px;}
.newsRow:first-child {border-left: none;}

.bannerRow {float: left; border-left: solid 1px #e0e4e3; padding: 5px 5px;}

.article {border-bottom: solid 1px #c7d0d7; padding-bottom: 20px; margin-bottom: 10px;}

.more {display: block; text-align: right;  color: #32c4f7; text-transform: uppercase; font-size: 12px; text-decoration: none; padding-right: 20px; background: url('../images/arrow.png') no-repeat left center; min-height: 25px;}
.moreLess {display: block; text-align: right; color: #32c4f7; text-transform: lowercase; font-size: 11px; text-decoration: none; padding-right: 20px; padding-top: 2px;}

#contentInner .news p {font-size: 11px; color: #25a5d6; line-height: 14px; padding: 0; margin: 0;}
.news .more {display: block; text-align: left; background: url('../images/dot.png') no-repeat left center; color: #6e6e6e; text-transform: none; font-size: 11px; text-decoration: none; padding: 0; padding-left: 10px; margin: 5px 0 20px 0;}

/* slideshow */
#slideShowHolder {margin-bottom: 20px;}
#slideShowHolder .slideImage {height: 325px; overflow: hidden; position: relative;}
#slideShowHolder .slideImage li {display: none;}
#slideShowHolder .slideImage li.on {display: block;}
#slideShowHolder ul, #slideShowHolder li {margin: 0; padding: 0; list-style: none;}
#slideShowHolder .currentImage {position: absolute; top: 0; left: 0;}

#slideShowHolder .slideText {width: 600px; height: 95px; background-color: #32c4f7; position: absolute; top: 225px; left: 0; z-index: 150; padding: 0 15px; overflow: hidden;}
#slideShowHolder .slideTextHolder {position: relative;}
#slideShowHolder .slideText ul {top: 0; left: 0; position: absolute;}
#slideShowHolder .slideText li {height: 90px; padding: 15px;}
#slideShowHolder .slideText h1 {color: #ffffff; font-family: Arial, Times, 'Times New Roman';}
#slideShowHolder .slideText .date {display: none; font-size: 11px; color: #111111; margin-bottom: 10px;}
#slideShowHolder .slideText p {padding: 0; margin: 0; font-size: 14px; font-family: Arial; color: #111111;}

#slideShowHolder .thumbnailImage {display: none; position: absolute; top: 0; right: 0; height: 230px; z-index: 140; overflow: hidden; width: 260px; background-color: rgba(0, 0, 0, 0.85); padding-top: 35px;}
#slideShowHolder .thumbnailImage img {width: 230px; height: 60px; margin: 4px 15px 10px 15px; cursor: pointer;}

#slideshowBannerHolder { height: 50px; position: absolute; right: 15px; top: 400px; width: 530px; z-index: 1023;}
#slideshowBannerHolder img {width: 100px; height: 50px; margin-left: 3px;}
#slideshowBannerHolder a:first-child img {margin-left: 0px;}

#rightSideBanner a {clear: both; display: inline-block; background: url('../images/banner-shadow-125.png') no-repeat bottom center; padding-bottom: 11px; margin-bottom: 5px; }

#headerGallery {position: absolute; top: 419px; right: 00px; width: 515px; height: 55px; padding: 20px; z-index: 5;}
#headerGallery .galleryItem {width: 80px; height: 50px; background-position: center center; background-repeat: no-repeat; margin: 0 10px; float: right;}

#indexGallery {}
#indexGallery .galleryItem {width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; margin: 10px 15px; float: right;}

.box {padding: 10px;}

.pLeft {float: left; margin: 15px 20px 20px 0;}

#weather {position: absolute; top: -10px; right: 200px; color: #ffffff; font-size: 11px;}
#footerLogo {position: absolute; top: 0px; left: 580px;}
#copy {color: #A2A2A2; position: absolute; top: 225px; left: 20px; font-size: 11px;}
#footer a {color: #A2A2A2; text-decoration: none;}

input[type='text'] {border: solid 1px #E0E4E3; padding: 5px; margin-bottom: 5px;}
textarea {border: solid 1px #E0E4E3; padding: 5px; margin-bottom: 5px; width: 250px;}

/* FORM */
.formRow {clear: both;}
.formLabel {float: left; width: 150px; min-height: 1px; font: 12px 'MyriadPro', Arial; color: #555555;}
.formInputHolder {float: left; width: 350px; min-height: 1px;}
.formInputHolder input[type='text'] {width: 300px;}
.formInputHolder textarea {width: 300px; height: 60px;}
.formError {color: #990000; font-size: 10px;}
.formInputHolder .formCheckboxHolder {float: left; margin-left: 20px;}
.formInputHolder .formCheckboxHolder:first-child {margin-left: 0;}
.formInputHolder .formRadioHolder {float: left; margin-left: 20px;}
.formInputHolder .formRadioHolder:first-child {margin-left: 0;}

#navTab {border-bottom: solid 1px #d3d8db; height: 30px; margin-bottom: 2px;}
#navTab ul {margin: 0; padding: 0;}
#navTab ul li {margin: 0; padding: 0; float: left; list-style: none;}
#navTab ul li a {background: #b1b3b5; margin: 0 0 0 10px; display: inline-block; color: #ffffff; text-decoration: none; padding: 8px 10px 0 10px; height: 22px; border: solid 1px #b1b3b5; border-bottom-style: none;}
#navTab ul li.on a {background: #ffffff url('../images/tab-bg-on.png') repeat-x top left; border: solid 1px #d3d8db; border-bottom-style: none; color: #535E50;}

#forthNavLevel  {height: 30px; margin-bottom: 2px;}
#forthNavLevel ul {margin: 0; padding: 0;}
#forthNavLevel ul li {margin: 0; padding: 0; float: left; list-style: none;}
#forthNavLevel ul li a {margin: 0 0 0 10px; display: inline-block; color: #777777; text-decoration: none; padding: 8px 0 0 17px; height: 22px; background: url('../images/breadcrumb_arrow.gif') no-repeat left center;}
#forthNavLevel ul li.on a {margin: 0 0 0 10px; display: inline-block; color: #065A7F; text-decoration: underline; padding: 8px 0 0 17px; height: 22px; background: url('../images/breadcrumb_arrow.gif') no-repeat left center;}

#docCategoryHolder {width: 200px; overflow: auto; padding-right: 10px; border-right: solid 1px #eeeeee; float: left;}
#docDetail {float: left; width: 745px; margin-left: 10px;}

.btn {background: #00ADEE; display: inline-block; padding: 5px 10px; border-radius: 5px; color: #ffffff; font-size: 12px; cursor: pointer; text-decoration: none; border-style: none;}
.btn:hover, .btn.on {text-shadow: 1px 1px 1px #1C8BB7; background-color: #7dba00; border-style: none;}

table.grid {width: 100%; border-collapse: collapse;}
table.grid th {background: #e7e8e7 url('../images/grid-th.png') repeat-x top left; padding: 5px 10px; border: solid 1px #cdcdcd; font-weight: normal; text-align: left; vertical-align: bottom; font-size: 12px;}
table.grid tr.odd td {border: solid 1px #eeeeee; padding: 5px 10px; font-size: 12px;}
table.grid tr.even td {border: solid 1px #eeeeee; background: url('../images/grid-even-bg.png') repeat-x top left; padding: 5px 10px; font-size: 12px;}

.hr {border-bottom: solid 1px #eeeeee; margin: 0 0 5px 0; padding-top: 10px;}

fieldset {border: solid 1px #eeeeee; margin-bottom: 10px;}

table.grid1 {width: 100%; border-collapse: collapse; margin-bottom: 10px;}
table.grid1 td {border: solid 1px #888888; padding: 2px 5px; vertical-align: middle; font-size: 11px;}
table.grid1 td.dark {background-color: #cccccc; font-weight: bold;}
table.grid1 td.none {border-right-style: none; border-bottom-style: none; border-top-style: none; }

#mapHolder {width: 100%; height: 300px;}

.locationChBoxList div {clear: both; height: 22px;}
.locationChBoxList {font-size: 12px; color: #777777;}
.locationChBoxList span {display: inline-block; margin-left: 10px; font-weight: bold;}
.locationChBoxList img {float: left; margin-right: 10px;}

#searchResult li {margin-bottom: 20px; color: #777777;}

.portalIcon {width: 100px; height: 30px; float: left; margin: 0 10px 10px 0; background-repeat: no-repeat; background-position: top center; text-align: center; padding: 130px 10px 0 10px; color: #777777; text-decoration: none; font-size: 14px; text-transform: uppercase;}

.poll {margin: 0; padding: 0;}
.poll li {list-style: none; padding: 2px 5px; margin: 0;}
.poll li div {display: inline-block; width: 180px; color: #767779; font-size: 12px;}

.photoLeft {float: left; margin-right: 10px;}
.photo50 {width: 48%;}

#modalPopUpHolder {position: fixed; top: 50%; left: 50%; z-index: 10000; display: none;}
#modalPopUp {width: 300px; height: 150px; margin-left: -150px; margin-top: -100px; border: solid 1px #aaaaaa; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 15px #999999;}
#modalTitle {background: #32C4F7; color: #ffffff; font-weight: bold; padding: 10px;}
#modalMessage {padding: 10px; text-align: center;}

.hidden {display: none;}

.snPluginHolder {clear: both; margin: 20px 0 0 0;}
.fbHolder {float: left; padding: 0; width: 155px;}
.tweetHolder {float: left; padding: 0; margin-left: 10px; width: 105px;}
.inHolder {float: left; padding: 0; width: 155px;}

#actionPrint {position: absolute; bottom: 15px; right: 15px; width: 36px; height: 31px; background: url('../images/icon-print.png') no-repeat 0 0; cursor: pointer;}

#mainPopUpHolder {position: fixed; top: 50%; left: 50%; z-index: 10000;}
#mainPopUp {width: 800px; min-height: 300px; margin-left: -400px; margin-top: -200px; border: solid 1px #aaaaaa; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 15px #999999; position: relative;}
#mainTitle {background: #32C4F7; color: #ffffff; font-weight: bold; padding: 15px;}
#mainMessage {padding: 10px 20px; text-align: justify;}
#mainPopUpClose {position: absolute; right: -16px; top: -16px; width: 35px; height: 37px; display: inline-block; background: url('../images/icon-close.png') no-repeat 0 0; cursor: pointer;}

#footerSep1 {position: absolute; top :20px; left: 400px;}
#footerSep2 {position: absolute; top :20px; left: 400px;}
#footerSN {position: absolute; top: 265px; left: 270px;}
.iconFacebook {width: 32px; height: 32px; background: url('../images/icons/01_FaceBook_32.png') no-repeat 0 0; display: inline-block; float: left;}
.iconTwitter {width: 32px; height: 32px; background: url('../images/icons/02_Twitter_32.png') no-repeat 0 0; display: inline-block; float: left; margin-left: 10px;}
.iconLinkedin {width: 32px; height: 32px; background: url('../images/icons/04_Linkedin_32.png') no-repeat 0 0; display: inline-block; float: left; margin-left: 10px;}
.iconYoutube {width: 32px; height: 32px; background: url('../images/icons/07_Youtube_32.png') no-repeat 0 0; display: inline-block; float: left; margin-left: 10px;}

.paginator li {list-style: none; float: left;}
.paginator li a {display: inline-block; padding: 2px 5px; text-decoration: none;}
.paginator li a.on {font-weight: bold; text-decoration: underline;}

.filterCell label {display: block;}
.filterCell {float: left; margin-left: 50px;}
.filterCell:first-child {margin-left: 0;}

.photoDescriptionWrapper {display: inline-block; text-align: center;}
.photoDescriptionText {font-size: 11px; margin-top: -5px;}

legend {color: #888888; font: normal 13px Arial, Times; margin: 0; padding: 0;}

.answer {font: normal 12px Arial; color: #767779; line-height: 18px; text-align: justify; margin: 0 0 10px 0;}
.answer legend {cursor: pointer;}
.formDate {text-align: left; color: #888888; font: normal 11px Arial, Times; margin: 0 0 10px 0; padding: 0;}
.answerCollapse {display: none; overflow: hidden;}
.showAnswer {font-size: 11px; float: right; cursor: pointer;} 
.hideAnswer {font-size: 11px; float: right; display: none; cursor: pointer;}

.pollResultLink {margin: 10px 0;}

#rightSideBanner img {float: left; border: solid 1px #bbbbbb; border-bottom-style: none;}

.tabContentHolder {border: solid 1px #dddddd; height: 165px;}
.tab UL {margin: 0; padding: 0; width: 100%;}
.tab UL LI {list-style: none; padding: 0; margin: 0; height: 34px; border-bottom: solid 1px #f3f3f3; padding-top: 5px;}
.tab UL LI a {text-decoration: none; font: 11px Arial; color: #222222; padding: 0 5px 0 15px; display: inline-block; line-height: 12px; background: url('../images/dot.png') no-repeat 5px 3px;}
.tab UL LI a:hover {color: #2C94CF;}
.newsScroller {position: absolute; top: 0; left: 0; width: 100%;}
.newsHolder {color: #003247; font-size: 12px; font-family: Arial; border-bottom: solid 1px #c3d6e6; padding-bottom: 5px;}
.newsHolder img  {margin-right: 10px;}
.newsHolder a {color: #003247; text-decoration: none;}
.newsHolder span {display: inline-block;}
.newsHolder div {color: #4d8100; font-size: 10px; text-decoration: none; margin-top: 5px;}

.newsFooter {height: 33px; background: url('../images/news-footer-bg.png') repeat-x 0 0; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;  border-bottom: solid 1px #dddddd;}

.newsFooter span {width: 16px; height: 16px; float: right; background: url('../images/arrows.png') no-repeat 0 0; margin-right: 4px; margin-top: 10px; cursor: pointer;}
.newsFooter span.newsUp {background-position: 0 -64px;}
.newsFooter span.newsDown {background-position: 0 -80px;}
.newsFooter A {margin: 10px 0 0 20px; display: inline-block; text-decoration: none; font-size: 11px;}
.newsScroller span {font-size: 10px; color: #333333; padding-left: 15px; margin-top: -5px; display: block;}

#broshureHolder {position: absolute; top: 385px; right: 10px;}

.stars {background: url('../images/stars.png') no-repeat bottom right; border-bottom: solid 1px #c4d7e7; color: #004d92;}
.poll {color: #72a500;}
h3.poll {color: #72a500; margin: 10px;}

#rightNav {position: absolute; top: 145px; right: 35px; width: 200px; text-align: center;}
#rightNav a {display: inline-block; text-align: center; color: #ffffff; font-family: 'ArchitectsDaughter', Arial; font-size: 16px; text-decoration: none; margin-bottom: 20px;}

#snHolder {position: absolute; top: 10px; left: 440px; width: 180px;}
#snHolder img {margin-right: 32px; margin-bottom: 32px;}

#category h5 {display: none; height: 29px; margin: 0; padding: 15px 0 0 20px; color: #ffffff; font-size: 14px; font-weight: normal; font-family: 'ArchitectsDaughter';}
#category ul {margin: 0; padding: 0;}
#category ul li {margin: 0; padding: 0; list-style: none;}
#category ul li a {margin: 0; padding: 7px 20px 0 0; background: url('../images/arrow.png') no-repeat center right; display: block; text-decoration: none; text-align: right; font-size: 16px;}
#category ul li ul {display: none; margin-bottom: 10px; margin-right: 10px;}
#category ul li ul.on {display: block;}
#category ul li ul li {margin: 0; padding: 0; list-style: none;}
#category ul li ul li a {margin: 0; padding: 5px 0 0 40px !important; background-image: none !important; display: block; text-decoration: none; font-size: 13px; color: #006819;}

.productHolder {width: 200px; float: left; text-align: center; margin-right: 8px; margin-bottom: 20px;}
.productImage {width: 200px; height: 200px; background-position: center; background-size: contain; background-repeat: no-repeat; box-shadow: 2px 2px 5px #888888;}
.flag {width: 200px; height: 25px; margin-top: 10px;}
.flag1 {width: 200px; height: 25px; background: url('../images/flag1.png') no-repeat 17px 0;}
.flag2 {width: 200px; height: 25px; background: url('../images/flag2.png') no-repeat 17px 0;}
.flag3 {width: 200px; height: 25px; background: url('../images/flag2.png') no-repeat 17px 0;}
.productTitle {color: #376d9f; font: normal 12px Arial; padding: 5px 0; height: 23px; overflow: hidden;}
.productModel {color: #003247; font: normal 12px Arial;}
.productModel strong {color: #188600; font-weight: normal;}
.productPrice {background: url('../images/price-bg.png') no-repeat top center; width: 190px; height: 38px; margin-top: 10px; padding-top: 10px; font-size: 11px; color: #444444;}
.productPrice span {text-decoration: line-through; color: #777777;}

#slideShowHolder {width: 843px; height: 325px; top: 201px; left: 46px;}
#slideShowHolder .ssMask {width: 843px; height: 325px; position: absolute; top: 0px; left: 0px;}

th {text-align: left; color: #1B89BA; font: normal 14px 'ArchitectsDaughter', Arial, Times; margin: 0; padding: 0; text-transform: uppercase; padding-top: 10px;}
td {font: normal 12px Arial; color: #767779; line-height: 18px;}

.categoryList ul {padding: 0; margin: 0;}
.categoryList ul li {padding: 0; margin: 0; list-style: none; float: left;}

.colorHolder {}

.color {width: 20px; height: 20px; display: inline-block; background-position: center center; background-size: cover; cursor: pointer; border: solid 1px #888888; margin: 0px 10px 10px 0;}

.photoPreview {position: absolute; top: 0px; left: 0; width: 200px; height: 125px; box-shadow: 0px 0px 5px #aaaaaa; display: none; }

.mainBlock {width: 265px; float: left; margin-left: 10px;}
.mainBlock:first-child {margin-left: 0px;}


#boxesHolder {border-top: solid 2px #00a859; margin: 10px 0; padding-top: 20px;}

@media screen and (max-width: 1200px) {
    .wrapper {width: 960px;}
    #leftCell {width: 150px; border-right: solid 1px #00a859; padding-right: 10px;}
    #category ul li a {font-size: 12px;}
    #mainCell {width: 785px; padding: 0 0 0 10px;}
    #header {height: 150px; background-size: contain;}
    #logo {top: 37px; left: 20px; width: 250px;}
    #nav {top: 125px; left: 260px; right: 8px;}
    #slideShowHolder .ssMask {display: none;}
    #slideShowHolder .slideImage img {width: 780px;}
    #slideShowHolder {height: 300px;}
    .productHolder {width: 188px;}
    .productImage {width: 188px; height: 188px;}
    #category ul li ul li a {font-size: 11px;}
}