/*
 * Id: 7.12362
 * Version: 1315228684
 * Generated: 23-Feb-2012 06:27:04
 */

/*
* WeddingLink regional selector page styles
* IE6 fixes are included at the bottom of this document
*/

body
{
background-image: url('/polopoly_fs/selector_css_7_12362!bg-weddings-main-layout-1.png');
background-position: 0 -100px;
}

.header {
    margin-top: 15px;
}

.header .feature-bar, .header #navigation, .header #sub-navigation {
padding:0px;
margin:0px;
height:0px;
display:none;
}

.header .image {
position:absolute;
top:10px;
}


/*
This block of code should remain commented-out until all the
WeddingLink sites go live. We can then start using the full JavaScript
selector list.

.selector-form
{
background: url('/polopoly_fs/selector_css_7_12362!bg-rpx-selector-form.png') repeat-x 0 0;
color: #FFF;
font-family: Georgia, serif;
height: 22px;
margin: -7px 0 16px;
padding: 11px;
text-align: right;
}

.selector-form label,
.selector-form select
{
font-size: 11px;
vertical-align: middle;
}

.selector-form label
{
font-size: 16px;
margin-right: 10px;
}

*/


/* These are new classes which relates to the new drop-down, which omits the non-live sites such as Kent */

.selector-form-new
{
background: url('/polopoly_fs/selector_css_7_12362!bg-rpx-selector-form.png') repeat-x 0 0;
color: #FFF;
font-family: Georgia, serif;
height: 22px;
margin: -7px 0 16px;
padding: 11px;
text-align: right;
}

.selector-form-new label,
.selector-form-new select
{
font-size: 11px;
vertical-align: middle;
}

.selector-form-new label
{
font-size: 16px;
margin-right: 10px;
}


/* End of new class */



.selector-summary
{
border-top: 1px solid #768C98;
border-bottom: 1px solid #768C98;
color: #768C98;
font-family: Georgia, serif;
font-size: 16px;
margin: 0 12px 22px;
padding: 0 5px;
}

.selector
{
background: url('/polopoly_fs/selector_css_7_12362!bg-selector.png') no-repeat 0 0;
height: 539px;
margin-bottom: 34px;
padding: 20px 28px 10px;
position: relative;
}

#selector-regions
{
width: 530px;
}

#selector-regions li
{
float: left;
width: 262px;
}

#selector-regions a
{
background: url('/polopoly_fs/selector_css_7_12362!bg-selector-regions-new.png') no-repeat 0 0;
display: block;
height: 107px;
overflow: hidden;
text-indent: -99999px;
width: 262px;
}

#selector-regions a:hover, #selector-regions .selected {background-position: -262px 0}

#selector-regions .item-2 a {background-position: 0 -107px}
#selector-regions .item-2 a:hover, #selector-regions .item-2 .selected {background-position: -262px -107px}
#selector-regions .item-3 a {background-position: 0 -214px}
#selector-regions .item-3 a:hover, #selector-regions .item-3 .selected {background-position: -262px -214px}
#selector-regions .item-4 a {background-position: 0 -321px}
#selector-regions .item-4 a:hover, #selector-regions .item-4 .selected {background-position: -262px -321px}
#selector-regions .item-5 a {background-position: 0 -428px}
#selector-regions .item-5 a:hover, #selector-regions .item-5 .selected {background-position: -262px -428px}
#selector-regions .item-6 a {background-position: 0 -535px}
#selector-regions .item-6 a:hover, #selector-regions .item-6 .selected {background-position: -262px -535px}
#selector-regions .item-7 a {background-position: 0 -642px}
#selector-regions .item-7 a:hover, #selector-regions .item-7 .selected {background-position: -262px -642px}
#selector-regions .item-8 a {background-position: 0 -749px}
#selector-regions .item-8 a:hover, #selector-regions .item-8 .selected {background-position: -262px -749px}
#selector-regions .item-9 a {background-position: 0 -856px}
#selector-regions .item-9 a:hover, #selector-regions .item-9 .selected {background-position: -262px -856px}

p.selector-assoc-head {
font-family: Georgia,serif;
font-size: 16px;
margin: 0.8em 0;
font-weight:bold;
color:#768C98;
}

.selector-assoc
{
background: url('/polopoly_fs/selector_css_7_12362!bg-selector-assoc.png') no-repeat 0 0;
list-style: none;
margin: 0 auto 20px auto;
overflow: auto;
position: relative;
width: 974px;
height: 80px;
zoom: 1;
}

.selector-assoc ul {
margin-left: 0px;
}

.selector-assoc li a {
display:block;
height:80px;
float:left;
}

.selector-assoc li a#bride {
width:230px;
}

.selector-assoc li a#pure {
width:205px;
}

.selector-assoc li a#fayre {
width:275px;
}

.selector-assoc li a#show {
width:264px;
}

.selector-assoc li a em
{
display:none;
}

.selector-subnav
{
background: url('/polopoly_fs/selector_css_7_12362!bg-selector-subnav.png') no-repeat 0 0;
list-style: none;
margin: 0 auto;
overflow: auto;
position: relative;
width: 974px;
zoom: 1;
}

.selector-subnav li a
{
font-family: Georgia,serif;
color: #768C98;
display: block;
padding: 180px 5px 0 0;
text-align: center;
text-decoration: none;
}

.selector-subnav li a
{
float: left;
width: 133px;
}

#selector-map
{
background: url('/polopoly_fs/selector_css_7_12362!bg-map.png') no-repeat 0 0;
height: 494px;
width: 400px;
position: absolute;
right: 23px;
top: 31px;
}

#selector-map area
{
background: #CCC;
}

/* IE6 fixes */

* html .selector-subnav
{
background-image:
url('/polopoly_fs/selector_css_7_12362!bg-selector-subnav-ie6.png');}

* html .selector-assoc
{
background-image:
url('/polopoly_fs/selector_css_7_12362!bg-selector-assoc-ie6.png');}

* html #selector-regions a
{
background-image: url('/polopoly_fs/selector_css_7_12362!bg-selector-regions-ie6-new.png');
}

* html .selector
{
background-image: url('/polopoly_fs/selector_css_7_12362!bg-selector-ie6.png');
}

/* This block of code should remain commented-out until all the
WeddingLink sites go live. We can then start using the full JavaScript
selector list.

* html .selector-form
{
background-image: url('/polopoly_fs/selector_css_7_12362!bg-rpx-selector-form-ie6.png');
position: relative;
} */

* html .selector-form-new
{
background-image: url('/polopoly_fs/selector_css_7_12362!bg-rpx-selector-form-ie6.png');
position: relative;
}

* html .header
{
height: 98px;
}





      
