/*
Theme Name: usedboats
Theme URI: http://usedboats.co.nz/
Description: A theme by energise web design
Author: energise web design
*/

*{padding:0; margin:0;}
/*General styles*/
BODY{ font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000000;line-height:130%;margin:0;padding:0;background:url(images/bg.jpg) center repeat-y;}

P { padding-bottom:6px;}
:active, :focus{outline:none;}
a:link, a:visited{color:#0066CC;text-decoration: underline;}
a:hover{text-decoration: underline;color:#E86E09;}
input, textarea, select {padding:1px;margin:0;color:#726A5A;font-size:96%;}


/*Headings*/
h1{font: 22px/24px Arial, Helvetica, sans-serif;color:#3E5D9B;margin: 0px;padding: 15px 0 6px 0;}
h2{font: 18px/20px Arial, Helvetica, sans-serif;color:#E86E09;margin: 0px;padding: 10px 0 8px 0;}

h3{font: bold 15px/17px Arial, Helvetica, sans-serif;color:#3E5D9B;margin: 0px;padding: 10px 0 7px 0;}

/*Common Styles*/
p.bullet {padding:2px 0 5px 14px;background:url(images/bullet.jpg) left 8px no-repeat;}
img.left {float:left;margin:0 12px 8px 0;}
img.right {float:right;margin:0 0 8px 10px;}
.topzero {padding-top:0px;}
BR.clear {clear:both;}
.orangetxt {color:#E86E09;}
.smalltext { font-size:10px; line-height:120%;}

.wp-pagenavi a, .wp-pagenavi span {padding: 6px 10px !important;}

/*DIVs*/
.container {width:940px;margin: 0 auto; overflow:hidden;}

.header {width:940px;float:left; height:96px;}
.logo {width:350px;float:left; height:77px; padding:19px 0 0 10px;}
.logo_right, .nav {width:580px; float:left;}
.logo_right_a {width:580px; float:left; height:47px; text-align:right; padding-top:15px;}
.logo_right_a_in { float:right;}
.plusone { padding-right:15px; height:32px; float:left;}
.soc { height:32px; float:left;}
.soc img { margin-left:10px;}

/*Navigation*/
.nav ul{font: 16px Arial, Helvetica, sans-serif;padding: 0;margin: 0; float:right;}
.nav ul li{list-style: none;display: inline;}
.nav ul li a, .nav ul li a:visited {text-decoration: none;float:left; width:92px; margin-left:2px; line-height:34px; background: url(images/nav-bg.png) 0px -34px no-repeat;color:#FFF;font-weight:bold; text-align:center;}
.nav ul li a:hover, .nav ul li a.active {text-decoration: none; color:#FFF;background: url(images/nav-bg.png) 0px 0px no-repeat;}

/*search panel*/
.link_panel {width:900px;float:left; background:#E86E09 url(images/search-bar-bg.jpg) top repeat-x; padding:8px 20px; text-align:center}

.link_panel ul { float:right;}
.link_panel ul li{list-style: none;display: inline;}
.link_panel ul li a:link, .link_panel ul li a:visited{color:#FFF;text-decoration: none; padding:0 10px; font-weight:bold;float:left; font-size:14px; line-height:16px;}
.link_panel ul li a:hover{text-decoration: none;color:#FFF/*#2F3F5B*/;}

.content {width:940px;float:left; margin:10px 0px 0;}

/*left panel*/
.left_panel {width:200px;float:left;}
.left_panel_in {width:200px;float:left; margin-bottom:10px;}

.right_wrap {width:740px;float:left;}
.right_wrap_in {width:740px;float:left; padding-bottom:8px;}
.right_wrap_in_ga {width:730px;float:left; padding-bottom:8px; padding-left:10px;}

.right_panel {width:200px;float:left;}
.right_panel_in {width:200px;float:left; margin-bottom:10px;}
.search_pnl {width:200px;float:left; padding-bottom:5px; /*background:url(images/search-bg.jpg) left top no-repeat;*/}
.srchbox { width:163px; float:left; padding:8px 5px 0 0;}
.srchbox input { width:150px; border:#DDD 1px solid; padding:5px;font:14px/16px Arial, Helvetica, sans-serif;}
.srchbtn { width:30px; float:left; padding:7px 0 0 0;}
/*.srchbtn input[type="submit"] { border: none; padding:3px 6px; background:#E15E0C; color:#FFF; font:bold 16px/22px Arial, Helvetica, sans-serif; display:block;}*/

/*home listing*/
.mid_panel {width:500px;float:left; margin:0 25px 0 15px; min-height:400px;}
.mid_panel ul, .mid_panel ol { margin:5px 0 5px 30px;}
.mid_panel li { margin:0px 0 5px 0px;}
.mid_panel table.brd { border-collapse:collapse; margin:5px 0;}
.mid_panel table.brd td { padding:8px; border: #E1E1E1 1px solid;}
.mid_panel table.brd th { padding:8px; border: #999 1px solid; background:#777; color:#FFF;}

/*footer*/
.footer {width:910px; float:left; background: url(images/footer-bg.jpg) top repeat-x;padding:15px 15px 20px;}
.footer a:link, .footer a:visited{color:#000000;text-decoration: underline;}
.footer a:hover{text-decoration: none;color:#000;}




/*Wordpress*/
.type-post, .type-page { width:100%; float:left; padding-bottom:10px;}
.alignright { float: right; margin:0 0 6px 12px;}
.wp-caption-text {font: 12px/120% Arial, Helvetica, sans-serif;color:#777; text-align:center;}

/*Advertisements*/
.right_pnls_mid_advt, .widget_wrap {width:200px;float:left; padding-top:12px;}

.widget_wrap li, .top_advt li, .bot_advt li { list-style:none;}

/*Comments*/
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #444;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 20px 0 8px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/*Tabber*/
.tabberlive .tabbertabhide { display:none;}
.tabber { }
.tabberlive {width:200px; float:left; padding-top:15px;}
ul.tabbernav{ margin:0; padding:6px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li{ list-style: none; margin: 0; display: inline;}

ul.tabbernav li a{ padding: 6px 10px; margin-left: 0px; border: 1px solid #B0B4C1; border-bottom: none; background: #CCC; text-decoration: none;}

ul.tabbernav li a:link { color: #444; }
ul.tabbernav li a:visited { color: #444; }

ul.tabbernav li a:hover{ color: #FFF; background: #666;}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:12px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.tabbertab ul {list-style: none;padding: 0px;margin: 0px;border: none;}
.tabbertab ul li a, .tabbertab li a:visited {display: block; padding: 0px 0px 10px 15px;margin:0;text-decoration:underline; background:url(images/bullet.jpg) left 8px no-repeat;}


/*Contact Form*/
.wpcf7-form {width:620px; float:none; padding:10px 0; clear:both;}
.cnt_frm {width:620px; float:left; padding:10px 0; clear:both;}
.frm_label {width:180px; float:left; padding-bottom:8px;}
.frm_text {width:350px; float:left; padding-bottom:8px;}
.frm_text textarea, .frm_text input {width:300px; border:#CCC 1px solid; padding:3px;}
.frm_text input[type="submit"] {width: auto; border:#CCC 1px solid; padding:3px; font-weight:bold;}
.wpcf7-response-output { float:left}
.wp-paginate {padding:0; margin:0; }
.navigation {float:left; width:100%;}
.navigation ol {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#0066CC; border:1px solid #0066CC; color:#FFF; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#0066CC; color:#FFF;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#E90013; border:1px solid #E90013; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

.info {font-size:11px; padding:0px; margin-bottom:12px; color:#888;}
img.attachment-thumbnail { float:left; padding:6px; border:#D3E2E2 1px solid; margin:0 10px 10px 10px; background:#FFF;}
.rdmore { padding-bottom:8px; font: bold 11px/15px Arial, Helvetica, sans-serif;}
.addtoany_share_save_container { margin:8px 0;}

img.alignleft { float:left; margin:0 15px 5px 0;}

 
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
body {padding:2%;background:none;}
.container, .header, .logo, .logo_right, .logo_right_a, .nav, .search_panel, .search_panel_mid, .search_panel_mid_in, .search_panel_right, .content, .left_panel, .left_panel_in, .home_listing_v, .home_listing_v_in, .hlisting_v_left, .hlisting_v_right, .home_list_item, .footer, .container_right, .container_right_in, #previewPane, #dhtmlgoodies_slideshow {width:100% !important; padding:0px !important; margin:0px !important; height:auto !important;float:none !important;}
.loginbox_new, .logpnl, .loginbox, .product_listing, .product_listing_top, .product_listing_in, .product_listing_left, .product_listing_left_in, .gallery, #dhtmlgoodies_slideshow, #previewPane, .product_listing_right, .right_sidebar, .prop_details_table, .loginpge, .ga_adblock_top, .link_panel, .right_wrap, .right_wrap_in_ga, .right_wrap_in, .mid_panel, .right_panel, .right_panel_in, .search_pnl, .tabberlive {width:100%;}

.product_listing, .product_listing_top, .product_listing_in, .product_listing_left, .product_listing_left_in, .gallery, #dhtmlgoodies_slideshow, .previewPane, .product_listing_right, .right_sidebar, .prop_details_table, .loginpge, .right_wrap, .right_wrap_in_ga, .right_wrap_in, .mid_panel, .right_panel {padding:0px; margin:0px; border:none;}
h1{font: bold 16px/18px Arial, Helvetica, sans-serif;color:#3E5D9B;margin: 0px;padding: 15px 0 6px 0;}
h2{font: bold 14px/15px Arial, Helvetica, sans-serif;color:#E86E09;margin: 0px;padding: 10px 0 8px 0;}
h3{font: bold 13px/14px Arial, Helvetica, sans-serif;color:#3E5D9B;margin: 0px;padding: 10px 0 7px 0;}
.left_panel_in, .container_right_in, .left_panel, .prop_details_table, .right_sidebar_mid, .ga_adblock_top, .link_panel {margin-bottom:10px !important;}
.logo_right_a {display: none;}
.logo { padding:5px 0 6px !important;}
.logo img {width:230px; height:auto;}
.logo_right_a_in {float:right;}
.nav {height:30px !important; clear:both !important;}
.nav ul{font-size:12px;float:none; width:100%;}
.nav ul li a, .nav ul li a:visited {width:auto; padding:0 8px;margin-left:0px;line-height:30px; background-position:center -38px;}
.nav ul li a:hover, .nav ul li a.active {background-position:center -4px;}
.content {float:left;}
.link_panel ul li a:link, .link_panel ul li a:visited {font-size:12px;}
.mid_panel img.attachment-thumbnail {width:90px;height:90px;}
.footer {padding: 10px 0 !important; background:none; text-align:center; font-size:11px;}
.wp-caption {max-width:200px;}
.wp-caption img, img.alignright, img.alignleft {max-width:200px; height:auto !important;}
.link_panel {width:90%; padding:3% 5%;}
}

@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
}