/* ======================================== Generic elements =================================================================  */

body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; background:#898988 url(http://www.pubcrawls.com/images/bg_gradient.png) repeat-x left top}

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
p{line-height:17px}
ul,ol { list-style: none; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555}
a{color:#029a02; text-decoration:none; outline:none}
a:hover{color:#555; text-decoration:none}
a img{border:0}

.clear{ clear:both;}


#wrapper:after,#header:after,#middle:after, #footer:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }


/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */


.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:100%;}
.data{width:auto}	

h1{font-size:26px;font-weight:bold; padding:0px; margin:10px 0 8px;}
h2{font-size:22px; padding:0 0 8px;}
h3{font-size:18px; }
h4{font-size:15px; font-weight:bold }
h5{font-size:12px; font-weight:bold;}
h6{font-size:20px; font-weight:bold;}
p{padding:0 0 8px}
.para{font-size:14px}


/* ======================================== Wrapper ========================================================  */

#wrapper{ width:1000px; height:auto; margin:15px auto 0;}

/* ======================================== Header ==========================================================  */

#header-container{ width:100%;padding:27px 0px 0px; height:auto;background:url(http://www.pubcrawls.com/images/outer-top.png) no-repeat left top    }
#header{ width:980px; padding:0px 10px; margin:0; height:215px!important;background:url(http://www.pubcrawls.com/images/outer-bg.png) repeat-y left top  }
#header .content{ width:980px; background:#e7e7e7; height:150px}

/* ---------------- Header Logo -------------- */

#logo{ position:absolute!important; z-index:100; width:270px;margin:-40px 0 0 -35px; }


/* ---------------- slideshow -------------- */

#header-slideshow{ position:absolute!important; width:270px;margin:-14px 0 0 230px; width:490px; height:163px; background:url(http://www.pubcrawls.com/images/slide-grad.png) no-repeat left top  }
#header-slideshow .slide-photo{ float:left; display:block;width:490px; height:163px;}
#header-slideshow .slide-photo .flash-slide{position: absolute;width:490px; height:163px;}
#header-slideshow span.slide_grad {width:490px; height:163px; padding:0; margin:0;position:relative!important;display: block;background:url(http://www.pubcrawls.com/images/slide-grad.png) no-repeat left top;}



/* ---------------- Top Links -------------- */

ul.top-links{  float:right; padding:0px 10px 0 0;width:230px; height:100px}
ul.top-links li{ float:right}
ul.top-links li a{ color:#555; display:block;width:auto; font-size:18px;  }
ul.top-links li a:hover{ color:#029a02;}
ul.top-links li a.help{ background:url(http://www.pubcrawls.com/images/icon-help.gif) no-repeat right top; padding:6px 35px 6px 0px;  }
ul.top-links li a.contact{ background:url(http://www.pubcrawls.com/images/icon-contact.gif) no-repeat right 6px; padding:4px 35px 4px 0px;  }
ul.top-links li h1{padding:0; margin:0; font-size:28px}


/* ---------------- menubar -------------- */

.menubar{ float:left;width:980px;height:60px; margin-top:50px;padding:0px;background:url(http://www.pubcrawls.com/images/menubar-bg.gif) repeat-x 0px 0px;}
.menu-links{ float:right; width:auto; margin:0px;padding:0px 20px 0 0; }
.menu-links li{float:left;width:auto;}
.menu-links li a{margin:0px; color:#fff; float:left; padding-right:5px;width:auto;background:url(http://www.pubcrawls.com/images/menu-bg.gif) no-repeat 100% 0px;}
.menu-links li a span{float:left;display:block; width:auto;padding:8px 12px 9px 18px;font-size:16px; text-transform:uppercase; font-weight:bold;color:#fff;white-space:nowrap;cursor:pointer;}

.menu-links li a img{margin:16px 7px 0 0px}
.menu-links li a:hover, .menu-links li a.selected{color:#333!important;background:url(http://www.pubcrawls.com/images/menu-bg.gif) no-repeat 100% -38px!important;}
.menu-links li a:hover span, .menu-links li a.selected span{color:#333!important;}

/* ----------------Style for Drop Down Menu -------------- */

.dropmenudiv{position:absolute;top:0;border: 1px solid #ccc; border-top:none;line-height:18px;z-index:100;background-color:#eee;width: 200px;visibility: hidden;}	
.dropmenudiv a{width: auto;display: block;text-indent: 8px;border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 5px 0;text-decoration: none;font-weight: bold;color: #333;}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;}
.dropmenudiv a:hover{background:#029c02!important; color:#fff; text-decoration:none}



/* =================================== Middle Container Structure ===============================================  */

#middle-container{ width:100%; height:auto; padding:0px; background:url(http://www.pubcrawls.com/images/outer-bg.png) repeat-y left top  }
#middle{ width:952px; padding: 0px 24px; margin:0px auto;}

#main{ float:left;width:638px;}
#right-sidebar{ float:left;width:302px;margin-left:12px; }

/* ---------------- breadcrumb -------------- */

.breadcrumb{ width:952px;margin:0px auto 8px; font-size:12px}
.breadcrumb a{line-height:12px}
.breadcrumb span{ padding:0px 5px; font-size:13px; font-weight:bold}
.breadcrumb a.current{ color:#555;line-height:12px}


/* =================================== main ======================================  */



/* ----------------  widget-grad -------------- */

.widget-grad{ width:100%;  margin:0px 0px 12px; padding:0px;background:url(http://www.pubcrawls.com/images/grad.gif) repeat-x 0 0;}
.widget-grad h2.head{color:#fff; font-size:24px;font-weight:bold; padding:11px 0 10px 16px;}
.widget-grad .container{padding:15px 12px 5px;width:auto; margin:0px 12px;background:#fff;}
.widget-grad .content{width:100%;}

.map{ float:right; padding:0px 0px 10px 10px; background:#fff; margin:0 0 10px 10px }

.details{ display:block;  }
.details h4.title{ font-size:14px; color:#ff7d26;background:#f6f6f6;padding:5px; margin-bottom:3px;  text-transform:uppercase }
.details .values{ padding-left:5px; margin-bottom:5px }
.details b{ font-size:14px}


/* ----------------  widget -------------- */

.widget{ width:100%;  margin:0px 0px 12px; padding:0px;}
.widget .tophead{background:url(http://www.pubcrawls.com/images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .tophead .tl{background:url(http://www.pubcrawls.com/images/widget-tl.gif) no-repeat 0 0; width:auto;height:53px; display:block}
.widget .tophead .tr{background:url(http://www.pubcrawls.com/images/widget-tr.gif) no-repeat 100% 0; width:auto; height:53px; display:block; }
.widget .tophead .tr h2.head{color:#fff; font-size:24px;font-weight:bold; padding:11px 0 0 16px;}
.widget .tophead .tr a.more{ float:right;color:#fff; font-size:13px;font-weight:bold; padding:0px 0 0 14px; background:url(http://www.pubcrawls.com/images/more-icon.gif) no-repeat 0 3px; margin:-22px 10px 0 }
.widget .tophead .tr a.more:hover{text-decoration:underline}

.widget .tophead .tr a.buytickets{ float:right; width:112px; height:31px; font-size:0px;background:url(http://www.pubcrawls.com/images/btn-buytickets.gif) no-repeat 0 0px; margin:-30px 10px 0 }
.widget .tophead .tr a.buytickets:hover{ background:url(http://www.pubcrawls.com/images/btn-buytickets.gif) no-repeat 0 -31px; }

.widget .tophead .tr p.viewmap{ float:right; width:118px; height:31px;margin:-30px 0px 0 }



.widget .bot{background:url(http://www.pubcrawls.com/images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bot .bl{background:url(http://www.pubcrawls.com/images/widget-bl.gif) no-repeat 0 0; width:auto;  display:block}
.widget .bot .br{background:url(http://www.pubcrawls.com/images/widget-br.gif) no-repeat 100% 0; width:auto; height:12px; display:block;font-size:0px}

.widget .bot-green{background:url(http://www.pubcrawls.com/images/widget-green-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bot-green .bl{background:url(http://www.pubcrawls.com/images/widget-green-bl.gif) no-repeat 0 0; width:auto;  display:block}
.widget .bot-green .br{background:url(http://www.pubcrawls.com/images/widget-green-br.gif) no-repeat 100% 0; width:auto; height:12px; display:block;font-size:0px}


.widget .container{padding:10px 10px 5px;width:auto;background:#fff; border-left:2px solid #dddddd; border-right:2px solid #dddddd}
.widget .content{width:100%;}




/* ---------------- city-widget -------------- */


.city-widget{width:100%; background:url(../images/city-bot-bg.gif) no-repeat left bottom; padding:0 0 12px}
.city-widget ul{}
.city-widget ul li{ }
.city-widget ul li a{display:block; color:#fff; font-size:28px; padding:20px 0px 0px 10px; font-weight:bold; width:286px; height:48px; border:2px solid #dcdcdc; border-bottom:none}
.city-widget ul li a:hover{color:#029a02}
.city-widget ul li a.your-city{background:url(../images/crawl-your-city.gif) no-repeat left top; font-size:0px; text-indent:-99999px; width:300px; padding:0px; height:74px; border:none}
.city-widget ul li a.newyork{background:url(../images/city-newyork.gif) no-repeat left top; }
.city-widget ul li a.losangeles{background:url(../images/city-los-angeles.gif) no-repeat left top; }
.city-widget ul li a.chicago{background:url(../images/city-chicago.gif) no-repeat left top; }
.city-widget ul li a.philadelphia{background:url(../images/city-philadelphia.gif) no-repeat left top; }
.city-widget ul li a.vancouver{background:url(../images/city-vancouver.gif) no-repeat left top; }

.change-city{display:block; padding:0px;width:300px;height:74px;background:url(../images/change-your-city.gif) no-repeat left top; font-size:0px; text-indent:-9999px}




/* ---------------- backgroundPopup -------------- */

#backgroundPopup{display:none;position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:1;}

#popupContact{display:none;position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:500px;width:528px; color:#171717;background:#FFFFFF;border:2px solid #dadada;z-index:2;padding:12px;}

#popupContact a{color:#029a02; text-decoration:none; outline:none}
#popupContact a:hover{color:#000; text-decoration:none}

#popupContact h1{color:#fff; background:#000;padding:3px 10px 5px; font-size:22px;margin:0 0 15px 0;}
#popupContact h3{ font-size:16px;color:#000;font-weight:700;border-bottom:1px solid #dadada;padding-bottom:2px;margin:10px 0px;}

#popupContactClose{font-size:0px; text-indent:-9999px;float:right; width:30px; height:30px; background:url(../images/closebox.png) no-repeat left top; margin:-10px -10px 0 0; font-weight:700;display:block;cursor:pointer}

#popupContact .city-inbox{width:300px; border:2px solid #dadada; height:20px; padding:3px 5px; font-size:16px; font-weight:bold; margin:5px 0 10px}
#popupContact .col{ float:left;width:160px; margin-left:5px;margin-right:5px;}
#popupContact .col li{float:left;width:160px;margin:0 0 2px; padding:0;}
#popupContact .col li a{ float:left  }


/* ---------------- ticket-widget -------------- */

.ticket-widget{width:300px; background:url(http://www.pubcrawls.com/images/buy-ticket-bot.gif) no-repeat left bottom; padding:0 0 11px}
.ticket-widget .head{width:100%; background:url(http://www.pubcrawls.com/images/buy-ticket-head.gif) no-repeat left bottom; height:79px; font-size:0; text-indent:-9999px}
.ticket-widget .content{ background:#039b03;}
.ticket-widget .row{ width:100%; float:left; cursor:pointer;background:url(http://www.pubcrawls.com/images/buy-ticket-bg.gif) repeat-y 2px 0; border-bottom:2px solid #039b03}
.ticket-widget .row:hover{background:url(http://www.pubcrawls.com/images/buy-ticket-bg-ov.gif) repeat-y 2px 0; }
.ticket-widget a{color:#555!important}
.ticket-widget em{color:#039b03}


.ticket-widget h3{font-weight:bold; font-size:16px}
.ticket-widget .event-date{width:192px; float:left; padding:10px 0px 10px 8px}
.ticket-widget .price{width:30px; float:left; font-weight:bold; padding:10px 0px 10px 0px; text-align:center}
.ticket-widget a.buynow{width:62px; margin-top:10px; display:block;float:left; background:url(http://www.pubcrawls.com/images/btn-buynow.gif) no-repeat 0 0; height:20px; text-indent:-9999px; font-size:0}
.ticket-widget a.buynow:hover{background:url(http://www.pubcrawls.com/images/btn-buynow.gif) no-repeat 0 -20px; height:20px; text-indent:-9999px; font-size:0}

p.view-all{background:#161816; height:20px;width:100%; float:left}
p.view-all a.more{ float:right; display:block; padding:0px 0 0 18px; background:url(http://www.pubcrawls.com/images/more-left.gif) no-repeat 0 0px; margin:0px 10px 0 }
p.view-all a.more span{background:url(http://www.pubcrawls.com/images/more-right.gif) no-repeat 100% 0px;color:#fff!important; display:block; padding:0 10px 0 5px; line-height:22px;font-size:12px;font-weight:bold;}
p.view-all a.more:hover span{ color:#000!important}


/* ---------------- slideshow -------------- */

.slideshow{ background:#d5ecd4; height:460px;}
#slideshow-content { overflow:hidden; position: absolute; margin:70px 0 0 10px; background:#fff; padding:10px; width:595px; height:370px }
#slideshow-content .ui-els-hide { display: none}

.slide-photos{ position:absolute; width:250px; height:370px; border-right:1px solid #ddd}
.desc{ position:absolute;left:0px; margin:0 0 0 270px;width:335px; padding:6px 0px 0px;height:326px;}
.desc h3{color:#029a02; font-size:22px; line-height:24px; margin-bottom:5px; font-weight:bold; padding:0px;}
.desc h5{font-size:15px; font-weight:bold; padding:0px; margin-bottom:10px}
.desc h5 span{ font-weight:normal}

p.info{font-weight:bold; padding:5px 0px;}


p.info.head{ font-size:14px; color:#999;background:#f4f4f4; height:15px; padding-left:5px; text-transform:uppercase }
p.info .where{ display:block; float:left; width:230px; padding-left:5px; }
p.info .when{ display:block; text-align:right; float:left; width:80px;padding-left:5px; }


#thumbs{position:absolute; margin-top:-6px;width:634px; height:60px; z-index:1;}
#thumbs li {display:inline; float:left; width:auto; margin:0; padding-right:2px;background:url(http://www.pubcrawls.com/images/slideshow-nav-div.gif) no-repeat right top;}
#thumbs li.last{background:none; padding:0}
#thumbs li a{display:block; width:210px; height:48px; padding-top:14px; font-size:16px; text-align:center; background:url(http://www.pubcrawls.com/images/slideshow-nav-bg.gif) repeat-x left top; color:#000;
}

#thumbs li a:hover {background:url(http://www.pubcrawls.com/images/slideshow-nav-bg-over.gif) repeat-x left top;color:#fff; }
#thumbs li a.current {background:url(http://www.pubcrawls.com/images/slideshow-nav-bg-current.gif) no-repeat center top;color:#fff; height:56px }

p.slide-btns{ position:absolute;width:335px; margin:336px 0 0 328px}
p.slide-btns a{ margin-right:10px}


/* ----------------  events-page data -------------- */

#event-content {  margin:0px; background:#fff; padding:15px 0; }
.event-photos{ float:left;width:250px;padding:0px 15px 0px 15px; margin:0px 15px 0 0; border-right:1px solid #ddd}
.event-photos img{ display:block;}

.event-desc{ float:left; width:315px; padding:6px 0px 0px;}
.event-desc h3{color:#029a02; font-size:22px; line-height:24px; margin-bottom:5px; font-weight:bold; padding:0px;}
.event-desc h5{font-size:15px; font-weight:bold; padding:0px; margin-bottom:10px}
.event-desc h5 span{ font-weight:normal}



/* ----------------  events-data -------------- */

.events{width:100%;padding:12px 0px; margin-bottom:12px;  border-bottom:1px solid #ddd; }
.events.main{width:100%;background:#fff;  border:0; margin:0 }

.events .col1,.events .col2, .events .col_1,.events .col_2{float:left; width:auto }
.events .col1{width:236px;}
.events .col2{width:370px;padding:5px 0 0 5px;}
.events .col_1{width:255px; padding:0 0 0 10px}
.events .col_2{width:336px;padding:5px 10px 0 0px;}

.events .col_1 img{width:234px;}


.events img{float:left;padding:3px; margin-right:8px; border:1px solid #CECECE; background:#FFFFFF}
.events a:hover img{float:left;padding:3px; margin-right:8px; border:1px solid #CECECE; background:#049b04}

.events h2{font-size:18px; font-weight:bold;margin-bottom:10px; border-bottom:1px solid #ddd}
.events p.label{font-size:13px; color:#999999;margin-bottom:5px; }

.events p{ padding:0px 0px 2px; margin:0px}
.events .field{ float:left;width:130px; color:#666666; display:block}

p.starthere-btn{float:right; width:auto; margin:-8px 0 0 5px}
p.event-btns{float:right; width:auto; margin:10px 0 0 5px}

/* ----------------  reg-deatils -------------- */

.reg-deatils{margin-bottom:10px}
.events .head.row{ background:#3b3b3b!important; color:#fff!important; font-weight:bold; padding:2px 0px}
.events .row{
	border-bottom:1px solid #e3e3e3;
	width:100%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.events .col-1,.events .col-2,.events .col-3,.events .col-b{float:left; width:auto; padding:4px 2px 4px 4px }
.events .col-1{width:135px;}
.events .col-2{
	width:70px;
	padding-right: 5px;
}
.events .col-3{width:62px; padding:2px 0px 2px}
.events .col-b{width:100px; padding:2px 5px;}


.events a.buynow{width:62px;display:block;float:left; background:url(http://www.pubcrawls.com/images/btn-buynow.gif) no-repeat 0 0; height:20px; text-indent:-9999px; font-size:0}
.events a.buynow:hover{background:url(http://www.pubcrawls.com/images/btn-buynow.gif) no-repeat 0 -20px; height:20px; text-indent:-9999px; font-size:0}



/* ----------------  buttons -------------- */

.roundBtn {cursor:pointer; padding:0px 10px 0 0;background:url(http://www.pubcrawls.com/images/button.gif) no-repeat right top; vertical-align:middle;height:33px;display:block;float:left;width:auto}
.roundBtn span { padding:0px 0px 0 10px;background:url(http://www.pubcrawls.com/images/button.gif) no-repeat left top; height:33px;color:#FFFFFF;font-weight:bold;font-size:15px; text-transform:uppercase;display:block;display:inline-block;line-height:32px; white-space:nowrap}
a.roundBtn:hover {background:url(http://www.pubcrawls.com/images/button.gif) no-repeat 100% -33px;}
a.roundBtn:hover span {background:url(http://www.pubcrawls.com/images/button.gif) no-repeat 0 -33px;}


/* ----------------  black-btn -------------- */

.black-btn {cursor:pointer; float:right; padding:0px 10px 0 0;background:url(../images/black-btn.gif) no-repeat right top; vertical-align:middle;height:31px;display:block;float:left;width:auto}
.black-btn span { padding:0px 0px 0 10px;background:url(../images/black-btn.gif) no-repeat left top; height:31px;color:#FFFFFF;font-weight:bold;font-size:15px; text-transform:uppercase;display:block;display:inline-block;line-height:32px; white-space:nowrap}
a.black-btn:hover {background:url(../images/black-btn.gif) no-repeat 100% -31px;}
a.black-btn:hover span {background:url(../images/black-btn.gif) no-repeat 0 -31px;}



/* ===================================  Right Sidebar  ===========================================================  */


/* ----------------  thumb-grid -------------- */	

#thumb-grid { }
#thumb-grid ul{margin:0}
#thumb-grid li{float:left;display:inline;position:relative;width:95px;height:93px;padding:0px; margin:0px}
#thumb-grid a img{float:left;display:block;position:relative;width:80px;height:80px; border:1px solid #ddd;padding:2px; margin:0px}
#thumb-grid a:hover img{border:1px solid #ddd; background:#049b04}


.social-icons{text-align:center}
.social-icons img{ margin:0 5px;}


.social-icons{text-align:center; padding:10px 0 0}
.social-icons img{ margin:0 5px;}

.social-icons p{ display:block; width:55px!important; float:left;
text-align:center; height:70px; margin:0; padding:0 8px}

.SocialLinks{ position:relative; float:left; border:solid 1px #CCC;
position: fixed; left: 50%; top: 350px; margin-left: -570px;}
.SocialLinks .social-icons{text-align:center; padding:10px 0 0}
.SocialLinks .social-icons img{ margin:0 5px;}
.SocialLinks .social-icons p{ display:block; width:55px!important;
text-align:center; height:70px; margin:0; padding:0 8px; float:none;}


/* ----------------  photo-container -------------- */	

.photo-container{width:952px; margin:0 auto 12px;background:url(http://www.pubcrawls.com/images/photo-container-bg.gif) repeat-x 0 0;  display:block}
.photo-container .cleft{background:url(http://www.pubcrawls.com/images/photo-container-left.gif) no-repeat 0 0; width:auto;height:299px; display:block}
.photo-container .cright{background:url(http://www.pubcrawls.com/images/photo-container-right.gif) no-repeat 100% 0; width:auto; height:299px; display:block; }
.photo-container .data{ padding:10px}

.venue-photo{ float:left; display:block;width:300px;height:270px;padding:0px 4px 0px 6px}
.venue-photo.last{padding:0px 0 0 6px}
.venue-photo img{position: absolute; margin:10px 0 0 9px;width:284px;height:254px;}
span.photo_corners {width:300px;height:272px;position:relative!important;display: block;background:url(http://www.pubcrawls.com/images/round-corner.png) no-repeat left top;}




#ticketbar{margin-top:-6px;width:100%; height:65px; padding:8px 0 0;background:url(http://www.pubcrawls.com/images/black-grad.gif)}
#ticketbar h3{ float:left; width:160px; padding:18px 0 0 10px; color:#fff}
#ticketbar ul{ float:left}
#ticketbar li{display:block;float:left;margin:0;padding:0; width:auto}

#ticketbar li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html #ticketbar li{height:1px} /* */

#ticketbar a{float:left;background:url(http://www.pubcrawls.com/images/tab-left.gif) no-repeat 0 0;margin:0 0 0 6px; padding:0 0 0 9px;width:auto}
#ticketbar a span{float:left;display:block; text-align:center;background:url(http://www.pubcrawls.com/images/tab-right.gif) no-repeat 100% 0;
padding: 8px 35px 2px 26px;font-size:16px;color:#000;font-weight:bold;cursor:pointer;width:auto; height:48px}
#ticketbar a strong{font-size:20px}

#ticketbar a.current, #ticketbar a:hover{ background-position:0 -58px!important; }
#ticketbar a.current span, #ticketbar a:hover span{background-position:100% -58px; color:#000;}



/* ----------------  steps -------------- */

.steps{ float:left;width:378px;}
.specials{float:right; width:250px!important;padding:0px;}

.step-box{ width:355px; margin:0 0 12px;background:#eaeaea url(../images/step-box-bot.gif) no-repeat left bottom; padding:0 0 20px}
.step-box .content{background:url(../images/step-box-top.gif) no-repeat left top; padding:0}
.step-box .step{ float:left;width:340px; padding:9px 8px 12px!important; margin:15px 0 0;background:url(../images/step-bg.gif) no-repeat left top;}
.step-box span{float:left; display:block;font-size:25px; font-weight:bold; letter-spacing:-1px; width:84px; color:#fff}
.step-box h2{float:left; width:245px;font-size:17px;font-weight:bold; color:#000;padding:6px 0 0; margin:0;}
.step-box h2.single{float:left; width:245px;font-size:17px;font-weight:bold; color:#000;padding:0px; margin:0;}

.step-box p{ clear:both;padding:0px 10px 0;margin:0px; color:#333; font-size:14px}



/* ---------------- specials-widget -------------- */

.specials-widget{ width:100%;  margin:0px 0px 12px; padding:0px;}
.specials-widget .tophead{background:url(../images/specials-widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.specials-widget .tophead .tl{background:url(../images/specials-widget-tl.gif) no-repeat 0 0; width:auto;height:85px; display:block}
.specials-widget .tophead .tr{background:url(../images/specials-widget-tr.gif) no-repeat 100% 0; width:auto; height:85px; display:block; }
.specials-widget .tophead .tr h2.head{color:#fff; font-size:24px;font-weight:bold; padding:11px 0 0 16px;}
.specials-widget .tophead .tr h2.heading{color:#fff; font-size:18px;font-weight:bold; padding:11px 0 0 16px;}

.specials-widget .bot{background:url(../images/specials-widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.specials-widget .bot .bl{background:url(../images/specials-widget-bl.gif) no-repeat 0 0; width:auto;  display:block}
.specials-widget .bot .br{background:url(../images/specials-widget-br.gif) no-repeat 100% 0; width:auto; height:10px; display:block;font-size:0px}

.specials-widget .container{padding:0px 0px 5px;width:auto;background:#ffcc25;}
.specials-widget .content{width:100%;}

.specials-widget .row{border-bottom:1px solid #333; color:#000; width:100%; padding:4px 0px}
.row:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .row{height:1px} /* */

.specials-widget .row h1{float:left; width:auto; font-size:39px; margin:0px; padding:0px 10px}
.specials-widget .row h3{ float:left; width:auto; padding:10px 0 0; margin:0}
.specials-widget .row h3 span{ font-size:13px; font-weight:bold}
.note{ font-size:11px; color:#666; line-height:14px}



/* ---------------- listing -------------- */

.listing{ border-bottom:1px solid #c4c4c4; margin:0 0 10px}
.listing li{background:url(../images/circle-bullet.gif) no-repeat 0 2px; padding:0px 0px 5px 18px; font-size:12px }


/* ----------------  faq section -------------- */
	

.faq a.menuitem{display: block;position: relative; width: auto;padding: 6px 5px 5px 6px;border-bottom:1px solid #e2e3e5}

.faq a.menuitemup{background:#029a02;display: block;position: relative;width: auto;padding: 6px 5px 5px 6px;border-bottom:1px solid #e2e3e5	}

.faq a.menuitem span{display:block;padding:0 10px 0 26px;line-height:30px; font-size:18px;background: url(../images/arrow-bullet.gif) no-repeat 0 5px #FBFBFB}

.faq a.menuitemup span{display:block;padding:0 10px 0 26px;line-height:30px; color:#fff; font-size:18px;background:#029a02 url(../images/arrow-bullet-active.gif) no-repeat 0 5px ;}
.faq a.menuitem:hover{}
.faq div.submenu{ border:none;}
.faq div.submenu ul{margin: 0;padding: 0;}
.faq div.submenu ul li{border-bottom: 1px solid #E9E9E9; margin-bottom:2px;}
.faq .ques-icon{font-size:22px; padding:2px 5px 0 0; font-weight:bold; margin:0;}

.faq div.submenu ul li span{display:block;font-size:16px;font-weight:bolder; padding:2px 5px 5px 10px;cursor: pointer;color:#555; background:#f1f1f1;}
.faq div.submenu ul li span:hover{background: #f1f1f1}
.faq div.submenu ul li span.active{color:#555; background:#e9f8e8;}

.faq div.submenu ul li p{font-style:normal;color:#555; background:#e9f8e8; padding:5px 10px 10px }




/* ==============================================  Footer   ===========================================================  */

#footer-container{width:100%;height:auto;padding:0px 0px 26px!important; margin:0;background:url(http://www.pubcrawls.com/images/outer-bot.png) no-repeat left bottom!important}
#footer{ width:1000px; background:url(http://www.pubcrawls.com/images/outer-bg.png) repeat-y left top}
#footer .content{ width:980px; padding:0px; margin:0 auto; font-size:12px;color:#fff;background:url(http://www.pubcrawls.com/images/footer-bg.gif) repeat-x left top}

/* ---------------- column -------------- */
#footer .column{width:223px; float:left; padding:20px 0 10px 20px;  }
#footer .column.upevents{width:223px;}

#footer .column a{color:#fff}
#footer .column a:hover{color:#029a02;}
#footer .column h4{font-size:15px; margin-bottom:8px; text-transform:uppercase}


/* ---------------- List -------------- */

#footer .list{width:100%; padding:0px; margin:0px 0px 0px}
#footer .list:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html #footer .list{height:1px} /* */

#footer .list li{width:100%;margin:0px;padding:0px 0px 8px;}
#footer .list li a{color:#fff; position:relative}

/* ---------------- footer-bar -------------- */

#footer .footer-bar{ height:20px; padding:5px 10px 0px; color:#666;background:url(http://www.pubcrawls.com/images/footer-bar.gif) repeat-x left top}
#footer .footer-bar .links li{display:inline}
#footer .footer-bar .links li a{ color:#333; padding:0 5px}
#footer .footer-bar .links li a:hover{color:#029a02;}

#footer .copyright{ color:#959595; font-size:11px; background:url(http://www.pubcrawls.com/images/footer-bot.gif) repeat-x left bottom; text-align:center;padding:12px 0px 0px;}