/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

html 	{margin:0; padding:0;}
body 	{margin:0;padding:0; color:#636363; background:#FFFFFF url("img/xmas-star-bground.jpg");background-repeat: no-repeat; background-position: center; }
a 		{color:#009EEB;}
hr 		{display:none;}

#skiplinks {display:none;} 

#pagewidth {width:960px;margin:0 auto; text-align:left; padding-bottom:40px;}
#pagewidth .bar { background:#6AAD46 url("img/nav_bg.jpg") repeat-x  center; line-height:28px; height:28px; }



#query-form { padding-left:10px;}
#query-form fieldset { margin:0; padding:0; border:0;}
#query-form input {margin:0; padding:0; }

#search-form { position:relative;}
#search-form p {margin:0; padding:0;}
#search-form input { position:absolute; width:193px; height:28px; top:4px; left:7px; height:20px; margin:0 !important; border:1px solid #ccc;}

#search-form input.submit {position:absolute;  width:63px; 
 height:16px;top:6px; left:208px;  border:0; text-indent:-9999px; line-height:0;  font-size:0px;background:transparent url("img/search_button.gif") no-repeat  center;}



#header {position:relative;height:200px;}

#header-cont { height:160px;}
	#logo{ background: url("img/charlestown-logo.gif") no-repeat scroll center top transparent;  height: 153px; left: 7px; position: absolute; top: 7px;  width: 320px; z-index: 10;}
	#logo {padding-bottom:0;}  
	#logo h1 {font-size:3px;padding:0px;margin:0px;}
	#logo h1 a {display:block;width:244px;height:139px;text-decoration:none;text-indent:-9999em;}
	
	#header-image{position:absolute;background:transparent url(img/charlestown_shoplogos.jpg) no-repeat center top;width:639px; height:153px;top:7px;right:0px;z-index:10;}



#navbar ul {margin:0; padding:0; white-space:nowrap;}
#navbar ul li {margin:0; padding:0; list-style-type:none; display:inline;}
#navbar ul li a {float:left; color:#fff; text-decoration:none; margin:0 20px;}
#navbar ul li a.right {float:right;}
#navbar ul li a:hover,#navbar ul li a.active{color:#a0d465;}
#navbar ul li a.active{font-weight:bold; }


#main-content { border:1px solid #ccc; margin-bottom:12px; padding:25px; position:relative;  }
	#subnav { position:absolute; top:30px; right:20px; width:610px; z-index:1000;}
	#subnav ul {margin:0; padding:0;  }
	#subnav ul li {margin:0; padding:0; list-style-type:none; float:right;}
	#subnav ul li a { background:#fff url("img/divider.png") no-repeat  right 2px;font-size:1.1em; font-weight:bold; color:#636363; text-decoration:none; padding:0 15px 0 15px;}
	#subnav ul li a:hover,#subnav ul li a.active {color:#4b4b4b; text-decoration:underline; }
	#subnav ul li a.last { background-image:none; padding-right:10px}


#main { position:relative;}
#main .main { float:left; width:500px; padding-right:28px;min-height:340px; height:auto !important; height:340px;}
#main .side { float:left; width:350px; padding-left:20px; }
#main #dots { background:#fff url("img/dots.png") repeat-y  right top;}
#main .side#image-bottom img {/*position:absolute;top:100px; left:60%;*/ border:4px solid #6EB04B}
#main .side#image-bottom img.photo-directory {top:208px; right:20px; left:auto;}
#main .main p.breadcrumbs {color:#4b4b4b; font-size:1.4em;}

#main form {}
#main legend { display:none;}
#main fieldset { margin:0; padding:0; border:0;}
#main textarea {margin:0; }
#main form p {margin-bottom:1em;}
#main label { color:#FF8B23; font-weight:bold; margin-bottom:0.3em;}

#main .side h3 { color:#F68D22}

#main h2 {color:#4b4b4b; font-size:1.6em; letter-spacing:-1px; }
#main h3 {font-size:1.4em; margin-bottom:0.5em; }
#main h4 {font-size:1.1em; margin-bottom:0.5em; }
#main 	.orange {color:#FF8B23}


#main .actions { padding-bottom:12px;}
#main .actions a { margin:0 9px 0 0; float:left; width:312px; height:177px; display:block; border:1px solid #ccc;}
#main .actions  img { width:312px;}
#main 	a.last { margin-right:0;}


#footer ul {margin:0; padding:0;white-space:nowrap;}
#footer ul.social { float:left;}
#footer ul.links { float:right;}
#footer ul li {margin:0; padding:0; list-style-type:none;float:left; }
#footer ul li a { color:#fff; text-decoration:none; margin:0 15px;display:block; line-height:24px;}
#footer ul li a:hover,#footer ul li a.active{color:#99CC66;}
#footer ul li a.social-facebook {margin-top:1px; padding-left:24px;  background:transparent url("img/facebook.png") no-repeat  left center;  }
#footer ul li a.social-twitter {margin-top:2px; padding-left:24px;  background:transparent url("img/twitter.png") no-repeat  left center;  }



#main .image-left {float:left; width:300px;padding-right:20px; margin-top:-4px; }
#main .content-right {float:left; width:638px; position:relative;}

#tab-nav-3 { z-index:3000; }




/*	Calendar 	*/
.ui-state-active, .ui-state-highlight {
  /*any CSS styles you want overriden i.e.*/
	background:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/south-street/images/ui-bg_highlight-hard_15_459e00_1x100.png") repeat-x scroll 50% 50% #459E00  !important;
	border:1px solid #327E04 !important;
	color:#FFFFFF  !important;
	font-weight:bold  !important;
}
.ui-state-char-active {
background:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/south-street/images/ui-bg_highlight-hard_100_fafaf4_1x100.png") repeat-x scroll 50% 50% #FAFAF4 !important;
border:1px solid #D4CCB0 !important;
color:#459E00 !important;
font-weight:bold !important;}

#datepicker {margin: 10px 0 20px 70px; }
#events #main .side#image-bottom img  { position:static}
#events #main  h3 {color:#4b4b4b}





#floorplan-buttons { margin-bottom:25px;}
#floorplan-buttons a { display:block; float:left; width:136px; height:54px; text-indent:-9999em; }
#floorplan-buttons a.floorplan_link {display: block;background:#fff url("img/floorplan_link.gif") no-repeat left top;}
#floorplan-buttons a.download_link {display: block;background:#fff url("img/download_link.gif") no-repeat left top;}
#floorplan-buttons a:hover { background-position:left -54px}











/* INDEX */
#index .image-left ul {margin:0; padding:0;}
#index .image-left ul li {margin:0; padding:0; list-style-type:none;} 
#index .image-left ul li a { width:300px; height:82px; text-indent:-9999em; display:block;}
#index .image-left ul li.sidelink1 {background:#fff url("/public/userfiles/images/sidelink1.jpg") no-repeat right top; }
#index .image-left ul li.sidelink2 {background:#fff url("/public/userfiles/images/sidelink2.jpg") no-repeat right top; }
#index .image-left ul li.sidelink3 {background:#fff url("/public/userfiles/images/sidelink3.jpg") no-repeat right top; }
#index .image-left ul li.sidelink4 {background:#fff url("/public/userfiles/images/sidelink4.jpg") no-repeat right top; }
#index .image-left ul li.sidelink5 {background:#fff url("/public/userfiles/images/sidelink5.jpg") no-repeat right top; }
#index .image-left ul li.sidelink6 {background:#fff url("/public/userfiles/images/sidelink6.jpg") no-repeat right top; }

#index #message-content { width:310px; float:left; margin-right:18px;  }
#index #message-content h2 {color:#ad002d;}

#news-content  { width:310px; float:left; }
#news-content h2 {color:#781373}
#news-content  ul 	{  margin:0; padding:0}
#news-content  ul li	{ background: url("img/home_news_arrow.jpg") no-repeat left 0; list-style-type:none; margin: 0 0 30px 0; padding: 0 0 0 25px;}
#news-content  a {color:#781373}
#text-box 		{ padding:0; margin-top:15px; }
#text-box h2  	{ font-size:1.3em; letter-spacing:0;}
 




/* visit */
#visit h2 { margin-bottom:10px;}
#subnav-directions #dots {min-height:340px; height:auto !important; height:340px;}
#subnav-directions { position:absolute; right:110px; top:0;}
#subnav-directions ul {margin:0; padding:0;}
#subnav-directions ul li {margin:0; padding:0; list-style-type:none; display:inline;}
#subnav-directions ul li a{ float:left;display:block; text-indent:-9999em; width:60px; height:60px; background:#fff url("img/location_icons.jpg") no-repeat center top;}

#subnav-directions ul li a#tab-bycar{background-position:	0 0;}
#subnav-directions ul li a#tab-bycar:hover,
#subnav-directions ul li a#tab-bycar.active{background-position:	0 -60px !important;}

#subnav-directions ul li a#tab-bywalk{background-position:	-60px 0;}
#subnav-directions ul li a#tab-bywalk:hover,
#subnav-directions ul li a#tab-bywalk.active{background-position:	-60px -60px !important;}

#subnav-directions ul li a#tab-bycycle{background-position:	-120px 0;}
#subnav-directions ul li a#tab-bycycle:hover,
#subnav-directions ul li a#tab-bycycle.active{background-position:	-120px -60px !important;}

#subnav-directions ul li a#tab-bybus{ background-position:	-180px 0;}
#subnav-directions ul li a#tab-bybus:hover,
#subnav-directions ul li a#tab-bybus.active{ background-position:	-180px -60px !important;}

#bywalk,
#bybus,
#bycycle {display:none;}

#map {width:380px; height:380px; position:absolute; top:70px; right:10px; border:1px solid #eee;}

.visit-image {float:left; margin:0 10px 10px 0}




/* directions */
#centre-services h2 { margin-bottom:10px;}
#centre-services #dots {min-height:340px; height:auto !important; height:340px;}

#rollover-icons {position:absolute; text-indent: -999em;  right: 375px; top: 15px; background:#fff url("img/rollover-icon.jpg") no-repeat left top; width:145px; height:24px;}
#subnav-service {position:absolute; right:0; top:0;}

.content img.to-right { position:absolute; right:10px;  top: 90px; float:none !important;}

#subnav-service ul {margin:0; padding:0;}
#subnav-service ul li {margin:0; padding:0; list-style-type:none; display:inline;}
#subnav-service ul li a{ float:left;display:block; text-indent:-9999em; width:50px; height:74px; background:#fff url("img/centre-services.jpg") no-repeat left top;}

#subnav-service ul li a#my-item1{background-position:	0 0; width:50px}
#subnav-service ul li a#my-item1:hover,
#subnav-service ul li a#my-item1.active{background-position:	0 -74px !important;}

#subnav-service ul li a#my-item2{background-position:	-50px 0; width:52px}
#subnav-service ul li a#my-item2:hover,
#subnav-service ul li a#my-item2.active{background-position:	-50px -74px !important;}

#subnav-service ul li a#my-item3{background-position:	-102px 0; width:56px}
#subnav-service ul li a#my-item3:hover,
#subnav-service ul li a#my-item3.active{background-position:	-102px -74px !important;}

#subnav-service ul li a#my-item4{ background-position:	-158px 0; width:54px}
#subnav-service ul li a#my-item4:hover,
#subnav-service ul li a#my-item4.active{ background-position:	-158px -74px !important;}

#subnav-service ul li a#my-item5{ background-position:	-212px 0; width:55px}
#subnav-service ul li a#my-item5:hover,
#subnav-service ul li a#my-item5.active{ background-position:	-212px -74px !important;}

#subnav-service ul li a#my-item6{ background-position:	-267px 0; width:50px}
#subnav-service ul li a#my-item6:hover,
#subnav-service ul li a#my-item6.active{ background-position:	-267px -74px !important;}

#subnav-service ul li a#my-item7{ background-position:	-317px 0; width:50px}
#subnav-service ul li a#my-item7:hover,
#subnav-service ul li a#my-item7.active{ background-position:	-317px -74px !important;}

#dots #item7,
#dots #item2,
#dots #item3,
#dots #item4,
#dots #item5,
#dots #item6 {display:none;}


#main .customer-services-side {padding-left:0px !important;width:378px !important;}




/* shops */
#store-directory .main { width:500px;}
#store-directory .side { width:379px;}

#store-directory .shops .shop { width:235px; float:left; margin:5px; height:140px;}
#store-directory .shops .shop img{ display:block;}
#store-directory .cat-shop-listing { margin-bottom:25px;}
#store-directory .cat-shop-listing a { font-style:italic;font-weight:bold; text-decoration:none; font-size:1.3em; height: 35px;line-height:35px; display:block; float:left; color:#F68D22; width:200px;  }
#store-directory .cat-shop-listing a:hover { text-decoration:underline; color:#666; }
#store-directory .cat-shop-listing br { clear:left;}

#store-directory ul#catid { margin:0; padding:0;}
#store-directory ul#catid li { list-style-type:none; margin:0; padding:0; }
#store-directory ul#catid li a {margin:0 15px 0 0; padding:0; float:left; width:110px; display:block;}

#store-directory #main-content {padding-right:5px !important;}

#store-directory h2 { margin-bottom:0.5em;}
#store-directory p.breadcrumbs { margin-bottom:0em;}







/* EAT */
#eat #store-directory .shops .shop {width:175px; !important;}






/* GALLERY  */
#gallery { padding:0 0 20px 0;}
#gallery .list-set-images .set-images {float:left;width:250px; height:250px; margin:0 10px 10px 0;background:transparent url() no-repeat center center; border:1px solid #DDD;}
#gallery .list-set-images .set-images img{visibility:hidden;width:250px; height:250px;}
#gallery .list-set-images .set-images a  {display:block;}
#gallery .list-set-images .set-image-text { font-weight:bold; display:block;}
#gallery .paging {margin-top:20px;}

#gallery .view-set-images .view-image {float:left;margin:0 52px 28px 44px;background:transparent url() no-repeat center center; border:1px solid #DDD;}
#gallery .view-set-images .view-image img {display:block;}
#main-content td  {text-align:center;}



/* PAGINATION */
.pagination {}
.pagination {margin-top:2em;}
.pagination a,.pagination .current{line-height:25px;text-decoration:none;color:#000;border:1px solid #DCDCDC;padding:1px 8px; background-color:#FFF;}
.pagination .current,.pagination a:hover{color:#FFF;background-color:#2d2d2d;}


/* NEWS */
form#indexnewsletterform.hform  label.error  {margin-left:5px !important;}

.newsletter label { width:150px !important;}
.newsletter br { clear:left;}  
.newsletter .list-checkbox {margin-left:150px !important;}
.newsletter .checkbox { margin-right:5px;}



/* form */
#side form.hform { padding-top:12px;}







/* index 

#index {background:#fff url("img/divider_gray.png") repeat-y 1px top; margin:0 0 12px 0;}
#index .left-content,
#index .center-content,
#index .right-content { float:left; width:292px; margin-right:6px; padding:12px;}

#index .right-content {margin-right:0;}
#index h2 {font-style:italic; margin-bottom:0.5em;}
#index .center-content h2,
#index .right-content h2{ color:#F68D22}

#index .center-content ul,
#index .right-content ul {margin:0; padding:0;}
#index .center-content ul li,
#index .right-content ul li { list-style-type:none;margin:15px 0; padding-left:40px;background:#fff url("img/arrow.jpg") no-repeat left 5px;}

#index .center-content ul li a,
#index .right-content ul li a { font-weight:bold;} 
#index .center-content .decorator { width:100%; margin-top:40px; height:290px; background:#fff url("img/woman_bags.jpg") no-repeat center top;}
#index .right-content .decorator { width:100%; margin-top:40px; height:290px; background:#fff url("img/sale_image.jpg") no-repeat center bottom;}







	#shops-logos {position:absolute; /*background:#fff url("/public/userfiles/images/home_brands.gif") no-repeat  center;*/ right:0px; top:1px; width:428px; height:159px; text-indent:-9999em;} 




*/


/*
#index form {margin:0 !important; padding:0 !important;}
#index form legend { display:none !important;}
#index form fieldset { border:1 px solid #C3C3C3 !important; background-color:#f1f1f1;} 
#index form label.error {  float:none;  margin-left:0 !important; width:auto !important;}
*/
/*
#gallery 	.list_set_image:hover {border:1px solid #90c2d5;}
#gallery 	.list_set_text {float:left;color:#2d2d2d;margin-left:1em;}
#gallery 	.view_set {margin:0 auto; text-align:center;}
#gallery 	.view_set dl{margin:0;padding:0;}
#gallery 	.view_set dd{float:left;margin:0;padding:2% 1% 0 1%; width:17.8%; font-size:0.9em;}
#gallery 	.view_set dd img{visibility:hidden;width:80px; height:80px;}
#gallery 	.view_set dd a {margin:0 auto;width:80px; height:80px; display:block; background:transparent url("") no-repeat center center; border:6px solid #ededed;}

#gallery #view_photo {margin:1%;}
#gallery #leftc, #gallery #rightc{float:left; width:15%; text-align:center;}
#gallery #leftc a.later-photo,#gallery 	#rightc a.later-photo {margin:0 auto; background:transparent url("") no-repeat center center; width:80px;height:80px; display:block;border:6px solid #ededed;}

#gallery #leftc img, #gallery #rightc img { visibility:hidden;width:80px; height:80px;}
#gallery #leftc a,#gallery 	#rightc a { text-decoration:none;}
#gallery #leftc a:hover,#gallery #rightc a:hover { text-decoration:underline;}

#gallery 	#mainc {float:left; width:70%;}
#gallery 	#mainc img{margin:0 auto;padding:2%;text-align:center;border:1px solid #DDD; background-color:#ededed;}

#gallery 	#mainc .mainc-data {margin:4%; background-color:#ededed;padding:2%;border:1px solid #DDD;}
#gallery 	#mainc .mainc-data h2 {margin-top:0; color:#6da0b2; border-bottom:1px dotted #6da0b2}

#gallery 	#myGallery{margin:0 auto;text-align:center;}
*/

/* HOME */
/*
#index #header-cont {display:none;}
#index #navbar { margin:10px 0}
#index #header {height:37px;}


#index {background:#fff url("img/divider_gray.png") repeat-y 1px top; margin:0 0 12px 0;}
#index .left-content,
#index .center-content,
#index .right-content { float:left; width:292px; margin-right:6px; padding:12px;}

#index .right-content {margin-right:0;}
#index h2 {font-style:italic; margin-bottom:0.5em;}
#index .center-content h2,
#index .right-content h2{ color:#F68D22}

#index .center-content ul,
#index .right-content ul {margin:0; padding:0;}
#index .center-content ul li,
#index .right-content ul li { list-style-type:none;margin:15px 0; padding-left:40px;background:#fff url("img/arrow.jpg") no-repeat left 5px;}

#index .center-content ul li a,
#index .right-content ul li a { font-weight:bold;} 
#index .center-content .decorator { width:100%; margin-top:40px; height:290px; background:#fff url("img/woman_bags.jpg") no-repeat center top;}
#index .right-content .decorator { width:100%; margin-top:40px; height:290px; background:#fff url("img/sale_image.jpg") no-repeat center bottom;}




.news-list { margin-top:235px;}
*/
/*
{ border:1 px solid #C3C3C3 !important; background-color:#f1f1f1;} 
*/
/*
#main .actions-home {padding-bottom:12px; }
#main .actions-home a.tots-action { text-indent:-9999em; margin-right:6px; width:314px; height:222px; background:transparent url("img/home_tots_action.jpg") no-repeat  left center;}
#main .actions-home .main-action {position:relative;background:#efefef url("") no-repeat  left center; width:638px; height:222px;}
*/
/*
#datepicker a.date_selected { background-color:#242224;; color:#fff; background-image:none;}
.ui-state-active  { background-image:none; color:none;}
*/