html { overflow-y: scroll; }
html, body { margin:0; padding:0; }
body { font: 100% "Century Gothic", CenturyGothic, AppleGothic, sans-serif;; color: #000; background: #fff; }
img { border:0; max-width: 100%; }
p { margin-top: 0; }

a,a:hover { text-decoration:none; border:0; color: #00569E; }
a.link { text-decoration: none; }

.clear,.dclear { clear:both; }
.clear.divider { height: 20px; }

.linked { display:block;color:white; padding:5px 10px 6px; margin: 0 -10px; }
.linked:hover { background: #003c6f; color: white;  }

hr.div { height: 1px; border:0; border-top: 1px solid #fff; }

.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.gw{width:1252px;font: .90em/1.5em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; margin:0 auto;}

.g18 {width:950px;}
.g18 > img { max-width:100%; }
.g13{width:680px;float:left;}
.g12{width:627px;float:left;}
.g9 {width:465px;float:left;}
.g6{width:303px;float:left;}
.g5{width:250px;float:left;text-align:center;}
.g5hg img { width: 250px; }
.g3{width:141px;float:left;}
.g3 img { width: 75%; display: block; margin: auto; }

a.expander { display: none; }
.collapse { display: block; }

.mapwidget { width: 100%; height: 320px; }

.s5 { width: 260px; }
.s5p { width: 260px; padding: 10px 0 20px; }
.s5p dfiv { padding: 10px;color:#fff;text-align:center;font-size:1.4em;line-height:2.6em; }
.s5p didv strong { display: block; font-size: 2.2em; }

#quicklinks.s5p { width: 190px; padding: 30px 35px; }

.grid h2 {font-size:1.5em;color:#000;margin:5px 0 12px;}
.grid h3 {font-size:1.05em;color:#00569E;margin:0 0 3px;}
.grid a {text-decoration:underline;}
.grid p { margin-bottom: 1.5em; }
.grid.hr { float:left; border:0;background:#e1e1e1;height: 1px; }
#portable,#mobile,#tiny { display: none; }

button.ordering { background: none repeat scroll 0 0 #00569E;
	border: 0 none;
	color: white;
	cursor: pointer;
	display: block;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	font-size: 1em;
	margin: 10px 0 20px;
	padding: 6px;
	text-decoration: none;
}

button.ordering strong { float: right; margin-left: 10px; }

#header { !margin-top: 20px; background: url("../images/bar-repeat.png") repeat-x scroll left top #0b487c; position: relative; z-index: 88; }

#header #branding {background:url(../images/branding.png) no-repeat top left #0b487c; height: 88px; position: relative; z-index: 88;}
#header #branding #bisinella { background:url(../images/bisinella.png) no-repeat left center; height: 88px; position: relative; }

#header #branding.estate { height: 110px;  }
#header #branding.estate nav { margin: -4px 10px 0; }
#header #branding.estate nav ul { margin:0;padding:0; list-style:none; }
#header #branding.estate nav ul li { display:block; float:left; }
#header #branding.estate nav ul li a { display:block;padding:0 12px; color: #eee; font-size: .9em; }
#header #branding.estate nav ul li a:hover { color: #fff; }

#header #reveal-nav {
	background: #f1f1f1;
	display: none;
	position: absolute;
	border: 2px solid #11375c;
	z-index: 99;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#header #reveal-nav .reveal-bar {
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 3px;
	background-color: #11375c;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.primary div.slidewrap { background: url(../images/pattern.jpg) #f0f0f0;height: 364px; width: 100%; position: relative; }
.estate div.slidewrap { background: url(../images/pattern.jpg) #f0f0f0;height: 338px; width: 100%; }
.primary #feature{width:1252px;background: none repeat scroll 0 0 #f0f0f0;height: 364px;left: 50%; overflow: hidden;position: absolute;text-align: left;top: 0px;margin:auto 0 0 -626px;z-index: 77;}
.estate #feature{width:1252px;background: none repeat scroll 0 0 #f0f0f0;height: 275px;left: 50%; overflow: hidden;position: absolute;text-align: left;margin:auto 0 0 -626px;z-index: 77;}
/*#feature {background: none repeat scroll 0 0 #f0f0f0;height: 440px;left: 0; overflow: hidden;position: absolute;text-align: left;top: 0;width: 100%;z-index: 77;}*/
#feature .slide {height:100%;width:100%;background-position: 50% 50%;background-size:cover;background-repeat: no-repeat;display: ;left: 0;position: absolute;top: 0;width: 100%;z-index: -1;}
#nav { width:100%; z-index: 88; position:static; top:452px; background:url(../images/menu_bg.png) repeat top left; height: 50px; }
#nav a.navtog { display:none; text-align: center; padding:0 22px; color: #2267a2; background:url(../images/menu_bg.png) repeat right top;  height: 40px; line-height:40px; }
#nav .gw { position: relative; z-index: 2222; }

.estate #nav { top: 446px; }
#nav .estate-banner { position: relative; top: 387px; }
#nav .estate-banner .estate-banner-inner { position: absolute; margin: 0; bottom:0; left: 50%; margin-left: -626px; }
#nav .estate-banner .estate-banner-inner .gw { background-color: #00569E; color: #fff; padding: 20px 0 20px; }
#nav .estate-banner .estate-banner-inner .gw h1 { margin: 0; font-size: 2.2em; }
#nav .estate-banner .estate-banner-inner .gw h1.left { float:left; margin-left: 18px; }
#nav .estate-banner .estate-banner-inner .gw h1.right { float:right; margin-right: 18px; }
#nav .estate-banner .estate-banner-inner .gw small { display: block; float:left; margin-right: 20px; font-size: .5em; }

#nav .nddote { background: #00569E;position:absolute; bottom: 40px; right:0; z-index: 88; height: 125px; box-shadow: 1px 1px 3px #000; }
 .breadcrumbs { background: #fff url(../images/home.png) no-repeat 0px 3px; padding-left: 20px; color: #aaaaaa;position:static; margin-top: 10px; bottom: -82px; left:0; z-index: 88; font-size:10pt; font-style: italic; }
 .breadcrumbs.blue { background-position: 0 -19px; }
 .breadcrumbs a { color: #00569E; }
 .breadcrumbs a:hover { color: #00569E; text-decoration: underline; }
#nav ul { margin:0;padding:0; list-style:none; }
#nav ul li { display:block; float:left; }
#nav ul li a { display:block;padding:0 18px; color: #2267a2; background:url(../images/menu_bg.png) repeat right 0; height: 50px; line-height:50px;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; }
/*#nav ul li:last-child a { background-position: 0 -2000px; }*/

#nav ul li a.selected, #nav ul li a:hover {color: #fff; background-position: 0 -50px; }

#container { overflow:hidden; }

#content { background: #fff; position:relative; margin-top: 40px; min-height: 590px; }
body.estate #content { margin-top: 25px; }

#quickwrap { float: right; height: 10px; }
#quickwrap #quicklinks { margin-top: 32px; position: absolute; top: -60px; background: #00569E; }

body.estate #quickwrap #quicklinks { top: -90px; }

#quickwrap #quicklinks h3 { margin:0; color:white; font-size:1.8em; font-weight: normal;}
#quickwrap #quicklinks.f {position:fixed;top:0;}

/* Search */
#search {background: transparent;width: 240px;position: absolute;top: 16px;right:15px;text-align: center;z-index: 15;}
#search form {text-align: left;position: relative;}
#search input {background: url("http://www.buddski.net/theme/images/search/search.png") no-repeat scroll 12px center #FFFFFF; width: 120px;padding: 6px 0 6px 30px;border: 1px solid #363636;float:right;position: relative;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;margin: 10px 0;}

#bisinella #phone { position: absolute;top: 0;right:15px;text-align: center;z-index: 15; color:white; font-size:1.8em; font-weight:bold; line-height:82px; }

h2.title {margin-bottom:5px;}

/* News */
#news-list a.block {width:52px;height:48px;overflow:hidden;clear:both;color:#ccc;display:block;margin:0 0 12px;text-decoration:none;float:left;}
#news-list a.block span { width: 100%; font-size:.7em;padding: 6px 0 0px; text-align:center;display:block; float:left; margin-right: 10px;background:#00569E;color:white;}
#news-list a.block span strong { display:block;font-size:2.8em;line-height: 0.7em; }

#news-list a.block.selected{ color:#00569E;}
#news-list a.block:hover { color:#888;}
#news-list a.block.selected span {background:#00569E;color:white;}

#news-list article.news-list, #news-article article { margin-bottom: 40px; }

#news-article .headline { margin-bottom:20px; border-bottom: 1px solid #ccc; }
#news-article .headline h3 {font-size:1.25em;color:#00569E;margin:0px 0 10px;}
#news-article .headline .news-date { text-decoration: italic; color: #999; margin-top: -4px; margin-bottom: 4px; display: block; font-size: .8em;}

#news-list article.news-list .news-date, #news-article article .news-date { text-decoration: italic; color: #999; margin-top: -4px; margin-bottom: 4px; display: block; font-size: .8em;}
#news-list article.news-list a, #news-article article a { color: #00569E;  text-decoration: none;}
#news-list article.news-list a:hover, #news-article article a:hover { color: #888; underline }

#news-list article.news-list h3, #news-article article h3 {font-size:1.25em;color:#00569E;margin:0px 0 10px;}
#news-list article.news-list h3 a, #news-article article h3 a {color:#00569E; text-decoration: none;}
#news-list article.news-list h3 a:hover, #news-article article h3 a:hover,  { text-decoration: underline; }
#news-list article.news-list.box, #news-article article.box { margin-left: 67px; }

.news-buttons { margin-top:15px;background:#fff;font-weight:bold; padding:10px; }
.news-buttons .news-archive { display:block;float:left;color:#005DAB; text-decoration: none; background: url("../images/sprite-16-blue.png") no-repeat scroll 0 -660px transparent;line-height: 17px;
    padding: 0 0 0 24px;}
.news-buttons .news-rss { display:block;float:right;color:#005DAB; text-decoration: none; background: url("../images/sprite-16-blue.png") no-repeat scroll 0 -6556px transparent;line-height: 17px;
    padding: 0 0 0 24px;}

.news-tab {width:235px;padding:5px 10px 5px 0;float:left;margin-right:20px;background:#;}
.news-tab a.block {overflow:hidden;clear:both;color:#333;display:block;margin: 0;text-decoration:none; border-bottom: 1px solid #ccc;padding: 5px 10px;}
.news-tab a.block span { width: 52px; font-size:.7em;padding: 6px 0 0; text-align:center;display:block; float:left; margin-right: 10px; }
.news-tab a.block span strong { display:block;font-size:2.8em;line-height: 0.7em; }

.news-tab a.block.selected,.news-tab a.block.selected:hover{ color:white;background:#005DAB;}
.news-tab a.block:hover { background:#f0f0f0;color:#111;}
.news-tab a.block.selected span {background:#00569E;color:white;}

.news-body {padding:0 10px;width:660px;float:left;overflow:hidden;}
.news-body article.news {display:none;height:100%;vertical-align:top;margin-bottom:30px;}
.news-body article.news.selected {display:block;}
.news-body article.news h3 {font-size:1.25em;color:#00569E;margin:5px 0 10px;}
.news-body article.news .date { text-decoration: italic; color: #999; margin-top: -5px; margin-bottom: 10px; font-size: .8em; display:block; }
.news-body article.news a { color: #00569E; text-decoration: none; }
.news-body article.news a:hover { color: #888; }

#dots { display:none; margin: 20px auto; font-size:1.8em;text-align:center;}
#dots .dot { color:#ccc;}
#dots .dot.selected { color:#00569E;}

.sponsor h3 {font-size:1.25em;color:#00569E;margin:5px 0 10px;}

.estate-widget { position:relative; width:950px; }
.estate-widget .smallwrap { padding-top: 440px; }

.estate-widget a.estate-open { font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif; cursor: pointer; border:0; display: block; color:white; margin-top: 10px; background: #00569E; font-size:1.15em; text-decoration:none; display:block; float:left; margin: 10px auto 20px; padding: 8px 12px 9px; }
.estate-widget p { }
.estate-widget .arrows { width: 100px; position:absolute; right:0; top: 0; z-index: 2; }
.estate-widget .arrows a { background: url("../images/arrows.png") no-repeat 0 0 #f6f6f6; border-radius: 30px 30px 30px 30px;border: 1px solid #e1e1e1;display: block;height: 40px;line-height: 40px;margin-left: 4px;overflow: hidden;text-decoration: none;text-indent: 200%;width: 40px;}
.estate-widget .arrows a:hover { border-color: #00569E; }
.estate-widget .arrows .left { float: left; background-position: -1px 0; }
.estate-widget .arrows .right { float: right;  background-position: -38px 0; }
.estate-widget h2 { margin-top: 52px; }
.estate-widget .grid.small { text-align: center; text-decoration: none; display: block; }
.estate-widget .grid.small a { display: block; text-decoration: none; border: 2px solid #00569E; }
.estate-widget .grid.small a:first-child:hover { background: #00569E; color:white; }
.estate-widget .grid.small img { float:left; height: 197px; width: 100%; object-fit: cover; }
.estate-widget .grid.small div { padding: 5px;  color: #323232; }
.estate-widget .grid.small a:hover div { border-color: #00569E; color:white; }
.estate-widget .grid.small a:hover div h3 { color: white; }
.estate-widget .grid.small div h3 { font-size: 1.4em; margin-top: 5px; color: #00569E; }
.estate-widget .grid.small div p { margin-bottom: 0; font-size: 1.1em; }
.estate-widget .preview { z-index: 0; position: absolute; top:0; left:0; }

.search-widget {}
.search-widget small { display: block; margin-bottom: 20px; }
.search-widget tr { vertical-align: middle; }
.search-widget tr td { padding: 0 0 10px; }
.search-widget tr td.label { font-size: 1.2em; color: #00569E; }
.search-widget tr td.label small { display: inline; }
.search-widget tr td.field { text-align:right; width: 220px; }
.search-widget tr td.field select { border: 1px solid #CCCCCC;width: 200px;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;color: #424242;font-size: 1.1em;outline: medium none;padding: 3px 6px;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }
.search-widget h2 { margin-bottom: 30px; }
.search-widget .image img {  }
.search-widget .image .res { display: none; }
.search-widget .results { text-align:center; position: relative; }
.search-widget .results div.searching { display: none; position: absolute; left:0;right:0; text-align: center; }
.search-widget .results .count { color: #00569E; font-size: 6em; line-height:.8em; font-style: italic; font-weight: normal; margin: 0 0 10px; }
.search-widget .results .count.searching { color: white; }
.search-widget .results span { display: block; margin: 0 0 20px; color: #999; font-size: 1.6em; font-style: italic; }
.search-widget .results div { display: block; margin: 0 0 10px; color: #999; font-size: 1.6em; font-style: italic; }
.search-widget .results button { font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif; cursor: pointer; border:0; display: block; color:white; width: 70%; margin-top: 10px; background: #00569E; font-size:1.15em; text-decoration:none; display:block; margin: 10px auto 20px; padding: 8px 5px 9px; }
.search-widget .results button strong { float: right; margin-right: 5px; line-height: 1.4em; }

.interactive { margin: 0px 0 20px; }
.interactive h4 { width: 500px; display: block; margin: 20px 0 20px 80px; color: #999; font-size: 1.6em; line-height: 1.2em; font-style: italic; font-weight: normal; float:left; }
.interactive div.buttons { float: right; margin: 0 35px 0 80px; }
.interactive div.buttons a { background: none repeat scroll 0 0 #00569E;color: white;display: block;font-size: 1.0em;margin: 12px 12px;padding: 8px 15px;text-decoration: none;}

a.printable { float:right; background: none repeat scroll 0 0 #00569E;color: white;display: block;font-size: 1.0em;margin: -50px 12px 0;padding: 8px 15px;text-decoration: none; }

.package-features { display: block; }
.package-features .package-feature { float: left; margin-right: 22px; }

.estate > .package-features { margin-bottom: 0 2px 5px 2px; }

.gridded .grid-package { padding: 0 20px 20px; box-sizing: border-box; font-size: 1.1em; margin-bottom: 20px; }
.gridded .grid-package .package-estate { }
.gridded .grid-package .package-price { float: right; font-size: 1.3em; }
.gridded .grid-package .package-features { float: right; }
.gridded .grid-package img { margin: 10px 0; display: block; max-width: 100%: }
.gridded .grid-package .package-address { margin-top: 5px; clear:both; }
.gridded .grid-package .package-title { font-size: 1.3em; }
.gridded .grid-package .package-builder { }

#quickwrap #quicklinks .ql-widget { border-top: 1px solid white; padding-top: 20px; margin-top: 10px; }
#quickwrap #quicklinks .ql-widget small { display: block; margin-bottom: 20px; }
#quickwrap #quicklinks .ql-widget tr { vertical-align: middle; }
#quickwrap #quicklinks .ql-widget tr td { padding: 0 0 10px; }
#quickwrap #quicklinks .ql-widget tr td.label { font-size: 1em; color: #fff; }
#quickwrap #quicklinks .ql-widget tr td.label small { display: inline; }
#quickwrap #quicklinks .ql-widget tr td.field { text-align:right; width: 220px; }
#quickwrap #quicklinks .ql-widget tr td.field select { border: 1px solid #CCCCCC;width: 100%;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;color: #424242;font-size:.8em;outline: medium none;padding: 3px 6px;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }
#quickwrap #quicklinks .ql-widget h3 { font-size:1.6em; margin: 0 0 20px; }
#quickwrap #quicklinks .ql-widget button { background: none repeat scroll 0 0 #fff;border: 0 none;color: #00569E;cursor: pointer;display: block;font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;font-size: 1em;padding: 6px;text-decoration: none;width: 100%; }
#quickwrap #quicklinks .ql-widget button strong { float:right; margin-left: 15px; }

#quickwrap #quicklinks .ql-widget .res { color: white; margin-bottom: 13px; margin-top: 0px; }
#quickwrap #quicklinks .ql-widget .res h3 { display: none ;float:right; color: white; margin-bottom: 5px; font-size: 3em; }
#quickwrap #quicklinks .ql-widget .res span { display: block; text-align: center; color: white; font-size: 1.2em; }

.more { display:none; }

.table { width: 100%; border: 0; margin-bottom: 1em; border-collapse: collapse; font-size: 1em; margin-bottom: 20px; }
.table thead th { 	font-size: 1em; font-weight: bold; text-align: left; color: #333; padding: 5px 10px 10px; border-bottom: 1px solid #E3E3E3; }
.table thead th.head { border:0; padding: 0 0; }
.table thead th.head .inline-linked { text-decoration:none;font-weight:normal;font-style:italic; }
.table thead th.head h3 { margin-top: 30px; padding: 0; font-size: 1.2em;}
.table thead:first-child th.head h3 { margin-top:0;}
.table td { vertical-align: middle; }
.table tbody tr td { background: #FFF; border-bottom: 1px solid #E3E3E3; border-top: 1px solid #E3E3E3; }
.table tbody tr.main:hover td { color: #00569E; cursor:pointer;border-bottom: 1px solid #00569E; }
.table tbody tr.main:hover td .expand { border-color: #00569E; }
.table tbody tr.main.open:hover td { border-bottom: 0; color:white; background: #00569E; }
.table tbody tr.main.open:hover td .expand { border-color: #e1e1e1; }
.table tbody td { padding: 6px 12px; }

.table-striped tr.odd td { background-color: #fcfcfc; }
.table-striped tr.even td { background-color: #FFF; }

.table-bordered { border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3;	}
.table-bordered thead tr {
	background: #EEE;
	background:-moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* IE10+ */
	background:linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF', endColorstr='#EEEEEE')";
}
.table-bordered tbody td, .table-bordered thead th {border-right: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3; }
.table .expand { height: 17px; width: 17px; display: block;  border: 1px solid #e1e1e1; border-radius: 100px; padding: 5px; overflow:hidden; background: url("../images/arrows-small.png") no-repeat scroll 0 -27px #F6F6F6; }
.table .expand.minus { background-position: 0 -2px; }

.table .hidden { display: none; }

.table tbody tr.open td { border-bottom: 0; color:white; background: #00569E; }
.table tbody tr.block td { padding:0; }

.blocked { padding:20px 20px 0;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3; display:none; }
.blocked .plotted { }
.blocked .image { width: 320px; }
.blocked .image .plotted { width:100%;height:280px; }
.blocked .image img { display: block; margin: auto; }
.blocked .image .info { margin-top: 10px; }
.blocked .image .info a.button { color:white; background: #00569E; font-size:1.1em; text-decoration:none; display:block; margin: 20px 0; padding: 10px; }
.blocked .image .info a.button strong { float: right; }

.blocked .details { margin-left: 40px; font-size: 1em; width: 545px; }
.blocked .details .top {}
.blocked .details .top .detail { margin-top: 5px; float:left; }
.blocked .details .top .detail strong { font-style: italic; color: black; font-size: 1.8em; margin-bottom: 15px; display: block; }
.blocked .details .top .detail span { color: #999999;display: block;font-size: 1.6em;font-style: italic;margin: 0 0 20px; }
.blocked .details .top h2 { color: #00569E;font-size: 4em;font-style: italic;font-weight: normal;line-height: 0.8em;float:right;margin: 10px 0;}
.blocked .details .copy table tbody td { font-weight: bold; padding: 5px 50px 0 0; border:0; }
.blocked .details .copy table tfoot td { font-style: italic;padding: 5px 50px 0 0; border:0; font-size:.8em; }
.blocked .details .copy {  font-size: 1.1em; border-bottom: 1px solid #e3e3e3; padding:10px 0; }
.blocked .details .note {border-bottom: 1px solid #e3e3e3; padding:10px 0; }
.blocked .details .estate { border-bottom: 1px solid #e3e3e3; padding:10px 0;  }
.blocked .details .downloads { padding:10px 0; }
.blocked .details .downloads a { display: block; margin-bottom: 3px; margin-left: 10px; float:left; }
.blocked .details .buttons { float:right; }
.blocked .details .buttons a { color:white; background: #00569E; font-size:1em; text-decoration:none; display:block; float:left; margin: 0 10px 20px 10px; padding: 7px 10px 7px 8px; }

a.download { font-size: 1.1em; text-decoration: none; color: #323232; line-height: 29px; display: block; margin-bottom: 15px; float:left; }
a.download:hover { text-decoration: underline; color: #00569E; }
a.download img { float: left; margin-right: 15px; }
a.download span { float:left; }
a.download small { float:left; margin-left: 10px; }
.contact-form button,.popup-form button { float:right; width: 180px; font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif; cursor: pointer; border:0; display: block; color:white; margin-top: 10px; background: #00569E; font-size:1.15em; text-decoration:none; display:block; margin: 10px auto 20px; padding: 8px 5px 9px; }
.contact-form button strong,.popup-form button strong { float: right; margin-right: 5px; line-height: 1.4em; }

.popup-form { position: fixed; top: 50px; left: auto; right: auto; z-index: 1002; background: #fff; padding: 20px 20px 10px 15px; }
.popup-form a { position:absolute;top:10px;right:10px; }
.popup-overlay { z-index:1001;position: fixed; top:0;left:0;right:0;bottom:0; background: url(../images/grey30.png) repeat; }
.icon {background: url("../images/sprite-16-white.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 16px;width: 24px;}
.icon-compare { background-position: 0 -4620px; }
.icon-check { background-position: 0 -1892px; }
.icon-print { background-position: 0 -2904px; }
.icon-info { background-position: 0 -3872px; }
.icon-layers { background-position: 0 -4092px; }
.icon-pdf { background: url("../images/icons/pdf-icon.png") no-repeat scroll 0 0 transparent; }

footer { background: url(../images/footer.png) repeat-x scroll 0 0 #00579e; margin-top: 40px; }
#footer .inner { background: url(../images/footer.png) repeat-x scroll 0 0 #00579e; text-align:center; padding: 30px 0 40px; }
#footer .inner img { margin-left: -20px; }
#footer .inner #links { }
#footer .inner #links span, #footer .inner #links a { color: white; font-size: 1em; line-height: 1.5em; margin: 0 12px; }
#footer .author { background: #004b8a; color: #51a6ed; font-size: .7em; line-height: 1.5em; padding: 5px 8px; text-align:right;}
#footer .author a { color: #51a6ed; }

/**************************************************
   Small scale desktop - Orange
**************************************************/
@media only screen and (min-width: 1020px) and (max-width: 1280px){
	.gw{width:1000px;font: .90em/1.5em "Century Gothic", CenturyGothic, AppleGothic, sans-serif;background:#ff6600;}
	.mb20 { margin-bottom: 14px; }
	.ml20 { margin-left: 14px; }
	.mr20 { margin-right: 14px; }
	.g18 {width:760px;}
	.g13{width:545px;float:left;}
	.g12{width:502px;float:left;}
	.g9 {width:373px;float:left;}
	.g6{width:244px;float:left;}
	.g5{width:201px;float:left;}
	.g5 img { width: 201px; }
	.g3{width:112px;float:left;}
	.g3 img { width: 112px; }

	.primary div.slidewrap { height:291px; }
	.estate div.slidewrap { height:291px; }
	.primary #feature{margin-left:-500px;width:1000px;height:291px;top:76px;}

	.estate #feature{margin-left:-500px;width:1000px;height:220px;top:102px;}

	.s5 { width: 215px; }
	.s5p { width: 215px; padding: 15px 0 0px; }
	.s5p ddiv { padding: 10px;color:#fff;text-align:center;font-size:1.2em;line-height:2.2em; }
	.s5p didv strong { display: block; font-size: 2.2em; }

	#quicklinks.s5p { width: 175px; padding: 20px; }

	#header { margin:0; }
	#header #branding.gw { width: 100%; background:url(../images/branding-medium.png) repeat-x top left #0b487c; height: 76px;}
	#header #branding.gw #bisinella { background:url(../images/bisinella-medium.png) no-repeat left center; height: 76px; }
	#header #branding.estate { height: 102px; display: block; }
	#header #branding.estate nav { margin: 0 auto; }
	#header #branding.estate nav ul { margin:0 10px;padding:0; list-style:none; }
	#header #branding.estate nav ul li { display:block; float:left; }
	#header #branding.estate nav ul li a { display:block;padding:0 12px; color: #aaa; font-size: .9em; }
	#header #branding.estate nav ul li a:hover { color: #f4f4f4; }

	#phone { line-height: 70px; }

	#nav { top: 367px; }
	body.estate #nav { top: 384px; }
	#nav .estate-banner .estate-banner-inner { right: 0; left: 0; margin: 0; }

	#search { top: 11px; }

	#content { background: #fff; position:relative; margin-top: 102px; }
	body.estate #content { margin-top: 114px; }

	.news-tab {margin-right: 10px; }
	.news-body {width:480px}

	.estate-widget { width: 760px; }
	.estate-widget a.estate-open { font-size: 1.1em; padding: 10px; }
	.estate-widget .smallwrap { padding-top: 360px; }
	.estate-widget .grid.small div h3 { font-size: 1.2em; margin-top: 5px; color: #00569E; }
	.estate-widget .grid.small div p { margin-bottom: 0; font-size: 1em; }

	.search-widget tr td.label { font-size: 1.0em; }
	.search-widget tr td.field { width: auto; }
	.search-widget tr td.field select { font-size: .8em; width: 165px;  }
	.search-widget .results .count { font-size: 5.5em; }
	.search-widget .results span { font-size: 1.4em; }
	.search-widget .results button { padding: 7px; font-size: 1.1em; }

	.blocked { padding:10px 10px 0;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3; }
	.blocked .image { width: 270px; }
	.blocked .image .plotted { width:100%;height:240px; }
	.blocked .details { margin-left: 20px; font-size: 1em; width: 440px; }
	.blocked .details .top h2 { font-size: 3.8em; }

	.interactive h4 { margin-top: 10px; width: 360px; }
	.interactive div.buttons { float: right; margin: 0 3px 0 50px; }
}

/**************************************************
   Portrait tablet to landscape and desktop - Green
**************************************************/
@media only screen and (min-width: 767px) and (max-width: 1019px){
	.gw{width:720px;font:.90em/1.5em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; background:#00ff66;}
	.mb20 { margin-bottom: 10px; }
	.ml20 { margin-left: 10px; }
	.mr20 { margin-right: 10px; }
	.g18 {width:720px;}
	.g13{width:509px;float:left;}
	.g12{width:477px;float:left;}
	.g9 {width:355px;float:left;}
	.g6{width:233px;float:left;}
	.g5{width:201px;float:left;}
	.g5 img{width:201px;}
	.g3{width:106px;float:left;}
	.g3 img { width: 106px; }
	.s5 { width: 215px; }
	.s5p { width: 175px; padding: 20px; }

	.primary div.slidewrap { height:209px; margin-top: 76px; }
	.estate div.slidewrap { height:209px; margin-top: 102px; }
	.primary #feature{width:720px;height:209px;margin-left:-360px;top:76px;}
	.estate #feature{width:720px;height:158px;margin-left:-360px;top:76px;}

	#nav .gw.estate-banner { padding: 15px 0 17px; }
	#nav .gw.estate-banner h1.left { font-size: 2em; }
	#nav .gw.estate-banner h1.right { display:none; }

	#phone { line-height: 70px; }
	#nav { height: 40px; top: 285px; background-position: right -10px;}
	#nav.f { position:fixed;top:76px; }
	body.estate #nav { top: 284px; }
	body.estate #nav.f { top:102px; }
	 .breadcrumbs { bottom: -67px; }
	.f .breadcrumbs { display: none; }
	#nav ul li a { height: 40px; line-height: 40px; padding:0 9px; font-size: .825em; background-position: right -10px; }
	 .gw .breadcrumbs { displafy:none; font-size: .825em; padding-left:20px;}
	
	#nav .estate-banner .estate-banner-inner { right: 0; left: 0; margin: 0; }
	#nav .estate-banner .estate-banner-inner .gw { padding: 15px 0; }
	#nav .estate-banner .estate-banner-inner .gw h1 { font-size: 1.8em; }
	#nav .estate-banner .estate-banner-inner .gw h1.left { margin-left: 10px; }
	#nav .estate-banner .estate-banner-inner .gw h1.right { margin-right: 10px; }
	
	#header { margin:0;position:fixed;z-index:89;width:100%;}
	#header.f { background: #ffffff; }
	#header #reveal-nav { display: block;width: 25px;height: 10px; top: 15px; right: 20px;padding: 12px 6px 14px; }
	#header #branding.gw { width: 100%; background:url(../images/branding-medium.png) repeat-x top left #0b487c; height: 76px; }
	#header #branding.gw #bisinella { background:url(../images/bisinella-medium.png) no-repeat left center; height: 76px; }

	#header #branding.estate { height: 102px; display: block; }
	#header #branding.estate nav { margin: 0 auto; }
	#header #branding.estate nav ul { margin:0 10px;padding:0; list-style:none; }
	#header #branding.estate nav ul li { display:block; float:left; }
	#header #branding.estate nav ul li a { display:block;padding:0 10px; color: #aaa; font-size: .875em; }
	
	#header #branding.estate nav ul li a:hover { color: #f4f4f4; }
	
	#nav .estate-banner .estate-banner-inner { right: 0; }
	
	#feature { height: 396px; }
	
	#content,body.estate #content { margin-top: 88px; }
	#quickwrap #quicklinks { display:none;position:fixed; top:0;left:0; z-index: 101; margin:0; }
	#portable { display: block; }
	.ql { display: block; }
	
	#search { display: none; }
	
	/*#search { top: 11px; right: 70px; }*/
	
	#news-list article.news-list p+p { display:none; }
	
	.news-tab { display:none; }
	.news-body { float:none; margin: 20px 0 0; padding: 0; width: 720px; overflow: hidden; }
	.news-body .news-wrap { width: 2180px; }
	.news-body .news-wrap article.news { width: 700px; padding: 0 10px; display: inline-block; float:left;}
	.news-body .news-wrap article.news h3 { margin-bottom: 0; }
	.news-body .news-wrap article.news .date { display: block; margin-bottom: 10px; }
	
	#dots { display: block; }
	#nav .note { display: none; }
	
	.estate-widget { width: 720px; }
	.estate-widget a.estate-open { font-size: 1.1em; }
	.estate-widget .smallwrap { padding-top: 340px; }
	.estate-widget .grid.small div h3 { font-size: 1.1em; margin-top: 5px; color: #00569E; }
	.estate-widget .grid.small div p { margin-bottom: 0; font-size: .9em; }
	
	.search-widget tr td.label { font-size: 1.0em; }
	.search-widget tr td.field { width: auto; }
	.search-widget tr td.field select { font-size: .8em; width: 165px;  }
	.search-widget .results .count { font-size: 5.5em; }
	.search-widget .results span { font-size: 1.4em; }
	.search-widget .results button { padding: 7px; font-size: 1.1em; }
	
	.blocked { padding:20px 20px 0;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3; }
	.blocked .image { }
	.blocked .details { margin-left: 20px; font-size: 1em; width: 415px; }
	.blocked .details .top .detail { margin-top: 5px; float:left; }
	.blocked .details .top .detail strong { font-style: italic; color: black; font-size: 1.6em; margin-bottom: 15px; display: block; }
	.blocked .details .top .detail span { color: #999999;display: block;font-size: 1.4em;font-style: italic;margin: 0 0 10px; }
	.blocked .details .top h2 { color: #00569E;font-size: 3.8em;font-style: italic;font-weight: normal;line-height: 0.8em;float:right;margin: 10px 0;}
		
	.table { font-size: .9em; }
}


/**************************************************
  Common styles for small res
**************************************************/
@media only screen and (min-width: 150px) and (max-width: 1280px) {
	
}


@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

}

#overlay { background:black;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999998;opacity:.6;filter:alpha(opacity=60);}
#ql { padding: 10px 20px; width:220px; background: #00569E; left:-260px;top:0;z-index:999999;position:absolute; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.75);-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.75);box-shadow: 2px 2px 20px rgba(0,0,0,.75);}
#ql { transition:left .4s;-moz-transition:left .4s; -webkit-transition:left .4s; -o-transition:left .4s; }
#ql.visible { left:0; }
#ql h3 { margin:0; color:white; font-size:1.8em; font-weight: normal; }
#ql .ql-links { padding: 20px 10px; } 

#ql #ql_search {background: transparent;margin-bottom:10px;}
#ql #ql_search form {	text-align: left; }
	
#ql #ql_search input {
	background: #fff url("http://www.buddski.net/theme/images/search/search.png") no-repeat 12px 50%;
	width: 100%;
	padding: 6px 30px 6px 30px;
	border: 1px solid #363636;
	position: relative;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	margin: 10px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


#test.gw { display:none; height: 50px; width: 100%; position:fixed; bottom:0; left: 0; text-align:center; color:white; }
.c1f { background: url(../images/dev.png) no-repeat center center; }
.cf2 { background: url(../images/dev.png) no-repeat center center; }
.cf3 { background: url(../images/dev.png) no-repeat center center; }

.ico { background:url(../images/icons/); height: 16px; width: 16px; display: block; float:left; margin-right: 5px; margin-top: 4px; }
.ico.ico-jpg,
.ico.ico-gif,
.ico.ico-image {				background: url('../images/icons/image.gif') no-repeat 0 50%; }
.ico.ico-swf {		background: url('../images/icons/page_flash.gif') no-repeat 0 50%; }
.ico.ico-txt {		background: url('../images/icons/page_text.gif') no-repeat 0 50%; }
.ico.ico-htm,
.ico.ico-html {		background: url('../images/icons/page_html.gif') no-repeat 0 50%; }
.ico.ico-pdf {		background: url('../images/icons/pdf-icon.png') no-repeat 0 50%; }
.ico.ico-ttf {		background: url('../images/icons/file_font_truetype.gif') no-repeat 0 50%; }
.ico.ico-zip,
.ico.ico-gz,
.ico.ico-deb,
.ico.ico-rpm,
.ico.ico-rar,
.ico.ico-cab,
.ico.ico-tar,
.ico.ico-7z {			background: url('../images/icons/page_package.gif') no-repeat 0 50%; }
.ico.ico-exe {		background: url('../images/icons/action_save.gif') no-repeat 0 50%; }
.ico.ico-mp3,
.ico.ico-ogg,
.ico.ico-mid {		background: url('../images/icons/page_sound.gif') no-repeat 0 50%; }
.ico.ico-avi,
.ico.ico-mpg,
.ico.ico-mp4,
.ico.ico-flv,
.ico.ico-mpeg {		background: url('../images/icons/page_video.gif') no-repeat 0 50%; }
.ico.ico-php {		background: url('../images/icons/page_php.gif') no-repeat 0 50%; }
.ico.ico-unknown {			background: url('../images/icons/page.gif') no-repeat 0 50%; }

.grid p.page-price-text { font-weight:normal;margin-bottom:5px; font-style: italic; }

h1 > span.price-text { display: block;font-weight: normal;text-align: right;font-size: 12px;margin-top: 4px;margin-bottom: -10px; }

a.blue-box { background: none repeat scroll 0 0 #00569E;
color: white;
display: block;
font-size: 1.0em;
margin: 5px 0 0;
padding: 8px 15px;
text-decoration: none; }

.click { margin-top: -16px;
display: block;
margin-bottom: 10px; }

.blocked .image .info > span { font-size: 1.05em; display: block; margin-bottom: 10px; }
.blocked .image .info a.button { background: transparent; color: #00569e; font-size: 1em; padding: 0; margin: 0 0 5px; }
.blocked .details .top h2 { float: none; clear: both; }

.toggle-buttons { }
.toggle-buttons button { border: 1px solid #e0e0e0;
float: left;
padding: 15px;
background: #e0e0e0;
border-radius: 10px 0 0 10px; }

.toggle-buttons button + button { border-radius: 0 10px 10px 0; }
.toggle-buttons button.active { color: white; background: #00569E; }

.dropbtn {
  background-color: #00569E;
  color: white;
  padding: 8px 10px;
  font-size: 16px;
  border: none;
  cursor: pointer;
	border-radius: 8px;
}

.hl-dropdown {
  position: relative;
  display: inline-block;
	float: right;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #00569E;
  min-width: 160px;
	color: white;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	right: 0;
	padding: 6px;
}

.dropdown-content a {
  color: black;
  padding: 6px 12px;
  text-decoration: none;
  display: block;
	color: white;
	font-size: 14px;
}

.dropdown-content a:hover {}

.hl-dropdown.open .dropdown-content {
  display: block;
}

.hl-dropdown.open .dropbtn {
  background-color: #00569E;
	border-radius: 8px 8px 0 0;
}

#contact_form input[type="text"], #contact_form select, #contact_form textarea {
	padding: 8px;
	background: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	width: 94% !important;
}

#contact_form p {
	margin-bottom: 15px;
	margin-top: 0 !important;
}

.popup-form {
	display: block;
	margin-left: -250px;
	left: 50%;
	border-radius: 5px;
	box-shadow: 1px 1px 15px rgba(00,0,0,.6);
}

.popup-form input[type="text"], .popup-form select, .popup-form textarea {
	padding: 8px;
	background: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100% !important;
}

.popup-form p {
	margin-bottom: 15px;
	margin-top: 0 !important;
}