/*Generated Stylesheet*/

*
{
  padding: 0;
  margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

/*Fix for AddThis*/
#at20mc * {
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
 z-index:9999;
}


.addthisbar
{
    position:absolute;
  top:39px;
  right:6px;
}

img
{
	border:none;
}

body
{
background-color:#16848F;
color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-size:100%;
}


.background_image
{
	background-image: url('https://www.justaddwaterboats.co.uk/images/mediacache/media.php?location=BACKGROUND&height=1080');
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	khtml-background-size: cover;
	ms-background-size: cover;
	background-color: ##ffffff;
}


h1
{
	font-size:18px;
	margin-bottom:12px;
	display: inline-block;
}

h2
{
	font-size:18px;
	margin-bottom:12px;
	display: inline-block;
}


h3
{
	font-size:18px;
	margin-bottom:12px;
	display: inline-block;
}

.white
{
	color:white;
}

.fr
{
	float:right;
}

.fl
{
	float:left;
}

.cr
{
	clear:right;
}

.cb
{
	clear:both;
}

.cl
{
	clear:left;
}

.b
{
	font-weight: bold;
}

.c
{
	text-align:center;
}

.r
{
	text-align:right;
}

.j
{
	text-align:justify;
}

.rhswidth
{
	width:198px;
	margin-bottom: 12px;
}

.mainwidth
{
	width:750px;
	margin-bottom: 12px;
	xmargin-left:210px;
	float:right;
}

.innermainwidth
{
	width:735px;
	margin-bottom: 12px;
}

.fullwidth
{
	width:100%;
	margin-bottom: 12px;
}

.small_text
{
	font-size:10px;
}


.medium_text
{
	font-size:12px;
}

.large_text
{
	font-size:14px;
}

.extra_large_text
{
	font-size:18px;
}


.relative_margin_top
{
	margin-top: 0.5em;
}

.relative_margin_top_xl
{
	margin-top: 1.5em;
}

.relative_margin_bottom
{
	margin-bottom: 0.5em;
}

.relative_padding_bottom
{
	padding-bottom: 0.5em;
}

.relative_padding_bottom_xl
{
	padding-bottom: 1.5em;
}

.small_relative_margin_top
{
	margin-top: 0.25em;
}

.small_relative_margin_bottom
{
	margin-bottom: 0.25em;
}


.page_container
{
		width: 960px;
		margin: 0 auto;
}

.header
{
	text-align: center;
	width:100%;
	margin: 0 auto;
	padding-top:8px;
	padding-left:4px;
	padding-right:4px;
  position:relative;
height: 150px;
background-image: url('https://www.justaddwaterboats.co.uk/images/mediacache/media.php?location=HEADERBACK');
background-repeat:repeat;
}

.social
{
	float:right;
	margin-top:0;
	margin-top:8px;
}

.social_icon
{
	display_inline-block;
  margin-right:4px;
  width:32px;
  height:32px;
}

.cards
{
	height:19px;
  position:absolute;
  left:0;
  top:8px;
}

.header .phone_no
{
  position:absolute;
  right:0.5em;
	bottom:1em;
	text-shadow: 2px 2px 1px #A80114, -2px -2px 1px #a80114, 2px 2px 1px #A80114, -2px 2px 1px #a80114
}

.header .social
{
  position:absolute;
  right:0;
  top:0;
}

.navigation
{
	margin-top:8px;
	margin-bottom:8px;
	z-index:1000;
}

.phone_no
{
	height:24px;
	margin-top:5px;
	font-size:16px;
}





.drop_shadow
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=4);
     -moz-box-shadow: 2px 2px 4px #000000; /* FF3.5+ */
  -webkit-box-shadow: 2px 2px 4px #000000; /* Saf3.0+, Chrome */
          box-shadow: 2px 2px 4px #000000; /* Opera 10.5, IE9, Chrome 10+ */
}

.large_drop_shadow
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=8);
     -moz-box-shadow: 2px 2px 50px #000000; /* FF3.5+ */
  -webkit-box-shadow: 2px 2px 50px #000000; /* Saf3.0+, Chrome */
          box-shadow: 2px 2px 50px #000000; /* Opera 10.5, IE9, Chrome 10+ */
}

.small_drop_shadow
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=4);
     -moz-box-shadow: 1px 1px 3px #000000; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 3px #000000; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 3px #000000; /* Opera 10.5, IE9, Chrome 10+ */
}

.round_corners
{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius: 8px;
	border-radius:8px;
}

.round_corners_top
{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.round_corners_nottopleft
{
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	border-top-left-radius: 0px !important;
}

.small_round_corners
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius: 4px;
	border-radius:4px;
}

.light_box
{
  color:#000000;
background-color:#C9CDCC;
background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E7E6), to(#C9CDCC)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #E4E7E6, #C9CDCC); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #E4E7E6, #C9CDCC); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #E4E7E6, #C9CDCC); /* IE10 */
  background-image:      -o-linear-gradient(top, #E4E7E6, #C9CDCC); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #E4E7E6, #C9CDCC);


     -moz-background-size: 100% 100%; /* FF3.6 */
  -webkit-background-size: 100% 100%; /* Saf3-4 */
          background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */
}

.light_box .engraved, .dark_box .light_box .engraved, .dark_box .light_box .dark_box .light_box .engraved
{
	text-shadow: 0px 1px 0px rgba(255, 255, 255,0.7);
}


.light_box .embossed, .dark_box .light_box .embossed, .dark_box .light_box .dark_box .light_box .embossed
{
	text-shadow: 0px -1px 0px rgba(255, 255, 255,0.7);
}


.white_box
{
	/*Change the below color to the end color of grafient png for older browseres to work properly*/
	background-color: #FFFFFF;
 	background-image: url('img/white_gradient.png');
 	background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E4E7E6)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FFFFFF, #E4E7E6); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #FFFFFF, #E4E7E6); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #FFFFFF, #E4E7E6); /* IE10 */
  background-image:      -o-linear-gradient(top, #FFFFFF, #E4E7E6); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #FFFFFF, #E4E7E6);

     -moz-background-size: 100% 100%; /* FF3.6 */
  -webkit-background-size: 100% 100%; /* Saf3-4 */
          background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */
}

.search_bar
{
  color:#FFFFFF;
background-color:#104376;
background-image: -webkit-gradient(linear, left top, left bottom, from(#205386), to(#003366)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #205386, #003366); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #205386, #003366); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #205386, #003366); /* IE10 */
  background-image:      -o-linear-gradient(top, #205386, #003366); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #205386, #003366);

     -moz-background-size: 100% 100%; /* FF3.6 */
  -webkit-background-size: 100% 100%; /* Saf3-4 */
          background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */
}

.dark_box, .navigation .button
{
  color:#FFFFFF;
background-color:#25272C;
background-image: -webkit-gradient(linear, left top, left bottom, from(#35373C), to(#15171C)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #35373C, #15171C); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #35373C, #15171C); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #35373C, #15171C); /* IE10 */
  background-image:      -o-linear-gradient(top, #35373C, #15171C); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #35373C, #15171C);

     -moz-background-size: 100% 100%; /* FF3.6 */
  -webkit-background-size: 100% 100%; /* Saf3-4 */
          background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */
}

.dark_box .engraved, .light_box .dark_box .engraved, .light_box .dark_box .light_box .dark_box .engraved
{
	text-shadow: 0px 1px 0px rgba(0, 0, 0,0.7);
}

.dark_box .embossed, .light_box .dark_box .embossed, .light_box .dark_box .light_box .dark_box .embossed
{
	text-shadow: 0px -1px 0px rgba(0, 0, 0,0.7);
}

.light_box.top_tabs,
.dark_box.top_tabs,
.white_box.top_tabs
{
	margin-top: 26px;
}




.box_content
{
	padding:6px;
}



a
{
	color:black;
}

.dark_box a
{
	color:inherit;
}






.carouselitem
{
	width: 188px;
	height: 62px;
	padding: 4px;
	cursor: pointer;
}

.carouselimage
{
	width:80px;
	height:52px;
	float:left;
}

.carouseltitle
{
	margin-left:84px;
	height: 24px;
	padding-right:4px;
	overflow: hidden;
	width: 96px;
}

.carouselprice
{
	text-align:right;
	padding-right:4px;
}

.carouseltext
{
	margin-left:84px;
	height: 16px;
	padding-right:4px;
	font-weight:  normal;
}

.carouselbox
{
	width: 186px;
	margin-bottom: 4px;
}

.carouselcontrols
{
	width:100%;
	padding-top:4px;
	margin:0 auto;
	text-align:center;
	width:100%;
}

.carouselbutton
{
	margin-right: 1px;
	border: 0;
	cursor: pointer;
}


#recenttab
{
	width: 188px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.superclearbutton
{
	display:block;
	text-align: center;
}

#closesuperclear
{
	display: block;
	float: right;
	padding: 2px 6px;
}

.search_button_container
{
	float: left;
	width: 100px;
	margin-right: 10px;
	text-align:center;
}

.search_button_container_wide
{
	float: left;
	width: 120px;
	margin-right: 4px;
	text-align:center;
}

.search_button
{
	margin: 0;
	padding: 0;
	float:left;
}

.search_input_box
{
	width:260px;
	margin-left:20px;
}

.button_spacer
{
	margin-top: 23px!important;
}

#lookuptable
{
	float:right;
	margin-right: 16px;
}

select.mw120
{
  min-width:120px;
	max-width:180px;
}

select.mw100
{
  min-width:100px;
	max-width:180px;
}

select.mw80
{
  min-width:80px;
	max-width:180px;
}

select.mw60
{
  min-width:60px;
	max-width:180px;
}


select.mr20
{
  margin-right:20px;
}

select.mb10
{
  margin-bottom:10px;
}

.black_top
{
	background-image: url('img/black_top.png');
	background-repeat: repeat-x;
	background-position: top;
  position:relative;
}

.light_top
{
	background-image: url('img/light_top.png');
	background-repeat: repeat-x;
	background-position: top;
}

.search_back
{
	xbackground-color:#D6DAD9;
	background-color:#197EB9;
	opacity:0.7;
}

.abs
{
	position:absolute;
}

.loading_box
{
	margin:12px auto;
	width:350px;
	padding:15px;
	text-align:center;
}

#searchcontents
{
	min-height:200px;
}

.vehlistbox
{
	width:97%;
	height:150px;
	overflow:hidden;
	margin: 0 auto 7px;
	padding: 8px;
}

.price .number
{
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #fff;
	background-image: url('/img/numberbg.gif');
	background-repeat: repeat-x;
	background-position: center left;
	color: #000;
	float: left;
	margin-left: 1px;
	padding: 1px 2px;
}

.price
{
	padding:4px;
}

.details_box_spec
{
	width:180px;
	margin-bottom:0.25em;
	height:1.1em;
}

.details_box_spec div
{
	float:left;
	width: 90px;
}


.car_box_spec
{
	float:left;
	width:340px;
	margin-bottom:0.25em;
	font-weight:bold;
	height:1.25em;
	overflow: hidden;
}

.car_box_spec span
{
	display: inline-block;
	width: 95px;
	font-weight:normal !important;
}

.car_specs_box
{
	height:90px;
	padding: 8px;
}

.small_car_specs_box
{
	height:48px;
	width: 160px;
	padding: 4px;
}

.car_box
{
	margin-left:208px;
	width:500px;
}

.plus_vat
{
	float:right;
	font-weight:bold;
	text-align: center;
	margin-left:3px;
}

.vehlistbox_image
{
	float: left;
	width:200px;
	height:133px;
	background-position: top left;
	background-repeat: no-repeat;
}

.moreinfo
{
	margin-top:108px;
}

.small_moreinfo
{
	margin-top:30px;
}

.small_vehtitle
{
	height:1.2em;
	overflow:hidden;
}

.margin8
{
	margin-left:  8px;
	margin-right:  8px;
}

.margin8t
{
	margin-top:  8px;
}

.margin8l
{
	margin-left:  8px;
}

.margin8b
{
	margin-bottom:  8px;
}

.margin8r
{
	margin-right:  8px;
}

.margin4
{
	margin-right:  4px;
	margin-left:  4px;
}

.sort_button
{
	vertical-align: bottom;
	margin-left:4px;
}

.vehsmallbox
{
	width:360px;
	height:126px;
	overflow:hidden;
	margin-bottom:7px;
	padding: 4px;
	float:left;
	margin-right:4px;
	margin-left:4px;
	border: gray;
}

.vehsmallbox_image
{
	float: left;
	width:133px;
	height:100px;
	background-position: center;
	background-repeat: no-repeat;
}

.small_car_box
{
	margin-left:136px;
	width:210px;
}

.small_price .number
{
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	background-image: url('/img/numberbg.gif');
	background-repeat: repeat-x;
	background-position: center left;
	color: #000;
	float: left;
	margin-left: 1px;
	padding: 1px 2px;
}

.small_price
{
	padding:2px;
}

.vehthumbnail_small
{
	background-color: white;
	padding:2px;
	margin:2px;
	width:104px;
	height:70px;

}

.vehthumbnail_small div
{
	width:100px;
	height:66px;
	overflow:hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}


.hide
{
	display:none;
}

.column
{
	float: left;
	width:180px;
	margin-left:10px;
}

.feature_column
{
	float:left;
	width:230px;
	margin-left:10px;
}

.feature_box
{
	margin-left: 20px;
	width: 180px;
}

.included
{
	float:left;
	margin-right:10px;
	width:90px;
	height:100px;
	text-align:center;
}

.included2 {
    display: inline-block;
    height: 100px;
    margin-right: 10px;
    text-align: center;
    vertical-align: top;
    width: 90px;
}

.icon
{
	height:64px;
}


.details_top_box
{
	xmargin-left:216px;
	xmargin-top:32px;
}

.br
{
	border: 1px solid red;
}

.bg
{
	border: 1px solid green;
}

.bb
{
	border: 1px solid blue;
}

.ml30
{
	margin-left:30px;
}

.vabot
{
	vertical-align: bottom;
}

#enlargebutton
{
	float:right;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor:	pointer;
}

#popuppager a
{
	float:left;
	width: 27px;
	height: 18px;
	color:black;
	text-align:center;
	font-weight:bold;
	font-size: 10px;
	display: inline-block;
	background-image: url('img/buttons/number_back1.png');
	padding-top: 2px;
	text-decoration: none;
}

.activeSlide
{
	float:left;
	width: 27px;
	height: 18px;
	color:white!important;
	text-align:center;
	font-weight:bold;
	font-size: 10px;
	display: inline-block;
	background-image: url('img/buttons/number_back2.png')!important;
	text-decoration: none;
}

#popupsscontainer
{
	border:2px solid #1980BB;

	position: absolute;
	top:100px;
	left:50%;
	margin-left:-330px;
	z-index:50;


}

.popupssclose
{
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: -2px;
	margin-top: -5px;
	background-color: #fff;
	z-index: 1000;
	padding: 6px 8px 0pt 0pt;
	font-weight: bold;
	cursor: pointer;
	text-align: right;
	color: rgb(25, 128, 187);
}

#popupss
{
	position: relative;
	width: 650px;
	height: 438px;
}


.slide
{
	position: absolute;
	top: 0;
	left: 0;
	width: 650px;
	height: 438px;
}

.slide img
{
	border: 5px solid #fff;
}

.slidethumb
{
	 width: 320px;
	 height: 214px;
	 background-repeat: no-repeat;
	 background-position: center;
}

.slideshowbox
{
	height:155px;
	cursor: pointer;
}

.slideshowbox .mainimg
{
	border: 5px solid #fff;
	margin-bottom:32px;
}

.slideshowbox .description
{
	height: 40px;
}

.slideshowbox .thumbnails img
{
	border: 3px solid #fff;
	width: 97px;
	height: 66px;
	margin-bottom:32px;
}

.slideshowbox img.mr
{
	margin-right: 5px;
}

.smallthumbslist
{
	width:328px;
}

.sidecolumncontainer
{
	margin-right:10px;
}


.inputselect
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(img/inputta.png) left top scroll #fff;

	border-width: 1px;
	border-style: solid;
	border-color: #838383 #f9f9f9 #f9f9f9 #838383;

	background: url(img/inputta.png) left top scroll #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;

	padding: 1px 1px 1px 2px;
	margin: 0px 3px 5px 0;
}

.inputta
{
	width: 150px;
	border-width: 1px;
	border-style: solid;
	border-color: #838383 #f9f9f9 #f9f9f9 #838383;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(img/inputta.png) left top scroll #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
}

.contactform .inputta
{
	width: 185px;
}

.contactform .error
{
	color: #900000;
	font-weight: bold;
	margin-bottom: 3px;
}

.mr8
{
	margin-right: 8px;
}

.pr8
{
	padding-right: 8px;
}

.pl8
{
	padding-left: 8px;
}

.pr8
{
	padding-right: 8px;
}

.buttonbg_blue
{
	-moz-border-image: url("img/buttons/number_back2.png") 3 3 3 3;
	-ie-border-image: url("img/buttons/number_back2.png") 3 3 3 3;
	-webkit-border-image: url("img/buttons/number_back2.png") 3 3 3 3;
	-opera-border-image: url("img/buttons/number_back2.png") 3 3 3 3;
	border-image: url("img/buttons/number_back2.png") 3 3 3 3;
	padding: 0 5px;
}

.buttonbg_grey
{
	-moz-border-image: url("img/buttons/number_back1.png") 3 3 3 3;
	-ie-border-image: url("img/buttons/number_back1.png") 3 3 3 3;
	-webkit-border-image: url("img/buttons/number_back1.png") 3 3 3 3;
	-opera-border-image: url("img/buttons/number_back1.png") 3 3 3 3;
	border-image: url("img/buttons/number_back1.png") 3 3 3 3;
	padding: 0 5px;
}

.phone_no
{
	font-weight:bold;
}

.pointer
{
	cursor: pointer;
}


.light_box.top_tabs .csmtab_tabbar,
.dark_box.top_tabs .csmtab_tabbar,
.white_box.top_tabs .csmtab_tabbar
{
	margin-top: -37px;
	margin-left: -12px;
}

.light_box .csmtab_tabbar, .dark_box .csmtab_tabbar
{
    margin-top: -6px;
}

.csmtab_tabbar .csmtab_tab,
.none .csmtab_tabbar .csmtab_tabright,
.none .csmtab_tabbar .csmtab_tabspacer
{
	display: inline-block;
	padding: 3px 5px 2px;
	margin-right: 1px;

	height: 24px;

	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

  font-weight:bold;
  font-size:0.8em;
	cursor: pointer;
}

.dark_box .csmtab_tabbar .csmtab_tab { background-color: #555; }
.dark_box .csmtab_tabbar .csmtab_tab.selected { background-color: #0F91CA; color: #000; }

.light_box .csmtab_tabbar .csmtab_tab { background-color: #f00; }
.light_box .csmtab_tabbar .csmtab_tab.selected { background-color: #0F91CA; color: #000; }

.none .csmtab_tabbar .csmtab_tab
{
	background-color: #abadad;
	background-image: url(img/tab_bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	margin-right: 1px;

}

.none .csmtab_tabbar .csmtab_tab.selected
{
	background-color: #e4e7e6;
	background-image: none;
	margin-right: 0px;
}

.none .csmtab_tabbar .csmtab_selectedparent
{
	display: inline-block;
	border-right: 2px solid rgba(0, 0, 0, 0.5);
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-left: 0px;

	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;

	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;

	margin-right: 1px;
}

.csmtab_tabcontentbox { margin-top: 15px; }

.footer_bar
{
	width: 100%;
	margin: 0 auto;
	color: black;
	text-align:center;
	font-size:11px;
	background-image: url('img/footerback.png');
	background-repeat: repeat;
	height:20px;
}
.footer_bar a
{
	display:inline-block;
	padding:2px;
	margin-right:6px;
	color: black;
}

.footer_bar a:hover
{
	color:white;
	background-color: #054a87;
}

.nodecor
{
	text-decoration: none;
}

.disclaimer
{
	padding:10px;
	text-align: justify;
}

.disclaimer p
{
	margin-bottom: 1em;
}

.hr { border: 0; border-bottom: 1px solid #ccc; margin: 10px 0; }
.hr.darkgrey { border-color: #777; }
.hr.lightgrey { border-color: #eee; }
.hr.dotted { border-style: dotted; }
.hr.dashed { border-style: dashed; }


table.twocol th, table.twocol td { width: 50%; }
table.threecol th, table.threecol td { width: 33%; }
table.fourcol th, table.fourcol td { width: 25%; }

.details
{
	width: 375px;
	border-collapse: collapse;
}

.details td, .details th
{
	padding: 1px 15px;
}

.details tr.hover
{
	background-color: #1090C9;
	color:white;
}

.printthis
{
	padding: 2px 7px 5px;
}

.sold_overlay
{
	margin-left: -155px; margin-top: 58px;
}

.depo_overlay
{
	margin-left: -155px; margin-top: 58px;
}

.sold_overlay_small
{
	margin-left: -80px; margin-top: 40px;
}

.depo_overlay_small
{
	margin-left: -80px; margin-top: 40px;
}



/*
 * Directions Page & Directions Box
 */

body.directions
{
	background-image: url('img/background.png');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #B7C6D6;

	height: auto;
	margin: 0;
	padding: 0;
}

.directions #map_canvas
{
	height: auto;
	position: absolute;
	bottom:0;
	left:0;
	right:50%;
	top:25px;
}

.directions #map_canvas .custom_control
{
	background: none repeat scroll 0% 0% rgb(254, 254, 254);

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(254, 254, 254)), to(rgb(243, 243, 243)));
	background-image: -webkit-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:    -moz-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:      -o-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:     -ms-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:         linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));


	padding: 5px;
	-moz-border-radius: 0pt 2px 2px 0pt;
	-webkit-border-radius: 0pt 2px 2px 0pt;
	-o-border-radius: 0pt 2px 2px 0pt;
	-ms-border-radius: 0pt 2px 2px 0pt;
	border-radius: 0pt 2px 2px 0pt;

	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	-o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);

	border: 1px solid rgb(169, 187, 223);
	font-weight: normal;
	min-width: 47px;
}

#getdirections
{
	background: none repeat scroll 0% 0% rgb(254, 254, 254);

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(254, 254, 254)), to(rgb(243, 243, 243)));
	background-image: -webkit-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:    -moz-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:      -o-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:     -ms-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));
	background-image:         linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243));

	border: 0;
	border-top: 1px solid #777;
	margin-left: 3px;
	width: 180px;

	color: black;

	font-weight: normal;

	margin-top: 5px;

	padding: 5px;
}

.directions #map_canvas .custom_control .title, #getdirections .title
{
	color: white;
	font-family: Arial,sans-serif;
	-moz-user-select: none;
	font-size: 12px;

	background: none repeat scroll 0% 0% rgb(116, 145, 211);

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(109, 138, 204)), to(rgb(123, 152, 217)));
	background-image: -webkit-linear-gradient(center top , rgb(109, 138, 204), rgb(123, 152, 217));
	background-image:    -moz-linear-gradient(center top , rgb(109, 138, 204), rgb(123, 152, 217));
	background-image:      -o-linear-gradient(center top , rgb(109, 138, 204), rgb(123, 152, 217));
	background-image:     -ms-linear-gradient(center top , rgb(109, 138, 204), rgb(123, 152, 217));
	background-image:         linear-gradient(center top , rgb(109, 138, 204), rgb(123, 152, 217));

	line-height: 160%;
	padding: 0pt 6px;

	-moz-border-radius: 2px 0pt 0pt 2px;
	-webkit-border-radius: 2px 0pt 0pt 2px;
	-o-border-radius: 2px 0pt 0pt 2px;
	-ms-border-radius: 2px 0pt 0pt 2px;
	border-radius: 2px 0pt 0pt 2px;

	border: 1px solid rgb(103, 138, 199);
	font-weight: bold;
}

.directions #map_canvas .custom_control input[type=text], #getdirections input[type=text]
{
	border: 1px solid rgb(169, 187, 223);
	padding: 3px 2px 2px;
	font-family: Arial,sans-serif;
	-moz-user-select: none;
	font-size: 12px;
	color: black;

	background: white;

	-moz-border-radius: 2px 0pt 0pt 2px;
	-webkit-border-radius: 2px 0pt 0pt 2px;
	-o-border-radius: 2px 0pt 0pt 2px;
	-ms-border-radius: 2px 0pt 0pt 2px;
	border-radius: 2px 0pt 0pt 2px;
}

#getdirections input[type=text]
{
	width: 130px;
}


.directions #header
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 25px;
	font-weight: bold;
	text-align: center;
}


.directions #directions {
  height: auto;
  position: absolute;
  bottom:0;
  left:50%;
  right:0;
  top:25px;
  overflow: auto;
}

@media print {
  .directions #map_canvas {
    height: 50%;
    width: 100%;
    left: 0;
    right: 0;
  }

  .directions #directions {
    top: 50%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: auto;
    overflow: visible;
    margin-top: 20px;
  }

  .directions #map_canvas .custom_control
  {
	display: none;
  }

  .directions .print_button
  {
	display: none;
  }
}

 .abc
 {
 	width:212px;
	 height:40px;
	 overflow:hidden;
 }

 .hide
 {
 	display:none;
 }

 .logo
{
	text-align:center;
	margin-top:36px;
}

.logo a
{
	text-decoration: none;
	font-size: 28px;
color: #16848F;

}

.navbutton
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=3)!important;
     -moz-box-shadow: 1px 1px 2px #000000!important; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 2px #000000!important; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 2px #000000!important; /* Opera 10.5, IE9, Chrome 10+ */
	-moz-border-radius:4px!important;
	-webkit-border-radius:4px!important;
	-khtml-border-radius: 4px!important;
	border-radius:4px!important;

     -moz-background-size: 100% 100%!important; /* FF3.6 */
  -webkit-background-size: 100% 100%!important; /* Saf3-4 */
          background-size: 100% 100%!important; /* Opera, IE9, Saf5, Chrome, FF4 */
	border:none!important;
	font-weight: bold!important;
	cursor:pointer!important;
	padding:3px 5px!important;
	margin-right: 4px!important;
	margin-top:15px;
	margin-bottom:1px;
	text-decoration: none!important;
	display:inline-block!important;
	height:20px;
	text-align:center;
	vertical-align: bottom;
}

.branded
{
	background-image: url("img/footerback.png");
	background-repeat: repeat;
  color:black;
}

.branded_logo
{
	float:right;
	clear:both;
	margin-top:-18px;
	width:212px;
	height:46px;
	overflow:hidden;
}

.branded_footer
{
	text-align:center;
	margin-left:220px;
	margin-right:220px;
	padding-top:6px;
	font-size:12px;
}

.branded_footer a
{
	color: black;
}

.contactform > tr > th, .contactform > thead > tr > th, .contactform > tbody > tr > th, .contactform > tfoot > tr > th
{
    font-weight: normal;
    padding: 4px 5px 0 0;
    text-align: right;
    vertical-align: top;
}

.contactform > tr > td, .contactform > thead > tr > td, .contactform > tbody > tr > td, .contactform > tfoot > tr > td
{
	vertical-align: top;
}


.contactform input[type="text"],
.contactform input[type="password"],
.contactform input[type="email"],
.contactform input[type="url"],
.contactform input[type="number"],
.contactform select,
.contactform textarea
{
	border: 1px solid #BBB;

	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;

	color: #333;
	background-color: #fff;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;

	width: 250px;

	font-size: 1em;

	padding: 0.125em;
}

.contactform input[type="text"]:focus,
.contactform input[type="password"]:focus,
.contactform input[type="email"]:focus,
.contactform input[type="url"]:focus,
.contactform input[type="number"]:focus,
.contactform select:focus,
.contactform textarea:focus
{
	border-color: #777;
}

.contactform input[type="checkbox"]
{
	vertical-align:middle;
}

body form input.failedvalidation,
body form input[type="text"].failedvalidation,
body form input[type="password"].failedvalidation,
body form input[type="email"].failedvalidation,
body form input[type="url"].failedvalidation,
body form input[type="number"].failedvalidation,
body form textarea.failedvalidation,
body form select.failedvalidation
{
	background-color: #fdd;
}

body form label.failedvalidation
{
	color: #700;
	font-weight: bold;
}

body form .formvalidatormsg
{
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 7px;
	color: #700;
}

.button, input[type=submit], input[type=button], input[type=reset], button
{
    display: inline-block;

	background: #F5F5F5;
	background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 #F5F5F5;
	background: -webkit-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 #F5F5F5;
	background: -o-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 #F5F5F5;
	background: -ms-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 #F5F5F5;
	background: linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 #F5F5F5;

		border: 1px solid rgb(230, 230, 230);
    border: 1px solid rgba(0, 0, 0, 0.1);

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;

	color: #666666;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: bold;
    min-width: 54px;
    padding: 0.25em 0.5em;
    text-align: center;
	line-height:1.2em;
	margin: 2px 0;

	text-decoration: none;

	-moz-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-khtml-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

button /* Corrections for HTML buttons */
{
    line-height: 10px;
    padding-bottom: 5px;
}

.black_top>h1:first-child
{
	color:white;
}


.details_description
{
	max-height:8.3em;
	overflow:hidden;
	xbackground-color:#C9CDCC;
	padding:4px;
}

.details_description_fade
{
	height:50px;
	overflow:hidden;
	margin-top:-50px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(201,205,204,255)), to(#C9CDCC)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(201,205,204,0), #C9CDCC); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, rgba(201,205,204,0), #C9CDCC); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, rgba(201,205,204,0), #C9CDCC); /* IE10 */
  background-image:      -o-linear-gradient(top, rgba(201,205,204,0), #C9CDCC); /* Opera 11.10+ */
  background-image:         linear-gradient(top, rgba(201,205,204,0), #C9CDCC);
}

.description_link
{
	text-align:right;
	height:2em;
	padding-right:1em;
	margin-top:0.5em;
	margin-bottom:1em;
}

.details_slideshow
{
	width:320px;
	position:relative;
}