/*** GLOGAL ELEMENTS ***/

body { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height:15px; margin:0px; }
p { margin-top:0px; margin-bottom: 8px; }

img {border:none;}
form {margin:0px;}
.center { text-align:center;}
.clear {clear:both;}
.imageborder { border-color: #8d8d8d; border-style:solid; border-width:1px; }
.errorMsg {color:Red;}
.textSmall {font-size:10px;}

/*** HEADING ELEMENTS ***/

h1 { width: 238px; height: 81px; float:left; margin:0px; background-image:url(images/sitedesign-logo.gif); background-repeat:no-repeat; }
h1 span { display: none; }


h5 { color:#000000; font-size:14px; font-weight: bold; margin: 0px; margin-bottom:10px; }


.titleblack { color:#000000; font-weight: bold; }
.titleblue { color:#2d83b0; }

/*** FORM ELEMENTS ***/

.txtsearch { width: 190px; border-color: #8d8d8d; border-style:solid; border-width:1px; font-size:11px;  } 
.ddsearchlarge { width: 160px; font-size: 11px; margin-right:10px; margin-top:5px; }
.ddsearchsmall { width: 140px; font-size: 11px; margin-top:5px; }
.ddsearchsmallfilter { width: 140px; font-size: 11px; margin-top:0px; }


/*** TABLE ELEMENTS ***/

.infotable { padding:10px; }
.inforow { padding-bottom:8px; vertical-align:top; }
.tablesearchresults { vertical-align:top; }

.tablebggray {background-color:#f3f3f3;}
.tablebgdarkgray {background-color:#CCCCCC;}

/*** LEFT CONTAINER ELEMENTS ***/

/** sub navigation **/

#subnavigation { width:160px; height: 580px; float:left; overflow:hidden; position:relative; margin-bottom:10px; }
#subnavigation .mask { width:160px; height:10px; position:absolute; bottom: 0px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=none, src='images/sitedesign-subnav-mask.png');}
#subnavigation .mask[class] { background-image:url(images/sitedesign-subnav-mask.png); background-repeat:no-repeat; }

.accordion .bar { width:160px; height:28px; float:left; background-image:url(images/sitedesign-subnav-bar.gif); background-repeat:repeat-x; cursor: pointer; display:block; margin-bottom:0px; }
.accordion .bartop { width:160px; height:28px; float:left; background-image:url(images/sitedesign-subnav-bartop.gif); background-repeat:repeat-x; cursor: pointer; display:block; margin-bottom:-2px; padding-top:2px; }
.accordion .barbottom { width:160px; height:28px; float:left; background-image:url(images/sitedesign-subnav-barbottom.gif); background-repeat:repeat-x; cursor: pointer; display:block; margin-bottom:0px; }

.subnav-content { width: 160px; float:left; height:470px; margin:0px; background-color:#f3f3f3; font-size:11px; text-transform:uppercase; }
.subnav-content ul { margin-top: 10px; }
.subnav-content li { margin-left: -15px; list-style-image:url(images/bullet-bluegrey.gif); padding-bottom:5px; cursor: pointer; }

.subnav-content li a:link { color:#666666; text-decoration:none; }
.subnav-content li a:active { color:#666666; text-decoration:none; }
.subnav-content li a:visited { color:#666666; text-decoration:none; }
.subnav-content li a:hover { color:#378ab7; text-decoration:none;  }

/** left hand side panels  **/

.panelleft { width:160px; background-color: #f3f3f3; float:left; margin-bottom:10px; }
.panelleft .content { width: 140px; padding:10px; padding-bottom:0px; float:left; font-size:11px; }
.panelleft p { line-height:14px; }
.panellefttop { width:160px; height:28px; float:left; background-image:url(images/sitedesign-subnav-bartop.gif); background-repeat:no-repeat; display:block; margin-bottom:0px; padding-top:2px; }
.panelleftbottom { width:160px; height:15px; float:left; background-image:url(images/sitedesign-subnav-bottom.gif); background-repeat:no-repeat; display:block; margin-bottom:0px; }

.panelleft .content ul {padding:5px;margin-top:0px;}

/*** CONTAINER ELEMENTS ***/

#container { width:960px; margin-left:auto; margin-right:auto; text-align:left; }

/** top container elements **/

#containertop { width:960px; float:left; }
#header { width:950px; height: 30px; float:left; background-image:url(images/sitedesign-header.gif); background-repeat:no-repeat; margin-bottom:10px; text-align:right; color:#FFFFFF; font-size:11px; line-height:25px; padding-right:10px; }
#topbanner { width:960px; height: 80px; float:left; }
#topbanner #adbanner { width: 502px; height: 79px; float:left; }
#topbanner #help { width: 220px; height: 80px; float:left; }
#navigation { width: 960px; height: 20px; float:left; padding-top:10px; }

/** footer container elements **/

.subfooter { width:960px; height:20px; float:left; line-height:20px; font-size:11px; text-align:right; margin-bottom:5px; }
#footer { width:960px; height: 30px; float:left; background-image:url(images/sitedesign-footer.gif); background-repeat: no-repeat; line-height:30px; text-align:right; color:#FFFFFF; font-size:11px; }


/** main container elements **/

#containermain { width:960px; float:left; padding-bottom:10px; }
#containerleft { width: 160px; padding-right:10px; float:left; }
#containerright { width: 790px; float:left; }
#searchbanner { width:790px; height: 175px; float:left; padding-bottom:10px; background-image:url(images/sitedesign-banner-bg.gif); background-repeat:no-repeat; color:#FFFFFF; font-size:11px; line-height:14px; }

/** banner container elements **/

#searchbanner #map { width: 185px; height:175px; padding-right:20px; float: left; }
#searchbanner #search { width: 325px; height:175px; padding-right:20px; float: left; }
#searchbanner #members { width: 220px; height:175px; float: left; }

.iconbasket { width:200px; height:50px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=crop, src='images/icon-basket.png'); background-repeat:no-repeat; float:left; padding-left:30px; line-height:25px; position:relative; }
.iconbasket[class] { background: url(images/icon-basket.png); background-repeat:no-repeat; }

.iconlogin { width:200px; height:25px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=crop, src='images/icon-login.png'); background-repeat:no-repeat; float:left; padding-left:30px; line-height:25px; }
.iconlogin[class] { background: url(images/icon-login.png); background-repeat:no-repeat; }

.iconregister { width:200px; height:25px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=crop, src='images/icon-register.png'); background-repeat:no-repeat; float:left; padding-left:30px; line-height:25px;}
.iconregister[class] { background: url(images/icon-register.png); background-repeat:no-repeat; }


/** home container elements **/

#containerhomecta { width: 790px; height:305px; float:left; padding-bottom:10px; }
#containerhomecta #featurebanner { width: 580px; height:290px; float:left; }
#containerhomecta #homecta { width: 210px; height:290px; float:left; }
#containerhomefeatured { width: 790px; float:left; padding-bottom:10px; }
#containerfooterbanner { float:left; }

/** tab elements **/

#containerhometabs { width:580px; float:left; padding-right:10px; }
#box-tabs { width: 580px; height:380px; float:left; background-color:#f3f3f3; }
#box-tabs-title { width: 580px; height:30px; float:left; background-image:url(images/sitedesign-hometabs-title.gif); background-repeat: no-repeat; }
#box-tabs-title ul { list-style-type:none; margin:0px; margin-top:5px; margin-left:5px; width:580px; }
#box-tabs-title[id] ul { margin-left:-30px; margin-left:10px; }

.switch-tabs a.tablink, .tabbed-heading span, .tabbed-heading a.tablink { color:#ffffff; text-decoration:none; text-transform:uppercase; }
.switch-tabs li, .switch-tabs .tabs { font-size:11px }
.switch-tabs li { margin-left:0px; padding-left:5px; padding-top:3px; padding-right:35px; float:left; }
.switch-tabs li.selected { padding:0px; background:none; }
.switch-tabs li.selected .tabs { padding-left: 5px; background:url(images/sitedesign-hometabs-selected.gif);  no-repeat;  }
.switch-tabs li.selected .tabs a { padding-bottom: 5px; padding-top:5px;  padding-right:35px; display:block; background:url(images/sitedesign-hometabs-selected.gif) no-repeat 100% 0; color:#628bc8; outline:none; text-decoration:none; }

#box-tabs-bottom { width: 580px; height:15px; float:left; background-image:url(images/sitedesign-hometabs-bottom.gif); background-repeat: no-repeat; }

.featuredpanel { width: 185px; height:360px; float:left; background-image:url(images/sitedesign-hometabs-panel.gif); background-repeat:no-repeat; margin-top:10px; }
.featuredpanel .content { width: 150px; padding-left:25px; margin-top:25px; float:left; font-size:11px; }
.featuredspacer { width:10px; float:left; height:250px; }

#containerlargetabs { width:780px; float:left; padding-right:10px; }
#containerhomecta #featurebanner { width: 580px; height:290px; float:left; }
#containerhomecta #homecta { width: 210px; height:290px; float:left; }
#containerhomefeatured { width: 790px; float:left; padding-bottom:10px; }
#containerfooterbanner { float:left; }

/** tab elements **/


/** forgotten password **/
.forgottenpassword { width:400px; background-color: #f3f3f3; float:left;  }
.forgottenpassword .content {width:380px; padding:10px; padding-bottom:0px; float:left; font-size:11px; }
.forgottenpasswordtop { width:400px; height:30px; float:left;  background-image:url(images/sitedesign-forgottenpassword-topbar.gif); background-repeat:no-repeat; margin-bottom:0px; padding-top:2px; }
.forgottenpasswordbottom { width:400px; height:15px; float:left; background-image:url(images/sitedesign-forgottenpassword-bottom.gif); background-repeat:no-repeat; display:block; margin-bottom:0px; }


/** home how it works **/

#howitworks { width:200px; background-color: #f3f3f3; float:left; margin-bottom:10px; }
#howitworks .content { width:180px; padding-bottom:0px; float:left; font-size:11px;
    height: 324px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
#howitworks p { line-height:14px; }
#howitworkstop { width:200px; height:30px; float:left; background-image:url(images/sitedesign-homeright-bartop.gif); background-repeat:no-repeat; margin-bottom:0px; padding-top:2px; }
#howitworksbottom { width:200px; height:15px; float:left; background-image:url(images/sitedesign-homeright-bottom.gif); background-repeat:no-repeat; display:block; margin-bottom:0px; }


/** generic container panels  **/

.contentcontainer { width:790px; background-color: #f3f3f3; float:left; margin-bottom:10px; }
.contentcontainer .content { width: 770px; padding:10px; padding-bottom:0px; float:left; }
.contentcontainertop { width:790px; height:28px; float:left; background-image:url(images/sitedesign-containertop-large.gif); background-repeat:no-repeat; display:block; margin-bottom:0px; padding-top:2px; }
.contentcontainerbottom { width:790px; height:15px; float:left; background-image:url(images/sitedesign-containerbottom-large.gif); background-repeat:no-repeat; display:block; margin-bottom:0px; }
.contentcontainertopsearch { width:790px; height:28px; float:left; background-image:url(images/sitedesign-containertop-large.gif); background-repeat:no-repeat; display:block; margin-bottom:0px; color:#FFFFFF; line-height: 23px; }
.contentcontainertopsearch .sort { line-height: 30px; font-size:11px; float:left; padding-left: 20px; width: 130px; font-weight:bold; }
.contentcontainertopsearch .experiencename { line-height: 30px; font-size:11px; float:left; width: 370px; }
.contentcontainertopsearch .experiencelocation { line-height: 30px; font-size:11px; float:left; width: 120px; font-weight:bold; }
.contentcontainertopsearch .experienceprice { line-height: 30px; font-size:11px; float:left; width: 80px; font-weight:bold; }
.contentcontainertopsearch .experiencename .linkbuttonsort {color:#FFFFFF; font-weight:bold;}
.contentcontainertopsearch .experiencelocation .linkbuttonsort {color:#FFFFFF;}
.contentcontainertopsearch .experienceprice .linkbuttonsort {color:#FFFFFF;}


/** product experience elements **/

.contentcontainer #experienceimage { width: 220px; height:280px; float:left; padding: 10px; } 
.contentcontainer #experiencetitle { width: 500px; height:auto; float:left; position:relative; padding:10px; padding-bottom:5px; } 
.contentcontainer #experiencetitle h2 { width:300px; float:left; color:#000000; font-size:18px; font-weight: bold; margin:0px; line-height:20px; }
.contentcontainer #experiencetitle h6 { width:200px; float: left; color:#000000; font-size:14px; font-weight: bold; margin:0px; text-align:right; line-height:20px; bottom:0px; right:0px; position:absolute; padding-right:5px; }
.contentcontainer #experienceinformation { width: 510px; height:270px; float:left; padding: 5px; background-image:url(images/sitedesign-bg-information.gif); background-repeat:no-repeat; } 
.contentcontainer .fulldescription { /*width:520px;*/ float:left; padding:10px; }
.contentcontainer .additionalinformation { width:190px; float:left; background-image:url(images/sitedesign-bg-additionalinfo.gif); background-repeat:no-repeat; padding:25px; padding-top:30px; font-size:11px; padding-bottom:0px; }
.contentcontainer .additionalinformation ul { margin-top: 10px; }
.contentcontainer .additionalinformation li { margin-left: -24px; list-style-image:url(images/bullet-bluegreysharp.gif); padding-bottom:10px; }

.stepcarousel { width: 240px; height: 205px; position: relative; overflow: scroll; }
.stepcarousel .belt{ position: absolute; left: 0; top: 0; }
.stepcarousel .panel { width: 240px; float: left; overflow: hidden; margin: 5px; }
p.samplebuttons { width: 240px; text-align: center; margin-top:10px; font-size:11px; }
p.samplebuttons a{ font-weight:bold; padding: 1px 2px; margin-right: 3px; text-decoration: none; }

/** review panels  **/

.contentcontainer .reviews { width:730px; height:140px; float:left; background-image:url(images/sitedesign-bg-reviews.gif); background-repeat:no-repeat; padding:30px; padding-top:25px; padding-bottom:0px; margin-top:10px; }
.contentcontainer .reviews[class] { min-height:140px; height:auto; }
.contentcontainer .date { float:right; }
.contentcontainer .rating { height: 10px; width: 60px; background-image:url(images/sitedesign-star-empty.gif); background-repeat:repeat-x; margin-bottom:8px; }
.contentcontainer .star { height: 10px; background-image:url(images/sitedesign-star-fill.gif); background-repeat:repeat-x; margin-bottom:8px; }

/** Shopping Cart **/
.contentcontainer .basket { width:730px; height:70px; float:left; background-image:url(images/sitedesign-bg-reviews.gif); background-repeat:no-repeat; padding:30px; padding-top:25px; padding-bottom:0px; margin-top:10px; }
.contentcontainertopsearch .basketsort { line-height: 30px; font-size:11px; float:left; padding-left: 20px; width: 90px; }
.contentcontainertopsearch .basketgiftname { line-height: 30px; font-size:11px; float:left; width: 380px; }
.contentcontainertopsearch .basketprice { line-height: 30px; font-size:11px; float:left; width: 190px; }
.contentcontainertopsearch .basketremove{ line-height: 30px; font-size:11px; float:left; width: 50px; }

/** Restaurant Search Results **/

.contentcontainertopsearch .restaurantsort { line-height: 30px; font-size:11px; float:left; padding-left: 20px; width: 135px; }
.contentcontainertopsearch .restaurantname { line-height: 30px; font-size:11px; float:left; width: 485px; }
.contentcontainertopsearch .restaurantlocation { line-height: 30px; font-size:11px; float:left; width: 100px; }



/** tabs large  **/

#box-largetabs { width: 790px; height:400px; float:left; background-color:#f3f3f3; }
#box-largetabs-title { width: 790px; height:30px; float:left; background-image:url(images/sitedesign-containertop-large.gif); background-repeat: no-repeat; }
#box-largetabs-title ul { list-style-type:none; margin:0px; margin-top:5px; margin-left:5px; width:780px; }
#box-largetabs-title[id] ul { margin-left:-30px; margin-left:10px; }
#box-largetabs-bottom { width: 790px; height:15px; float:left; background-image:url(images/sitedesign-containerbottom-large.gif); background-repeat: no-repeat; }
.featuredpanelsmall { width: 185px; height:300px; float:left; background-image:url(images/sitedesign-hometabs-panel.gif); background-repeat:no-repeat; margin-top:10px; }
.featuredpanelsmall .content { width: 150px; padding-left:25px; margin-top:25px; float:left; font-size:12px; }
.featuredspacersmall { width:10px; float:left; height:300px; }



.box-largetabs { width: 790px; height:400px; float:left; background-color:#f3f3f3; }
.box-largetabs-bottom { width: 790px; height:15px; float:left; background-image:url(images/sitedesign-containerbottom-large.gif); background-repeat: no-repeat; }


/** LINK ELEMENTS **/

a:link { color:#378ab7; text-decoration:none; }
a:active { color:#378ab7; text-decoration:none; }
a:visited { color:#378ab7; text-decoration:none; }
a:hover { color:#666666; text-decoration:none;  }

a.whitelink:link { color:#FFFFFF; text-decoration:none; }
a.whitelink:active { color:#FFFFFF; text-decoration:none; }
a.whitelink:visited { color:#FFFFFF; text-decoration:none; }
a.whitelink:hover { color:#FFFFFF; text-decoration:none; }

.searchfilter { float:left; margin-top:10px; }
.searchletter { float:right; text-align:center; margin-bottom:20px; margin-top:10px; }
a.squareboxlink:link { float:left; height: 15px; width: 15px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#666666;}
a.squareboxlink:active { float:left; height: 15px; width: 15px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#666666;}
a.squareboxlink:visited { float:left; height: 15px; width: 15px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#666666;}
a.squareboxlink:hover { float:left; height: 15px; width: 15px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#FFFFFF; background-color:#529fcb;}

a.rectangleboxlink:link { float:left; height: 15px; width: 80px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#666666;}
a.rectangleboxlink:active { float:left; height: 15px; width: 80px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#666666;}
a.rectangleboxlink:visited { float:left; height: 15px; width: 80px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#666666;}
a.rectangleboxlink:hover { float:left; height: 15px; width: 80px; text-align:center; text-transform:uppercase; line-height: 15px; border-width: 1px; border-style:solid; border-color:#cccccc; margin-right: 5px; color:#FFFFFF; background-color:#529fcb;}


#wrapper { padding-right:15px; text-align:right; }


/* BASIC STYLES */

.btn-slide {
	margin: 0;
	padding: 10px;
	text-align: center;
	display: block;
	text-align: right; 
}

#dropmenudiv{ position:absolute; background-color: #f3f3f3; border:1px solid #cccccc; border-bottom-width: 0; line-height:18px; z-index:100; }
#dropmenudiv a { width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #cccccc; padding: 1px 0; text-decoration: none; font-weight: bold; font-size:11px; }
#dropmenudiv a:hover{ background-color: #529fcb; color:#FFFFFF; }



#breadcrumb { width:670px; height: 20px; padding-bottom:10px; line-height:20px; float:left; font-size:11px; text-transform:uppercase; padding-left:10px; margin-top:5px; }



/*** SIFR AND HEADING ELEMENTS ***/

.navigationlink { margin:0px; }
.sIFR-hasFlash .navigationlink { visibility: hidden; font-size:10px; }

.subnavigationlink { margin:0px; }
.sIFR-hasFlash .subnavigationlink { visibility: hidden; font-size:10px; margin-top:5px; }

.contentheading { margin:0px; }
.sIFR-hasFlash .contentheading { visibility: hidden; height:18px; margin-top:1px; }


.searchbannertitles { margin:0px; }
.sIFR-hasFlash .searchbannertitles { visibility: hidden; font-size:10px; margin-top:9px; margin-bottom:15px; }

.sIFR-flash { visibility: visible; margin: 0; }
.sIFR-replaced { visibility: visible; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; letter-spacing: 0; }


#corporatesheader { width:770px; height: 24px; float:left; background-image:url(images/sitedesign-corporate-header.gif);  background-repeat:no-repeat; margin-bottom:10px; text-align:left; color:Red; font-size:12px; line-height:25px; padding-right:10px; }
                 
.corporatespnavigation { font-family:Arial; font-size:10px; color:#FFFFFF;}

.linktext{ font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #378ab7; line-height:15px; margin:0px; }

.contentcontainer .addinformation { width:210px; float:left;  background-repeat:no-repeat; padding:25px; padding-top:10px; font-size:11px; padding-bottom:0px; }
.contentcontainer .addinformation ul { margin-top: 10px; }
.contentcontainer .addinformation li { margin-left: -24px; list-style-image:url(images/bullet-bluegreysharp.gif); padding-bottom:10px; }