/* CSS Document for latininfection.com */

/* BODY & HTML /////////////////////////////////////////////////////////////////////////////*/
body { background: #1b081b url("../images/background.jpg") top center no-repeat; background-attachment: fixed; font: 75% Arial, Helvetica, sans-serif; color: #fff; line-height: 1.5;  }
html { font: 100% Arial, Helvetica, sans-serif; color: #fff; line-height: 1.5;  }

/* GENERAL /////////////////////////////////////////////////////////////////////////////*/
.date { color: #8c2a87; font-size: 1.0em; font-weight: bold; }
.clear { clear: both; }
.textLabel { color: #8c2a87; font-weight: bold; }
a { color: #ffffff; }
a:hover { color: #ffffff; text-decoration: none; }
.w210 { width: 210px; }
.light { font-size: 11px; color: #666; }
div#topContent .toprightContent hr { height:1px;border:0px solid #000;background:#333; margin: 15px 0px; margin-top: 8px; clear: both; } 

/* CONTENT /////////////////////////////////////////////////////////////////////////////*/
div#bannerMenu { margin: 0 auto; width: 916px; height: 385px; }
div#topContent { margin: 0 auto; padding: 10px; width: 896px; background: #000000 url("../images/top_content_bg.jpg") no-repeat; }
div#topContent h1,
div#topContent h2 { margin-bottom: 3px; }
div#topContent h1 { font-size: 3em; }
div#topContent .topleftContent { width: 560px; float: left; padding: 10px 0 0 10px; }
div#topContent .topleftContentGallery { width: 896px; float: left; padding: 10px 0 0 10px; }
div#topContent .topleftContent .bannerWrap { padding: 5px; }
div#topContent .topleftContent .bannerWrap img { float: left; margin: 0 0 10px 0; }
div#topContent .topleftContent .bannerWrap a img { float: left; margin: 0 20px 0 0; }
div#topContent .toprightContent { width: 315px; float: left; padding: 10px 0 0 0; }
div#topContent .toprightContent .item { width: 315px; height: 85px; border-bottom: 1px solid #1b1b1b; }
div#topContent .toprightContent .newsBox { margin: 8px 0 0 0; }
div#topContent .toprightContent .newsBox a { display: block; cursor: pointer; text-decoration: none; background: url("../images/news_item_bg.jpg") 0 0; }
div#topContent .toprightContent .newsBox a:hover { background: url("../images/news_item_bg.jpg") 0 85px; }
div#topContent .toprightContent .newsBox h3 { color:#fff; font-size: 1.5em; text-transform: uppercase; font-style: italic; font-weight: bold; margin-bottom: 2px; }
div#topContent .toprightContent h3 { color:#ffffff; font-size: 2.0em; margin: 3px 5px 10px 5px; }
div#topContent .toprightContent .newsBox p { width: 220px; color: #999; font-size: .9em; }
div#topContent .toprightContent .newsBox img { float: left; margin: 8px; border: 1px solid #333; padding: 2px; background: #000; }
div#topContent .toprightContent .newsBox .info { float: left; margin: 8px 0 0 0; }
div#topContent .djWrap { padding: 8px; float: left;}
div#topContent .djList { float: left; border: 1px solid #333; padding: 2px; text-align: center; margin: 6px; }
div#topContent .djList a img { display: block; }
div#topContent .djList a span { font-size: 11px; padding: 3px 0; }
div#topContent .djList a { text-decoration: none; color: #999; }
div#topContent .djList a:hover { color: #fff; }

div#middleContent { margin: 0 auto; width: 896px; padding: 10px; background: #000000; }
div#middleContent .boxSeparator { width: 16px; height: 10px; float: left; }
div#middleContent .moduleBox { width: 288px; height: 180px; float: left; background: url("../images/box_bg.png") 0 100% no-repeat; }
div#middleContent .moduleBox p { margin: 10px; font-size: .9em; color: #fff;}
div#middleContent .moduleBox .header { width: 273px; height: 31px; padding: 23px 0 0 15px; background: url("../images/box_header.jpg") no-repeat; }
div#middleContent .moduleBox .header h3 { color: #fff; font-size: 1.5em; }
div#middleContent .moduleBox .subscribeForm { margin: 20px 10px 10px 10px; }
div#middleContent .moduleBox .subscribeForm .inputbox { border: 1px solid #333; background: #000; padding: 5px; width: 123px; color: #fff; font-size: 1.2em; margin: 8px 5px 0 0; float: left; }
div#middleContent .moduleBox img { border: 1px solid #333; padding: 2px; float: left; margin: 10px; background: #000; }
div#middleContent .moduleBox img.button { padding: 2px; float: left; margin: 40px; border: 0px; background: none; }
div#middleContent .moduleBox img.image { padding: 2px; float: left; margin: 9px; border: 0px; background: none; border: 1px solid #333; }
div#middleContent .moduleBox img.banner { float: left; margin: 16px; border: 0; }
div#middleContent .moduleBox h4 { color: #FFFFFF; font-size: 1.0em; font-weight: bold; margin-top: 10px; }
div#middleContent .moduleBox a.readmore2 { color: #FFFFFF; font-size: .9em; display: block; background: url("../images/readmore2.gif") 58px 5px no-repeat; float: left; padding-right: 10px; }
div#topContent .contentWrap { padding: 6px; width: 530px; }
div#topContent .topleftContentGallery .contentWrap { padding: 6px; width: 872px; }
div#topContent .contentWrap p { color: #fff; }
div#topContent .contentWrap h2 { color: #8c2a87; font-size: 3em; margin-bottom: 10px; }
div#topContent .contentWrap ul.link { margin: 10px 0 15px 0; width: 200px; }
div#topContent .contentWrap ul.link li a { font-size: 1.2em; text-decoration: none; display: block; border-bottom: 1px solid #222; padding: 4px; }
div#topContent .contentWrap ul.link li a:hover { border-bottom: 1px solid #444; }
div#topContent .contentWrap .sideInfo { float: left; margin: 0 15px 5px 0; font-size: 1em; }
div#topContent .contentWrap .sideInfo img { border: 2px solid #333; padding: 3px; }
div#topContent .contentWrap .sideInfo li { background: #222; padding: 5px; margin-bottom: 1px; }
div#topContent .contentWrap .sideInfo li .label { color: #999; }
div#topContent .contentWrap .gmapWrapper { width: 500px; float: left; margin: 10px 0 10px 0; }
div.footer { margin: 0 auto; width: 896px; line-height: 2.5; padding: 5px 10px 0 10px; font-size: 1.2em; color: #444; background: #000; }
div.footer .partnerBox { width: 564px; margin-right: 13px; }
div.footer .partnerBox img { margin: 6px 5px; vertical-align: middle; }
div.footer .shareBox { width: 257px; }
div.footer .shareBox, div.footer .partnerBox { float: left; padding: 5px 15px; }
div.footer .shareBox h3, div.footer .partnerBox h3 { color: #fff; font-size: 1.0em; background: url("../images/footer-header-bg.png") 0% 100% no-repeat; padding-bottom: 8px; }

div#topContent .toprightContent a.but_facebook, div#topContent .toprightContent a.but_hyves { display: block; height: 77px; width: 315px; text-indent: -9999px; margin: 10px 0; }
div#topContent .toprightContent a.but_facebook { background: transparent url("../images/join_facebook.gif") 0 0 no-repeat;}
div#topContent .toprightContent a.but_hyves { background: transparent url("../images/join_hyves.gif") 0 0 no-repeat;}
div#topContent .toprightContent a.but_facebook:hover, div#topContent .toprightContent a.but_hyves:hover { background-position: 0 -77px; }

div.footer .shareBox .social_links { width: 100%; overflow: hidden; height: 30px; margin: 10px 0 0 0; padding: 0;}
div.footer .shareBox .social_links li { float:left; display: inline; margin: 0 10px 0 0; padding: 0; list-style: none;}
div.footer .shareBox .social_links li a { display: block; height: 30px; width: 30px; text-indent: -9999px; background: transparent url("../images/social_icons.png") 0 0 no-repeat;}
#btn_sl_facebook { background-position: 0 0;}
#btn_sl_facebook:hover { background-position: 0 -30px;}
#btn_sl_hyves { background-position: -30px 0;}
#btn_sl_hyves:hover { background-position: -30px -30px;}
#btn_sl_twitter { background-position: -60px 0;}
#btn_sl_twitter:hover { background-position: -60px -30px;}
#btn_sl_delicious { background-position: -90px 0;}
#btn_sl_delicious:hover { background-position: -90px -30px;}
#btn_sl_digg { background-position: -120px 0;}
#btn_sl_digg:hover { background-position: -120px -30px;}
#btn_sl_email { background-position: -150px 0;}
#btn_sl_email:hover { background-position: -150px -30px;}

table#form { margin: 20px 0 10px 0; }
table#form td.label { font-size: 1.2em; vertical-align: middle; width: 150px; }
table#form td.labelTextarea { font-size: 1.2em; vertical-align: top; padding-top: 2px; }
table#form td { padding: 2px; }
table#form .inputbox { border: 1px solid #222; background: #000; padding: 10px; width: 280px; color: #fff; font-size: 1.4em; }
table#form textarea { height: 100px; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; overflow: auto; }
table#form .styledButton,
div#middleContent .moduleBox .styledButton  { background: url("../images/button.png"); width: 125px; height: 40px; border: 0; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 1.2em; padding: 0 0 4px 20px; cursor: pointer; text-align: left; }
table#form .button { background: none; border: 0; color: #8c2a87; font-weight: bold; text-transform: uppercase; font-size: 1.2em; cursor: pointer; text-align: left; margin-right: 28px; }
label.error { font-size: 11px; color: #C00; display: block; float: left; width: 150px; }

.phoneNumbers { float: left; width: 80px; text-align: center; font-size: 1em; margin: 10px 5px; }
.phoneNumbers span { font-weight: bold; color: #8c2a87;  }

.buy-ticket { background-image: url("../images/buytickets_button.png"); }
.win-ticket { background-image: url("../images/wintickets_button.png"); }
a.buy-ticket, a.win-ticket { display: block; width: 253px; height: 83px; float: left; background-position: 0 0; text-indent: -9999em; margin: 0 5px;}
a.buy-ticket:hover, a.win-ticket:hover { background-position: 0 83px; }

.moduleBox a.buy-ticket, .moduleBox a.win-ticket { margin: 20px 17px;}
.routeplanner { padding: 0 10px; }
.routeplanner .field {border: 1px solid #222; background: #000; padding: 10px; width: 280px; color: #fff; font-size: 1.4em; }
.routeplanner .example { font-size: 11px; color: #666; display: block; }
.routeplanner .button { margin: 10px 60px; }
.sorry { font-size: 40px;}

/* BUTTON /////////////////////////////////////////////////////////////////////////////*/
input.button { margin: 0; padding: 0; }

/* PAYLOGIC /////////////////////////////////////////////////////////////////////////////*/
#paylogic body { background: #000; }