/* holds all layout styles and anything that overrides main.css */
@import url(reset.css);
@import url(main.css);

/* palette

orange          :   #f68c1f
yellow          :   #fdd738
green           :   #7fc241
dark green      :   #3a7505
light blue      :   #93bfe6

*/

/* main layout */
#outer_wrapper {width:960px; min-height:800px; height:auto !important; height:800px; position:relative; margin-left:auto; margin-right:auto;}
#wrapper {text-align:center; width:960px; margin-left:auto; margin-right:auto;}
#main {width:960px; min-height:800px; height:auto !important; height:800px; margin-left:auto; margin-right:auto; text-align:left;}
#content {width:960px; min-height:1080px; height:auto !important; height:1080px;}
.content_left {width:745px; min-height:800px; height:auto !important; height:800px; float:left; margin-bottom:15px;}
.content, .content_cms {background: transparent url('/assets/content-back-trans.png') no-repeat; padding: 30px 35px 0px 35px; min-height:900px; height:auto !important; height:900px; width:675px;}
.content_right {width:200px; height:800px; float:right;}
.content_cms img {padding:10px;}
#header_image, .header_image {float:left; margin: -25px 10px 0px -35px; padding:0px;}
.related {background: transparent url('/assets/content-back-related-trans.png') bottom no-repeat; padding:0px 35px 30px 35px; min-height:250px; height:auto !important; height:250px; width:675px;}
.related div, .related ul {margin-left:60px; margin-right:60px;}
.menu_right, .sub_menu {width:200px; height:440px;}
.menu_right a:hover {text-decoration:none; background-color:transparent;}
.advertisement {width:200px; height:625px; margin-top:10px; background: transparent url('/assets/advert-back-trans.png') no-repeat; clear:both;}
.advertisement iframe {background: none; margin-top:0px;}

/* branding */
#branding {width:960px; height:100px; margin-top:10px;}
#top {width:960px; height:20px; text-align:right; margin-bottom:15px;}
#top span {margin-left:10px;}
#top span a {text-decoration:none;}
#showDateTime {float:left; text-align:left;}
#logo {text-indent:-9999px; display:block; width:228px; height:60px; float:left; margin-right:4px;}
#logo:hover, #sub_promos li a:hover {background-color:transparent; text-decoration:none;}
#search {width:175px; height:30px; float:right; margin-right:30px; margin-top:15px;}
.search_options {float:left; width:190px; display:inline; margin-right:10px;}
.search_options label {margin-right:10px; margin-left:5px;}

/* menu */
.menu {background: transparent url('/assets/menu-trans.png') no-repeat; width:960px; height:67px; clear:both; display:block; margin-top:3px;}
.menu li, #top li {float:left;}
.menu li a:hover, #top li a {text-decoration:none;}
#menu_container li {position: relative; display: inline; float: left; text-indent:0px; margin-left:5px;}
#menu_container li a {display: block; color: #fff; text-decoration: none; width:139px; height:43px; text-align:center; font-size: 16px; padding-top:8px; margin-top:9px;}
#menu_container li a:hover, .selected_section {background: transparent url('/assets/menu-item-hover-trans.png') no-repeat;}

/* content */
#main_promo {width:745px; height:340px; background: transparent url('/assets/main-promo-trans.png') no-repeat;}
#weather {z-index:1; position:relative; display:block; height:392px; width:311px; float:left; background: transparent url('/assets/weather-trans.png') no-repeat; margin-top:15px;}
#weather_bbc {z-index:0; position:absolute; width:311px; height:385px; left:2px; top:457px; background-color:#fff; overflow:hidden; border: 1px solid #fff;}
#webcams {margin-top:326px; z-index:1; position:relative; display:block; width:419px; height:392px; margin: 15px 0px 0px 0px; float:right; background: transparent url('/assets/lymm-tv.gif') no-repeat;}
#maincamview {z-index:0; position:absolute; left:335px; top:470px; display:block; width:390px; height:260px;}
#maincamview iframe {width:390px; height:260px;}
#cam1, #cam2 {width:131px; height:54px; margin-left:5px; float:left; cursor:pointer; margin-top:326px;}
#more_cams {margin-top:326px;}
#cam2, #more_cams a {margin-left:8px;}
#more_cams a:hover, #slide a:hover, .media_promo a:hover {background:none;}
#sub_promos {display:inline; width:745px; height:315px; clear:both;}
#sub_promos li {float:left; display:inline; text-indent:0px; margin-top:10px; list-style:none;}
#sub_promos li h2, #sub_promos li h3, #sub_promos li p , #sub_promos li p a {color:#fff;}
#sub_promo1 {background: transparent url('/assets/sub-promo-business.jpg') no-repeat; width:492px; height:315px; margin-right:15px;}
#sub_promo1 h2 {padding-bottom:15px;}
#sub_promo1 h2, #sub_promo1 p {margin:15px; text-align:left; width:370px;}
#sub_promo2 {background: transparent url('/assets/sub-promo-things.jpg') no-repeat; padding-top:210px; height:105px; width:238px;}
#sub_promo2 h3, #sub_promo2 p {margin:10px; text-align:center;}
.featured_business {height:190px;}
.featured_business .business_logo {margin:15px; margin-top:10px; float:left; height:75px; width:100px;}
.featured_business div {width:345px; height:190px; float:right; margin-right:15px;}
.showcase {background: transparent url('/assets/media-showcase.jpg') no-repeat; width:200px; height:435px; padding-top:5px;}
.media_showcase {float:left; margin:5px 10px 5px 14px;}
.media_showcase a {display:block; padding:10px; width:150px; height:88px; background-color:#f0f0f0; border:1px solid #dadada; text-align:center;}
.media_showcase a:hover {background-color:#f68c1f;}
#mg {position:relative; clear:both; margin:10px; padding-top:5px; text-align:center;}
#mg h3, #mg p {color:#fff; margin-bottom:0px;}
#magnifying_glass {width:83px; height:79px; position:absolute; top:-50px; right:-30px;}

/* right nav */
.sub_menu {background:transparent url('/assets/sub-menu-trans.png') no-repeat; padding: 10px 0px 0px 0px; width:200px; height:440px;}
#sub_menu li {text-indent:0px; text-indent:0px; width:200px;}
.sub_menu h3 {margin-left:10px;}
.sub_menu h3, #sub_menu li a {color:#fff;}
#sub_menu li a {width:175px; display:block; padding-left:25px; text-decoration:none;}
#sub_menu li a:hover {text-decoration:none; background-color:#f68c1f;}
.sub_selected {background: transparent url('/assets/sub-menu-bullet.gif') no-repeat;}

/* footer */
#footer {background: transparent url('/assets/footer-trans.png') no-repeat; width:960px; height:120px; clear:both; margin-top:20px; display:block;}
#footer li {float:left; display:inline; text-indent:0px; list-style:none; margin-top:45px;}
#footer li a {color:#fff; text-decoration:none;}
#footer li a:hover {color:#fff; background-color:#f68c1f;}
#copyright {margin-left:200px; color:#fff;}
#footer li #cwd {display:block; width:210px; height:120px; margin-left:30px; margin-top:-45px; text-indent:-9999px;}
#footer li #cwd:hover {background-color:transparent}

/* media gallery */
#search_options, .paging, .browse_options, .media_content, .comment {width:633px; height:auto; border: 1px solid #dadada; background-color: #f0f0f0; padding: 20px; margin-bottom:20px; margin-top:20px; clear:both;}
.paging {height:30px;}
#month_search, #alpha_search {height:60px;}
#alpha_search, #month_search, #marketplace_search {width:580px; clear:both; margin-top:10px; margin-bottom:10px;}
#search_options {margin-bottom:0px; margin-top:0px;}
.page, #alpha_search li, #month_search li, #marketplace_search li {float:left; text-align:center; text-indent:0px;}
.page a, #alpha_search li a, #month_search li a, #marketplace_search li a {display:block; height:23px; width:26px; background-color: #f0f0f0; border:1px solid #dadada; color:#747474; text-decoration:none; margin:2px; padding-top:3px; font-size:11px;}
#month_search li a {width:90px;}
#marketplace_search li a {width:84px; height:40px; padding:3px;}
#alpha_search li a:hover, #month_search li a:hover, #marketplace_search li a:hover {background-color:#f68c1f; color:#fff;}
#no_page, #no_page:hover {text-decoration:none; background-color: #f0f0f0; color:#747474; cursor:text;}
#page_prev_next {width:65px; height:23px; padding-top:3px;}
#current_page {background-color:#f68c1f; color:#fff;}
.status_message {width:632px; margin-top:5px; float:left; clear:both; font-style:italic; padding-bottom:10px;}
.search_button {margin-left:-15px;}
.search_button:hover {background: transparent url('/assets/button-search-hover-trans.png') no-repeat; outline:none; border:none;}
.search_box {background: transparent url('/assets/textbox-trans.png') no-repeat; border:none; width:313px; height:29px; padding-top:5px; padding-left:5px; color:#747474;}
.search_box_main {background: transparent url('/assets/textbox-search-trans.png') no-repeat; border:none; width:227px; height:29px; padding-top:5px; padding-left:5px; color:#747474; margin-top:1px;}

/* media viewer */
#ctl00_ctl00_content_main_content_landing_left_imgMedia {padding:0px}
.media_heading {margin-bottom:30px;}
.media_content {width:633px; margin-left:auto; margin-right:auto; text-align:center;}
.media_categories li {text-indent:0px;}
.media_image_type {position:absolute; margin: -50px 0px 0px 520px;}
.add_comment input, .add_comment textarea {margin: 10px 0px 10px 0px; color:#747474;}
.comments {width:633px; height:auto;}
.comment {background: #f0f0f0 url('/assets/comment-trans.png') top left no-repeat;}
.comment li {text-indent:80px; padding:10px;}

.media_image {background: transparent url('/assets/media-back-image.jpg') no-repeat;}
.media_image:hover {background: transparent url('/assets/media-back-image-hover.jpg') no-repeat;}
.media_video {background: transparent url('/assets/media-back-video.jpg') no-repeat;}
.media_video:hover {background: transparent url('/assets/media-back-video-hover.jpg') no-repeat;}

.gallery {height:auto; border: 1px solid #dadada; background-color: #f0f0f0; clear:both;}
.media_gallery {padding: 20px 5px 0px 15px;	margin: 0; text-align: center; clear:both;}
.media_gallery li {display: -moz-inline-box; display: inline-block;	float:left;	vertical-align: top; margin: 0 7px 15px 7px; border: 1px solid #dadada;	padding: 0;	text-indent:0px;}
.media_gallery li>div {display: table; width: 199px;}
.media_gallery a {display: block; text-decoration: none; color: #747474; background-color: #ffe; cursor: pointer;}
.media_gallery>li .wrimg {display: table-cell; vertical-align: middle; width: 199px; height: 199px;}
.media_gallery img {border: solid 1px #dadada; vertical-align: middle;} /*  margin-top:30px; margin-bottom:30px; */
.media_gallery a:hover {color:#000; background-color:#ffe1c3;}
* html .media_gallery li .wrimg {display: block; font-size: 1px;}
* html .media_gallery .wrimg span {display: inline-block; vertical-align: middle; height: 199px; width: 1px;}
.media_gallery .caption {background-color: #ffe; display: block; padding: .3em 5px; border-top: 1px solid #dadada; height:50px;	overflow:hidden; w\idth: 189px;  /* Moz, IE6 */}
/* Op < 9.5 */
@media all and (min-width: 0px) {html:first-child .thumbwrap a {display: inline-block; vertical-align: top;}
html:first-child .thumbwrap {border-collapse: collapse;	display: inline-block;}}

/* business directory */
.business {width:630px; background-color:#fff;}
#silver, #gold, #platinum  {min-height:175px; border: 2px solid #f68c1f; background: #fff url('/assets/stars.jpg') no-repeat bottom right;}
#business_summary, #business_summary_short {text-align:left; padding:10px; width:610px;}
#business_summary h3 {width:463px; float:left;}
#business_summary_short {width:487px; float:right;}
#business_summary_short h3 {width:340px; float:left;}
#business_image {padding:10px; border: none; float:left;}
#business_summary #business_link, #business_summary_short #business_link {float:right; display:block; width:127px; height:42px; background: transparent url('/assets/button-view-details-trans.png') no-repeat; text-indent:-9999px;} 
#business_summary #business_link:hover, #business_summary_short #business_link:hover {background-image: url('/assets/button-view-details-hover-trans.png'); background-color: transparent;}
#business_summary p, #business_summary_short p {clear:both;}
.business_image_type {position:absolute; margin: -50px 0px 0px 520px;}
.business_contact {display:block; width:127px; height:42px; background: transparent url('/assets/button-email-business-trans.png') no-repeat; text-indent:-9999px;}
.business_contact:hover {background-image: url('/assets/button-email-business-hover-trans.png'); background-color: transparent;}
.church_contact {display:block; width:127px; height:42px; background: transparent url('/assets/button-email-church-trans.png') no-repeat; text-indent:-9999px;}
.church_contact:hover {background-image: url('/assets/button-email-church-hover-trans.png'); background-color: transparent;}
.school_contact {display:block; width:127px; height:42px; background: transparent url('/assets/button-email-school-trans.png') no-repeat; text-indent:-9999px;}
.school_contact:hover {background-image: url('/assets/button-email-school-hover-trans.png'); background-color: transparent;}
.association_contact {display:block; width:127px; height:42px; background: transparent url('/assets/button-email-association-trans.png') no-repeat; text-indent:-9999px;}
.association_contact:hover {background-image: url('/assets/button-email-association-hover-trans.png'); background-color: transparent;}
.event_contact {display:block; width:127px; height:42px; background: transparent url('/assets/button-email-event-trans.png') no-repeat; text-indent:-9999px;}
.event_contact:hover {background-image: url('/assets/button-email-event-hover-trans.png'); background-color: transparent;}
.marketplace_contact {display:block; width:127px; height:42px; background: transparent url('/assets/button-email-marketplace-trans.png') no-repeat; text-indent:-9999px;}
.marketplace_contact:hover {background-image: url('/assets/button-email-marketplace-hover-trans.png'); background-color: transparent;}
.type_association {background: #fff url('/assets/content-type-association.jpg') no-repeat top right;}
.type_business {background: #fff url('/assets/content-type-business.jpg') no-repeat top right;}
.type_church {background: #fff url('/assets/content-type-church.jpg') no-repeat top right;}
.type_event {background: #fff url('/assets/content-type-event.jpg') no-repeat top right;}
.type_media {background: #fff url('/assets/content-type-media.jpg') no-repeat top right;}
.type_page {background: #fff url('/assets/content-type-page.jpg') no-repeat top right;}
.type_school {background: #fff url('/assets/content-type-school.jpg') no-repeat top right;}

/* lymm tv */
#lymm_tv {z-index:1; position:relative; width:675px; height:401px; background: transparent url('/assets/lymm-tv-back-trans.png') no-repeat; margin-top:20px;}
#lymm_tv_maincamview {z-index:0; position:absolute; left:142px; top:353px; display:block; width:439px; height:290px;}
#lymm_tv_maincamview  iframe {width:450px; height:300px;}
#lymm_tv_control {background: transparent url('/assets/lymm-tv-buttons-back.jpg') no-repeat; width:675px; height:250px; margin-top:10px; text-align:center; padding-top:12px; padding-left:0px; margin-bottom:0px;}
#lymm_tv_cam1, #lymm_tv_cam2, #lymm_tv_cam3, #lymm_tv_cam4, #lymm_tv_cam5, #lymm_tv_cam6, #lymm_tv_cam7, #lymm_tv_cam8, #lymm_tv_cam9, #lymm_tv_cam10 {margin-left:0px; width:131px; height:54px; float:left; cursor:pointer;}
#lymm_tv_cam1 {margin-left:0px;}
#lymm_tv_cam6, #lymm_tv_cam7, #lymm_tv_cam8, #lymm_tv_cam9, #lymm_tv_cam10 {margin-top:20px;}
#cta {position:absolute; right:-45px; top:80px; width:70px; height:210px; padding:0px; margin:0px;}
#cta li {display:block; width:70px; height:70px;}

/* misc */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.no_indent li {text-indent:0px;}
.error {border: none; width:100%; color:red;}
.price {color:red; font-weight:bold; font-size:larger; text-decoration:underline;}
#social {height:120px; margin-bottom:20px;}
.social_email, .social_facebook, .social_twitter, .social_stumble {height:70; width:60px; display:block; text-indent:-9999px; float:left; padding:25px; padding-left:0px; margin:0px;}
.social_email {background: transparent url('/assets/email-trans.png') no-repeat;}
.social_email:hover {background: transparent url('/assets/email-hover-trans.png') no-repeat;}
.social_facebook {background: transparent url('/assets/facebook-trans.png') no-repeat;}
.social_facebook:hover {background: transparent url('/assets/facebook-hover-trans.png') no-repeat;}
.social_twitter {background: transparent url('/assets/twitter-trans.png') no-repeat;}
.social_twitter:hover {background: transparent url('/assets/twitter-hover-trans.png') no-repeat;}
.social_stumble {background: transparent url('/assets/stumbleupon-trans.png') no-repeat;}
.social_stumble:hover {background: transparent url('/assets/stumbleupon-hover-trans.png') no-repeat;}
#ie6Warning {height:600px; width:600px; margin-top:200px; margin-bottom:2000px;}

/* sliding promotions on homepage */
#wrap {width:735px; height:335px; position:relative; margin:0px}
.scrollEl {margin:5px;}
.scrollEl div div {width:735px; height:335px;}
#buttons {position:absolute; left:600px; top:20px;}
.pageIndex .page {width:20px; height:20px; background:url(/assets/button.gif); float:left; margin-right:5px; display:inline; cursor:pointer;}
.pageIndex .page:hover {color:#f68c1f;}

/* sort options dropdown menu */
.dropdown ul {list-style-type:none; padding:0; margin:0;}
.dropdown li {float:left; position:relative; z-index:100; text-indent:0px; margin-top:0px;}
.dropdown table {position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px; }
.dropdown a, .dropdown :visited {display:block; font-size:11px; width:99px; padding:3px 0; color:#747474; background:#f0f0f0; text-decoration:none; margin-right:1px; text-align:center; border: 1px solid #dadada; border-top:none;}
.dropdown ul ul {visibility:hidden; position:absolute; width:100px; height:0;}
.dropdown ul li:hover ul, .dropdown ul a:hover ul{visibility:visible;}
#dropdown_top {border: 1px solid #dadada; margin-top:2px; background-color:#f68c1f; color:#fff;}

/* contact form */
#contact_form, #send, .info_error {height: auto; width:510px; border: solid 1px #dadada; padding:20px; background-color:#f0f0f0; margin-bottom:20px; margin-top:20px;}
#send {text-align:right;}
.info_error {background-color:#ffe1c3; border: 1px solid red;}
#contact_form label {width: 150px; float:left;}
#contact_form input {background: transparent url('/assets/textbox-trans.png') no-repeat; border:none; width:313px; height:29px; padding-top:5px; padding-left:5px; color:#747474;}
#contact_form textarea {border:none; width:313px; height:204px; background: transparent url('/assets/textbox-multiline-trans.png') no-repeat; overflow:hidden; margin-bottom:20px; color:#747474; padding:10px;}
#contact_form select {border:none; width:313px; height:25px; clear:both; color:#747474;}

/* map */
#icons li {width:110px; height:110px; float:left; text-indent:0px; list-style-image:none; text-align:center;}
#icons li:hover {cursor:pointer;}
#map, #pano {border: 1px solid #000; margin-bottom:20px;}
#webcam:hover {background: transparent url('/assets/mapmarkers-webcam.png') no-repeat center;}
#landmark:hover {background: transparent url('/assets/mapmarkers-landmark.png') no-repeat center;}
#wifi:hover {background: transparent url('/assets/mapmarkers-wifi.png') no-repeat center;}
#association:hover {background: transparent url('/assets/mapmarkers-association.png') no-repeat center;}
#sport:hover {background: transparent url('/assets/mapmarkers-sport.png') no-repeat center;}
#school:hover {background: transparent url('/assets/mapmarkers-school.png') no-repeat center;}
#church:hover {background: transparent url('/assets/mapmarkers-church.png') no-repeat center;}
#emergency:hover {background: transparent url('/assets/mapmarkers-emergency.png') no-repeat center;}
#thing:hover {background: transparent url('/assets/mapmarkers-thing.png') no-repeat center;}
#transport:hover {background: transparent url('/assets/mapmarkers-transport.png') no-repeat center;}
#business:hover {background: transparent url('/assets/mapmarkers-business.png') no-repeat center;}