/*



Theme Name: Forte Village



Author: Mumford



Description: Custom theme for fortevillage.co.uk website.



Version: 1.0



*/







body {

    background: #3b3b3b;

    color: #5c5d5d;

    font-size: 75%;

    line-height: 20px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}

/* SLIDER

-------------------------------------------------------------- */



.slide img {

    width: 990px !important;

}

.advanced-slider {

    width: 990px !important;

}

.sticker {

position: absolute;

top: 200px;

left: 470px;

z-index: 10;

width:500px;

}

@media only screen and (min-width: 360px) and (max-width: 361px){

	.sticker{

		left:170px !important;

		top:230px !important;

	}

}

@media only screen and (min-width: 375px) and (max-width: 376px){

	.sticker{

		left:190px !important;

		top:230px !important;

	}

}

@media only screen and (min-width: 414px) and (max-width: 415px){

	.sticker{

		left:210px !important;

		top:230px !important;

	}

}

@media only screen and (min-width: 640px) and (max-width: 641px){

	.sticker{

		left:410px !important;

		top:210px !important;

	}

}

@media only screen and (min-width: 667px) and (max-width: 668px){

	.sticker{

		left:0 !important;

		top:240px !important;

	}

}

@media only screen and (min-width: 736px) and (max-width: 737px){

	.sticker{

		left:0 !important;

		top:240px !important;

	}

}

@media only screen and (min-width: 812px) and (max-width: 813px){

	.sticker{

		left:0 !important;

		top:200px !important;

	}

}

@media only screen and (min-width: 768px) and (max-width: 769px){

	.sticker{

		left:0 !important;

		top:240px !important;

	}

}

@media only screen and (min-width: 1024px) and (max-width: 1025px){

	.sticker{

		left:0 !important;

		top:200px !important;

	}

}

@media only screen and (min-width: 1366px) and (max-width: 1377px){

	.sticker{

		left:200px !important;

		top:200px !important;

	}

}



/* CONTAINER

-------------------------------------------------------------- */



.mainContainer {

    background: #fff;

    margin: 0 auto;

    padding: 15px;

    text-align: left;

    width: 990px;

}

/* Clear fix */



.mainContainer:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

img {

    border: none;

}

/* HEADER

-------------------------------------------------------------- */

.headerContainer {

							

							margin:0 auto;

							width: 100%;

}



.header {

							background:#fff;

							margin:0 auto;

							height:	100px;

							padding:20px 15px 0 15px;

							width: 990px;

}



/* navigation */

#nav { font-size: 12px; text-transform: uppercase; position:relative; z-index:1000; }

    #nav ul { margin:0; float:left; list-style:none; padding:10px 0; }

    #nav li { margin:0 39px 0 0; float:left; padding:15px 0; position:relative; }

	#nav li.last { margin:0 0 0 0; }

    #nav a { line-height:11px; color:#939393; text-decoration:none; letter-spacing:2px; position:relative; }

    #nav a:hover, #nav .current_page_item a { color:#383737 }

    

    /* second level */

    #nav ul.sub-menu, #nav ul.children { font-size: 1.05em; display:none; position:absolute; text-transform: none; padding:5px 10px; margin:5px 0 0; width:230px; background:#fff; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }

    #nav ul.sub-menu li, #nav ul.children li { float:none; display:block; padding:10px 0; margin:0; border-top: 1px solid #DDD; line-height:1em; }

    #nav ul.sub-menu li:first-child, #nav ul.children li:first-child { border:0; }

    #nav ul.sub-menu li a, #nav ul.children a { color:#8c969e; letter-spacing:0; display: block; }

    #nav ul.sub-menu li a:hover, #nav ul.children a:hover { color:#333; }

    

    /* third level */

    #nav ul.sub-menu li ul, #nav ul.children li ul { margin:0; top: -6px; z-index:100; }               

    

    /*indicators*/

    #nav a.sf-with-ul{ min-width:1px; padding-right: 15px; }

    #nav .sf-sub-indicator{position:absolute; display:block; width:10px; height:7px; text-indent:-999em; top: 0.25em; left: 110% !important;}

    #nav a:focus >.sf-sub-indicator, 

    #nav a:hover >.sf-sub-indicator, 

    #nav a:active >.sf-sub-indicator, 

    #nav li:hover >a >.sf-sub-indicator, 

	

	

    

    #nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; width: 7px; height: 11px; left: 85% !important; top: 0;}

    #nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; width: 7px; height: 11px; left: 85% !important; top: 0;}

    #nav ul.sub-menu a:focus >.sf-sub-indicator, 

    #nav ul.sub-menu a:hover >.sf-sub-indicator, 

    #nav ul.sub-menu a:active >.sf-sub-indicator, 

    #nav ul.sub-menu li:hover >a >.sf-sub-indicator, 

    #nav ul.sub-menu li.sfHover >a >.sf-sub-indicator,

    #nav ul.children a:focus >.sf-sub-indicator, 

    #nav ul.children a:hover >.sf-sub-indicator, 

    #nav ul.children a:active >.sf-sub-indicator, 

    #nav ul.children li:hover >a >.sf-sub-indicator, 

    

    /* nojs */  

    body.no_js #nav ul li:hover > ul { display:block }

    body.no_js #nav ul li ul.submenu li:hover > ul, body.no_js #nav ul li ul.children li:hover > ul { display:block }  





.logo {

							

							float:left;

							width: 50%;

}

.topNav {

							float:right;

							font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

							text-align:right;

							width:50%;

}

.header .logo h1 {

    color: #000011;

    font-family: "Cinzel",serif;

    font-size: 24px;

	font-weight:600;

    line-height: 28px;

    margin: 0;

    padding: 0;

	text-transform:uppercase;

}

.header .logo h2 {

    color: #8c9699;

    font-family: "Cinzel",serif;

    font-size: 15px;

	font-weight:600;

    letter-spacing: 3.5px;

    line-height: 30px;

    margin: 0;

    padding: 0;

	text-transform:uppercase;

}

.header .logo a{

	text-decoration:none;

}



.socials {

							float:right;

}



.socials a {

							margin-right:15px;

}



/* TYPE



-------------------------------------------------------------- */



p {

    font-size: 14px;

    padding: 0em 20px 10px 0;

}

h1 {

    font-size: 24px;

    margin-bottom: 10px;

    color: #71787a;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-transform: uppercase;

}

h2 {

    font-size: 22px;

    margin-bottom: 10px;

    color: #8c9699;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-transform: uppercase;

}

h3 {

    color: #000;

    font-size: 22px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-bottom: 10px;

    text-transform: uppercase;

}

h4 {

    color: #71787a;

    font-size: 22px;

    margin-bottom: 10px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-transform: uppercase;

}

h5 {

    font-size: 1.3em;

    margin-bottom: 10px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #03381e;

}

legend {

    font-size: 1.7em;

    margin-bottom: 0.75em;

    color: #666;

    font-family: trebuchet MS

}

a {

    color: #00b3be;

    text-decoration: underline;

}

a:hover {

    color: #028347;

    text-decoration: none;

}

strong {

    font-weight: bold;

}

/* HOME PAGE

-------------------------------------------------------------- */

.homecolumnTitle {

    float: left;

    margin: 0 23px 0 0;

    width: 230px;

}

.homecolumnTitle h2 {

    color: #fff;

    font-size: 18px;

    margin: 0;

    padding: 5px;

}

.homecolumnTitle.hotels {

    background: #b19e73;

    color: #fff;

}

.homecolumnTitle.villas {

    background: #dd7761;

    color: #fff;

}

.homecolumnTitle.relax {

    background: #a6cdec;

    color: #fff;

}

.homecolumnTitle.exclusive {

    background: #b5bebb;

    color: #fff;

}

.homeColumn-search {

    

    margin: 0 0 20px 0;

    width: 100%;

}



.homecolumnTitle-search {

    float: left;

    margin: 0 0 0 0;

    width: 430px;

}

.homecolumnTitle-search h2 {

    color: #fff;

    font-size: 18px;

    margin: 0;

    padding: 5px;

}

.green-button {

	background: #4FB7B4;

	display: block;

	color: #fff;

	min-height: 40px;

	line-height: 40px;

	cursor: pointer;

	text-align: center;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	box-shadow: 0px 1px 1px #275B5A, 0px -1px 1px #A7DBDA;

	-webkit-box-shadow: 0px 1px 1px #275B5A, 0px -1px 1px #A7DBDA;

	-moz-box-shadow: 0px 1px 1px #275B5A, 0px -1px 1px #A7DBDA;

	text-shadow: 0px 1px 1px #275B5A, 0px -1px 1px #A7DBDA;

	-webkit-text-shadow: 0px 1px 1px #275B5A, 0px -1px 1px #A7DBDA;

	-moz-text-shadow: 0px 1px 1px #275B5A, 0px -1px 1px #A7DBDA;

	border: 0 none;

}

.green-button a {

	color: #fff;

}

.homeColumn {

    float: left;

    margin: 0 23px 20px 0;

    width: 230px;

}

.homeColumn.last {

    margin-right: 0;

}

.homeColumn h2 {

    color: #808080;

	font-size:18px;

    margin: 0;

    padding: 0;

    text-align: left;

}

.homeColumn h1 {

    margin: 0;

    padding: 0;

    font-size: 16px;

}

.homeColumnText {

    height: 120px;

}

.homeColumnText p {

    padding: 0;

}

.homeColumn a {

    color: #00b3be;

    text-decoration: none;

}

.homeColumn a:hover {

    color: #000000;

    text-decoration: none;

}

.homeColumn img {

    height: 150px;

    margin-bottom: 10px;

    margin-top: 0;

    width: 230px;

}

/* CAROUSEL



-------------------------------------------------------------- */



#wrapper {

    border-bottom: 1px solid #ccc;

    height: 470px;

    width: 100%;

    position: relative;

    top: 0;

    left: 0;

}

#inner {

    width: 60%;

    min-width: 300px;

    max-width: 800px;

    position: absolute;

    bottom: -50px;

    left: 20%;

}

#carousel-wrapper {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #fff;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);

    width: 100%;

    padding: 20px;

    position: absolute;

    bottom: 0;

    left: 0;

}

#carousel {

    width: 800px;

    height: 500px;

    overflow: hidden;

}

#carousel img {

    display: block;

    float: left;

}

#pager-wrapper {

    height: 120px;

    width: 100%;

    overflow: hidden;

    position: absolute;

    bottom: -35px;

    left: 0;

    z-index: 2;

}

#pager img {

    cursor: pointer;

    background: #fff;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

    display: block;

    width: 80px;

    height: 80px;

    padding: 10px;

    margin: 10px;

    float: left;

}

#pager img:hover {

    background: #eff;

}

#pager img.selected {

    background: #dff;

}

/* LEFT CONTENT



-------------------------------------------------------------- */



.leftContent {

    float: left;

    margin-right: 20px;

    width: 270px;

}

.rightContent {

    float: left;

    padding-left: 10px;

    width: 660px;

}

.leftContent form ul {

    list-style: none;

}

.leftContent h4 {

    margin: 0;

    padding: 0;

}

.leftContent .Exclusive h4 {

    background: #e9e8e8;

    color: #999;

    height: 36px;

    line-height: 36px;

    font-size: 16px;

    padding: 0 0 0 10px;

    margin: 0;

}

.leftContent .Exclusive .form {

    padding: 10px;

    background-color: #edf5fc;

    color: #444;

}

.leftContent .Exclusive .form p {

    font-size: 13px;

    color: #444;

    padding: 0;

    margin: 0;

}

/* LEFT CONTENT SUB MENU



-------------------------------------------------------------- */



ul.section {

    background: #f4f4f4;

    border-top: 0;

    margin-bottom: 20px;

    width: 100%;

}

ul.section li {

    margin: 0;

    padding: 0;

    text-transform: uppercase;

}

ul.section li a {

    background: #f4f4f4;

}

ul.section li a:hover {

    background: #424243;

}

ul.section li a:active {

    color: #fff;

    background: #666;

}

ul.section li li a {

    background: #535355;

    border-bottom: 1px solid #606061;

    padding: 8px 0 8px 0;

    color: #999;

    text-decoration: none;

}

ul.section li li a:hover {

    background: #ccc;

}

ul.section li li a:active {

    color: #000;

    background: #fff;

}

ul.section ul li {

    text-transform: none;

}

ul.section ul.current li a {

    background: #eee;

    border-bottom: 1px solid #fff;

}

ul.section ul.current li a:hover {

    background: #ddd;

}

ul.section ul.current li a:active {

    background: #fff;

}

ul.section li a.current {

    color: #fff;

    background: #666;

}

ul.section li a.current:hover {

    background: #555;

}

ul.section li a.current:active {

    background: #444;

}

ul.section li a.active {

    background: #424243;

    cursor: default;

}

ul.section li.current > a.active,

ul.section li.current > a.active:hover {

    color: #fff;

    background: #666;

    cursor: default;

}

ul.sideMenu {

    list-style: none;

    margin: 0 0 20px 0;

    padding: 0;

    width: 100%;

}

ul.sideMenu h4 {

    background: #e9e8e8;

    color: #999;

    margin: 0;

    height: 36px;

    line-height: 36px;

    padding: 0 0 0 10px;

}

ul.sideMenu li {

    margin: 0;

    padding: 0;

}

ul.sideMenu li a {

    color: #999;

    display: block;

    margin: 0;

    padding: 10px 0 10px 10px;

    border-bottom: 1px solid #e9e8e8;

    text-decoration: none;

}

ul.sideMenu li a:hover {

    background: #eee;

}

ul.sideMenu li a:active {

    background: #ccc;

}

ul.sideMenu ul {

    list-style: none;

    margin: 0;

    padding: 0 0 0 0;

}

ul.sideMenu ul li a {

    padding-left: 10px;

}

/* RIGHT CONTENT



-------------------------------------------------------------- */



.rightContent ul {} .rightContent ul li {

    font-size: 14px;

}

.rightContent,

.leftContent {

    margin-top: 20px;

}

.rightContent h1 {

    margin: 0 0 10px 0;

    padding: 5px 0 0 0;

}

.item {

    width: 325px !important;

    height: 330px !important;

    margin: 0 0 20px 0;

    display: inline-block;

    float: left;

    overflow: hidden;

}

.item:last-child {

    margin-right: 0;

}

.item img {

    height: 105px;

    width: 310px;

}

.item span > strong {

    font-size: 18px;

}

.item .ViewLink2 {

    display: inline-block;

    width: 148px;

    height: 32px;

    padding-top: 7px;

    padding-left: 7px;

    background-color: #8c9699;

    border-top: solid 1px #d8dadb;

    margin-top: 0;

    font-size: 18px;

    text-align: center;

    color: #fff;

    float: left;

    text-decoration: none;

}

.item span {

    color: #333a45;

    display: inline-block;

    width: 148px;

    height: 32px;

    padding-top: 7px;

    padding-left: 7px;

    background-color: #f4f4f4;

    border-top: solid 1px #d8dadb;

    margin-top: 0;

    font-family: OpenSans-Bold;

    font-size: 10px;

    text-align: center;

    float: left;

}

.item p {

    font-size: 14px;

    color: #424243;

    padding: 0;

    text-align: justify;

    background-color: #fff;

    margin-top: 0;

    padding-bottom: 20px;

    margin-bottom: 0;

    line-height: 1.4em;

    width: 300px;

}

.item .ViewLink1 {

    width: 320px;

    display: block;

    background-color: #8c9699;

    padding-top: 7px;

    color: #ffffff;

    font-size: 14px;

    padding-bottom: 7px;

    height: 26px;

    padding-left: 10px;

}

/* FOOTER



-------------------------------------------------------------- */



#footer {

    clear: both;

    margin: 10px 0 0 0;

    width: 100%;

    height: 200px;

}

#footer .footer {

    margin: 0 auto;

    width: 960px;

}

.footerbottomLeft {

    float: left;

    width: 550px;

}

.footerbottomLeft p {

    margin: 0;

    padding: 0;

    font-size: 11px;

}

.footerbottomLeft ul {

    list-style: none;

    margin: 0;

    padding: 10px 0 10px 0;

}

.footerbottomLeft ul li {

    display: inline;

    margin: 0;

    padding: 0;

}

.footerbottomLeft ul li span {

    padding: 0 0 0 5px;

}

.footerbottomRight {

    float: right;

}

.footerbottomRight ul {

    list-style: none;

    margin: 0;

    padding: 10px 0 10px 0;

}

.footerbottomRight ul li {

    display: inline;

    margin: 0 20px 0 0;

    padding: 0;

}

.footer .links {

    float: left;

    width: 185px;

}

.footer .links.last {

    float: left;

    width: 195px;

}

.footer .links h4 {

    color: #8c9699;

    font-size: 14px;

}

.footer .links ul {

    margin: 0;

    padding: 0;

}

.footer .links ul li {

    color: #5c5d5d;

    font-size: 12px;

    list-style: none;

    margin: 0;

}

.footer .links ul li a {

    font-size: 12px;

    color: #5c5d5d;

    text-decoration: none;

    text-transform: none;

}

.footer .links ul li a:hover {

    color: #8c9699;

}

.footer-bottom {

    border-top: 1px solid #6f6f70;

    padding: 20px 0;

    width: 100%;

    background-color: #424243;

}

.footerbottomLeft ul {

    margin: 0;

    padding: 0;

}

.footerbottomLeft ul li {

    color: #cccccd;

    display: inline;

    font-size: 12px;

    list-style: none;

    padding-right: 25px;

    margin: 0;

}

/*.footerbottomLeft ul li:after {



		content:'\7C';



		padding:0 10px;



	}*/



.footerbottomLeft ul li:after:last {

    content: '';

    padding: 0 10px;

}

.footerbottomLeft ul li a {

    font-size: 12px;

    color: #5c5d5d;

    text-transform: none;

}

/*JQuery FlexSlider v2.0*/

/* Browser Resets */



.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus {

    outline: none;

}

.slides,

.flex-control-nav,

.flex-direction-nav {

    margin: 0;

    padding: 0;

    list-style: none;

}

/* FlexSlider Necessary Styles



*********************************/



.flexslider {

    margin: 0;

    padding: 0;

}

.flexslider .slides > li {

    display: none;

    -webkit-backface-visibility: hidden;

}

/* Hide the slides before the JS is loaded. Avoids image jumping */



.flexslider .slides img {

    width: 100%;

    display: block;

}

.flex-pauseplay span {

    text-transform: capitalize;

}

/* Clearfix for the .slides element */



.slides:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

html[xmlns] .slides {

    display: block;

}

* html .slides {

    height: 1%;

}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you





 * include js that eliminates this class on page load */



.no-js .slides > li:first-child {

    display: block;

}

/* FlexSlider Default Theme



*********************************/



.flexslider {

    margin: 0 0 0;

    background: #fff;

    position: relative;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    zoom: 1;

}

.flex-viewport {

    max-height: 2000px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    transition: all 1s ease;

}

.loading .flex-viewport {

    max-height: 300px;

}

.flexslider .slides {

    zoom: 1;

}

.carousel li {

    margin-right: 5px

}

/* Direction Nav */



.flex-direction-nav {

    *height: 0;

}

.flex-direction-nav a {

    width: 30px;

    height: 30px;

    margin: -20px 0 0;

    display: block;

    background: url(images/bg_direction_nav.png) no-repeat 0 0;

    position: absolute;

    top: 50%;

    z-index: 10;

    cursor: pointer;

    text-indent: -9999px;

    opacity: 0;

    -webkit-transition: all .3s ease;

}

.flex-direction-nav .flex-next {

    background-position: 100% 0;

    right: -36px;

}

.flex-direction-nav .flex-prev {

    left: -36px;

}

.flexslider:hover .flex-next {

    opacity: 0.8;

    right: 5px;

}

.flexslider:hover .flex-prev {

    opacity: 0.8;

    left: 5px;

}

.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

    opacity: 1;

}

.flex-direction-nav .flex-disabled {

    opacity: .3!important;

    filter: alpha(opacity=30);

    cursor: default;

}

/* Control Nav */



.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: -40px;

    text-align: center;

    display: none;

}

.flex-control-nav li {

    margin: 0 6px;

    display: inline-block;

    zoom: 1;

    *display: inline;

}

.flex-control-paging li a {

    width: 11px;

    height: 11px;

    display: block;

    background: #666;

    background: rgba(0, 0, 0, 0.5);

    cursor: pointer;

    text-indent: -9999px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;

    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

}

.flex-control-paging li a:hover {

    background: #333;

    background: rgba(0, 0, 0, 0.7);

}

.flex-control-paging li a.flex-active {

    background: #000;

    background: rgba(0, 0, 0, 0.9);

    cursor: default;

}

.flex-control-thumbs {

    margin: 5px 0 0;

    position: static;

    overflow: hidden;

}

.flex-control-thumbs li {

    width: 25%;

    float: left;

    margin: 0;

}

.flex-control-thumbs img {

    width: 100%;

    display: block;

    opacity: .7;

    cursor: pointer;

}

.flex-control-thumbs img:hover {

    opacity: 1;

}

.flex-control-thumbs .flex-active {

    opacity: 1;

    cursor: default;

}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix {

    display: inline-table;

}

/* Hides from IE-mac \*/



* html .clearfix {

    height: 1%;

}

.clearfix {

    display: block;

}

/* End hide from IE-mac */

/* MAIN NAV



-------------------------------------------------------------- */



.topNav {

    float: right;

    margin: 0;

    padding: 0;

}

/* TOP NAV



-------------------------------------------------------------- */



.topNav {

    float: right;

    margin: 0;

    padding: 0;

}

.topNav ul li {

    display: inline;

    font-size: 12px;

    list-style: none;

    padding: 0 10px 0 0;

    letter-spacing: 2px;

    text-transform: uppercase;

}

.topNav ul li a {

    color: #939393;

    text-decoration: none;

}

/* FORMS

-------------------------------------------------------------- */

.mm-form {

padding-bottom:50px;

}

.mm-form table {

border:none !important;

}

.mm-form td {

border:none;

font-size: 14px;

padding: 3px;

}

.mm-form td, .mm-form label {

font-weight:700;

line-height: 20px;

}

.mm-form input, .mm-form textarea, .mm-form select {

background: #f7f7f7;

border: 1px solid #c4c4c4;

border-radius: 0;

box-shadow: none;

color: #787878;

transition: all .5s;

padding: 12px;

}

.mm-form input:focus, .mm-form textarea:focus, .mm-form select:focus {

}

.mm-form input[type=checkbox] {

background: #f7f7f7;

border: 1px solid #c4c4c4 !important;

border-radius: 0;

box-shadow: none;

color: #787878;

transition: all .5s;

padding: 12px;

}

.mm-form input[type=submit] {

color: #ffffff;

background-color: #22a86c;

border-color: #22a86c;

border-width: 1px;

border-style: solid;

border-radius: 3px;

padding: 6px 12px;

}

.mm-form .required {

color: #B94A48;

}

.mm-form td.label {

text-align: left;

width:60%;

}

.mm-form td.value {

text-align: left;

width:40%;

}

.mm-form td.value label {

cursor: pointer;

}

.mm-form label {

margin-right: 10px;

}

.mm-form .value label {

display: inline-block;

}

.mm-form td, .mm-form label, .mm-form input, .mm-form textarea, .mm-form select {

}

.mm-form textarea, .mm-form select {

width:100%;

}

.mm-form input[type=submit] {

margin-top: 20px;

cursor: pointer;

background: #333;

border: 0;

color: #f7f7f7;

transition: all .5s;

padding:15px;

width:100%;

}

.mm-form .recaptchatable td {

line-height: normal;

}

#main_content .container .leftcol .Exclusive

{

    margin-top:30px;

	margin-bottom:30px;

}

.Exclusive .form

{

    padding:10px;



    background-color:#424243;

	color:#fff;

}



    .Exclusive .form p

    {

        font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;

        font-size:14px;

        color:#fff;

        padding:0 0 20px 0 !important;

        margin:0;

    }



    .Exclusive .form input

    {

        padding: 8px;

		height:23px;

		line-height:23px;

		margin:0 0 5px 0;

        font-style: italic;

        border: none;

        color: #4fb7b4;

        background-color: #fff;

        font-size: 14px;

		width:90%;

    }

	 .Exclusive .form input.submit

    {

        color: #fff;

        padding: 8px;

		height:53px;

		width:97% !important;

        background-color: #4fb7b4;

        font-size:15px;

        text-transform:uppercase;

		cursor:pointer;

		margin-top:20px;

    }

	

   

.nf-form-content label{

	font-size: 14px !important;

}

.nf-form-content .ninja-forms-field{

	font-size: 14px !important;

}

.nf-form-fields-required{

	padding-bottom:20px;

}

.submit-wrap{

	text-align:center !important;

}

input[type="button"], .nf-form-content input[type="submit"] {

    background: #333;

    border: 0;

    color: #f7f7f7;

    transition: all .5s;

	width:50% !important;

	cursor:pointer;

	padding:15px;

}

textarea {

    font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;

        font-size:14px;

}



/* ID1



-------------------------------------------------------------- */



body #gform_wrapper_1 .gform_body {} body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {

    float: left;

    color: #03381e;

    width: 200px;

}

body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {

    border: 1px solid #dae2e8;

    height: 23px;

    line-height: 23px;

    margin: 0 0 5px 0;

    padding: 5px;

    float: left;

    width: 170px;

}

body #gform_wrapper_1 .gform_body .gform_fields .gfield select {

    background: #fff;

    border: 1px solid #dae2e8;

    margin: 0 0 5px 0;

    padding: 5px;

    position: static;

    float: left;

    width: 180px;

}

body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea {

    border: 1px solid #dae2e8;

    margin: 0 0 5px 0;

    padding: 5px;

    float: left;

    width: 170px;

}

body #gform_wrapper_1 .gform_footer input.button {

    padding: 8px;

    border: none;

    cursor: pointer;

    margin-left: 17px;

    color: #fff;

    background-color: #1c2d31;

    font-size: 14px;

    width: 170px;

}

body #gform_wrapper_1 .validation_error {

    border: 1px solid white;

    margin-top: -30px;

    float: left;

    width: 200px;

    display: none;

}

body #gform_wrapper_1 .gform_body .gform_fields .gfield_error {

    border: 1px solid red;

    margin-top: -30px;

}

/* ID2



-------------------------------------------------------------- */



body #gform_wrapper_2 .gform_body .gform_fields .gform_description {

    color: #fff;

}

body #gform_wrapper_2 .gform_footer input.button {

    color: white;

    border: 0;

    cursor: pointer;

    background-color: #1c2d31;

    font-style: normal;

    float: right;

    font-weight: bold;

    height: 35px;

    line-height: 35px;

    margin: 0;

    width: 150px;

    font-size: 15px;

    text-transform: uppercase;

    text-align: center;

}

body #gform_wrapper_2 .gform_footer {

    margin-top: -5px;

}

body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=text] {

    border: 1px solid #dae2e8;

    height: 23px;

    line-height: 23px;

    margin: 0 0 5px 0;

    padding: 5px;

    float: left;

    width: 96%;

}

body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_checkbox label {} body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_checkbox ul li {

    margin: 0;

    padding: 0;

}

body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=checkbox] {

    background: none;

    border: none;

    float: left;

    width: 20px;

    clear: left;

}

body #gform_wrapper_2 .validation_error {

    border: 1px solid red;

    margin-top: -30px;

    float: left;

    display: none;

}

body #gform_wrapper_2 .gform_body .gform_fields .gfield_error {

    border: 1px solid red;

    margin-top: -30px;

}

/* ID4



-------------------------------------------------------------- */

/* ID4



-------------------------------------------------------------- */



body #gform_wrapper_4 .gform_body {} body #gform_wrapper_4 .gform_body .gform_fields .gfield .gfield_label {

    float: left;

    color: #03381e;

    width: 200px;

}

body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type=text] {

    border: 1px solid #8c9699;

    height: 23px;

    line-height: 23px;

    margin: 0 0 5px 0;



    padding: 5px;

    float: left;

    width: 170px;

}

body #gform_wrapper_4 .gform_body .gform_fields .gfield select {

    background: #fff;

    border: 1px solid #8c9699;

    margin: 0 0 5px 0;

    padding: 5px;

    position: static;

    float: left;

    width: 180px;

}

body #gform_wrapper_4 .gform_body .gform_fields .gfield textarea {

    border: 1px solid #8c9699;

    margin: 0 0 5px 0;

    padding: 5px;

    float: left;

    width: 170px;

}

body #gform_wrapper_4 .gform_footer input.button {

    padding: 8px;

    border: none;

    cursor: pointer;

    margin-left: 17px;

    color: #fff;

    background-color: #1c2d31;

    font-size: 14px;

    width: 170px;

}

body #gform_wrapper_4 .validation_error {

    border: 1px solid white;

    margin-top: -30px;

    float: left;

    width: 200px;

    display: none;

}

body #gform_wrapper_4 .gform_body .gform_fields .gfield_error {

    border: 1px solid red;

    margin-top: -30px;

}

/* SEARCH

-------------------------------------------------------------- */

.search form {
    background: #F4F4F4;
    border-bottom: 1px solid #e9e8e8;
    border-top: 1px solid #e9e8e8;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    margin: 10px 0 30px 0;
    padding: 30px 10px 60px 10px;
    position: relative;
    z-index: 1;
}

.search form h3 {
    color: #71787A;
    float: left;
    font-size: 18px;
    margin: 0;
    padding: 6px 10px 0 0;
}

.search form input {
    background-color: #f7f7f7;
    border: solid 1px #e1e1e1;
    float: left;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #565;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0 0 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 120px;
}
.search form select {
    background-color: #f7f7f7;
    border: solid 1px #e1e1e1;
	cursor:pointer;
    float: left;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #565;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    padding: 0 0 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 110px;
}

.search form input.book {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    margin: 0 0 0 25px;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #fff;
    background-color: #4FB7B4;
    font-size: 13px;
    text-transform: uppercase;
    width: 130px;
}

.quote {
    height: 32px;
    border-left: 1px solid #333;
    line-height: 32px;
    font-weight: bold;
    margin: 0 0 0 15px;
    border: none;
    float: left;
    cursor: pointer;
    padding: 0;
    color: #fff;
    background-color: #1c2d31;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    width: 130px;
}

.quote a {
    display: block;
    color: #fff;
    text-decoration: none;
}

input.date_picker {
    cursor: pointer;
    font-size: 11px;
    background-image: url("images/calendar.png");
    background-position: 90px center;
    background-repeat: no-repeat;
    padding-right: 18px;
    width: 110px;
}

.sbHolder {
    background-color: #f7f7f7;
    border: solid 1px #e1e1e1;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    margin-right: 18px;
    position: relative;
    width: 200px;
}

.selectSmall .sbHolder {
    width: 90px;
}

.selectSmall .sbOptions {
    width: 90px;
}

.selectSmallChildren .sbHolder {
    margin-right: 0;
    width: 90px;
}

.selectSmallChildren .sbOptions {
    width: 90px;
}

.selectSmallProperty .sbHolder {
    margin-right: 0;
    width: 200px;
}

.selectSmallProperty .sbOptions {
    width: 200px;
}

.sbHolder:focus .sbSelector {}

.sbSelector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: auto;
    border: none;
    margin: auto;
    min-width: 100px;
}

.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
    color: #565;
    outline: none;
    text-decoration: none;
    border: none;
}

.sbToggle {
    background: url(images/select_icons.png) 5px no-repeat;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    border: none;
}

.sbToggle:hover,
.sbToggleOpen {
    border: none;
}

.sbToggleOpen {
    border: none;
}

.sbToggleOpen:hover {}

.sbHolderDisabled {
    //background-color: #f7f7f7;
    //border: solid 1px #515151;
    outline: none;
}

.sbHolderDisabled .sbHolder {}

.sbHolderDisabled .sbToggle {}

.sbOptions {
    background-color: #f7f7f7;

    border: none;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 1;
    overflow-y: auto;
}

.sbOptions li {
    padding: 0 7px;
}

.sbOptions a {
    border-bottom: dotted 1px #e1e1e1;
    display: block;
    outline: none;
    padding: 7px 0 7px 3px;
}

.sbOptions a:link,
.sbOptions a:visited {
    color: #565;
    text-decoration: none;
}

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
    color: #ffa60b;
}

.sbOptions li.last a {
    border-bottom: none;
}

.sbOptions .sbDisabled {
    border-bottom: dotted 1px #e1e1e1;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbGroup {
    border-bottom: dotted 1px #e1e1e1;
    color: #565;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbSub {
    padding-left: 17px;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-button {}

/* SEARCH RESULTS PAGE



-------------------------------------------------------------- */



.searchContainer {

    background: none repeat scroll 0 0 #FFFFFF;

    font-size: 13px;

    margin: 30px 0 0 0;

    padding: 0;

    width: 660px;

}

.searchcontentRight {

    float: left;

    padding: 0;

    width: 403px;

}

.searchcontentRight .resortpriceContainer {

    border-left: 1px solid #D8DADB;

    float: right;

    width: 130px;

}

.searchcontentRight ul.resortinfoRight {

    float: left;

    margin: 10px 0 0;

    padding: 0;

    width: 175px;

}

.searchcontainerContent {

    border: 1px solid #d8dadb;

    margin-bottom: 20px;

}

.searchcontainerContent h3 {

    padding: 0 20px 0 20px;

}

.searchcontainerContent p {

    margin: 0 20px 10px 20px;

}

.searchContainer h2,

.specialoffersContainer h2 {

    background: none repeat scroll 0 0 #8C9699;

    color: #FFFFFF;

    font-size: 15px;

    margin: 0;

    padding: 10px 10px 10px 15px;

}

.searchContainer p,

.specialoffersContainer p {

    font-size: 14px;

    line-height: 18px;

    padding: 0 30px 0 0;

}

.searchContainer hr {

    background: none repeat scroll 0 0 #DDDDDD;

    border: medium none;

    clear: both;

    color: #DDDDDD;

    float: none;

    height: 1px;

    margin: 15px 0;

    width: 100%;

}

.searchContainer hr.lightBlue {

    background: none repeat scroll 0 0 #D8DADB;

    color: #D8DADB;

    height: 1px;

}

specialoffersContainer {

    background: none repeat scroll 0 0 #FFFFFF;

    margin: 20px 0 0 20px;

    padding: 10px;

    width: 690px;

}

.regionintroText {

    margin-top: 10px;

}

.regionintroText p {

    padding: 10px;

    font-size: 14px;

    color: #424243;

    margin: 0;

    padding-right: 60px;

    padding-left: 0;

    line-height: 1.5em;

}

.specialoffersContent {

    float: left;

    padding: 0 0 0 10px;

    width: 425px;

}

.specialofferintroText p {

    color: #424243;

    font-size: 14px;

    line-height: 1.5em;

    margin-top: 0;

    padding: 10px 60px 10px 20px;

}

.specialoffersContent h3,

.specialoffersContent p {

    padding: 0 0 0 10px;

}

.searchcontentLeft {

    float: left;

    width: 255px;

}

.searchcontentLeft img {

    height: 185px;

    width: 255px;

}

.searchcontentLeft .moreInfo {

    background: none repeat scroll 0 0 #8C9699;

    border-bottom: 1px solid #FFFFFF;

    padding: 10px 0 10px 5px;

}

.searchcontentLeft .moreInfo a,

.searchcontentLeft .addtoBasket a,

.searchcontentLeft .specialOffers a {

    background: url("../images/info_arrow.png") no-repeat scroll 0 50% transparent;

    color: #FFFFFF;

    display: block;

    font-size: 16px;

    padding-left: 15px;

    text-transform: uppercase;

    text-decoration: none;

}

.searchcontentLeft .addtoBasket {

    background: none repeat scroll 0 0 #424243;

    border-bottom: 1px solid #FFFFFF;

    padding: 10px 0 10px 5px;

}

.searchcontentLeft .specialOffers {

    background: none repeat scroll 0 0 #424243;

    border-bottom: 1px solid #FFFFFF;

    color: #fff;

    font-size: 20px;

    padding: 10px 0 10px 5px;

}

.searchcontentLeft .specialOffers span {

    color: #FFFFFF;

    font-size: 10px;

    margin: 0 5px 0 15px;

}

.searchcontentLeft .specialOffers span.nights {

    color: #FFFFFF;

    font-size: 10px;

    margin: 0 0 0 5px;

}

.searchcontentRight h2 {

    background: none repeat scroll 0 0 #8C9699;

    color: #FFFFFF;

    font-size: 15px;

    margin: 0;

    padding: 10px 10px 10px 15px;

}

.searchcontentRight p {

    font-size: 14px;

    line-height: 18px;

    margin: 0 0 10px 15px;

    padding: 0 30px 0 0;

}

.searchcontentRight h3 {

    padding: 0 0 0 15px;

}

.searchcontentRight ul.resortinfoLeft {

    float: left;

    font-weight: bold;

    margin: 10px 0 0;

    padding: 0 15px;

}

.searchcontentRight ul.resortinfoLeft {} .searchcontentRight ul.resortinfoLeft li {

    font-size: 12px;

    margin: 0 0 10px;

}

.searchcontentRight ul.resortinfoRight li {

    font-size: 12px;

    margin: 0 0 10px;

}

.searchcontentRight ul.resortinfoLeft li,

.searchcontentRight ul.resortinfoRight li {

    list-style: none outside none;

}

.searchcontentRight .resortpriceContainer .resortPrice {

    background-color: #F4F4F4;

    font-size: 20px;

    height: 80px;

    line-height: 80px;

    padding: 0;

    text-align: center;

}

.searchcontentRight .resortpriceContainer .resortPrice span {

    color: #333A45;

    font-size: 8px;

    margin: 5px;

}

.searchcontentRight .resortpriceContainer .resortBook {

    background-color: #1C2D31;

    color: #FFFFFF;

    font-size: 18px;

    height: 40px;

    text-align: center;

    text-transform: uppercase;

}

.searchcontentRight .resortpriceContainer .resortBook a {

    color: #FFFFFF;

    height: 40px;

    line-height: 40px;

    text-decoration: none;

}

.searchcontentRight .resortpriceContainer .resortBook a,

.searchcontentRight .resortpriceContainer .resortBookProperties a {

    color: #FFFFFF;

    height: 40px;

    line-height: 40px;

    text-decoration: none;

}

.searchcontentRight .resortpriceContainer .resortBookProperties {

    background-color: #1C2D31;

    color: #FFFFFF;

    font-size: 14px;

    height: 40px;

    text-align: center;

    text-transform: uppercase;

}

.searchcontentRight .resortpriceContainer .resortBookProperties a {

    color: #FFFFFF;

    height: 40px;

    line-height: 20px;

    text-decoration: none;

}

/* RESORT DETAIL PAGE



-------------------------------------------------------------- */



.resortDetail {

    margin-top: 0;

    padding: 10px 0 10px 0;

    margin-left: 0;

    background-color: #fff;

    width: 100%;

}

.resortDetail p {

    line-height: 22px;

}

.resortDetail .slider {

    height: 250px;

    width: 680px;

}

.resortDetail .introText {

    float: left;

    padding: 0 0 0 0;

    width: 450px;

}

.resortDetail .introText ul {

    margin: 0;

    padding: 0;

}

.resortDetail .introText ul li {

    background: url(images/bullet.gif) no-repeat 0 5px;

    list-style: none;

    font-size: 14px;

    margin: 0 0 10px 0;

    padding: 0 0 0 20px;

}

.resortDetail .introText h1 {

    color: #8c9699;

    padding-top: 0;

    font-size: 18px;

}

.resortDetail .introText h2 {

    font-size: 18px;

}

.resortDetail .priceContainer {

    float: right;

    border: 1px solid #d8dadb;

    margin-right: 0;

    width: 185px;

}

.resortDetail .resortdetailPrice {

    text-align: center;

    padding: 10px 0 0 0;

    background-color: #f4f4f4;


    height: 50px;

    line-height: 50px;

    font-size: 24px;

    font-weight: bold;

}

.resortDetail .resortdetailPrice span {

    font-size: 9px;

    color: #333a45;

    margin: 5px;

    font-weight: bold;

}

.resortDetail .resortdetailBook {

    text-align: center;

    color: #eaebeb;

    background-color: #1c2d31;

    padding: 10px 0 10px 0;

    text-transform: uppercase;

    font-size: 20px;

    font-weight: bold;

    color: #ffffff;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 18px;

}

.resortDetail .resortdetailBook a {

    display: block;

    text-decoration: none;

}

.resortDetail .resortdetailBook a:hover {

    color: #f4f4f4;

    display: block;

    text-decoration: none;

}

.Features {

    margin-top: 0;

    padding: 0 0 10px 0;

    background-color: #fff;

    width: 100%;

}

.Features h1,

.Features h1 span {

    font-size: 18px;

}

.Features h2 {

    font-size: 16px;

}

#resortfeatures h2 {

    font-size: 14px;

}

/* OTHER



-------------------------------------------------------------- */



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix {

    display: inline-table;

}

/* Hides from IE-mac \*/



* html .clearfix {

    height: 1%;

}

.clearfix {

    display: block;

}

/* End hide from IE-mac */



.clr {

    clear: both;

    height: 1px;

    margin-top: -1px;

    overflow: hidden;

}

hr {

    background: #ddd;

    color: #ddd;

    clear: both;

    float: none;

    width: 100%;

    height: 1px;

    margin: 15px 0 15px 0;

    border: none;

}

hr.blue {

    background: #8c9699;

    color: #8c9699;

    height: 1px;

}

.last {

    margin-right: 0;

}

.first {

    margin-left: 0;

}

/* Layout helpers



----------------------------------*/



.ui-helper-hidden {

    display: none;

}

.ui-helper-hidden-accessible {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.ui-helper-reset {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    line-height: 1.3;

    text-decoration: none;

    font-size: 100%;

    list-style: none;

}

.ui-helper-clearfix:before,

.ui-helper-clearfix:after {

    content: "";

    display: table;

    border-collapse: collapse;

}

.ui-helper-clearfix:after {

    clear: both;

}

.ui-helper-clearfix {

    min-height: 0;

    /* support: IE7 */

}

.ui-helper-zfix {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    opacity: 0;

    filter: Alpha(Opacity=0);

}

.ui-front {

    z-index: 100;

}

/* Interaction Cues



----------------------------------*/



.ui-state-disabled {

    cursor: default !important;

}

/* Icons



----------------------------------*/

/* states and images */



.ui-icon {

    display: block;

    text-indent: -99999px;

    overflow: hidden;

    background-repeat: no-repeat;

}

/* Misc visuals



----------------------------------*/

/* Overlays */



.ui-widget-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.ui-resizable {

    position: relative;

}

.ui-resizable-handle {

    position: absolute;

    font-size: 0.1px;

    display: block;

}

.ui-resizable-disabled .ui-resizable-handle,

.ui-resizable-autohide .ui-resizable-handle {

    display: none;

}

.ui-resizable-n {

    cursor: n-resize;

    height: 7px;

    width: 100%;

    top: -5px;

    left: 0;

}

.ui-resizable-s {

    cursor: s-resize;

    height: 7px;

    width: 100%;

    bottom: -5px;

    left: 0;

}

.ui-resizable-e {

    cursor: e-resize;

    width: 7px;

    right: -5px;

    top: 0;

    height: 100%;

}

.ui-resizable-w {

    cursor: w-resize;

    width: 7px;

    left: -5px;

    top: 0;

    height: 100%;

}

.ui-resizable-se {

    cursor: se-resize;

    width: 12px;

    height: 12px;

    right: 1px;

    bottom: 1px;

}

.ui-resizable-sw {

    cursor: sw-resize;

    width: 9px;

    height: 9px;

    left: -5px;

    bottom: -5px;

}

.ui-resizable-nw {

    cursor: nw-resize;

    width: 9px;

    height: 9px;

    left: -5px;

    top: -5px;

}

.ui-resizable-ne {

    cursor: ne-resize;

    width: 9px;

    height: 9px;

    right: -5px;

    top: -5px;

}

.ui-selectable-helper {

    position: absolute;

    z-index: 100;

    border: 1px dotted black;

}

.ui-button {

    display: inline-block;

    position: relative;

    padding: 0;

    line-height: normal;

    margin-right: .1em;

    cursor: pointer;

    vertical-align: middle;

    text-align: center;

    overflow: visible;

    /* removes extra width in IE */

}

.ui-button,

.ui-button:link,

.ui-button:visited,

.ui-button:hover,

.ui-button:active {

    text-decoration: none;

}

/* to make room for the icon, a width needs to be set here */



.ui-button-icon-only {

    width: 2.2em;

}

/* button elements seem to need a little more width */



button.ui-button-icon-only {

    width: 2.4em;

}

.ui-button-icons-only {

    width: 3.4em;

}

button.ui-button-icons-only {

    width: 3.7em;

}

/* button text element */



.ui-button .ui-button-text {

    display: block;

    line-height: normal;

}

.ui-button-text-only .ui-button-text {

    padding: .4em 1em;

}

.ui-button-icon-only .ui-button-text,

.ui-button-icons-only .ui-button-text {

    padding: .4em;

    text-indent: -9999999px;

}

.ui-button-text-icon-primary .ui-button-text,

.ui-button-text-icons .ui-button-text {

    padding: .4em 1em .4em 2.1em;

}

.ui-button-text-icon-secondary .ui-button-text,

.ui-button-text-icons .ui-button-text {

    padding: .4em 2.1em .4em 1em;

}

.ui-button-text-icons .ui-button-text {

    padding-left: 2.1em;

    padding-right: 2.1em;

}

/* no icon support for input elements, provide padding by default */



input.ui-button {

    padding: .4em 1em;

}

/* button icon element(s) */



.ui-button-icon-only .ui-icon,

.ui-button-text-icon-primary .ui-icon,

.ui-button-text-icon-secondary .ui-icon,

.ui-button-text-icons .ui-icon,

.ui-button-icons-only .ui-icon {

    position: absolute;

    top: 50%;

    margin-top: -8px;

}

.ui-button-icon-only .ui-icon {

    left: 50%;

    margin-left: -8px;

}

.ui-button-text-icon-primary .ui-button-icon-primary,

.ui-button-text-icons .ui-button-icon-primary,

.ui-button-icons-only .ui-button-icon-primary {

    left: .5em;

}

.ui-button-text-icon-secondary .ui-button-icon-secondary,

.ui-button-text-icons .ui-button-icon-secondary,

.ui-button-icons-only .ui-button-icon-secondary {

    right: .5em;

}

/* button sets */



.ui-buttonset {

    margin-right: 7px;

}

.ui-buttonset .ui-button {

    margin-left: 0;

    margin-right: -.3em;

}

/* workarounds */

/* reset extra padding in Firefox, see h5bp.com/l */



input.ui-button::-moz-focus-inner,

button.ui-button::-moz-focus-inner {

    border: 0;

    padding: 0;

}

.ui-datepicker {

    width: 17em;

    padding: .2em .2em 0;

    display: none;

}

.ui-datepicker .ui-datepicker-header {

    position: relative;

    padding: .2em 0;

}

.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

    position: absolute;

    top: 2px;

    width: 1.8em;

    height: 1.8em;

}

.ui-datepicker .ui-datepicker-prev-hover,

.ui-datepicker .ui-datepicker-next-hover {

    top: 1px;

}

.ui-datepicker .ui-datepicker-prev {

    left: 2px;

}

.ui-datepicker .ui-datepicker-next {

    right: 2px;

}

.ui-datepicker .ui-datepicker-prev-hover {

    left: 1px;

}

.ui-datepicker .ui-datepicker-next-hover {

    right: 1px;

}

.ui-datepicker .ui-datepicker-prev span,

.ui-datepicker .ui-datepicker-next span {

    display: block;

    position: absolute;

    left: 50%;

    margin-left: -8px;

    top: 50%;

    margin-top: -8px;

}

.ui-datepicker .ui-datepicker-title {

    margin: 0 2.3em;

    line-height: 1.8em;

    text-align: center;

}

.ui-datepicker .ui-datepicker-title select {

    font-size: 1em;

    margin: 1px 0;

}

.ui-datepicker select.ui-datepicker-month-year {

    width: 100%;

}

.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year {

    width: 49%;

}

.ui-datepicker table {

    width: 100%;

    font-size: .9em;

    border-collapse: collapse;

    margin: 0 0 .4em;

}

.ui-datepicker th {

    padding: .7em .3em;

    text-align: center;

    font-weight: bold;

    border: 0;

}

.ui-datepicker td {

    border: 0;

    padding: 1px;

}

.ui-datepicker td span,

.ui-datepicker td a {

    display: block;

    padding: .2em;

    text-align: right;

    text-decoration: none;

}

.ui-datepicker .ui-datepicker-buttonpane {

    background-image: none;

    margin: .7em 0 0 0;

    padding: 0 .2em;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

}

.ui-datepicker .ui-datepicker-buttonpane button {

    float: right;

    margin: .5em .2em .4em;

    cursor: pointer;

    padding: .2em .6em .3em .6em;

    width: auto;

    overflow: visible;

}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {

    float: left;

}

/* with multiple calendars */



.ui-datepicker.ui-datepicker-multi {

    width: auto;

}

.ui-datepicker-multi .ui-datepicker-group {

    float: left;

}

.ui-datepicker-multi .ui-datepicker-group table {

    width: 95%;

    margin: 0 auto .4em;

}

.ui-datepicker-multi-2 .ui-datepicker-group {

    width: 50%;

}

.ui-datepicker-multi-3 .ui-datepicker-group {

    width: 33.3%;

}

.ui-datepicker-multi-4 .ui-datepicker-group {

    width: 25%;

}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

    border-left-width: 0;

}

.ui-datepicker-multi .ui-datepicker-buttonpane {

    clear: left;

}

.ui-datepicker-row-break {

    clear: both;

    width: 100%;

    font-size: 0;

}

/* RTL support */



.ui-datepicker-rtl {

    direction: rtl;

}

.ui-datepicker-rtl .ui-datepicker-prev {

    right: 2px;

    left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next {

    left: 2px;

    right: auto;

}

.ui-datepicker-rtl .ui-datepicker-prev:hover {

    right: 1px;

    left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next:hover {

    left: 1px;

    right: auto;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane {

    clear: right;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {

    float: left;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,

.ui-datepicker-rtl .ui-datepicker-group {

    float: right;

}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {

    border-right-width: 0;

    border-left-width: 1px;

}

.ui-spinner {

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding: 0;

    vertical-align: middle;

}

.ui-spinner-input {

    border: none;

    background: none;

    color: inherit;

    padding: 0;

    margin: .2em 0;

    vertical-align: middle;

    margin-left: .4em;

    margin-right: 22px;

}

.ui-spinner-button {

    width: 16px;

    height: 50%;

    font-size: .5em;

    padding: 0;

    margin: 0;

    text-align: center;

    position: absolute;

    cursor: default;

    display: block;

    overflow: hidden;

    right: 0;

}

/* more specificity required here to overide default borders */



.ui-spinner a.ui-spinner-button {

    border-top: none;

    border-bottom: none;

    border-right: none;

}

/* vertical centre icon */



.ui-spinner .ui-icon {

    position: absolute;

    margin-top: -8px;

    top: 50%;

    left: 0;

}

.ui-spinner-up {

    top: 0;

}

.ui-spinner-down {

    bottom: 0;

}

/* TR overrides */



.ui-spinner .ui-icon-triangle-1-s {

    /* need to fix icons sprite */

    

    background-position: -65px -16px;

}

/* Component containers



----------------------------------*/



.ui-widget {

    font-family: Verdana, Arial, sans-serif;

    font-size: 1.1em;

}

.ui-widget .ui-widget {

    font-size: 1em;

}

.ui-widget input,

.ui-widget select,

.ui-widget textarea,

.ui-widget button {



    font-family: Verdana, Arial, sans-serif;

    font-size: 1em;

}

.ui-widget-content {

    border: 1px solid #aaaaaa;

    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;

    color: #222222;

}

.ui-widget-content a {

    color: #222222;

}

.ui-widget-header {

    border: 1px solid #aaaaaa;

    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;

    color: #222222;

    font-weight: bold;

}

.ui-widget-header a {

    color: #222222;

}

/* Interaction states



----------------------------------*/



.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default {

    border: 1px solid #d3d3d3;

    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;

    font-weight: normal;

    color: #555555;

}

.ui-state-default a,

.ui-state-default a:link,

.ui-state-default a:visited {

    color: #555555;

    text-decoration: none;

}

.ui-state-hover,

.ui-widget-content .ui-state-hover,

.ui-widget-header .ui-state-hover,

.ui-state-focus,

.ui-widget-content .ui-state-focus,

.ui-widget-header .ui-state-focus {

    border: 1px solid #999999;

    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;

    font-weight: normal;

    color: #212121;

}

.ui-state-hover a,

.ui-state-hover a:hover,

.ui-state-hover a:link,

.ui-state-hover a:visited {

    color: #212121;

    text-decoration: none;

}

.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active {

    border: 1px solid #aaaaaa;

    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;

    font-weight: normal;

    color: #212121;

}

.ui-state-active a,

.ui-state-active a:link,

.ui-state-active a:visited {

    color: #212121;

    text-decoration: none;

}

/* Interaction Cues



----------------------------------*/



.ui-state-highlight,

.ui-widget-content .ui-state-highlight,

.ui-widget-header .ui-state-highlight {

    border: 1px solid #fcefa1;

    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;

    color: #363636;

}

.ui-state-highlight a,

.ui-widget-content .ui-state-highlight a,

.ui-widget-header .ui-state-highlight a {

    color: #363636;

}

.ui-state-error,

.ui-widget-content .ui-state-error,

.ui-widget-header .ui-state-error {

    border: 1px solid #cd0a0a;

    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;

    color: #cd0a0a;

}

.ui-state-error a,

.ui-widget-content .ui-state-error a,

.ui-widget-header .ui-state-error a {

    color: #cd0a0a;

}

.ui-state-error-text,

.ui-widget-content .ui-state-error-text,

.ui-widget-header .ui-state-error-text {

    color: #cd0a0a;

}

.ui-priority-primary,

.ui-widget-content .ui-priority-primary,

.ui-widget-header .ui-priority-primary {

    font-weight: bold;

}

.ui-priority-secondary,

.ui-widget-content .ui-priority-secondary,

.ui-widget-header .ui-priority-secondary {

    opacity: .7;

    filter: Alpha(Opacity=70);

    font-weight: normal;

}

.ui-state-disabled,

.ui-widget-content .ui-state-disabled,

.ui-widget-header .ui-state-disabled {

    opacity: .35;

    filter: Alpha(Opacity=35);

    background-image: none;

}

.ui-state-disabled .ui-icon {

    filter: Alpha(Opacity=35);

    /* For IE8 - See #6059 */

}

/* Icons



----------------------------------*/

/* states and images */



.ui-icon {

    width: 16px;

    height: 16px;

}

.ui-icon,

.ui-widget-content .ui-icon {

    background-image: url(images/ui-icons_222222_256x240.png);

}

.ui-widget-header .ui-icon {

    background-image: url(images/ui-icons_222222_256x240.png);

}

.ui-state-default .ui-icon {

    background-image: url(images/ui-icons_888888_256x240.png);

}

.ui-state-hover .ui-icon,

.ui-state-focus .ui-icon {

    background-image: url(images/ui-icons_454545_256x240.png);

}

.ui-state-active .ui-icon {

    background-image: url(images/ui-icons_454545_256x240.png);

}

.ui-state-highlight .ui-icon {

    background-image: url(images/ui-icons_2e83ff_256x240.png);

}

.ui-state-error .ui-icon,

.ui-state-error-text .ui-icon {

    background-image: url(images/ui-icons_cd0a0a_256x240.png);

}

/* positioning */



.ui-icon-blank {

    background-position: 16px 16px;

}

.ui-icon-carat-1-n {

    background-position: 0 0;

}

.ui-icon-carat-1-ne {

    background-position: -16px 0;

}

.ui-icon-carat-1-e {

    background-position: -32px 0;

}

.ui-icon-carat-1-se {

    background-position: -48px 0;

}

.ui-icon-carat-1-s {

    background-position: -64px 0;

}

.ui-icon-carat-1-sw {

    background-position: -80px 0;

}

.ui-icon-carat-1-w {

    background-position: -96px 0;

}

.ui-icon-carat-1-nw {

    background-position: -112px 0;

}

.ui-icon-carat-2-n-s {

    background-position: -128px 0;

}

.ui-icon-carat-2-e-w {

    background-position: -144px 0;

}

.ui-icon-triangle-1-n {

    background-position: 0 -16px;

}

.ui-icon-triangle-1-ne {

    background-position: -16px -16px;

}

.ui-icon-triangle-1-e {

    background-position: -32px -16px;

}

.ui-icon-triangle-1-se {

    background-position: -48px -16px;

}

.ui-icon-triangle-1-s {

    background-position: -64px -16px;

}

.ui-icon-triangle-1-sw {

    background-position: -80px -16px;

}

.ui-icon-triangle-1-w {

    background-position: -96px -16px;

}

.ui-icon-triangle-1-nw {

    background-position: -112px -16px;

}

.ui-icon-triangle-2-n-s {

    background-position: -128px -16px;

}

.ui-icon-triangle-2-e-w {

    background-position: -144px -16px;

}

.ui-icon-arrow-1-n {

    background-position: 0 -32px;

}

.ui-icon-arrow-1-ne {

    background-position: -16px -32px;

}

.ui-icon-arrow-1-e {

    background-position: -32px -32px;

}

.ui-icon-arrow-1-se {

    background-position: -48px -32px;

}

.ui-icon-arrow-1-s {

    background-position: -64px -32px;

}

.ui-icon-arrow-1-sw {

    background-position: -80px -32px;

}

.ui-icon-arrow-1-w {

    background-position: -96px -32px;

}

.ui-icon-arrow-1-nw {

    background-position: -112px -32px;

}

.ui-icon-arrow-2-n-s {

    background-position: -128px -32px;

}

.ui-icon-arrow-2-ne-sw {

    background-position: -144px -32px;

}

.ui-icon-arrow-2-e-w {

    background-position: -160px -32px;

}

.ui-icon-arrow-2-se-nw {

    background-position: -176px -32px;

}

.ui-icon-arrowstop-1-n {

    background-position: -192px -32px;

}

.ui-icon-arrowstop-1-e {

    background-position: -208px -32px;

}

.ui-icon-arrowstop-1-s {

    background-position: -224px -32px;

}

.ui-icon-arrowstop-1-w {

    background-position: -240px -32px;

}

.ui-icon-arrowthick-1-n {

    background-position: 0 -48px;

}

.ui-icon-arrowthick-1-ne {

    background-position: -16px -48px;

}

.ui-icon-arrowthick-1-e {

    background-position: -32px -48px;

}

.ui-icon-arrowthick-1-se {

    background-position: -48px -48px;

}

.ui-icon-arrowthick-1-s {

    background-position: -64px -48px;

}

.ui-icon-arrowthick-1-sw {

    background-position: -80px -48px;

}

.ui-icon-arrowthick-1-w {

    background-position: -96px -48px;

}

.ui-icon-arrowthick-1-nw {

    background-position: -112px -48px;

}

.ui-icon-arrowthick-2-n-s {

    background-position: -128px -48px;

}

.ui-icon-arrowthick-2-ne-sw {

    background-position: -144px -48px;

}

.ui-icon-arrowthick-2-e-w {

    background-position: -160px -48px;

}

.ui-icon-arrowthick-2-se-nw {

    background-position: -176px -48px;

}

.ui-icon-arrowthickstop-1-n {

    background-position: -192px -48px;

}

.ui-icon-arrowthickstop-1-e {

    background-position: -208px -48px;

}

.ui-icon-arrowthickstop-1-s {

    background-position: -224px -48px;

}

.ui-icon-arrowthickstop-1-w {

    background-position: -240px -48px;

}

.ui-icon-arrowreturnthick-1-w {

    background-position: 0 -64px;

}

.ui-icon-arrowreturnthick-1-n {

    background-position: -16px -64px;

}

.ui-icon-arrowreturnthick-1-e {

    background-position: -32px -64px;

}

.ui-icon-arrowreturnthick-1-s {

    background-position: -48px -64px;

}

.ui-icon-arrowreturn-1-w {



    background-position: -64px -64px;

}

.ui-icon-arrowreturn-1-n {

    background-position: -80px -64px;

}

.ui-icon-arrowreturn-1-e {

    background-position: -96px -64px;

}

.ui-icon-arrowreturn-1-s {

    background-position: -112px -64px;

}

.ui-icon-arrowrefresh-1-w {

    background-position: -128px -64px;

}

.ui-icon-arrowrefresh-1-n {

    background-position: -144px -64px;

}

.ui-icon-arrowrefresh-1-e {

    background-position: -160px -64px;

}

.ui-icon-arrowrefresh-1-s {

    background-position: -176px -64px;

}

.ui-icon-arrow-4 {

    background-position: 0 -80px;

}

.ui-icon-arrow-4-diag {

    background-position: -16px -80px;

}

.ui-icon-extlink {

    background-position: -32px -80px;

}

.ui-icon-newwin {

    background-position: -48px -80px;

}

.ui-icon-refresh {

    background-position: -64px -80px;

}

.ui-icon-shuffle {

    background-position: -80px -80px;

}

.ui-icon-transfer-e-w {

    background-position: -96px -80px;

}

.ui-icon-transferthick-e-w {

    background-position: -112px -80px;

}

.ui-icon-folder-collapsed {

    background-position: 0 -96px;

}

.ui-icon-folder-open {

    background-position: -16px -96px;

}

.ui-icon-document {

    background-position: -32px -96px;

}

.ui-icon-document-b {

    background-position: -48px -96px;

}

.ui-icon-note {

    background-position: -64px -96px;

}

.ui-icon-mail-closed {

    background-position: -80px -96px;

}

.ui-icon-mail-open {

    background-position: -96px -96px;

}

.ui-icon-suitcase {

    background-position: -112px -96px;

}

.ui-icon-comment {

    background-position: -128px -96px;

}

.ui-icon-person {

    background-position: -144px -96px;

}

.ui-icon-print {

    background-position: -160px -96px;

}

.ui-icon-trash {

    background-position: -176px -96px;

}

.ui-icon-locked {

    background-position: -192px -96px;

}

.ui-icon-unlocked {

    background-position: -208px -96px;

}

.ui-icon-bookmark {

    background-position: -224px -96px;

}

.ui-icon-tag {

    background-position: -240px -96px;

}

.ui-icon-home {

    background-position: 0 -112px;

}

.ui-icon-flag {

    background-position: -16px -112px;

}

.ui-icon-calendar {

    background-position: -32px -112px;

}

.ui-icon-cart {

    background-position: -48px -112px;

}

.ui-icon-pencil {

    background-position: -64px -112px;

}

.ui-icon-clock {

    background-position: -80px -112px;

}

.ui-icon-disk {

    background-position: -96px -112px;

}

.ui-icon-calculator {

    background-position: -112px -112px;

}

.ui-icon-zoomin {

    background-position: -128px -112px;

}

.ui-icon-zoomout {

    background-position: -144px -112px;

}

.ui-icon-search {

    background-position: -160px -112px;

}

.ui-icon-wrench {

    background-position: -176px -112px;

}

.ui-icon-gear {

    background-position: -192px -112px;

}

.ui-icon-heart {

    background-position: -208px -112px;

}

.ui-icon-star {

    background-position: -224px -112px;

}

.ui-icon-link {

    background-position: -240px -112px;

}

.ui-icon-cancel {

    background-position: 0 -128px;

}

.ui-icon-plus {

    background-position: -16px -128px;

}

.ui-icon-plusthick {

    background-position: -32px -128px;

}

.ui-icon-minus {

    background-position: -48px -128px;

}

.ui-icon-minusthick {

    background-position: -64px -128px;

}

.ui-icon-close {

    background-position: -80px -128px;

}

.ui-icon-closethick {

    background-position: -96px -128px;

}

.ui-icon-key {

    background-position: -112px -128px;

}

.ui-icon-lightbulb {

    background-position: -128px -128px;

}

.ui-icon-scissors {

    background-position: -144px -128px;

}

.ui-icon-clipboard {

    background-position: -160px -128px;

}

.ui-icon-copy {

    background-position: -176px -128px;

}

.ui-icon-contact {

    background-position: -192px -128px;

}

.ui-icon-image {

    background-position: -208px -128px;

}

.ui-icon-video {

    background-position: -224px -128px;

}

.ui-icon-script {

    background-position: -240px -128px;

}

.ui-icon-alert {

    background-position: 0 -144px;

}

.ui-icon-info {

    background-position: -16px -144px;

}

.ui-icon-notice {

    background-position: -32px -144px;

}

.ui-icon-help {

    background-position: -48px -144px;

}

.ui-icon-check {

    background-position: -64px -144px;

}

.ui-icon-bullet {

    background-position: -80px -144px;

}

.ui-icon-radio-on {

    background-position: -96px -144px;

}

.ui-icon-radio-off {

    background-position: -112px -144px;

}

.ui-icon-pin-w {

    background-position: -128px -144px;

}

.ui-icon-pin-s {

    background-position: -144px -144px;

}

.ui-icon-play {

    background-position: 0 -160px;

}

.ui-icon-pause {

    background-position: -16px -160px;

}

.ui-icon-seek-next {

    background-position: -32px -160px;

}

.ui-icon-seek-prev {

    background-position: -48px -160px;

}

.ui-icon-seek-end {

    background-position: -64px -160px;

}

.ui-icon-seek-start {

    background-position: -80px -160px;

}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */



.ui-icon-seek-first {

    background-position: -80px -160px;

}

.ui-icon-stop {

    background-position: -96px -160px;

}

.ui-icon-eject {

    background-position: -112px -160px;

}

.ui-icon-volume-off {

    background-position: -128px -160px;

}

.ui-icon-volume-on {

    background-position: -144px -160px;

}

.ui-icon-power {

    background-position: 0 -176px;

}

.ui-icon-signal-diag {

    background-position: -16px -176px;

}

.ui-icon-signal {

    background-position: -32px -176px;

}

.ui-icon-battery-0 {

    background-position: -48px -176px;

}

.ui-icon-battery-1 {

    background-position: -64px -176px;

}

.ui-icon-battery-2 {

    background-position: -80px -176px;

}

.ui-icon-battery-3 {

    background-position: -96px -176px;

}

.ui-icon-circle-plus {

    background-position: 0 -192px;

}

.ui-icon-circle-minus {

    background-position: -16px -192px;

}

.ui-icon-circle-close {

    background-position: -32px -192px;

}

.ui-icon-circle-triangle-e {

    background-position: -48px -192px;

}

.ui-icon-circle-triangle-s {

    background-position: -64px -192px;

}

.ui-icon-circle-triangle-w {

    background-position: -80px -192px;

}

.ui-icon-circle-triangle-n {

    background-position: -96px -192px;

}

.ui-icon-circle-arrow-e {

    background-position: -112px -192px;

}

.ui-icon-circle-arrow-s {

    background-position: -128px -192px;

}

.ui-icon-circle-arrow-w {

    background-position: -144px -192px;

}

.ui-icon-circle-arrow-n {

    background-position: -160px -192px;

}

.ui-icon-circle-zoomin {

    background-position: -176px -192px;

}

.ui-icon-circle-zoomout {

    background-position: -192px -192px;

}

.ui-icon-circle-check {

    background-position: -208px -192px;

}

.ui-icon-circlesmall-plus {

    background-position: 0 -208px;

}

.ui-icon-circlesmall-minus {

    background-position: -16px -208px;

}

.ui-icon-circlesmall-close {

    background-position: -32px -208px;

}

.ui-icon-squaresmall-plus {

    background-position: -48px -208px;

}

.ui-icon-squaresmall-minus {

    background-position: -64px -208px;

}

.ui-icon-squaresmall-close {

    background-position: -80px -208px;

}

.ui-icon-grip-dotted-vertical {

    background-position: 0 -224px;

}

.ui-icon-grip-dotted-horizontal {

    background-position: -16px -224px;

}

.ui-icon-grip-solid-vertical {

    background-position: -32px -224px;

}

.ui-icon-grip-solid-horizontal {

    background-position: -48px -224px;

}

.ui-icon-gripsmall-diagonal-se {

    background-position: -64px -224px;

}

.ui-icon-grip-diagonal-se {

    background-position: -80px -224px;

}

/* Misc visuals



----------------------------------*/

/* Corner radius */



.ui-corner-all,

.ui-corner-top,

.ui-corner-left,

.ui-corner-tl {

    border-top-left-radius: 4px;

}

.ui-corner-all,

.ui-corner-top,

.ui-corner-right,

.ui-corner-tr {

    border-top-right-radius: 4px;

}

.ui-corner-all,

.ui-corner-bottom,

.ui-corner-left,

.ui-corner-bl {

    border-bottom-left-radius: 4px;

}

.ui-corner-all,

.ui-corner-bottom,

.ui-corner-right,

.ui-corner-br {

    border-bottom-right-radius: 4px;

}

/* Overlays */



.ui-widget-overlay {

    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;

    opacity: .3;

    filter: Alpha(Opacity=30);

}

.ui-widget-shadow {

    margin: -8px 0 0 -8px;

    padding: 8px;

    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;

    opacity: .3;

    filter: Alpha(Opacity=30);

    border-radius: 8px;

}

/* BLOG



-------------------------------------------------------------- */



#cooler-nav {

    clear: both;

    height: 100px;

    margin: 0 0 70px;

}

#cooler-nav .nav-box {

    background: #e9e9e9;

    padding: 10px;

}

#cooler-nav img {

    float: left;

    margin: 0 10px 0 0;

}

#cooler-nav h4 {

    margin: 0 10px;

    font-size: 16px;

    vertical-align: middle;

    text-decoration: none;

}

#cooler-nav a {

    text-decoration: none;

}

#cooler-nav .previous {

    float: left;

    vertical-align: middle;

    width: 250px;

    height: 100px;

}

#cooler-nav .next {

    float: right;

    width: 250px;

}

.blog-home-post {

    height: 370px;

    float: left;

    margin: 0 5px 0 0;

    width: 320px;

}

.blog-home-post img {

    height: 127px;

    width: 320px;

}

.blog-home-post-text {} .blog-home-post h1 {

    min-height: 60px;

    vertical-align: middle;

}

.blog-home-post h2,

.blog-single-post h2,

.blog-home-post h1,

.blog-single-post h1 {

    background: #b5bebb;

    color: #fff;

    font-size: 16px;

    margin: 0;

    padding: 10px;

}

.blog-home-post h2 a,

.blog-single-post h2 a,

.blog-home-post h1 a,

.blog-single-post h1 a {

    color: #fff;

    text-decoration: none;

}

.blog-home-post h2 a:hover,

.blog-single-post h2 a:hover {

    color: #22bfc8;

}

/* SINGLE POSTS



-------------------------------------------------------------- */



.blog-single-post {

    float: left;

    margin: 0 0 0 0;

    width: 670px;

}

.post-data {

    border-bottom: 1px solid #ddd;

    margin-bottom: 15px;

}

.post-data p {

    margin-bottom: 10px;

}

.post-month {

    margin: 10px 0 0 0;

    padding-left: 10px;

}

.related-posts {

    border: 1px solid #ddd;

    margin-bottom: 15px;

}

.related-posts-content {

    padding: 0 10px 0 10px;

}

.related-posts-content p {

    margin-top: 0;

}

h2.post-title {

    background: #999;

    color: #fff;

    font-size: 16px;

    line-height: 10px;

    margin: 0 0 0 0;

    padding: 10px;

}

h4.related-posts-header {

    background: #e9e8e8;

    color: #fb5bebb;

    font-size: 16px;

    line-height: 10px;

    margin: 30px 0 15px 0;

    padding: 10px;

}

.related-posts-thumb {

    float: left;

    padding-right: 15px;

    width: 100px;

}

.related-posts-excerpt {

    float: left;

    width: 530px;

}

/* COMMENTS



-------------------------------------------------------------- */



.comment-list {

    border: 1px solid #ddd;

    margin-bottom: 15px;

    padding: 10px;

}

.comment-list ul {

    margin: 0;

    padding: 0;

}

.comment-list ul li {

    list-style: none;

}

.comment-form textarea {

    display: block;

    font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-bottom: 5px;

    padding: 10px;

    width: 650px;

}

.comment-form input[type="text"] {

    border: 1px solid #ddd;

    float: left;

    height: 23px;

    line-height: 23px;

    margin: 0 0 5px;

    padding: 5px;

    width: 100%;

}

.comment-form label {

    height: 23px;

    line-height: 23px;

    padding-top: 5px;

    width: 200px;

}

.comment-form input.button {

    background-color: #1c2d31;

    border: medium none;

    color: #fff;

    cursor: pointer;

    font-size: 14px;

    padding: 8px;

    width: 170px;

}

.comment-form input.button {

    background-color: #1c2d31;

    border: medium none;

    color: #fff;

    cursor: pointer;

    font-size: 14px;

    padding: 8px;

    width: 170px;

}

#breadcrumbs {

    border-bottom: 1px solid #e9e8e8;

    padding-bottom: 20px;

}

#breadcrumbs-blog {

    padding-bottom: 15px;

}