* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font: 12px Arial,Verdana,sans-serif;                  
color: #FFFFFF;
line-height:1.7em;
}

a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight   {float: right;}

a.no-underline { text-decoration: none !important; }  

img {border: none;}

h1 {
font-weight: bold;
font-size:20px;
text-align: left;
margin:0px 0 13px 0px;
padding-bottom: 6px;
padding-left: 40px;
padding-top: 4px;
clear:both;
background: url('h1_bg.png') no-repeat left;
color: #ffffff;
}

h2 {
background: url('h2_bg.png') no-repeat left;
padding: 2px 80px 10px 40px;
font-weight: bold;
font-size:20px;
text-align: left;
margin:0px 0 13px 0px;
clear:both;
color: #ffffff;
}

h3 {
color: #ffffff;
font-size: 18px;
text-align: left;
margin-bottom: 5px;
margin-top: 15px;
background: url('h3_bg.png') no-repeat left bottom;
padding-bottom: 8px;
}


h4 {
font-size: 15px;
font-weight: normal;
text-align: left;
margin-top:13px;
color: #13b3d0;
}

a {
color: #66E5F4;
}

h2 a {
    color: #FFFFFF;
    text-decoration: none !important;
}

.pos{
display:none;
}

.bold {
font-weight: bold;
}


#content {
    float: left;
    width: 771px;
}

#workspace {
    background: transparent url('content_top.jpg') top no-repeat;
    padding-top: 64px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

#container {
background: transparent url('container_bg.jpg') top repeat-y;
clear: both;
float: left;
width:1000px;
}


#work  {
text-align: justify;
font-size: 12px !important;
clear: both;
}

#work table {
    margin: 0 auto;
}

#page{
	background: transparent url('toppage_bg.jpg') left top repeat-x;
}

#pageContainer{
	background: transparent url('page_bg.jpg') left top repeat;
}

#pageContent{
	background: transparent url('bottom_bg.jpg') left bottom repeat-x;
}

#main{
width:1000px;
margin:0 auto;
}

#area {
clear: both;    
}

#header { 
}

#logo {
    margin-top: 5px;
}

#logo a {
    display: block;
    height: 99px;
}



#messageBox {
color: black;
margin-bottom: 11px;
font-size: 16px;
display: block;
background-color: #ffdfdf;
padding: 10px;
border: 2px solid #8b3636;
}

#mainmenu ul {
    padding: 0px;
}


#mainmenu ul a {
font-size: 15px;
text-decoration: none;
display:inline-block; 
text-align: center;
color: #FFFFFF;
height: 56px;
    line-height: 53px;
    padding-left: 27px;
}

/* stranka aktuality*/
#mainmenu li.page-106484 a { 
    background: url('topmenu_news.jpg') no-repeat;
    width: 107px;
}
#mainmenu li.page-106484 a:hover { 
    background: url('topmenu_news.jpg') 0px -56px no-repeat;
}

/* stranka pridej kameru*/
#mainmenu li.page-106487 a { 
    background: url('topmenu_cam.jpg') no-repeat;
    width: 149px;
}
#mainmenu li.page-106487 a:hover { 
    background: url('topmenu_cam.jpg') 0px -56px no-repeat;
}

/* stranka mapa kamer*/
#mainmenu li.page-106508 a { 
    background: url('topmenu_map.jpg') no-repeat;
    width: 129px;
    padding-left: 45px;
}
#mainmenu li.page-106508 a:hover { 
    background: url('topmenu_map.jpg') 0px -56px no-repeat;
}

/* stranka uzivatele*/
#mainmenu li.page-106513 a { 
    background: url('topmenu_users.jpg') 0px 0px no-repeat;
    width: 109px;
}
#mainmenu li.page-106513 a:hover { 
    background: url('topmenu_users.jpg') 0px -56px no-repeat;
}


#mainmenu li{
position: absolute;
z-index:9;
float:left;
list-style: none;
position:relative;
}



#mainmenu ul li ul{
display:none;
}

#mainmenu ul li:hover ul, #mainmenu ul .mnhover ul{
display:block;
position:absolute;
top:40px;
left:-5px;
width:228px;
background: transparent url('') no-repeat bottom center;
padding-bottom: 5px;
}

#mainmenu ul li ul .ccs-0{
display:block;
padding-top:5px;
background: transparent url('') no-repeat top center; 
}

#mainmenu ul ul a {
display:block;
font-size:14px;
margin: 0;
height: auto;
font-weight: normal;
padding: 0 20px 0 20px;
text-align: left;
}

#mainmenu ul ul a span {
height: auto;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
}

#mainmenu ul ul a:hover{
background: #ede9e9 url('') no-repeat 10px center !important;
}

#mainmenu ul ul a:hover span {
background: url();
}

#mainmenu ul ul ul{
display:none;
}




/* ---------------------------------- LEFT COLUMN LEFTCOL------------------------------------ */

#leftColumn {
float: left;
width: 200px;
}
  




/* ---------- RIGHT COL NEWS --------*/

#HPnewsList .newsItem {
    background: url('news_box.jpg') no-repeat;
    width: 327px;
    height: 128px;
    margin-right: 5px;
    float: left;
    padding: 10px 10px 10px 19px;
}

#HPnewsList .newsDate {
display: block;
text-align: right;
font-size: 9px;
line-height: 9px;
text-align: left;
}

#HPnewsList .newsDate span {
    color: #66e5f4;
}

#HPnewsList .newsContent {
font-size: 10px;
line-height: 1.6em;
text-align: justify;
margin-top: 10px;
}

.newsLink a {
    background: url("newsLink.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 11px;
    height: 23px;
    line-height: 22px;
    text-align: center;
    text-decoration: none !important;
    width: 74px;
}

#allNewsLink a {
    clear: both;
    background: url('allNewsLink.jpg') no-repeat;
    width: 183px;
    height: 23px;
    color: #FFFFFF;
    line-height: 22px;
    font-size: 12px;
    float: right;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-right: 14px;
}

#newsList a {
text-decoration: none;
}

.newsItem h2 {
    margin-bottom: 3px;
}
.newsItem h2 a {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.newsItem h2 a:hover {
    text-decoration: underline;
}

#newlist h2 {
    background: none;
    padding: 0px;
}

#HPnewsList .newsItem h2 {
    background: none;
    padding: 0px;
}

.newsContentBox .newsImage {
    float: left;
    margin-right: 10px;
}

.newsContentBox {
    padding-top: 3px;
    position: relative;
}

.newsLink {
    left: 253px;
    position: absolute;
    top: 71px;
}
/* -------------------------------- */

                                                                      

/* ---------------------------------- END LEFT COLUMN------------------------------------ */















/* -------------------------------------- SLIDER ------------------------------------- */

#slider {
margin: 25px 35px;
height: 250px;
}

#refSlider {
display: block;
height: 214px;
float: left;
margin: 0 10px 0 10px; 
}

#slider #refSlider ul li {
display: block;
float: left;
width: 290px;
height: 214px;
margin: 0 20px 0 20px;
}

#refSliderLeft, #refSliderRight {
float: left;
cursor: pointer;
display: block;
width: 32px;
height: 214px;
margin-left: -20px;
background: transparent url('') no-repeat left center;
}

#refSliderRight {
float: left;
margin-right: -20px;
margin-left: 0;
background-position: right center;
}                     

#refSliderLeft span, #refSliderRight span {
display: none;
}


#slider .refImgLink {
float: left;
margin-right: 12px;
}

#slider h3 {
font-size: 14px;
font-weight: bold;
line-height: 1.2em;
height: 34px;
overflow: hidden;
}

#slider ul li {
text-align: left;
position: relative;
}                  

#slider ul li .refLink {
position: absolute;
bottom: 0px;
right: 0px;
text-decoration: none;
color: #a93a77;
font-size: 15px;
font-weight: bold;
padding: 5px 30px 16px 5px;
background: transparent url('') bottom right no-repeat;
}

#slider .refDesc {
margin-top: 10px;
text-align: justify;
font-size: 12px;
line-height: 1.2em;
height: 117px;
overflow: hidden;
}

/* ----------------------------------------------------------------------------------- */











/* ------------------------------- PRODUCT LIST ----------------------------------------- */


/* ----------------------------------------------------------------------------------- */









/* ------------------------------- FOOTER ----------------------------------------- */
#footer{
margin-top: 1px;
clear: both;
font-size: 12px;
text-align: left;
line-height: 1.4em;
overflow: hidden;
background: url('footer.jpg') no-repeat;
width: 1000px;
height: 220px;
}

#footerBox {
height: 150px;
width: 1000px;
}

#footer a {
}

#footerPartners {
    float: left;
    width: 524px;
    padding: 23px 0px 0px 9px;
}

#footer p {
    font-weight: bold;
}

#footerLinks {
    width: 259px;
    float: left;
    padding: 23px 0px 0px 7px;
}

#footerLinks .addthis_toolbox_right_column {
    padding-top: 13px;
}

#footerMenu {
float: left;
width: 166px;
height: 125px;
padding-left: 35px;
padding-top: 15px;
}

#footerMenu ul li {
float: left;
list-style-type: none;
}

#footerMenu a {
padding: 3pxx;
text-decoration: none;
background: transparent url('') no-repeat top right;
}

#footerMenu a:hover {
}

#copyright{
text-align: left;
float:left;
margin: 5px 0px 0px 630px;
color: #0b93ac;
font-family: Verdana, Arial;
font-size: 10px;
}

#copyright a {
    color: #0b93ac;
    font-weight: bold;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}
/* ============================== END FOOTER ================================= */








/* ============================ NEWS / NOVINKY ================================ */
#newsBox {
float: right;
width: 460px;
margin-right: 10px;
font-size: 11px;
line-height: 1.4em;
}

.titleNewsList {
    clear: none;
    margin-bottom: 10px;
}

.newsMainImage {
    float: left;
}

.more a:hover {
    text-decoration: underline;
}

.box-date {
    color: #66E5F4;
}

.more a {
    float: right;
    text-decoration: none;
}   

.newsMainImage img {
margin: 0 20px 5px 0;
border: 6px solid #262D33;
}

#backToNewsList {
text-align: right;
}


#work ul li.boxNewsList {
list-style-type: none;
list-style-image: url();
clear: both;
margin-top: 20px;
margin-left: 0;
border-bottom: 2px dotted #3e3e3e;
padding-bottom: 20px;
}

.newItem {
clear: both;
min-height: 100px;
padding: 0 0 10px 0; 
margin: 0 0 20px 0; 
border-bottom: 2px dotted #3e3e3e; 
}

.newItem img {
float: left;
margin: 0 10px 10px 0; 
}

a#allNewsLink {
font-size: 14px;
text-decoration: none;
display: block;
float: right;
}

#newsBox-content {
margin-bottom: 40px;
padding-top: 5px;
}


#newsItem {
    margin-top: 40px;
}

#newsItemDate {
    color: #66E5F4;
}
/* ===================== END NEWS / NOVINKY ================================= */













/* =========================== KONTAKTNI FORM CONTACT======================== */
input.submit {
float: right;
color: #272C31 !important;
cursor: pointer;
width: 174px;
border: 2px solid black;
background: white;
height: 40px;
font-weight: bold;
font-size: 15px;
margin-bottom: 30px;
}

p.note {
text-align: right;
font-size: 10px;
clear: both;
padding-top: 50px;
}


#contactForm {
margin: 20px 0 0px 0; 
}


#contactForm dl dd {
}

#contactForm dl dt {
width: 125px;
margin-left: 10px;
line-height: 22px;
float: left;
}

#contactForm h2 {
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
margin-top: 40px;
}
/* =========================== END KONTAKTNI FORM CONTACT ==================== */















/* ============================ GALERIE ===================================== */
.galeriListItem {
float: left;
margin-right: 15px;
}

.galeriListItem img {
border: 6px solid #3A293B;
}

.galeriListBox h3 {font-size: 110%;
margin-bottom: 10px;}

.galeriListBox h3 a {
text-decoration: none;
}

.galeriListItem .galeriFullOpen a {
display: block;
margin: 0 27px 0 27px;  
background: transparent url('gallery_more.jpg') right center no-repeat;
padding: 0 20px 0 0; 
text-decoration: none;
font-size: 90%;
}


.onPageGaleriImages ul li {
float: left;
margin-right: 10px;
margin-bottom: 50px;
list-style-image: url() !important;
list-style-type: none !important;
}

#onPageGaleries {padding-top: 40px;}
.onPageGaleriImages img {
border: 6px solid #3A293B;
}
/* ========================== END GALERIE =================================== */









/* ============================ BREADCRUMBS / DROBECK ======================= */
#breadcrumbsContainer a {  
    text-decoration: none; 
    color: #393f43;
}
#breadcrumbsContainer {
    font-size: 10px;
    height: 20px;
    text-align: left;
    overflow: hidden;
}
#breadcrumbs span {
    color: #393f43;
}
#breadcrumbs {
    color: #048ca5;
}
/* ===================== END BREADCRUMBS / DROBECK =========================== */








/* =================================== PAGE LISTER =========================================*/
#pageLister { margin-top: 30px; padding: 0 5px 0 5px; }

#pageLister span { color: #a93a77; }

#pageLister ul li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 10px;
}

.lister {
float: left;
}

#pageLister ul li.active span {
display: block;
height: 23px;
padding: 3px 5px 0 5px;
background: transparent url('pager_active.jpg') center top no-repeat;
color: #a93a77;
}

#pageLister .next span, #pageLister .prev span {
display: none;
}


#pageLister .next a, #pageLister .prev a {
display: block;
width: 20px;
height: 20px;
margin-top: 1px;
}

#pageLister .next a {
background: transparent url('pager_right.jpg') center center no-repeat;
}
#pageLister .prev a {
background: transparent url('pager_left.jpg') center center no-repeat;
}

#pageLister ul li a {
display: block;
text-decoration: none;
height: 23px;
padding: 3px 5px 0 5px;
color: #a93a77;
}

#pageLister ul {
margin: 0;
}

#pageLister ul li.max {
display: none;
}

/* =============================== END PAGELISTER============================ */

#topHeaderMenu {
    height: 26px;
    margin-bottom: 5px;
    line-height: 27px;
    float: right;
    color: #5f6a75;
    width: 100%;
}

#footerMenu ul li {
    width: 100%;
}


#footerMenu ul li a, #topHeaderMenu ul li a {
    display: block;
    color: #5f6a75;
    text-decoration: none;
    margin-top: 7px;
}

#topHeaderMenu ul li a {
    padding-left: 18px;
}

#footerMenu ul li a {
    padding-left: 28px;
}
#footerMenu ul li.home a, #topHeaderMenu ul li.home a {
    background: url("top_home.png") 0px 0px no-repeat;
    height: 13px;
    line-height: 13px;
}
#footerMenu ul li.home a:hover, #topHeaderMenu ul li.home a:hover {
    background: url("top_home.png") 0px -13px no-repeat;
}


#footerMenu ul li.sitemap a, #topHeaderMenu ul li.sitemap a {
    background: url("top_sitemap.png") 0px 0px no-repeat;
    height: 12px;
    line-height: 12px;
}
#footerMenu ul li.sitemap a:hover, #topHeaderMenu ul li.sitemap a:hover {
    background: url("top_sitemap.png") 0px -12px no-repeat;
}


#footerMenu ul li.contact a, #topHeaderMenu ul li.contact a {
    background: url("top_contact.png") 0px 0px no-repeat;
    height: 9px;
    line-height: 9px;
}
#footerMenu ul li.contact a:hover, #topHeaderMenu ul li.contact a:hover {
    background: url("top_contact.png") 0px -9px no-repeat;
}


#footerMenu ul li.partners a, #topHeaderMenu ul li.partners a {
    background: url("top_partners.png") 0px 0px no-repeat;
    height: 13px;
    line-height: 13px;
}
#footerMenu ul li.partners a:hover, #topHeaderMenu ul li.partners a:hover {
    background: url("top_partners.png") 0px -13px no-repeat;
}


#footerMenu ul li.legal a, #topHeaderMenu ul li.legal a {
    background: url("top_legal.png") 0px 0px no-repeat;
    height: 16px;
    line-height: 13px;
}
#footerMenu ul li.legal a:hover, #topHeaderMenu ul li.legal a:hover {
    background: url("top_legal.png") 0px -16px no-repeat;
}

#footerMenu ul li.contact, #topHeaderMenu ul li.contact {  padding-top: 2px;}
#footerMenu ul li.sitemap, #topHeaderMenu ul li.sitemap {  padding-top: 1px;}

#footerMenu ul li, #topHeaderMenu ul li {
    margin-right: 22px;
    float: left;
}

#footerMenu ul li {
    height: 23px;
}   

#footerMenu ul a:hover, #topHeaderMenu ul a:hover {
    color: #0296b1;
}

#footerMenu ul, #topHeaderMenu ul {
    list-style: none;
    padding: 0px;
    float: left;
    margin-left: 6px;
}

#topHeaderMenu #langSelection #langsBox {
    display: none;
    clear: both;
}

#topHeaderMenu #langSelection #currentFlag {
    padding-top: 1px;
    float: left;
    height: 25px;
    margin-left: 22px;
}

#topHeaderMenu #langSelection #chooseLang {
    float: left;
    margin-left: 23px;
    line-height: 25px;
}

#topHeaderMenu #langSelection {
    float: right;
    height: 25px;
    margin-left: 15px;
    width: 142px;
    padding-left: 10px;
    cursor: pointer;
    padding-bottom: 1px;
}

#langsBox .langOption .imgContainer img {
    padding-bottom: 2px;
}

#langsBox a.langOption:hover span {
    text-decoration: underline;
}

#langsBox .langOption .imgContainer {
    float: left;
    height: 20px;
    padding-right: 10px;
    padding-top: 3px;
    width: 25px;
    display: block;
    
}

#langsBox .langOption span {
    line-height: 20px;
    float: left;
}
#langsBox .langOption {
    text-decoration: none !important;
    height: 23px;
    color: #5F6A75;
    display: block;
    padding-right: 20px;
    padding-left: 25px;
}

#topHeaderMenu #langsBox {
    width: 158px;
    position: absolute;
    top: 26px;
    border: 1px solid black;
    background: url('langsBox.jpg') repeat-y;
    padding-top: 6px;
    padding-bottom: 6px;
}

#mainmenu {
    height: 56px;
    background: url('topmenu_bg.jpg') top left repeat-x;
    margin-bottom: 1px;
}

#topAd {
    height: 20px;
    background: #272C31;
    padding-top: 4px;
}

#rightColumn h2 {
    background: none;
    padding: 0px;
}

#rightColumn {
    float: left;
    background: #323941;
    width: 215px;
    padding-left: 7px;
    padding-right: 7px;
    background: url('rightColumn_top.jpg') top no-repeat;
    padding-top: 30px;
    padding-bottom: 50px;
}


#rightSearch .searchBar {
    background: url('searchBar.jpg') no-repeat;
    border: 0 none;
    width: 168px;
    height: 33px;
    float: left;
    padding-left: 3px;
}

#rightSearch .searchSubmit {
    background: url('searchSubmit.jpg') no-repeat;
    border: 0 none;
    float: left;
    width: 42px;
    height: 33px;
    cursor: pointer;
}

.rightColumnItem {
    margin-top: 20px;
}

.cleaner {
    visibility: hidden;
    clear: both;
}

#rightStatsBox h2 {
    text-align: center;
}
#rightStatsBox {
    background: url('statsBox_bg.jpg') repeat-y;
    width: 213px;
}

#rightStatsBoxContainer {
    background: url('statsBox_top.jpg') top no-repeat;
}

#rightStatsBoxContent {
    background: url('statsBox_bottom.jpg') bottom no-repeat;
    padding-bottom: 5px;
    padding-top: 13px;
}

#rightStatsBox h2 {
    margin-bottom: 6px;
}

#rightStatsBox .statsContainer {
    padding-bottom: 18px;
}

#rightStatsBox .statsItem {
    width: 189px;
    border-bottom: 2px dotted #bdf1f7;
    margin-left: 10px;
    overflow: auto;
}

#rightStatsBox .statTitle {
    color: #66e5f4;
    float: left;
}

#rightStatsBox .statNumber {
    color: #bdf1f7;
    float: right;
}

.fb-like-box {
    background-color: #ffffff;
}

#rightColumn #rightMenuTop {
    width: 213px;
    background: url('rightColumnMenu_bg.jpg') repeat-y;
}

#rightColumn #rightMapMenuTop {
    width: 213px;
    background: url('rightColumnMapMenu_bg.jpg') repeat-y;
}

#rightColumn #rightMenuContainer {
    background: url('rightColumnMenu_top.jpg') top no-repeat;
}

 #rightColumn #rightMapMenuContainer {
    background: url('rightColumnMapMenu_top.jpg') top no-repeat;
 }
 
#rightColumn #rightMenuContent {
    background: url('rightColumnMenu_bottom.jpg') bottom no-repeat;
}

#rightColumn #rightMapMenuContent {
    background: url('rightColumnMapMenu_bottom.jpg') bottom no-repeat;
    
}

ul {
    list-style-image: url('li.jpg');
    padding-left: 35px;
    padding-top: 10px;
}

ul li ul {
    list-style-image: url('li_li.jpg');
    padding-left: 35px;
    padding-top: 10px;
}


#HPcameraBoxes .HPcameraBoxFav {
    background: url("HPcameraBox_fav.jpg") no-repeat !important;
}

#HPcameraBoxes .HPcameraBox {
    background: url("HPcameraBox.jpg") no-repeat;
    float: left;
    height: 303px;
    overflow: hidden;
    margin-right: 20px;
    width: 230px;
}


#HPcameraBoxes #box3 {
    margin: 0px;
}

#HPcameraBoxes .HPcameraBoxFav h2 {
    color: white;
}

#HPcameraBoxes h2 {
    color: #6cdce5;
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px;
    background: none;
}

.HPcameraBoxFav .cameraInner {
    background: url('HPcameraInnerBox_fav.jpg') no-repeat !important;
}

.HPcameraBox .cameraInner {
    background: url('HPcameraInnerBox.jpg') no-repeat;
    width: 198px;
    float: left;
}

.HPcameraBox .cameraInner ul {
    padding-left: 0px;
    list-style: none;
}

.HPcameraBox .cameraInner ul li {
    width: 198px;
    height: 239px;
}

.HPcameraBox .cameraInner ul li a.nazev{
    color: #78949e;
    text-decoration: none;
}

#HPcameraBoxes {
    overflow: auto;
}

#HPcameraBoxes a.previous {
    margin-left: 6px;
}
#HPcameraBoxes a.next {
    margin-left: 5px;
}

#HPcameraBoxes a.previous, #HPcameraBoxes a.next {
    float: left;
    margin-top: 106px;
    margin-right: 5px;
    display: block;
    width: 5px;
    cursor: pointer;
}

#HPcameraBoxes a.previous span, #HPcameraBoxes a.next span {
    visibility: hidden;
}

#HPcameraBoxes .HPcameraBoxFav a.previous {
    background: url('HPcameraBoxSliderLeft_fav.jpg') no-repeat;
}

#HPcameraBoxes .HPcameraBoxFav a.next {
    background: url('HPcameraBoxSliderRight_fav.jpg') no-repeat;
}

#HPcameraBoxes a.previous {
    background: url('HPcameraBoxSliderLeft.jpg') no-repeat;
}

#HPcameraBoxes a.next {
    background: url('HPcameraBoxSliderRight.jpg') no-repeat;
}

.cameraThumb {
    width: 150px;
    height: 100px;
    border: 1px solid #FFFFFF;
    margin-left: 23px;
    margin-top: 20px;
}

.cameraMidBoxes .rightLi {
    margin-right: 0;
}


#HPcameraBoxes .HPcameraBoxFav li .title {
    color: #000f32;
}

#HPcameraBoxes li .title, .cameraMidBoxes li .title, .mapCameras .cameraBox .title {
    color: #78949e;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 6px;
    text-decoration: none;
}

#HPcameraBoxes .HPcameraBoxFav li .desc {
    color: black;
    height: 42px;
    overflow: hidden;
}
    
#HPcameraBoxes li .desc, .cameraMidBoxes li .desc, .mapCameras .cameraBox .desc {
    text-align: justify;
    margin-left: 13px;
    margin-right: 13px;
    color: #5ddbe3;
    display: block;
}

.statInfo .rating {
    line-height: 22px;
}

.statInfo {
    margin-left: 23px;
    margin-right: 23px;
}

.HPcameraBoxFav .statInfo .views {
    color: #00566f;
}

.statInfo .views {
    float: right;
    font-size: 10px;
    color: #5ddbe3;
}

.statInfo .userrated {
    float: left;
}

#HPadBox {


    margin-top: 15px;
    margin-bottom: 15px;

}

.addCamBox input, #contactForm input, #contactForm textarea, .addCamBox textarea {
    color: #FFFFFF;
}

form .largeInput {
    background: url('largeInput.jpg') no-repeat;
    border: 0 none;
    width: 503px;
    height: 29px;
}

form .medInput {
    background: url('medInput.jpg') no-repeat;
    border: 0 none;
    width: 381px;
    height: 29px;
}

form .textarea {
    background: url('textarea.jpg') no-repeat;
    border: 0 none;
    width: 503px;
    height: 198px;
}

.addCamBox {
    margin-top: 50px;
}

.addCamItem dt {
    float: left;
}

.addCamItem dt {
    width: 125px;
    margin-left: 10px;
    line-height: 22px;
}

#contactForm dl {
    margin-bottom: 2px;
    margin-top: 2px;
}

.addCamItem  {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 13px;
    color: #FFFFFF;
}

.rightColumnCategoryMenu {
    text-align: left;
    padding: 1px 0px 1px 0px;
    list-style-type: none !important;
    list-style-image: none !important;
}
.rightColumnCategoryMapMenu {
    text-align: left;
    padding: 1px 0px 1px 0px;
    list-style: none;
}
.rightColumnCategoryMenu li a:hover, .rightColumnCategoryMapMenu li a:hover {
    text-decoration: underline;
}

.rightColumnCategoryMenu li a, .rightColumnCategoryMapMenu li a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.rightColumnCategoryMapMenu li.category-active li.category-active li.category-active a {
    color: #000000;
}

.rightColumnCategoryMenu-type li.category-active {
    background: url('rightColumn_category_active.jpg') no-repeat ;
}

.rightColumnCategoryMapMenu-type li.category-active {
    background: url('rightColumnMapMenu_category.jpg') no-repeat ;
    
}

.rightColumnCategoryMenu-state li.category-active {
    background: url('rightColumn_subcategory_active.jpg') no-repeat ;
}

.rightColumnCategoryMapMenu-state li.category-active {
    background: url('rightColumnMapMenu_subcategory.jpg') no-repeat ;
}

.rightColumnCategoryMenu-place li.category-active {
    background: url('rightColumn_subsubcategory_active.jpg') no-repeat ;
}

.rightColumnCategoryMapMenu-place li.category-active {
    background: url('rightColumnMapMenu_subsubcategory_active.jpg') no-repeat ;
}

.rightColumnCategoryMenu-type li.category {
    background: url('rightColumn_category.jpg') no-repeat;
    width: 194px;
}

.rightColumnCategoryMapMenu li.category {
    background: url('rightColumnMapMenu_category.jpg') no-repeat;
    width: 194px;
    
}

.rightColumnCategoryMenu-place li.category {
    background: url('rightColumn_subsubcategory.jpg') no-repeat !important;
    width: 157px !important;
}

.rightColumnCategoryMapMenu-place li.category {
    background: url('rightColumnMapMenu_subsubcategory.jpg') no-repeat !important;
    width: 157px !important;
    height: 26px;
    
}
.rightColumnCategoryMenu-state li.category {
    background: url('rightColumn_subcategory.jpg') no-repeat;
    width: 176px;
}

 .rightColumnCategoryMapMenu-state li.category {
    background: url('rightColumnMapMenu_subcategory.jpg') no-repeat;
    width: 176px;
}

.rightColumnCategoryMenu li, .rightColumnCategoryMapMenu li {
    padding-left: 17px;
    line-height: 24px;
    margin-left: 1px;
    margin-top: 1px;
}

.template-webPartners .row-odd {
    background: #6C737B;
    overflow: auto;
    margin-bottom: 1px;
}

.template-webPartners .row-even {
    overflow: auto;
    margin-bottom: 1px;
    background: #545B65;
}

.template-webPartners .center {
    text-align: center;
    overflow: auto;
    padding-left: 11px;
    margin-top: 40px;
}

.template-webPartners .cell a:hover {
    text-decoration: underline;
}
.template-webPartners .cell a {
    text-decoration: none;
    color: #FFFFFF;
}

.template-webPartners .cell {
    float: left;
    width: 174px;
    text-align: left;
    padding-left: 18px;
}

.template-webPartners .cell-last {
    width: 120px;
}

#web-partners {
    text-align: center;
    margin-top: 40px;
}
#web-partners a {
    padding-right: 10px;
}


#cameraBox #cameraViewBoxLarge {
    width: 640px;
    height: 410px;
    border: 2px solid black;
}

#cameraBox #cameraViewBox {
    width: 350px;
    height: 260px;
    border: 2px solid black;
}

#cameraBox #cameraViewBoxContainer {
    float: left;
}

#shortDesc {
    margin-bottom: 40px;
}


#cameraViewMenu a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    float: left;
}

.viewItemClose {
    width: 111px;
    padding-left: 2px;
}

.viewItemResize {
    width: 96px;
    padding-left: 17px;
}

#viewItemLeft {
    background: url('cameraView_menuPanel_left.jpg') 0px 0px no-repeat;
    height: 24px;
    padding-top: 2px;
}

#viewItemLeft:hover {
    background: url('cameraView_menuPanel_left.jpg') 0px -26px no-repeat;
}

#viewItemMid {
    background: url('cameraView_menuPanel_mid.jpg') 0px 0px no-repeat;
    width: 107px;
    height: 24px;    
    padding-left: 15px;
    padding-top: 2px;
}

#viewItemMid:hover {
    background: url('cameraView_menuPanel_mid.jpg') 0px -26px no-repeat;
}

#viewItemRight {
    background: url('cameraView_menuPanel_right.jpg') 0px 0px no-repeat;
    height: 24px;    
    padding-left: 15px;
    padding-top: 2px;
     padding-right: 7px;
    width: 90px;
}

#viewItemRight:hover {
    background: url('cameraView_menuPanel_right.jpg') 0px -26px no-repeat;
}

#cameraViewMenu {
    margin-top: 11px;
    margin-left: 3px;
}

#cameraAd {
    width: 300px;
    float: left;
    margin-left: 20px;
    height: 300px;
    color: black;
}

#cameraBox {
    margin-left: 12px;
    margin-bottom: 30px;
}

#camera-windowOnly {
    background: #3B444D;
}

#infoBoxContainer {
    background: url('cameraView_infoBox_top.jpg') top no-repeat;
}

#infoBoxContent {
    background: url('cameraView_infoBox_bottom.jpg') bottom no-repeat;
    padding: 17px;
}

#infoBox h2, #infoBox h3{
	background: none;
}

#infoBox {
    margin-top: 20px;
    background: url('cameraView_infoBox_bg.jpg') repeat-y;
    width: 724px;
    margin-bottom: 30px;
}

.infoBoxItem {
    font-weight: bold;
}

#infoBoxUserrated {
    overflow: auto;
}

#infoBoxUserrated span {
    line-height: 19px;
    padding-right: 10px;
    display: block;
    float: left;
}

#infoBoxDescMap {
    margin-top: 15px;
    overflow: auto;
}

#infoBoxMap {
    float: left;
    width: 285px;
    
}

#infoBoxDescMap .noMap {
    width: 100%;
}

#infoBoxDesc {
    margin-right: 27px;
    width: 366px;
    float: left;
}


#infoBoxMapCanvas {
    width: 273px;
    height: 188px;
    border: 12px solid white;
}


.cameraMidBoxes ul {
    list-style: none;
    overflow: auto;
    padding-left: 27px;
}

.cameraMidBoxes ul li .title, .mapCameras .cameraBox .title {
    height: 20px;
    margin-bottom: 0;
    overflow: hidden;
}

.cameraMidBoxes ul li.mouseover .desc {
    display: block;
}

.cameraMidBoxes ul li.mouseover {
    background: url('cameraInnerBox_small.jpg') 0px -180px no-repeat;
    margin-bottom: 0px;
}

.cameraMidBoxes ul li {
    float: left;
    background: url('cameraInnerBox_small.jpg') 0px 0px no-repeat;
    width: 198px;
    height: 180px;
    margin-bottom: 61px; /*61*/
    margin-right: 35px;
}

.cameraMidBoxes ul li .desc {
    display: none;
    height: 57px;
    overflow: hidden;
}
    
#cameraRelatedBoxesContainer .prev span, #cameraRelatedBoxesContainer .next span {
    visibility: hidden;
}

#cameraRelatedBoxesContainer .next {
    background: url('cameraRelatedRight.jpg') no-repeat;
    margin-left: 6px;
}

#cameraRelatedBoxesContainer .prev {
    background: url('cameraRelatedLeft.jpg') no-repeat;
    margin-right: 6px;
}

#cameraRelatedBoxesContainer .prev, #cameraRelatedBoxesContainer .next {
    width: 22px;
    height: 138px;
    float: left;
    margin-top: 22px;
    display: block;
    cursor: pointer;
}

#cameraRelatedBoxesContainer {
    overflow: auto;
    margin-bottom: 30px;
    margin-left: 8px;
    margin-top: 25px;
}

#cameraRelatedBoxes {
    width: 664px !important;
    float: left;
}

.panel {
    background: url('category_panel.jpg') no-repeat;
    width: 726px;
    height: 29px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 31px;
}
.panel .sortby {
    margin-left: 14px;
}   
.panel #sortSelect, .panel #perSelect {
    float: left;
    padding-left: 20px;
}

.panel #perSelect {
    padding-right: 50px;
}

.panel #submitSortDesc {
    background: url('category_panel_arrow_down.jpg') center no-repeat;
}
.panel #submitSortAsc {
    background: url('category_panel_arrow_up.jpg') center no-repeat;
}

.panel #submitSortDesc, .panel #submitSortAsc {
    display: block;
    float: left;
    width: 12px;
    height: 6px;
    padding: 14px 8px 5px 8px;
    margin: 4px 0px 0px 5px;
    border: none;
    cursor: pointer;
}


#cameraCategoryListerPanel .lister {
    float: none;
}
#cameraCategoryListerPanel ul {
    padding-top: 0px;
}

#cameraCategoryListerPanel ul li {
    float: left;
    list-style: none;
    padding-left: 6px;
}

#cameraCategoryListerPanel li a {
    color: #FFFFFF;
    text-decoration: none;
}

#cameraCategoryListerPanel li a:hover {
    text-decoration: underline;
}

#cameraCategoryListerPanel li.maxLeft {
    background: url('category_lister_first.jpg') no-repeat;
    width: 66px;
}
#cameraCategoryListerPanel li.maxLeft a {
    padding-left: 18px;
    display: block;
}

#cameraCategoryListerPanel li.maxRight {
    background: url('category_lister_last.jpg') no-repeat;
    margin-left: 11px;
    width: 75px;
}
#cameraCategoryListerPanel li.maxRight a{
    display: block;
    padding-right: 23px;
    padding-left: 8px;
}

#cameraCategoryListerPanel li.maxLeft, #cameraCategoryListerPanel li.maxRight {
    line-height: 19px;
    margin-top: 5px;
    height: 19px;
}

#cameraCategoryListerPanel li.next span, #cameraCategoryListerPanel li.prev span {
    visibility: hidden;
}
#cameraCategoryListerPanel li.next a {
    display: block;
    margin-top: 10px;
    background: url('category_panel_arrow_right.jpg') no-repeat;
    height: 14px;
    margin-left: 5px;
    width: 12px;
}

#cameraCategoryListerPanel li.prev a {
    display: block;
    margin-top: 10px;
    background: url('category_panel_arrow_left.jpg') no-repeat;
    height: 14px;
    width: 12px;
    margin-left: 5px;
}

#cameraCategoryListerPanel li.active span {
    border-bottom: 1px solid white;
}

#HPcategsList, #HPnewsList {
    margin-bottom: 30px;
}


#HPcategsList .HPcategoryItem h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    background: none;
    font-size: 15px;
}

#HPcategsList .HPcategoryItem a {
    color: #FFFFFF;
    text-decoration: none;
}

#HPcategsList .HPcategoryItemNoImage .categoryRight {
    margin-left: 93px !important;
}

#HPcategsList .HPcategoryItem {
    width: 350px;
    height: 80px;
    margin-bottom: 25px;
    margin-left: 10px;
    float: left;
    margin-right: 5px;
}

#HPcategsList .HPcategoryItem .categoryLeft img {
    padding-top: 20px;
}

#HPcategsList .HPcategoryItem .categoryLeft {
    float: left;
    width: 75px;
}
    
#HPcategsList .HPcategoryItem .categoryRight {
    float: left;
    width: 250px;
    margin-left: 20px;
    margin-top: 2px;
}

.categoryCount {
    color: #66e5f4;
    float: left;
}

.categoryLeft .noImage {
    width: 75px;
    height: 90px;
}
    
#categoryAd {
    width: 725px;
    height: 90px;
    background: white;
    color: black;
    margin-top: 21px;
    margin-bottom: 27px;
}
    
#typeDesc .categoryRight {
    margin-left: 30px;
    float: left;
    
}
#typeDesc .categoryLeft {
    float: left;
    margin-top: 13px;
}

#typeDesc {
    margin-bottom: 40px;
}
#typeDesc h2 {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 15px;
}    

#sitemap_menu a:hover {
    text-decoration: underline;
}
#sitemap_menu a {
    color: #FFFFFF;
    text-decoration: none;
}

.facebookComments {
    margin-left: 5px;
    margin-top: 20px;
}


.mapCameras #map_canvas {
    height: 500px;
    margin-bottom: 15px;
}

.mapCameras .cameraBox {
    background: url('HPcameraInnerBox.jpg') no-repeat;
    width: 198px;
    height: 239px;
    padding-top: 5px;
}

.mapCameras .cameraBox .desc {
    display: block;
}

.searchInfo {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 13px;
}

#facebookLoginField button {
    float: right;
}

#facebookLoginField #facebookPicture {
    float: right;
}

#facebookLoginField {
    float: right;
    z-index: 0;
    margin-right: 11px;
    width: 322px;
    height: 56px;
    overflow: hidden;    
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel {}
div.star-rating{float:left;width:20px;height:19px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating,div.star-rating a{background:url(star_big.png) no-repeat 0 0px}
div.star-rating a{display:block;width:20px;height:100%;background-position:0 0px;border:0}
div.star-rating-hover a, div.star-rating-on a{background-position:0 -19px!important}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

#favouriteCamerasBox .desc {
    height: 47px !important;
}

#favouriteCamerasBox .mouseover .remFavCross {
    display: block;
    float: right;
    margin-right: 10px;
    
}

#favouriteCamerasBox .remFavCross {
    display: none;
}

#favouriteCamerasBoxHeader {
    margin-top: 30px;
}

#profileInfo {
	padding: 10px;
	border: 5px solid white;
    float: left;
    height: 56px;
}

#profileInfo #facebookInfo {
    padding-left: 20px;
    padding-right: 12px;
}

#profileInfo #facebookInfo, #profileInfo #facebookPicture{
	float: left;
}

#googleSearch {
    margin-bottom: 35px;
}

#footerPartners ul {
    list-style: none;
    padding-top: 5px;
    padding-left: 0px;
    overflow: hidden;
}

.footerSliderItem .title {
    display: block;
    color: #0296B1;
}
.footerSliderItem  {
    color: #0296B1;
}

.footerSliderItem a {
    color: #5F6A75;
    text-decoration: none;
}

#footerNoSlider {
    margin-left: 29px;
}

#footerNoSlider .footerSliderItem {
    width: 165px;
    float: left;
}

#footerSlider .footerSliderItem {
    width: 150px;
    float: left;
}

#footerPartners .previous {
    background: url('footer_partners_left.png') no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    cursor: pointer;
    float: left;
    margin-top: 28px;
}

#footerPartners .next {
    background: url('footer_partners_right.png') no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    float: left;
    margin-top: 28px;
    cursor: pointer;
}

#footerSlider, #footerNoSlider {
    float: left;
    margin-left: 12px;
    margin-top: 4px;
}

.dlSubmit {
    float: right;
    margin-right: 94px;
}

#submitButton {
    background: url('button_send.jpg') no-repeat;
    width: 179px;
    margin-top: 7px;
    height: 45px;
    border: none;
    cursor: pointer;
}

#facebookLoginField #facebookInfo {
    float: left;
    margin-right: 15px;
    margin-top: 8px;
}

#facebookLoginField #user-info {
    float: right;
}

#facebookPicture img {
    padding-top: 1px;
}

#facebookName a {
    text-decoration: none;
    color: white;
}

#facebookName a:hover {
    text-decoration: underline;
}
    
#facebookLoginField #loginButton {
    float: right;
    margin-top: 15px;
}

#infoBoxFav a {
    float: left;
}

#infoBoxFav img {
    padding-top: 6px;
}

#infoBoxViews {
    clear: left;
}

#infoBoxFav .infoBoxItem {
    display: block;
    float: left;
    line-height: 31px;
    margin-right: 9px;
}

.HPcameraBoxFav .remFavCross {
        float: right;
    margin-right: 10px;
}

.noFavouritesTextProfile {
    margin-top: 26px;
}

.noFavouritesText {
    margin-left: 45px;
    margin-top: 56px;
}    

#sitemap_menu ul ul {
    padding-top: 0px;
}

#newlist ul {
    padding: 0px;
}

#newlist {
    padding-left: 2px;
}

#HPContent {
    width: 716px;
}


.cameraViewBoxLarge {
    width: 695px !important;
    height: 445px !important;
}

#rightFilter #rightFilterContent span {
    color: #02cae4;
}

#rightFilter #rightFilterContent div {
    margin-top: 2px;
}

#rightFilter #rightFilterContent {
    background: url('filterBox_bg.jpg') no-repeat;
    height: 160px;
    padding-top: 6px;
    padding-left: 10px;
    text-align: left;
}

#rightFilter select {
    width: 190px;
}