﻿body 
{
	padding:0px;
	margin:0px;
	text-align:center;
	background-color:#101010;	
}
.col1
{
    float:left;
    
    width:150px;height:35px;
}
.col2
{
    float:left;
    
    width:364px; height:35px;
}

.col3
{
    width:364px; height:100px; float:left;
}

.col4
{
    width:364px; height:140px; float:left;
}

.col5
{
    width:515px; float:left;
}
.col11
{
    float:left;    
    width:150px;
}
.col22
{
    float:left;
    
    width:364px;
}
div#logo
{
    margin-left:40px;
    margin-top:20px;
    float:left;
}
.logo
{
    Width:178px; 
    Height:74px;
}
.OfferListDivContainer 
{
    height:auto; width:auto; float:left;
}
div#twit
{
    margin-left:395px;
    margin-top:18px;
    height:76px;
    width:400px;
    float:left;
}
.smallSep
{
    Width:181px;
    Height:1px;
    border-width:0px;
    padding:0px 0px 0px 0px;
    margin:3px 0px 3px 0px;
    display:block;
}
.twit
{
    Width:57px; 
    Height:39px;
    margin-top:16px;
}
div#twit-L
{
    background-image:url(../../images/twitter-L.gif);        
    width:23px;
    height:76px;
    float:left;
}
div#twit-C
{
    border-top:solid 1px #252525;  
    border-bottom:solid 1px #252525;
    background-color:#000000;  
    width:280px;
    height:74px;
    float:left;
}
div#twit-R
{
    background-image:url(../../images/twitter-R.gif);        
    width:8px;
    height:76px;
    float:left;
}
.joinBtn
{
    width:192px;
    height:46px;
    border:none 0px #000000;
    margin-left:335px;
    margin-top:12px;
}
.map
{
    Width:188px;
    Height:314px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 6px 0px;
    display:block;
}
.lrg-seperator
{
    Width:514px;
    Height:1px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:10px 0px 10px 0px;
    display:block;
}
.shopOnline
{
    Width:188px;
    Height:110px;
    border-width:0px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 6px 0px;
    display:block;
}
.tripPlanner
{
    Width:188px;
    Height:96px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 6px 0px;
    display:block;
}
.btnTitle
{
    Width:188px;
    Height:36px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.btnNewsletter
{
    width:40px;
    height:24px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    vertical-align:middle;
    
}
.input
{
    height:17px;
    width:125px;
    color:#181818;
}
.gayIcon
{
    Width:188px;
    Height:110px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 6px 0px;
    display:block;
}


.compIcon
{
    Width:188px;
    Height:110px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 6px 0px;
    display:block; float:left;
}
div#Top
{
	width:1020px;
	margin-left:auto;
    margin-right:auto;
    text-align:left;
	clear:both;
	height:111px;
	overflow:hidden;
	background-image:url(../../images/gay/header.jpg);
    overflow:hidden;
	background-repeat:no-repeat;
	background-position:top;
} 
div#nav
{
	width:100%;
    clear:both;
    float:left;
    height:26px;
    padding-top:14px;
    background-image:url(../../images/grad-background.gif);
    overflow:hidden;
	background-repeat:repeat-x;
	background-position:top;
}
div#contentarea
{
	width:100%;
    clear:both;
    float:left;
    background-image:url(../../images/grad-background.gif);
    overflow:hidden;
	background-repeat:repeat-x;
	background-position:top;
}
div#main
{
    width:950px;
	margin-left:auto;
    margin-right:auto;
    text-align:left;
	clear:both;
}
div#footer
{
	width:100%;
    clear:both;
    float:left;
    height:40px;
    background-image:url(../../images/grad-background.gif);
    overflow:hidden;
	background-repeat:repeat-x;
	background-position:top;
	margin-top:40px;
}
div#rightbar
{
    width:188px;
    float:right;
    margin-top:40px;
}
div#LEFT
{
    width:750px;
    float:left;
}
div#leftbar
{
    width:188px;
    float:left;
    margin-top:39px;
}
div#contentbar
{
    width:550px;
    float:right;
    margin-top:40px;
    margin-left:12px;
}
div#bannerTop
{
    float:left;
    height:75px;
    width:550px;
    clear:both;
}
div#banner
{
    float:left;
    height:63px;
    width:550px;
    height:185px;
    clear:both;
}
div#bannerBottom
{
    background-image:url(../../images/gay/banner-bottom.jpg);
    float:left;
    height:63px;
    width:550px;
    clear:both;
}
div#Newsletter
{
    background-image:url(../../images/gay/newsletter.jpg);
    float:left;
    height:36px;
    width:183px;
    clear:both;
    overflow:hidden;
    background-repeat:no-repeat;
    padding-top:70px;
    padding-left:5px;
margin-bottom:7px;
}
.hrWrapper
{
    margin:8px 0px 1px 0px;
    height:1px;
    width:550px;
    overflow:hidden;
    background-color:#444444;
}

.textarea
{
    width:514px;
    padding-top:16px;
    padding-left:18px;
    padding-right:18px;
    padding-bottom:18px;
    float:left;
    background-image:url(../../images/overlay.png);
    background-repeat:no-repeat;
    background-position:top;
}
.textarea1
{
    width:514px;
    padding-top:16px;
    padding-left:18px;
    padding-right:18px;
    padding-bottom:0px;
    float:left;
    background-image:url(../../images/overlay.png);
    background-repeat:no-repeat;
    background-position:top;
}
.textarea-bg
{
    background-color:#2d2d2d;
}
.pattern-top
{
    width:550px;
    float:left;
    background-color:#2d2d2d;
    background-image:url(../../images/pattern-top.gif);
    background-repeat:no-repeat;
    background-position:top left;
}
.pattern-bottom
{
    width:550px;
    float:left;
    background-image:url(../../images/pattern-bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom right;background-color:#2d2d2d;
}
.clear
{
    clear:both;
}
.arial2GB
{
    color:#8a8a8a;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
.arial12G2B
{
    color:#d3b550;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
div#links
{
    width:950px;
	margin-left:auto;
    margin-right:auto;
    text-align:left;
	clear:both;
	line-height:27px;
}

div#links a,a:visited
{
    text-decoration:none; 
}

.facebookDiv
{
    margin-left:15px;
    margin-top:5px;
 
}
.twitterDiv
{
    margin-left:10px;
    margin-top:5px;

}
.float-left
{
	float:left; 
}
/******************/

.OfferDynamicDiv
{
	width:549px; height:172px;
}
.OfferDynamicImg
{
	width:549px; height:172px;
}

.OfferMainDiv
{
	width:549px;  float:left;background-color:#2d2d2d;margin-top:10px;
}

.OfferListDiv
{
	width:250px; float:left; margin-top:10px; margin-left:15px;
}

.OfferListDiv .OfferLogo
{
	float:left; width:115px; 
}

.OfferDetailDiv
{
	width:250px; float:left;
}
.OfferName
{
	width:250px; line-height:20px; float:left;
}

.offerDes
{
	width:376px; float:left;
}

.offerReadMore
{    
	width:370px; height:20px; line-height:20px; margin-top:5px; float:left; font-size:11px; text-align:right;
}



.offerSep
{
	margin-left:15px; width:510px; height:1px; margin-top:10px; background:url('../../images/seperator-large.gif') no-repeat; float:left;
}

.PagerMainDiv
{
	width:549px; height:30px; line-height:30px; margin-top:5px;  float:left; font-size:11px; font-family:Arial; text-align:center; border-top:3px solid #101010;
}
.PagerMainDiv span
{
	height:20px; margin-top:4px; line-height :20px;  vertical-align:super;
}



.PagerMainDiv .ActivePage
{
	color:#a99347;
}

.PagerMainDiv .PreNextImg
{
	width:40px; height:23px; border:0px solid; margin-top:3px;
}

.PagerA
{
    color:#8a8a8a; text-decoration:none;
}

.PagerSep
{
	width:1px; height:11px;
}

.OfferDynamicDiv
{
	width:549px; height:172px;
}
.OfferDynamicImg
{
	width:549px; height:172px;
}

.OfferMainDiv
{
	width:549px;  float:left;background-color:#2d2d2d;margin-top:10px;
}

.OfferListDiv
{
	width:250px; float:left; margin-top:10px; margin-left:15px;
}


.OfferDetailDiv
{
	width:250px; float:left;
}


.offerDes
{
	width:376px; float:left;
}



.offerSep
{
	width:514px; height:1px; margin-top:10px; background:url('../../images/seperator-large.gif') no-repeat; float:left;
}

.PagerMainDiv
{
	width:549px; height:30px; line-height:30px; margin-top:5px;  float:left; font-size:11px; font-family:Arial; text-align:center; border-top:3px solid #101010;
}
.PagerMainDiv span
{
	height:20px; margin-top:4px; line-height :20px;  vertical-align:super;
}



.PagerMainDiv .ActivePage
{
	color:#a99347;
}

.PagerMainDiv .PreNextImg
{
	width:40px; height:23px; border:0px solid; margin-top:3px;
}

.PagerSep
{
	width:1px; height:11px;
}

.DetailLogo
{
	width:220px; height:110px; float:left;
}

.DetailOffer
{
	width:270px; float:left; margin-left:20px;
}

.LocationDiv
{
	width:475px; height:400px;  display:none;
}

.OfferAddress
{
	float:left; width:514px; margin-left:10px;
}

.OfferAddress .Address
{
	float:left; width:514px; height:100px; margin-top:10px;
}

.float-left
{
	float:left; 
}
.OfferTabs
{
	width:514px; height:24px; margin-top:20px;
}

.OfferTabs a
{
	text-decoration:none; border:0px solid;
}

.OfferTabs a img
{
	border:0px solid;
}

.OfferTabs ul
{
	list-style-type:none; margin-left:-40px; border:0px solid;
}

.OfferTabs ul li
{
	float:left;
}




#OfferImgs
{
	width:514px; float:left;
}

.OfferImg
{
    width:160px; height:110px; float:left; margin-left:10px;margin-top:10px;
}

.display-none
{
    display:none;
}

.display-block
{
    display:block;
}


/* Offer Template Change  */


.textareaCH
{
    width:475px;
    padding-top:16px;
    padding-left:18px;
    padding-right:18px;
    padding-bottom:18px;
    float:left;
   
}
div#contentbarCH
{
    width:730px;
    float:right;
    margin-top:40px;
    margin-right:20px;
    margin-left:12px;
}

div#contentareaCH
{
	width:100%;
    clear:both;
    float:left;
    background-image:url(../../images/grad-background.gif);
    overflow:hidden;
	background-repeat:repeat-x;
	background-position:top;
}

div#LEFTCH
{
    width:100%;
    float:left;
}

.hrWrapper1CH
{
    margin:0px 0px 1px 0px;
    height:1px;
    width:750px;
    overflow:hidden;
    background-color:#444444;
}
.hrWrapper1CH2
{
    margin:0px 0px 1px 0px;
    height:2px;
    width:475px;
    float:left;
    overflow:hidden;
    background:url('../../images/divider.gif') repeat-x;
}
.lrg-seperatorCH
{
    Width:713px;
    Height:1px;
        margin-left:15px;
    border:none 0px #000000;
    padding:0px 0px 0px 0px;
    margin:10px 0px 10px 0px;
    display:block;
}

.pattern-topCH
{
    width:750px;
    float:left;
    background-color:#2d2d2d;
    background-image:url(../../images/pattern-top.gif);
    background-repeat:no-repeat;
    background-position:top left;
}

.pattern-bottomCH
{
    width:750px;
    float:left;
    background-image:url(../../images/pattern-bottomLeft.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
}

.headings
{
    width:713px;
    height:40px;
    margin-bottom:3px;
    padding-top:10px;
    margin-left:15px;
    background-image:url(../../images/overlay.png);
    background-repeat:no-repeat;
    background-position:top;
}

.heading1
{
    width:340px;
    margin-bottom:5px;
}
.heading2
{
    width:340px; text-align:right; 
}

.arial8WBCH1
{
    color:#FFFFFF;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
}

.arial8WBCH2
{
    color:#d3b550;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
}

.h1CH1
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.h1CH2
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

div#OfferDetail
{
    width:460px;
    color:#FFFFFF;
    height:100%;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    margin-left:10px;
    margin-bottom:10px;
}
.textarea1CH
{
    width:695px;
    padding-top:16px;
    padding-left:18px;
    padding-right:18px;
    padding-bottom:0px;
    float:left;
    background-image:url(../../images/overlay.png);
    background-repeat:no-repeat;
    background-position:top;
}

div#Detail
{
    margin-left:5px;
    margin-top:10px;
    height:100%;
}
.OfferAddressCH
{
	float:left; width:495px; margin-left:10px;
}

.OfferAddressCH .AddressCH
{
	float:left; width:495px; height:100px; margin-top:10px;
}
.DetailLogoCH
{
	 float:left;
}

.ImagesPreview
{
    width:514px; height:264px;
}

.mainImage
{
     width:352px; height:264px;
}

.SmallImages
{
    width:160px; height:264px;
}

.SmallImage1
{
    width:115px; height:88px; margin-left:15px;
}
.SmallImage2
{
    width:115px; height:88px; margin-left:15px; margin-top:3px; margin-bottom:4px;
}
.SmallImage3
{
    width:115px; height:88px; margin-left:15px;
}

.HandCursor
{
    cursor:hand;
}
.mainPatteren
{
    width:750px; 
    height:100%;
    
}
.RightPanel
{
    width:228px;
    padding-top:15px;
    padding-bottom:18px;
    float:left;
}

.VenuesDiv
{
    width:228px;
    margin-top:15px;
    margin-bottom:20px;
}


.OfferLogoImg
{
    margin-bottom:15px;
}

.OfferHeader
{
    width:181px;
    height:22px;
    padding-left:10px;
    float:left;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    line-height:22px;
    color:#FFFFFF;
    background:url('../../images/offer_header.jpg');
   

}

.venueNumber
{
     height:19px;
    width:120px;
        padding-left:5px;
         font-family:Arial;
    font-weight:bold;
    float:right;
    background:url('../../images/venueno_bg.jpg') repeat-x;
}

.newSeprator
{
    height:2px;
    width:228px;
    background:url('../../images/divider.gif') repeat-x;
   
}

.contentAreaOffer
{
    width:228px;
    background:url('../../images/offer_bg.jpg') repeat-x;
    background-color:#1b1b1b;
}
.Venues
{
    margin-top:20px; margin-bottom:20px;
}
.textOffer
{
    width:214px; padding-left:8px;
    height:auto;
    padding-top:10px;
    padding-bottom:10px;
}



.textAddress
{
    width:214px; padding-left:8px;
    height:auto;
    font-family:Arial;
    font-size:14px;
    color:#d3b550;
    padding-top:10px;
    padding-bottom:10px;
}

.textTermsANDConditions
{
    width:214px; padding-left:8px;
    height:auto;
    font-family:Arial;
    font-size:13px;
    color:#FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
}
.leftContainer
{
    width:745px;
}

/*/////////////////////////////*/

.NewsListDiv
{
	width:515px; float:left; margin-top:10px; margin-left:15px;  margin-bottom:10px;
}

.NewsDetailDiv
{
	width:376px; float:left; margin-left:5px;
}

.NewsName
{
	width:376px; line-height:17px; float:left;
}

.NewsListDiv .NewsLogo
{
	float:left; width:117px; height:80px;
}

.NewsListDiv .OfferLogo2
{
	float:left;  width:115px;
}
.NewsReadMore
{    
 	width:100px; height:20px; line-height:20px; margin-top:5px; float:left; font-size:11px; color:#d3b550;
}
.DetailsPageButtons
{
    width:460px;
    margin-top:15px;
}
.OfferUrl
{
    font-family:Arial;
    font-size:14px;
    color:#FFFFFF;
}

.LnkViewAll
{
 font-family:Arial; font-size:14px; font-weight:bold; color:#d3b550;
}

.LnkViewAllSmall
{
 font-family:Arial; font-size:12px; font-weight:bold; color:#bcbcbc; text-decoration:none;
}

.LnkViewAllDIV
{
    float:left; width:100px; padding-left:228px;
     padding-top:20px; padding-top:20px; height:40px;
}

/*//////////////////MENU BAR///////////////*/


.menusDiv
{
    width:100%; font-size:12px;background:#101010 url(../../navigations/NormalState.jpg) repeat-x;
}
/* MAIN HIERARCHY */
ul#menu {margin:0px 0px 0px 140px; padding:0px; list-style:none; height:40px; display:inline;float:left; z-index:1000;  } 
ul#menu > li {background:#000000 url(../../navigations/NormalState.jpg) repeat-x; height:40px;cursor:pointer; position:relative; float:left; margin-left:1px; text-align:center; z-index:1000;} 
ul#menu li a { text-decoration:none;line-height:40px; color:#666666; font-family:Arial;font-size:12px; font-weight:bold;}
ul#menu > li:hover {background: url(../../navigations/SelectedItem.jpg) repeat-x; float:left;color:#000000;} 
ul#menu > .MenuSeperatorClass{ background:url(../../navigations/SeperatorBar.jpg); width:2px; height:36px;}


/* OFFERS HOVER and CITY DISPLAYED*/
ul#menu > li ul#cityList {margin:0px;padding:0px;list-style:none;}
ul#menu > li ul#cityList li{display:none}   
ul#menu > li#offer:hover ul#cityList li {font-weight:bold; font-family:Arial; line-height:18px; font-size:11px;  color:#000000; list-style:none;position:relative;  display: inline; float:left;text-align:left}


/* CITY HOVER */
/* MANCHASTER HOVER */
ul#menu > li ul#cityList li ul li#lnk1 #cat1
{
    list-style:none;margin:0px;padding:0px
}

ul#menu > li ul#cityList li ul li#lnk1 #cat1 li
{
    width:260px;
    background-color:#000000;
    float:left;
    border-bottom:solid 1px #bc9c27;
    border-left:solid 1px #bc9c27;
    border-right:solid 1px #bc9c27;
    display: none;
    position:absolute;
}
ul#menu > li ul#cityList li ul li#lnk1 #cat1 li a
{
    color:#ffffff;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
}

ul#menu > li ul#cityList li ul li#lnk1:hover {/*text-decoration:underline*/}
ul#menu > li ul#cityList li ul li#lnk1:hover ul#cat1 li{display: inline; float:left;}





/*ul#menu > li ul#cityList li ul li#lnk1 div{display: none;}
ul#menu > li ul#cityList li ul li#lnk1:hover ul#catM li div#cat1{display:inline-block;position:relative;}*/

/* LEEDS HOVER */
ul#menu > li ul#cityList li ul li#lnk2 #cat2
{
    list-style:none;margin:0px;padding:0px
}

ul#menu > li ul#cityList li ul li#lnk2 #cat2 li
{
    width:260px;
    background-color:#000000;
    float:left;
    border-bottom:solid 1px #bc9c27;
    border-left:solid 1px #bc9c27;
    border-right:solid 1px #bc9c27;
    display: none;
    position:absolute;
}
ul#menu > li ul#cityList li ul li#lnk2 #cat2 li a
{
    color:#ffffff;
    font-family:Arial;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
}
ul#menu > li ul#cityList li ul li#lnk2:hover{/*text-decoration:underline*/}
ul#menu > li ul#cityList li ul li#lnk2:hover ul#cat2 li{display: inline; float:left;}

/* LIVERPOOL HOVER */
ul#menu > li ul#cityList li ul li#lnk3 #cat3
{
    list-style:none;margin:0px;padding:0px
}

ul#menu > li ul#cityList li ul li#lnk3 #cat3 li
{
    width:260px;
    background-color:#000000;
    float:left;
    border-bottom:solid 1px #bc9c27;
    border-left:solid 1px #bc9c27;
    border-right:solid 1px #bc9c27;
    display: none;
    position:absolute;
}
ul#menu > li ul#cityList li ul li#lnk3 #cat3 li a
{
    color:#ffffff;
    font-family:Arial;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
}


ul#menu > li ul#cityList li ul li#lnk3:hover{/*text-decoration:underline*/}
ul#menu > li ul#cityList li ul li#lnk3:hover ul#cat3 li{display: inline; float:left;}




#nav2
{
	width:100%;
    clear:both;
    float:left;
    height:15px;
    padding-top:2px;
    background-image:url(../../images/grad-background.gif);
    overflow:hidden;
	background-repeat:repeat-x;
	background-position:top;
}



/*//////////////////END MENU BAR///////////////*/

.CategoryHeading
{
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    color:#bc9c27;
     padding-top:5px;
    padding-left:5px;
}

.CategorySeparator
{
    background:url('../../navigations/catSeparator.jpg') repeat-x;
    width:100px; height:2px;
    margin-left:5px;
}

.categoryList
{
    width:120px;
    padding-left:5px;
}




ul#menu > li ul#cityList li ul li#lnk3 #cat3 li a:hover
{
background-color:#ce9d24;
}

ul#menu > li ul#cityList li ul li#lnk2 #cat2 li a:hover
{
    background-color:#ce9d24;
}

ul#menu > li ul#cityList li ul li#lnk1 #cat1 li a:hover
{
    background-color:#ce9d24;
}
