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

body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#0ea6e5 url(../images_NewPartyAid/background.gif) repeat-x left top}

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


.clear{ clear: both; }

h1{font-size:24px; font-weight:bold}
h2{font-size:22px; font-weight:bold;}
h3{font-size:18px; font-weight:bold; }
h4{font-size:13px; font-weight:bold; }
h5{font-size:12px; font-weight:bold;}


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


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


/* ---------------- Wrapper-------------- */

#wrapper{ width:972px; height:auto; margin:18px auto 0px; background:url(../images_NewPartyAid/wrapper-bg.png) repeat-y top left}

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


#header{ width:100%;padding:0px; margin:0px;  background:url(../images_NewPartyAid/header_bg.gif) no-repeat top left}

/* ---------------- Logo -------------- */
#logo{ width:250px;padding:20px 0px 20px 25px;}
#logo a{ display:block; width:215px; height:62px;padding:0px; font-size:0px; text-indent:-9999px; outline:none }

.phone{position:absolute!important; margin:0 0 0 810px; top:39px; font-family:'Arial Narrow',Arial, Helvetica, sans-serif; font-size:23px; color:#7f7f7f; }

.email{position:absolute!important; margin:0 0 0 530px; top:43px; font-family:'Arial Narrow',Arial, Helvetica, sans-serif; font-size:23px; color:#7f7f7f; }
h1.slogan{position:absolute!important; margin:0 0 0 240px; text-transform:uppercase; width:730px; text-align:center; top:75px; font-size:26px; color:#000; }


/* ========================================= Middle  ================================================================  */

#middle{ padding:0px 13px;margin:0px;}
#container{padding:12px 0px 0px; width:100%; margin:0px;background:url(../images_NewPartyAid/middle-bg.gif) repeat-x left top}

#left-sidebar{ float:left;width:222px;margin:0px;padding:0px 0px 0px 12px;}
#main{ float:left;width:700px; margin:0px;padding:0px 12px 0 0;}

.content{width:auto;}
.data{width:100%;}
.banner img{ display:block; margin-bottom:12px}



/* =============================== left sidebar ==========================================  */


#left-sidebar img.select{display:block}


/* ---------------- menu-list -------------- */

.menu-list{margin:0px 0px 12px; width:208px}
.menu-list li{ float:left; width:100%; padding:0px; margin:0 0 1px;border:1px solid #a5a5a5}
.menu-list li a{ float:left; width:100%; display:block; color:#333;padding:5px 0px 4px; font-size:12px; font-weight:bold; background:#dedede url(../images_NewPartyAid/menu-bg.gif) repeat-x left bottom;  }	
.menu-list li a:hover{ color:#0097d6; text-decoration:none;background:#ececec url(../images_NewPartyAid/menu-bg-hover.gif) repeat-x left bottom; }
.menu-list li a.active,  .menu-list li a.active:hover{color:#fff;background:#dedede url(../images_NewPartyAid/menu-bg-selected.gif) no-repeat right bottom!important; }	
.menu-list li a span{padding:0 0 0 8px}



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


/* ---------------- welcomeBox -------------- */

.welcomeBox{background:#010101 url(../images_NewPartyAid/welcome-bg.gif) repeat-x left top; color:#fff; padding:8px 12px; margin-bottom:22px}
.welcomeBox h1{font-size:24px; font-weight:bold; margin:0px; padding:0px}


/* ---------------- navBar -------------- */

.navBar{ width:auto;background:#010101 url(../images_NewPartyAid/nav-bar.gif) no-repeat left top; color:#333; padding:13px 16px 0px 12px; height:50px; margin-bottom:12px}

.navBar h1{font-size:24px; font-weight:bold; color:#000000; text-align:center; margin:0px; padding:0px}
.navBar a.btn-prev{ display:block; float:left; font-size:0px; text-indent:-9999px; outline:none;  background:url(../images_NewPartyAid/prev-venue.gif) no-repeat left top; width:108px; height:32px;}
.navBar a.btn-next{ display:block; float:right;font-size:0px; text-indent:-9999px; outline:none;background:url(../images_NewPartyAid/next-venue.gif) no-repeat left top; width:98px; height:32px;}
.navBar a.inactive{background-position:0 -32px}


.venue-section{margin-bottom:15px}
.venue-photo{ float:left; display:block;width:335px;height:278px;padding:0px 15px 0px 6px}
.venue-photo.last{padding:0px}
.venue-photo img{position: absolute;width:335px;height:278px;}
a.photo_corners {width:335px;height:278px;position:relative!important;display: block;background:url(../images_NewPartyAid/round-corner.png) no-repeat left top;}




/* ----------------  Widget -------------- */

.widget{ width:100%; margin:0px 0px 12px; padding:0px;}
.widget .top{background:url(../images_NewPartyAid/widget-tbg.gif) repeat-x 0 0; width:auto; display:block;}
.widget .top .tl{background:url(../images_NewPartyAid/widget-tl.gif) no-repeat 0 0; width:auto; height:10px; display:block}
.widget .top .tr{background:url(../images_NewPartyAid/widget-tr.gif) no-repeat 100% 0; width:auto; height:10px; display:block; font-size:0; }

.widget .essential-top{background:url(../images_NewPartyAid/essential-tbg.gif) repeat-x 0 0; width:auto; display:block;}
.widget .essential-top .tl{background:url(../images_NewPartyAid/essential-tl.gif) no-repeat 0 0; width:auto; height:84px; display:block}
.widget .essential-top .tr{background:url(../images_NewPartyAid/essential-tr.gif) no-repeat 100% 0; width:auto; height:84px; display:block; font-size:0; }
.widget .essential-top .tr img{ margin:28px 0 0 20px}

.widget .bot{background:url(../images_NewPartyAid/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bot .bl{background:url(../images_NewPartyAid/widget-bl.gif) no-repeat 0 0; width:auto; height:14px; display:block}
.widget .bot .br{background:url(../images_NewPartyAid/widget-br.gif) no-repeat 100% 0; width:auto; height:14px; display:block;font-size:0px}
.widget .container{padding:5px 15px 0px; width:auto;background:url(../images_NewPartyAid/widget-bg.gif) repeat-x 0 0; border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;}

.widget .nobg{ background-image:none!important; padding:4px 8px!important}

.widget h1.heading{ font-size:24px; float:left; width:auto; color:#0097d6; padding:0px 0px 10px; margin:0px}


.widget .inner{background:url(../images_NewPartyAid/wheading.png) no-repeat left top; width:100%; float:left}
.widget .inner .content{padding:0px 12px 10px}
.widget h2{ font-size:22px; color:#333; padding:10px 0px 5px; margin:0px}


/* ----------------  btn-planyourparty -------------- */

.btn-planyourparty{ float:right;display:block;margin:0px; width:275px; height:57px; margin:38px 0 0 0;  background:url(../images_NewPartyAid/btn-planyourparty.gif) no-repeat 0 0; font-size:0px; text-indent:-9999px; outline:none}
.btn-planyourparty:hover{background-position:0 -57px}


/* ----------------  venue-details-list -------------- */

ul.venue-details-list{width:370px; float:left; margin-bottom:15px}
ul.venue-details-list li{ float:left; width:100%;margin:0px;padding:0px 0px 8px;}
ul.venue-details-list li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html ul.venue-details-list li{height:1px} /* */

ul.venue-details-list li h2{color:#2E69C5;}
ul.venue-details-list li label{ float:left; width:100px; font-weight:bold}
ul.venue-details-list li span{ float:left; width:270px;}

/* ----------------  venue-details-list1  New for PlanYourParty-------------- */

ul.venue-details-list1{width:290px; float:left; margin-bottom:15px}
ul.venue-details-list1 li{ float:left; width:100%;margin:0px;padding:0px 0px 8px;}
ul.venue-details-list1 li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html ul.venue-details-list1 li{height:1px} /* */

ul.venue-details-list1 li h2{color:#2E69C5;}
ul.venue-details-list1 li label{ float:left; width:100px; font-weight:bold}
ul.venue-details-list1 li span{ float:left; width:270px;}




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


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

ul.essentials-list li{float:left; width:100%;margin:0px 0px 2px;padding:6px 0px; background:#daf4ff;}
ul.essentials-list li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html ul.essentials-list li{height:1px} /* */

ul.essentials-list li.alt{ background:#f1f1f1}

ul.essentials-list li.title{background:#4ab3ed url(../images_NewPartyAid/title-bg.gif) no-repeat left top; margin:8px 0px 2px; padding:0px}
ul.essentials-list li h5{ font-size:16px; color:#fff; padding:2px 10px 0px; font-weight:bold; line-height:28px}

ul.essentials-list li h2{color:#2E69C5}
ul.essentials-list li label{ float:left; width:200px; color:#333; font-weight:bold; padding:0 0 0 10px}
ul.essentials-list li span{ float:left; width:460px; color:#333}






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

#footer{padding:10px 0px 0px; width:972px; height:auto; margin:0px auto;background:url(../images_NewPartyAid/footer-bg.png) no-repeat left top}
#footer .logo{width:140px; float:left; display:block; height:40px; margin:0 0 0 40px; padding:20px 0 0;font-size:0px; line-height:0px;}
#footer .copyright{ float:right; text-align:right; width:400px; font-size:10px; color:#a2a2a2; text-transform:uppercase;margin-top:8px; padding: 0 26px 0 0}


/* ==============================================  Modal Popup ===========================================================  */

.modalBackground 
{
   
	background-color: Gainsboro;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: Gainsboro;
	border-width:3px;
	border-style:solid;
	border-color: Black ;
	padding:5px;
	width:250px;
}