/* ================================================== */
/* jansochor.com, 09/2011
/* styled by J.Sochor; http://www.jansochor.com
/* ================================================== */

html {overflow: -moz-scrollbars-vertical;}
body {margin: 0; padding: 0; background: #31342e; text-align: center;}
body {font-family: Arial, Helvetica, Geneva, sans-serif;}

/* ================================================== */
/* reset 
/* -------------------------------------------------- */

p, a, em, ul, li, h1, h2, h3, h4, h5, h6, img, input, textarea {font-size: 12px; line-height: 20px; text-decoration: none; margin: 0; padding: 0;}
ul, li {list-style: none;}
img, fieldset {margin: 0; padding: 0; border: none;}
a:active, a:focus, input {outline: 0; outline-style: none; outline-width: 0;}

/* ================================================== */
/* helpers
/* -------------------------------------------------- */

.clear {clear: both;}
.nodisplay {display: none;}

/* ================================================== */
/* layout containers 
/* -------------------------------------------------- */

#uniCont {width: 880px; margin: 0 auto; text-align: left; background: #292c27;}

/* ================================================== */
/* header
/* -------------------------------------------------- */

#headerCont {width: 880px; background: #292c27; margin: 0; padding: 0 0 12px 0; border-bottom: 1px solid #363933; position: relative; z-index: 99;}
#headerCont.noNaviBox {height: 70px; background: url(../imgs/3columnBGD.gif) 50px 0 repeat-y; border-bottom: none; padding: 0;}

#headerCont h1, #headerCont h2, #headerCont h3 {top: 23px; z-index: 2; position: absolute;}

#headerCont h1 {color: #64645C;}
#headerCont h1.root {left: 332px;}
#headerCont h1.secondLevel {left: 596px;}

#headerCont h2 {color: #64645C; }
#headerCont h2.secondLevel {left: 332px;}

#headerCont h3 {color: #ffffff;}
#headerCont h3.root {left: 68px;}
#headerCont h3.secondLevel {left: 68px;}
#headerCont h3 a {color: #ffffff; font-weight: bold;}
#headerCont h3 a:hover {color: #ffffff; border-bottom: 1px solid #c70202;}

.naviBox {width: 880px; position: relative; top: 0; left: 0; z-index: 1;}

.naviBox h5 {width: 880px; height: 70px; text-indent: -3000px;}
.naviBox h5 a {width: 880px; height: 70px; display: block;}
.naviBox h5 a.visible {background: url("../imgs/navi-open.png") 0 0 no-repeat;}
.naviBox h5 a.visible:hover {background: url("../imgs/navi-open-hover.png") 0 0 no-repeat; cursor: pointer;}
.naviBox h5 a.hidden {background: url("../imgs/navi-closed.png") 0 0 no-repeat;}
.naviBox h5 a.hidden:hover {background: url("../imgs/navi-closed-hover.png") 0 0 no-repeat; cursor: pointer;}

.navigace {width: 780px; height: 154px; display: block; background: url(../imgs/3columnBGD.gif) 0 0 repeat-y; border-top: 1px solid #292c27; margin: 0 0 0 50px;}

.navigace ul {margin: 12px 18px 0 18px; padding: 0 0 0 264px; width: 216px;}
.navigace li {font-weight: bold;}
.navigace li a {color: #ffffff; background: url(../imgs/navig-underline.gif) 0px 19px no-repeat; height: 20px; display: block;}
.navigace li a:hover {color: #ffffff; background: url(../imgs/navig-underline.gif) 0px 19px repeat-x;}
.navigace li a.selected {color: #ffffff;}

/* ================================================== */
/* slideshow, homepage
/* -------------------------------------------------- */

#homepageSlideCont {width: 780px; height: 520px; padding: 40px 50px; margin: 0; background: #292c27; border-bottom: 1px solid #363933;}

#slideshow {position: relative; width: 780px; height: 520px;}
#slideshow div {position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; height: 550px; background: #292c27;}
#slideshow div.active {z-index: 10; opacity: 1.0;}
#slideshow div.last-active {z-index:9;}
#slideshow div img {height: 520px; width: 780px; display: block; border-bottom: 10px solid #292c27; background: #292c27 url("../imgs/bgd-rastr.gif") top left repeat;}

/* ================================================== */
/* photo story
/* -------------------------------------------------- */

#photoStoryStaticContent {width: 780px; padding: 40px 50px; margin: 0; background: #292c27; border-bottom: 1px solid #363933;}

.photoStoryTextBox {width: 780px; padding: 40px 50px 25px 50px; background: #292c27; min-height: 233px; border-bottom: 1px solid #363933;}
.photoStoryTextBox.perex {padding: 80px 50px 25px 50px; }

.photoStoryTextBox h1 {padding: 0 0 8px 0; color: #ffffff; font-size: 28px; font-weight: normal;}
.photoStoryTextBox h1.reportaz {font-size: 40px; line-height: 36px; font-weight: normal; font-family: Helvetica, Arial, Geneva, sans-serif;}
.photoStoryTextBox h3 {color: #64645c; padding: 0 0 18px 0; font-weight: normal; border-bottom: 1px solid #363933; margin: 0 0 18px 0;}
.photoStoryTextBox h4 {padding: 0 0 12px 0; margin: 0 0 18px 0; color: #ffffff; font-size: 28px; font-weight: normal; border-bottom: 1px solid #363933; }

.photoStoryTextBox p, .photoStoryTextBox a {line-height: 24px; font-size: 15px; font-family: Georgia, "Times New Roman", Times, Serif;}
.photoStoryTextBox p {padding: 0 0 18px 0; color: #a0a098;}
.photoStoryTextBox a {color: #a0a098;}
.photoStoryTextBox a:hover {color: #ffffff; border-bottom: 1px solid #c70202;}
.photoStoryTextBox p span {margin: 0 0 0 8px; background: url("../imgs/p-end.gif") center left no-repeat;}

.photoStoryTextBox p.credits, .photoStoryTextBox p.credits a {font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px;}
.photoStoryTextBox p.credits {padding: 18px 0 0 0; border-top: 1px solid #363933; height: 180px; color: #64645c;}
.photoStoryTextBox p.credits a {color: #64645c;}
.photoStoryTextBox p.credits a:hover {color: #ffffff;}

.photoStoryTextBox p.boxInfo, .photoStoryTextBox p.boxInfo a {color: #64645c; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px;} 
.photoStoryTextBox p.boxInfo {width: 744px; padding: 18px; background: #1c1f1a;}
.photoStoryTextBox p.boxInfo em {color: #ffffff; font-style: normal; display: block; border-bottom: 1px solid #292c27; margin: 0 0 6px 0; padding: 0 0 6px 0;}
.photoStoryTextBox p.boxInfo a {color: #64645c;}
.photoStoryTextBox p.boxInfo a:hover {color: #ffffff;}

.photoStoryImageBox {width: 780px; height: 520px; padding: 40px 50px; margin: -40px 0 40px -50px; border-bottom: 1px solid #363933; background: #292c27;}
.repoImageBox {width: 780px; height: 520px; padding: 40px 50px; border-bottom: 1px solid #363933; background: #292c27;}
.repoImageBox img {background: #292c27 url("../imgs/bgd-rastr.gif") top left repeat;}

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

#videoContent {width: 780px; height: 482px; border-top: 19px solid #292c27; border-bottom: 19px solid #292c27;}
#videoContent img {width: 780px; height: 440px; border: none;}

#videoRepo {width: 780px; height: 482px; padding: 40px 50px; border-bottom: 1px solid #363933; background: #292c27;}
#videoRepo img {width: 780px; height: 440px; border: none;}

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

body.fb {margin: 0; padding: 0; background: #ffffff;}
#FBuniCont {width: 492px; height: 100%; margin: 0; text-align: left;}
.FBphotoStoryTextBox {width: 452px; padding: 20px 20px 20px 20px; background: #000000; min-height: 288px;}
.FBphotoStoryTextBox h1 {padding: 0 0 5px 0;}
.FBphotoStoryTextBox h1 a {color: #ffffff; font-size: 18px; font-weight: normal;}
.FBphotoStoryTextBox h1 a:hover {color: #ffffff; border-bottom: 1px solid #c70202;}
.FBphotoStoryTextBox h3 {color: #64645c; padding: 0 0 10px 0; border-bottom: 1px solid #363933; margin: 0 0 10px 0; font-weight: normal;}
.FBphotoStoryTextBox p, .FBphotoStoryTextBox a {line-height: 20px; font-size: 12px;}
.FBphotoStoryTextBox p {padding: 0 0 18px 0; color: #7d7d77;}
.FBphotoStoryTextBox a {color: #7d7d77;}
.FBphotoStoryTextBox a:hover {color: #ffffff; border-bottom: 1px solid #c70202;}
.FBimageBox {width: 492px; height: 328px; font-size: 0px; line-height: 0px; background: #000000;}
.FBimageBox img {width: 492px; height: 328px;}

/* ================================================== */
/* objekty
/* -------------------------------------------------- */

.obsahCont {width: 830px; background: #292c27; border-bottom: 1px solid #363933; padding: 40px 0 0 50px; float: left;}
.obsahCont.archive {background: #292c27 url("../imgs/bgd-archive.gif") top left repeat;}

.headline {width: 792px; height: 70px; background: url(../imgs/3columnBGD.gif) 0 0 repeat-y; float: left;}
.headline h6 {width: 246px; height: 47px; color: #C70202; padding: 23px 0 0 18px; float: left;}

.listBox {background: #000000; border-right: 12px solid #292c27; border-bottom: 12px solid #292c27; border-bottom: 40px solid #292c27; float: left;}
.listBox {width: 252px; height: 336px;}

.listFotoBox {width: 252px; height: 168px; font-size: 0px; line-height: 0px; background: #292c27 url("../imgs/bgd-rastr.gif") top left repeat;}
.listFotoBox img {width: 252px; height: 168px;}

.listBox h3 {padding: 12px 18px 0 18px;}
.listBox h3 a {color: #ffffff; border-bottom: none;}
.listBox h3 a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}

.listBox p {padding: 0 18px 18px 18px; color: #7d7d77;}
.listBox p a {color: #7d7d77;}
.listBox p a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}

.archiveBox {background: #1c1f1a; border-right: 12px solid #292c27; border-bottom: 40px solid #292c27; float: left;}
.archiveBox {width: 252px; height: 336px;}

.archiveFotoBox {width: 252px; height: 168px; font-size: 0px; line-height: 0px; background: #1c1f1a url("../imgs/bgd-rastr.gif") top left repeat; position: relative;}
.archiveFotoBox img {width: 252px; height: 168px;}

.archiveBox h1 {padding: 12px 18px 0 18px; color: #ffffff;}
.archiveBox h1 a {color: #ffffff;}
.archiveBox h1 a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}
.archiveBox h3, .archiveBox h4  {padding: 0 0 0 18px; color: #64645C; font-weight: normal;}

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

.col1TextBox {background: #000000; width: 252px; min-height: 100px; padding: 5px 0 0 0; border-right: 12px solid #292c27; float: left;}

.col1TextBox h1 {padding: 18px; color: #ffffff;}
.col1TextBox h4 {padding: 7px 18px 0 18px;}
.col1TextBox h4 a {color: #ffffff; border-bottom: none;}
.col1TextBox h4 a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}
.col1TextBox h5 {color: #363933; padding: 0 0 0 18px;}
.col1TextBox h6 {padding: 7px 18px 0 18px;}
.col1TextBox h6 a {color: #ffffff; border-bottom: none;}
.col1TextBox h6 a span {color: #363933;}
.col1TextBox h6 a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}

.col1TextBox p {padding: 0 18px 40px 18px; color: #7d7d77; border-bottom: 1px solid #292c27;}
.col1TextBox p a {color: #7d7d77;}
.col1TextBox p a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}

.col2TextBoxCont {background: #1c1f1a; border-bottom: 40px solid #292c27; width: 744px;}
.col2TextBox {background: #1c1f1a; width: 516px; border-left: 12px solid #292c27; padding: 18px 0 0 0; margin: 0 0 0 252px}

.col2TextBox p {padding: 0 18px 18px 18px; color: #7d7d77;}
.col2TextBox p span {color: #363933; font-weight: bold;}
.col2TextBox p a {color: #7d7d77;}
.col2TextBox p a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}
.col2TextBox h3 {color: #ffffff; font-weight: normal; border-bottom: 1px solid #292c27; margin: 0 18px 6px 18px; padding: 0 0 6px 0;}

.col3TextBoxCont {background: url(../imgs/3columnBGD.gif) 0 0 repeat-y; margin: 0 0 40px 0; padding: 0 0 40px 0; float: left; border-top: 1px solid #292c27;}

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

.tearTextBox {background: #1c1f1a; width: 252px; height: 344px; border-right: 12px solid #292c27; border-bottom: 40px solid #292c27; float: left;}

.tearTextBox h3 {padding: 18px 18px 0 18px; color: #64645c;}
.tearTextBox h3 a {color: #ffffff; font-weight: bold;}
.tearTextBox h3 a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}

.tearTextBox p {padding: 0 18px 0 18px;}
.tearTextBox p.Tdescription {color: #64645c; padding: 0 18px 18px 18px;}
.tearTextBox p.Tcountry {color: #64645c; font-weight: bold;}
.tearTextBox p.Tdate {color: #64645c; font-weight: bold;}

.tearImgBox {background: #000000; width: 516px; height: 344px; border-bottom: 40px solid #292c27; float: left;}
.tearVideoBox {background: #000000; width: 516px; height: 344px; border-bottom: 40px solid #292c27; float: left;}

.tearsheetCont {display: none;}
.tearsheetCont#tearsheet2011 {display: block;}

#tearsheetSubHeader {width: 780px; height: 70px; border-bottom:1px solid #363933; margin: -40px 0 40px 0;}
#tearsheetSubHeader h2 {padding: 23px 0 0 0; color: #64645c; font-weight: bold;}

/* ================================================== */
/* photoblog image navigation  
/* -------------------------------------------------- */

.phbImageBox {width: 780px; float: left; position: relative; z-index: 1; overflow: hidden; padding: 40px 50px; border-bottom: 1px solid #363933; background: #292c27;}
.phbImageBox img {width: 780px; height: 520px; font-size: 0px; line-height: 0px; background: url("../imgs/bgd-rastr-hover.gif") top left repeat;}

.controls b {width: 780px; display: none;}
.controls b.video {height: 440px;}
.controls b.photo {height: 520px;}

.controls:hover b {position: absolute; left: 50px; background: url("../imgs/bgd-rastr-hover.gif") top left repeat; display:block;}
.controls:hover b.video {top: 59px;}
.controls:hover b.photo {top: 40px;}

.controls h4 a {position: absolute; top: 40px; width: 40px; height: 520px; text-indent: -5000px; overflow: hidden; outline: none;}
.controls h4 a.previous {left: 0px; background: url(../imgs/arrow-left.png) left center no-repeat;}
.controls h4 a.next {left: 840px; background: url(../imgs/arrow-right.png) right center no-repeat;}
.controls h4 a.previous:hover {background: url(../imgs/arrow-left-hover.png) left center no-repeat;}
.controls h4 a.next:hover {background: url(../imgs/arrow-right-hover.png) right center no-repeat;}

hr.photoblog {display: none;}

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

#phbBottNavCont {width: 880px; height: 70px; border-bottom:1px solid #363933;}

#phbBottNavCont ul {padding: 10px 0 0 35px;}
#phbBottNavCont li {display: block; float: left; text-indent: -3000px;}
#phbBottNavCont li a {display: block; width: 50px; height: 50px;}
#phbBottNavCont li.next {background: url(../imgs/arrow-right.png) 0 0 no-repeat; margin: 0 0 0 710px;}
#phbBottNavCont li.next:hover {background: url(../imgs/arrow-right-hover.png) 0 0 no-repeat;}
#phbBottNavCont li.previous {background: url(../imgs/arrow-left.png) 0 0 no-repeat;}
#phbBottNavCont li.previous:hover {background: url(../imgs/arrow-left-hover.png) 0 0 no-repeat;}

/* ================================================== */
/* photoblog Text navigation  
/* -------------------------------------------------- */

.phbTexteBox {width: 780px; float: left; position: relative; overflow: hidden; padding: 40px 50px; border-bottom: 1px solid #363933; background: #292c27;}

.phbTexteBox h1 {padding: 0 0 8px 0; color: #ffffff; font-size: 28px; font-weight: normal;}
.phbTexteBox h3 {color: #64645c; padding: 0 0 18px 0; font-weight: normal; border-bottom: 1px solid #363933; margin: 0 0 18px 0;}
.phbTexteBox p, .phbTexteBox a {line-height: 24px; font-size: 15px; font-family: Georgia, "Times New Roman", Times, Serif;}
.phbTexteBox p {padding: 0 0 18px 0; color: #7d7d77;}
.phbTexteBox a {color: #7d7d77;}
.phbTexteBox a:hover {color: #ffffff; border-bottom: 1px solid #c70202;}
.phbTexteBox p span {margin: 0 0 0 8px; background: url("../imgs/p-end.gif") center left no-repeat;}

.controlsTxt b {width: 780px; display: none; height: 100%}

.controlsTxt:hover b {position: absolute; top: 40px; left: 50px; background: url("../imgs/bgd-rastr-txt-hover.gif") top left repeat; display:block;}

.controlsTxt h4 a {position: absolute; top: 40px; width: 40px; height: 90px; text-indent: -5000px; overflow: hidden; outline: none;}
.controlsTxt h4 a.previous {left: 0px; background: url(../imgs/image-previous.gif) 0px 42px no-repeat;}
.controlsTxt h4 a.next {left: 830px; background: url(../imgs/image-next.gif) 0px 42px no-repeat;}
.controlsTxt h4 a.previous:hover {background: url(../imgs/image-previous-hover.gif) 0px 42px no-repeat; border: none;}
.controlsTxt h4 a.next:hover {background: url(../imgs/image-next-hover.gif) 0px 42px no-repeat; border: none;}

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

.commentCont {width: 830px; background: #292c27; margin: 0; padding: 0 0 0 50px; border-bottom: 1px solid #363933;}
.commentContMainBox {width: 780px; min-height: 168px; background: #1c1f1a; border-top: 12px solid #292c27; border-bottom: 12px solid #292c27;}

.commentContMainBox ul {margin: 12px 18px 0 18px; border-bottom: 1px solid #292c27; padding: 0 0 12px 0;}
.commentContMainBox li {font-weight: bold; width: 216px;}
.commentContMainBox li a {color: #ffffff; background: url(../imgs/navig-underline.gif) 0px 19px no-repeat; height: 20px; display: block; cursor: pointer;}
.commentContMainBox li a:hover {color: #ffffff; background: url(../imgs/navig-underline.gif) 0px 19px repeat-x; cursor: pointer;}

.commentObsah {width: 780px; background: #1c1f1a; margin: 0 0 64px 0;}
.commentBox {margin: 12px 18px; padding: 0 0 12px 0; min-height: 144px; border-bottom: 1px solid #292c27;}

.commentBox h3, .commentBox h3 a {color: #7d7d77; border-bottom: none;}
.commentBox h3 a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}
.commentBox h4 {color: #363933; font-weight: normal;}
.commentBox p {color: #7d7d77;}
.commentBox p a {color: #7d7d77;}
.commentBox p a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}

/* ================================================== */
/* bottom
/* -------------------------------------------------- */

#bottomCont {width: 830px; height: 192px; background: #292c27; padding: 0 0 0 50px; border-bottom: 1px solid #363933;}

.bottomBox {width: 252px; height: 168px; background: #1c1f1a; border-top: 12px solid #292c27; border-right: 12px solid #292c27; float: left;}
.bottomBox h1 {margin: 12px 0 0 18px;}
.bottomBox h1 a {color: #ffffff; font-weight: bold;}
.bottomBox h1 a:hover {color: #ffffff; border-bottom: 1px solid #c70202;}

.bottomBox ul {margin: 12px 18px 0 18px;}
.bottomBox li {font-weight: bold;}
.bottomBox li a {color: #64645c; background: url(../imgs/navig-underline.gif) 0px 19px no-repeat; height: 20px; display: block;}
.bottomBox li a:hover {color: #ffffff; background: url(../imgs/navig-underline.gif) 0px 19px repeat-x;}
.bottomBox li a.license {color: #c70202;}
.bottomBox li a.imp {color: #ffffff;}
.bottomBox li a span {font-weight: normal;}

/* ================================================== */
/* share
/* -------------------------------------------------- */

#shareCont {width: 880px; height: 72px; background: #292c27; margin: 1px 0 0 0;}

#shareCont ul {padding: 0 0 0 314px;}
#shareCont li {width: 30px; height: 30px; display: block; text-indent: -3000px; float: left; margin: 21px 44px 0 0;}
#shareCont li a {width: 30px; height: 30px; display: block;}

#shareCont li a.facebook {background: url(../imgs/facebook.png) 0 0 no-repeat;}
#shareCont li a.facebook:hover {background: url(../imgs/facebook.png) -30px 0 no-repeat;}
#shareCont li a.twitter {background: url(../imgs/twitter.png) 0 0 no-repeat;}
#shareCont li a.twitter:hover {background: url(../imgs/twitter.png) -30px 0 no-repeat;}
#shareCont li a.google {background: url(../imgs/google.png) 0 0 no-repeat;}
#shareCont li a.google:hover {background: url(../imgs/google.png) -30px 0 no-repeat;}
#shareCont li a.stumbleupon {background: url(../imgs/stumbleupon.png) 0 0 no-repeat;}
#shareCont li a.stumbleupon:hover {background: url(../imgs/stumbleupon.png) -30px 0 no-repeat;}

/* ================================================== */
/* footer
/* -------------------------------------------------- */

#footerCont {width: 880px; height: 192px; background: #292c27; margin: 0; text-align: center; float: left;}

#footerCont p {padding: 15px 18px 0 24px; color: #64645c;}
#footerCont p a {color: #a0a098;}
#footerCont p a.inv {color: #64645c;}
#footerCont p a:hover {border-bottom: 1px solid #c70202; color: #ffffff;}

/* ================================================== */
/* imageHover  
/* -------------------------------------------------- */

.imgHov {text-decoration: none; float: left; display: inline;}

.imgHov img {border: 0; display: block;}

.imgHov span {font-style: normal;}
.imgHov span, .imgHov b {display: none;}

.imgHov:hover {background: #ffffff; position: relative;}
.imgHov:hover b {position: absolute; top: 0px; left: 0; background: url("../imgs/bgd-rastr-hover.gif") top left repeat; display:block;}

.imgHov:hover b.indexPh {width: 252px; height: 168px;} /* indexy */
.imgHov:hover b.archPh {width: 252px; height: 168px;} /* archive */
.imgHov:hover b.blogPh {width: 780px; height: 520px; background: none; cursor: default;} /* photoblog */
.imgHov:hover b.reportazPh {width: 780px; height: 520px; background: none; cursor: default;} /* reportaz */
.imgHov:hover b.slideHomePh {width: 780px; height: 520px;} /* slide, homepage */
.imgHov:hover b.fbPh {width: 492px; height: 328px;} /* facebook, photoblog */

.imgHov b.archVid {position:absolute; top: 0px; left: 0px; width: 252px; height: 168px; background: url("../imgs/video-icon.gif") top left no-repeat; display: block;}
.imgHov:hover b.archVid {background: url("../imgs/video-icon-hover.gif") top left no-repeat;} /* indexy */

.imgHov:hover span {position:absolute; top: 96px; left: 12px; width: 204px; height: 42px; background:#ffffff; padding: 8px 12px 10px 12px; line-height: 20px; text-align: left; font-size: 12px; font-weight: bold; color: #c70202; display: block;}
.imgHov:hover span.blog {top: 433px; left:12px; width:708px; height: 60px; padding: 15px 24px 0 24px;}
.imgHov:hover span.reportaz {top: 12px; left:12px; width:708px; height: auto; padding: 15px 24px 0 24px;}

.imgHov:hover span em {font-weight: normal; font-style: normal; color: #000000;}

.imgHov:hover span.slideHome {top: 220px; left:12px; width:708px; height: 60px; padding: 15px 24px 0 24px;}
.imgHov:hover span.slideHome h2 {float: left; padding: 0 6px 0 0; color: #C70202;}
.imgHov:hover span.slideHome p {font-weight: normal; color: #000000;}
.imgHov:hover span.slideHome p strong {font-weight: normal;}

/* ================================================== */
/* EZPZ tool-tip   
/* -------------------------------------------------- */

.tooltip-content, .tooltip-content-photoblog, .tooltip-content-tearsheet {position: absolute; display: none; width: 276px; height: 192px; background: #000000; text-indent: 0; z-index: 999;}
.tooltip-content {}
.tooltip-content-photoblog {position: fixed; top: 0px; left: 0px;}
.tooltip-content-tearsheet {width: 252px; height: auto; background: #c70202;}

.tooltip-content img, .tooltip-content-photoblog img {width: 252px; height: 168px; margin: 12px;}

.tooltip-content-text {display: none; position: absolute; width: 276px; background: #000000;}
.tooltip-content-text img {width: 252px; height: 168px; margin: 12px 12px 0 12px;}
.tooltip-content-text p {margin: 0; border: none; padding: 12px 12px 18px 12px;}
.tooltip-content-tearsheet p {margin: 0; border: none; padding: 16px 18px 18px 18px; color: #ffffff; font-weight: bold;}
.tooltip-content-tearsheet p.addInfo {padding: 0 18px 18px 18px; font-weight: normal;}

/* ================================================== */
/* TipTip  
/* -------------------------------------------------- */

#tiptip_holder {display: none; position: absolute; top: 22px; left: 0; z-index: 99999; width: 252px;}
#tiptip_content {font-size: 12px; color: #ffffff; padding: 26px 18px 29px 18px; background-color: #C70202; font-weight: bold; text-align: left;}