/* CSS Document */
.clear { clear: both; }

#wrapper {
        width: 1050px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#focal {
        text-align: center;
        margin-bottom: 11px;
        margin-bottom: 51px;
}
#holder {
        width: 980px;
        height: 100%;
        margin-right: auto;
        margin-left: auto;
}

h3 {  }

.news .side-a { width: 980px; }
.news .side-a .newsStory {  
        border-bottom: 1px dashed grey;
        float: left;
        height: auto;
        margin-bottom: 15px;
        padding-bottom: 5px;
        width: 830px;
}
.news .side-a .newsStory #newsStory_img { float: left; width: 150px; margin-right: 10px; }
.news .side-a .newsStory .morenews a {  
        float: left;
        font-size: 11pt;
        position: relative;
        text-decoration: none;
        top: -5px;
color: red;
font-size: 12px;
}
.news .side-a .newsStory .morenews a:hover { text-decoration: underline; }  
.news .newsimagesmall {  
        float: left;
        padding-bottom: 10px;
        padding-right: 13px;
        max-width: 150px;
}
.newsimagelarge {  
        float: left;
        padding-bottom: 9px;
        padding-right: 15px;
}

.side-a {
        float:left;
        text-align:left;
        width:440px;
        margin-left: 2px;
}
.side-a p{
        font-size: 14px;
        color: #3d3d3d;
}
.side-a h1{
        font-size: 17px;
        color: #f70200;
        margin-top: 3px;
}
.side-a li {
        font-size: 14px;
        color: #3d3d3d;
}
.side-a h2{
        font-size: 14px;
        font-weight: bold;
        color: #3d3d3d;
        margin: 0px; 
}
#flash p{
        font-size: 16px;
        color: #3d3d3d;
}
#flash h1{
        font-size: 15px;
        color: #f70200;
        margin-top: 3px;
}
#flash li {
        font-size: 14px;
        color: #3d3d3d;
}
#flash h2{
        font-size: 14px;
        font-weight: bold;
        color: #3d3d3d;
        margin: 0px; 
}
#flash {
        float: right;
        height: 550px;
        left: 7px;
        position: relative;
        top: -4px;
        width: 527px;
}
#flash_home {  
        float: left;
        left: 28px;
        position: relative;
        top: -10px;
}
#flash .text {  
        color: #3D3D3D;
        float: left;
        font-weight: bold;
        left: 8px;
        margin: 0 auto;
        position: relative;
}
#flash .column  {  
        position: relative;
        right: 7px;
        text-align: right;
        top: 4px;
}
.header {
        width: 980px;
        height: 70px;
        margin-top: 14px;
        margin-bottom: 11px;
        margin-right: auto;
        margin-left: auto;
        background-image: url('images/nav_potter_welshpool_newtown.gif');
        background-repeat: none;
        background-position:center; 
}
.header .imggrp{
        left: 20px;
        position: relative;
        top: 25px;
}
.header .imgrec{
        left: 15px;
        position: relative;
        top: 8px;
}

#titanium {  }

.header .return_group {  
        float: right;
        position: relative;
        right: 20px;
        top: 25px;
}
.nav{
        float: right;
        position: relative;
        top: 15px;
}
.nav ul li{
        display: inline;
}
.nav  ul li a{
        color: #FFFFFF;
        margin: 0;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        padding-right: 20px;
        padding-left: 1px;
}
.nav  ul li a:hover{
        color: #cbdb12; 
}
.smallnav{
        width: 980px;
        height: 34px;
        margin-bottom: 11px;
        margin-right: auto;
        margin-left: auto;
        background-image: url(images/small_nav_potters_recycling_powys.gif);
        background-repeat: none;
        background-position:center; 
}
.smallnav a{
        color: #FFFFFF;
        text-decoration: none;
        
        font-weight: bold;
        
}
.smallnav a:hover{
        color: #cbdb12; 
}       
.content {
        width: 980px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 51px;
        
}
.content h1 {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        padding-right: 203px;
        padding-left: 203px;
        color: #3d3d3d;
}
.content p {
        text-align: center;
        font-size: 13px;
        padding-right: 190px;
        padding-left: 190px;
        color: #3d3d3d;
}
.content li {
        font-size: 14px;
        color: #3d3d3d;
}
.footer {
        clear: both;
        width: 980px;
        height: 70px;
        margin-right: auto;
        margin-left: auto;
        text-align: right;
        color: #3d3d3d;
        background-image: url(images/nav_potter_welshpool_newtown.gif);
        background-repeat: none;
        background-position:center; 
}
.footer p {
        color: #FFFFFF;
        float: right;
        font-size: 10pt;
        left: 0px;
        position: relative;
        top: 9px;
}
.footer a {
        padding-right: 20px;
        padding-left: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
        text-decoration:none;
        color: #fff;
}
.footer a.read{
        text-decoration:none;
}

/* Tags */

body {
        font-family: Arial, Helvetica, sans-serif;
        background-repeat: repeat-y;
        background-image: url(images/bg_potter_group_waste_management_newtown.jpg);
        background-position:center; 
}
img {
        vertical-align: bottom;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
}

/*****************************************
        Navigation
*****************************************/

ul#potnav {
                color: #FFFFFF;
                font-weight: bold;
                height: 18px;
                left: 0;
                padding-left: 0;
                position: relative;
                top: 1px;
}

ul#potnav li {
                display: inline;
                font-size: 13px;
                padding: 10px 0 10px 16px;
                text-decoration: none;
                position: relative;
                line-height: 32px;
}

ul#potnav li a {
                text-decoration: none;
                color: #ffffff;
}

ul#potnav li a:hover { color: #cbdb12; }

ul#potnav li ul {  
background-color: #00B760;
                border: 0 none;
                color :#FFFFFF;
                display: none;
                height: auto;
                left: 4px;
                list-style: none outside none;
                margin: 0;
                padding: 0 0 0 9px;
                position: absolute;
                width: 110px;
                z-index: 100;
}
ul#potnav li ul li {  
                display: block !important;
                float: left;
                margin-left: 2px;
                padding: 2px;
                min-width: 60px;
}
ul#potnav li ul li a {  }
ul#potnav li:hover ul { display: block; }
ul#potnav li ul li a:hover {  }

ul#potnav li #services { width: 152px; }

ul#other_sites { 
                float: left;
                left: 26px;
                margin: 0;
                padding: 0;
                position: relative;
                top: 10px;
}
ul#other_sites li { 
                float: left;
                list-style: none outside none;
                margin: 0;
                padding :0 41px 0 0;
}
ul#other_sites li a { font-size: 9pt; padding: 0; }
ul#other_sites li a:hover {  }

#links { width: 506px; }
#links td { font-size: 11pt; }

#contact_form table {  }
#contact_form table td {  
                color: #3D3D3D;
                float: left;
                font-size: 14px;
                width: 145px;
}
#contact_form table td input { width: 263px; }
#contact_form table td textarea { width: 263px; }
#contact_form table td input[type="submit"] {  
                float: left;
                left: 146px;
                position: relative;
                width: 82px;
}
#titanium_home {  
                position: relative;
                top: 10px;
}

#hovered-menu-image { margin-left: 7px; float: left; border: solid 1px grey; margin-right: 15px; width: 507px; height: 479px; }
#menu-cycle-image { margin-left: 7px; float: left; border: solid 1px grey; margin-right: 15px; width: 507px; height: 479px; }
#menu-cycle-image img { width: 507px; height: 479px; }
#hover-menu-right { float: left; }
#hover-menu-image-col { width: 80px; float: left; }
#hover-menu-image-col img { margin-top: 2px; }
ul#hover-menu { float: left; margin-top: 2px; }
ul#hover-menu li { width:324px; height:48px; list-style: none; }



.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
        direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 434px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  430px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 128px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal img { cursor: pointer; }