/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color:#006633; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}

.fences-line{ border-bottom:1px #ccc solid; padding-bottom:10px; margin-bottom:15px; width:55%; margin:0 auto;}
.fenceentry img{ border:1px #063 solid;}
.fenceentry h2{ padding:0}
.fenceentry p{ font-size:1em; }
label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:994px; margin:0 auto; text-align:left; position:relative;}
#page #headerSpacer{ height:64px }
#page #header{ position:relative; overflow:hidden;} 
#page #header #logo{ color:#fff; background:none; font-size:32px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height: auto; 
	margin-bottom: 0px; padding: 0px; margin-top:0px; margin-left:35px; cursor:pointer;  left:0px ; z-index:1; width:auto; float:left; }
#page #header #logo a{ color:#999;  text-decoration:none; overflow:hidden; height:auto; display:block}
#page #header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }

#page #header #slogan{ color:#fff; font-size:26px; top:33px; left:35px; position:relative; font-style:italic; font-weight:normal; width:auto; float:left}

#page #header #headerNav{  z-index:2; width:100%; overflow:visible; background:url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/nav_header_bg.png) no-repeat right top; padding:0 15px; float:right;}
#page #header ul.nav-header{ list-style:none; margin:0px; padding:3px 15px 5px; width:auto; z-index:2; overflow:visible; float: right; }
#page #header ul.nav-header li{float:left; padding:2px 0px; margin:0 20px; color:#fff; font-size:13px; }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#fff }
#page #header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; }
#page #header ul.nav-home {list-style:none; overflow:hidden; margin:0px auto; padding:0px 150px; width:auto; z-index:20;  bottom:7px; position:absolute;}
#page #header ul.nav-home.admin { position:relative;}
#page #header ul.nav-home li{float:left; height:35px; width:203px; padding:15px 0 0; margin:0 10px; background-image: url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/nav_home_bg.png); background-repeat: no-repeat; background-position: left top; text-align:center;}
#page #header ul.nav-home li:hover{background-position:right -70px;}
#page #header ul.nav-home li a:hover, #page #header ul.nav-home li:hover a {color:#fff; font-weight:bold; text-decoration:underline;}
#page #header ul.nav-home li a{ font-size:26px; color:#ff0000; font-weight:bold; text-decoration:none}
#page #header #header-area{margin-top: 10px;}
#page #header #header-area img { display: block}
#page .divider{padding-top: 12px; overflow:hidden; height:1px; clear:both; width:100%;}

#page #central{background:#fff; clear:both;}
#page .no-sidebar { background-image: none !important}
#page #central.central-left {  }
#page #central.central-left div#sidebar,#page #central div#sidebar {float: left !important; }
#page #central.central-left #body {/*padding-left: 68px !important;*/ float:right}
 
#page #central #body{ float:left; width:67%; width:789px; padding-left: 10px !important; padding-right: 10px !important}

#page #central #body p{}
#page #central.no-sidebar #body{ float: none !important; width: auto !important; }
#page #central.no-sidebar #body #content-wrap{padding-left:0px; padding-right:0px;}
#page #central #body {padding-bottom:10px}
#page #central #body #right-title h1,
#page #central #body #content-wrap{padding-left:15px; padding-right:15px;}
#page #central #body #content-wrap ol li{padding-bottom:10px;}
#page #central #body #content-wrap ol ul li{padding-bottom:0px;}
#central #body #content-wrap ul {padding:0.5em 15px 1em; list-style-position:inside}
#page #central #body #content-wrap ul.portfolioGallery{padding:0px;}
#page #central #sidebar{ float:right; width:175px; overflow:hidden; margin-top:35px;  margin-left:10px;}
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; margin-bottom:5px; padding:0 0 0 10px; font-size:13px;}
#page #central #sidebar ul.nav li:first-child{border-top:#EDEDED 1px solid; }
#page #central #sidebar ul.nav li{ padding:8px 15px; border-bottom:#EDEDED 1px solid;}
#page #central #sidebar ul.nav li a { display:block}
/*#page #central #sidebar .price-list{ background:url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/nav_sidebar_file.jpg) no-repeat 90px ;}*/
#page #central #sidebar .price-list{ background:url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/nav_sidebar_file-v2.jpg) no-repeat 10px 5px ;}
#page #central #sidebar #sidenav_price_list.price-list{ margin:8px 15px; border-bottom:#EDEDED 1px solid; border-top:#EDEDED 1px solid;margin-left:10px;}
#page #central #sidebar #sidenav_price_list.price-list a{ display:block; color:#FF0000; font-weight:bold; padding:10px 0; padding-left:40px; }

#page #central #sidebar a{ text-decoration:none; color:#333 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:6px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central #sidebar ul.second-nav{ list-style:none; margin-left:0px; padding:0px; font-size:23px; text-align:center}
#page #central #sidebar ul.second-nav li{ padding:9px 15px; margin-bottom:10px; display:block; 
background-image:url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/nav_sidebar_bg.png); background-position: 5px top;
}
#page #central #sidebar ul.second-nav li:hover,#page #central #sidebar ul.second-nav li.nav-selected,
#page #central #sidebar ul.nav-path-selected li:hover,#page #central #sidebar ul.second-nav li.nav-path-selected
{ background-position:-165px bottom;}
#page #central #sidebar ul.second-nav a{ text-decoration:none; color:#666666 }
#page #central #sidebar ul.second-nav a:hover,#page #central #sidebar ul.second-nav a.nav-selected,
#page #central #sidebar ul.nav-path-selected a:hover,#page #central #sidebar ul.second-nav a.nav-path-selected
{color:#fff}

/* Bit of a hack to display correctly in edit mode */
/* Will only work in one block here would need editing if moved */
#b61-11{position:relative;}
#b61-11 #csstabs{position:relative; top:0;}
#b61-11 .big-spacer{height:0px;}

#csstabs-wrapper{position:relative; z-index:5; top:-53px;}
/*#csstabs-wrapper.edit{position:relative; z-index:5; top:0px;} */
#csstabs{ width:974px; height:285px; }
#csstabs-wrapper.edit #csstabs{height:auto;}
.big-spacer {/*height:280px;*/ clear:both; display:block; position:relative; width:100%;}
.ccm-croppable-image-container{ float:left; margin-right:5px; padding-left:5px;}
#csstabs h3{padding:15px 0 3px; height:28px;text-align:center; margin:0;}
/*#csstabs img{ height:250px; float:left!important;}*/ 
#csstabs h3 a { font-size:26px; color:#ff0000; font-weight:bold; text-decoration:none}
.tabcontent{padding:10px 0px 0 10px;width:100%; max-width:964px; min-height:285px; height:100%;  background:#EDEDED; margin:0; overflow:hidden}
#csstabs .tabcontent p { color:#000; text-align:center;  background:#EDEDED; margin:0; padding:8px 0 6px; font-weight:bold; font-size:1.2em; clear:both}

#price_list a{color:#FFF; font-weight:bold; text-decoration:none}
/* background-position:left top;*/
#tab1 h3,#tab2 h3,#tab3 h3 { background-image: url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/nav_home_bg.png); overflow:hidden; width:203px; z-index:2; position:absolute; margin:0; background-position:205px -70px;}


#tab1 .tabcontent{z-index:1;position:absolute;left:0;top:46px; height:230px;}
#tab1 h3{left:140px;top:0;}
#tab2 .tabcontent{z-index:1;position:absolute;left:0;top:46px;height:230px; opacity:0;}
#tab2 h3{left:360px;top:0;}
#tab3 .tabcontent{z-index:1;position:absolute;left:0;top:46px;height:230px; opacity:0;}
#tab3 h3{left:580px;top:0;}
.clearboth { clear:both;}
#csstabs:hover h3,#csstabs:focus h3,#csstabs:active h3{}
/*#csstabs-wrapper.edit #tab1,#csstabs-wrapper.edit #tab2,#csstabs-wrapper.edit #tab3{ position:relative; overflow:hidden; height:350px}*/

#tab1:hover h3,#tab1:focus h3,#tab1:active h3,#tab2:hover h3,#tab2:focus h3,#tab2:active h3,#tab3:hover h3,#tab3:focus h3,#tab3:active h3, #tab1.sel h3, #tab2.sel h3, #tab3.sel h3{z-index:4; 
 background-position:left top;}

#csstabs .hide { display:none;} 
 
/*
#csstabs:hover .tabcontent,#tabs:focus .tabcontent,#tabs:active .tabcontent{opacity:0;-webkit-transition : opacity .75s ease-in;  background:#fff;}
#tab1:hover .tabcontent,#tab1:focus .tabcontent,#tab1:active .tabcontent{z-index:3;background:#fff;opacity:1;-webkit-transition : opacity 1s ease-in;}
#tab2:hover .tabcontent,#tab2:focus .tabcontent,#tab2:active .tabcontent{z-index:3;background:#fff;opacity:1;-webkit-transition : opacity 1s ease-in;}
#tab3:hover .tabcontent,#tab3:focus .tabcontent,#tab3:active .tabcontent{z-index:3;background:#fff;opacity:1;-webkit-transition : opacity 1s ease-in;}

*/

#page .page-bottom { background:#333; color:#fff; font-weight:bold; text-align:center; padding:10px; clear:both}

#page #central.navLeft{ background:url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{ padding-top:24px; clear:both; padding-bottom:16px; color:#ccc; font-size:10px; text-align:center; font-size:11px;}
#page #footer a{ text-decoration:underline; color:#ccc; }
#page #footer address {font-style:normal;}
#page #footer span.sign-in {margin-left: 20px}
#page #footer span#realnet { float:right; color:#6CBA93; clear:both;}
#page #footer span#realnet a{ text-decoration:none; color:#6CBA93;}
#page #footer ul.footer-nav {list-style:none; margin:0px auto; padding:0px; padding:0; font-size:11px; text-align:center; width:auto;}
#page #footer ul.footer-nav  li{  display:inline-block; min-height:10px; *display:inline; padding:0; margin:0px 5px; text-align:center; width:auto;}
#page #footer ul.footer-nav li:before{ content:" | "; font-size:12px; padding-right:5px}
#page #footer ul.footer-nav li:first-child:before{ content:""}

#contact-details .l h3{/* customize_contact_h3 */ color:#48916d; /* customize_contact_h3 */}
#contact-details .v.address{/* customize_contact_address */ color:#006633; /* customize_contact_address */}

/* Page Elements */
.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding:5px 0}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 15px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px; display:block;}
.noTopSpace{margin-top:0px; padding-top:0px}
#surveyResults{clear:both; display:block}
.poll { padding:0 0px;}
/* customize_miscellaneous */  /* customize_miscellaneous */

    body a.switch_thumb {
        width: 140px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin: 10px 20px;
        display: block;
        background: url(http://www.gardenfencecambs.co.uk/themes/colourfence/images/switch.gif) no-repeat;
        outline: none;
        text-indent: -9999px;
    }
    body a:hover.switch_thumb {
        filter:alpha(opacity=75);
        opacity:.75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    }
    body  a.swap { background-position: left bottom; }
	body ul.thumb_view li{max-width:230px;}