/*
Theme Name: Tropical Containers
Theme URI: http://www.tropicalcontainers.com.au/
Description: Custom Wordpress theme for Tropical Containers
Version: 1.0
Author: Lee Olsen
Author URI: http://www.shiftrefresh.com.au
*/

body { background:#fff url(images/body-bg.jpg) 50% 0 repeat-x; background-attachment:fixed; margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:75%; line-height:1.4em; color:#343434; min-width:960px; }

.layout { width:950px; margin:0 auto; padding:20px 0 0 0; background:transparent url(images/body-bg.jpg) 50% 0 repeat-x; }

/* General formatting */
h1, h2, h3, h4, h5, h6 { color:#245824; margin:1em 0 0.3em 0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size:24px; line-height:1.2em; }
h2 { font-size:20px; line-height:1.2em; }
h3 { font-size:17px; }
h4 { font-size:1.2em; }
h5 { font-size:0.9em; }
h6 { font-size:0.8em; }
h1.page-title { font-size:30px; letter-spacing:-1px; font-style:italic; color:#000; margin:0; padding:15px 0; text-shadow: 2px 1px 1px #ffffff; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#145ac2; }

p { margin:1em 0; }

a { color:#145ac2; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

table { line-height:1.5em; margin:0; padding:0; border-collapse:collapse; border-top:2px solid #e1ded1; }
table td { vertical-align:top; padding:0; }
ul { list-style-type:square; margin:10px 0 10px 25px; padding:0; }
ol ol { list-style-type:lower-alpha; }
blockquote { font-style:italic; color:#666666; font-size:1.1em; }
hr { background-color:#CCC; color:#CCC; height:1px; overflow:hidden; border:0; clear:both; }

/* Header and banners */
.header { height:120px; overflow:hidden; position:relative; background:#2d742c url(images/header-bg.jpg) no-repeat; }
.logo { position:absolute; margin:9px 0 0 24px; width:220px; height:87px; overflow:hidden; font-size:1px; text-indent:-1000px; background:transparent url(images/logo.png) no-repeat; outline:none; }
* html .logo { background:transparent url(images/logo.jpg) no-repeat; }
* html .logo img { display:none; }
.tagline { position:absolute; right:33px; top:46px; width:366px; height:25px; background:transparent url(images/tagline.gif) no-repeat; overflow:hidden; font-size:1px; text-indent:-999px; }
.content { padding-bottom:30px; min-height:550px; background:#fff url(images/content-bg.jpg) 0 214px no-repeat; }

.banner, .sub-banner { width:750px; height:200px; margin-left:-20px; overflow:hidden; position:relative; background:transparent url(images/bgs.jpg) no-repeat; }
.sub-banner { height:140px; background-position:0 -200px; }
h1.welcome { width:431px; height:34px; position:absolute; top:129px; left:299px; margin:0; padding:0; z-index:90; background:transparent url(images/gfx2.png) 100% -238px no-repeat; overflow:hidden; font-size:1px; text-indent:-999px; }

.banner-link { display:block; position:absolute; width:100%; height:100%; z-index:99 !important; font-size:1px; text-indent:-9999px; }

.tan-block, .sub-tan-block { background:#e3e0d3 url(images/bgs.jpg) 0 -340px no-repeat; height:84px; overflow:hidden; width:730px; margin-left:-20px; padding:0 0 0 20px; position:relative; }
.sub-tan-block { background-position:0 -424px; height:74px; }
a.enquiry-btn { display:block; outline:none; background:transparent url(images/gfx2.png) -244px 0 no-repeat; width:171px; height:28px; padding:15px 0 10px 65px; position:absolute; right:6px; top:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#3a3626; font-weight:bold; font-size:19px; }
a.enquiry-btn:hover { background-position: -244px -55px; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #000; }
.sub-tan-block a.enquiry-btn { top:10px; }
.page-id-25 a.enquiry-btn, .page-id-17 a.specs-btn, .page-id-104 a.specs-btn { display:none; }
a.specs-btn { display:block; outline:none; background:transparent url(images/gfx2.png) -292px -110px no-repeat; width:119px; height:36px; padding:13px 0 10px 70px; position:absolute; top:26px; left:6px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#3a3626; font-weight:bold; font-size:15px; }
a.specs-btn:hover { background-position: -292px -169px; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #000; }
.intro-text { font-weight:bold; width:470px; }

.map { border:1px solid #000; background:#fff; padding:2px; margin-top:15px; }

/* Page structure styles */
.left-column { float:left; width:200px; padding:0; margin:0; position:relative; }
.main-column { float:left; width:730px; padding:0 0 0 20px; overflow:hidden; position:relative; font-size:13px; line-height:1.5em; }
.main-column a { font-weight:bold; }

.footer-wrap { clear:both; height:100px; background:transparent url(images/footer-bg.png) 0 100% repeat-x; }
.footer { clear:both; height:43px; width:950px; margin:0 auto; color:#666; overflow:hidden; line-height:2em; position:relative; background:transparent url(images/footer-bg.png) no-repeat; }
* html .footer, * html .footer-wrap { background-image:url(images/footer-bg.gif); }
.footer a { color:#666; }
.footer-left { float:left; padding:10px 0 0 15px; }
.footer-right { float:right; padding:10px 15px 0 0; } 
.page-id, .slideshowlink { display:none; }


/* Navigation styles */
.menu { background:#11463a url(images/menu-bg.jpg) no-repeat; width:200px; overflow:hidden; min-height:263px; position:relative; margin:-20px 0 0 0; padding:14px 0 6px 0; }
.menu-bottom { background:#e5e2d5 url(images/menu-bg.jpg) 0 100% no-repeat; height:102px; overflow:hidden; position:relative; }
.menu ul { list-style-type:none; margin:0 0 0 9px; padding:0; }
.menu ul ul { display:none; }
.menu li { background:transparent url(images/gfx2.png) 0 100% no-repeat; float:left; clear:both; overflow:hidden; padding:0 0 2px 0; width:182px; }
.menu li a { color:#b5dbbf; font-family:Tahoma, Geneva, Arial, sans-serif; font-size:12px; font-weight:bold; display:block; float:left; width:165px; padding:7px 6px 5px 11px; height:18px; overflow:hidden; text-shadow: 0 0 rgba(0,0,0,1), 0 1px rgba(0,0,0,1), 1px 0 rgba(0,0,0,1), 0 0 rgba(0,0,0,1); }
.menu li a:hover, .menu li.current_page_item a, .menu li.current_page_parent a { background:#ffc526 url(images/gfx2.png) no-repeat; text-decoration:none; color:#000; text-shadow: 0 0 rgba(255,255,255,0.75), 0 1px rgba(255,255,255,0.75), 1px 0 rgba(255,255,255,0.75), 0 0 rgba(255,255,255,0.75); }
.menu-shadow { width:13px; height:273px; background:transparent url(images/menu-bg.png) 100% -40px no-repeat; position:absolute; right:0px; z-index:100; }
* html .menu-shadow { display:none; }

/* Custom formatting */
.caption { font-weight:bold; font-size:0.9em; color:#9a313c; }
.keyword { font-weight:bold; color:#9a313c; }
.alignleft { float:left; margin: 0 15px 15px 0; border:1px solid #999; padding:3px; }
.alignright { float:right; margin: 0 0 15px 15px; border:1px solid #999; padding:3px; }
.clear { clear:both; } /* Use to clear floated divs */
.wp-caption-text { font-style:italic; margin:0; }

.admin-menu { position:fixed; width:100%; top:0px; left:0px; z-index:5; font-size:1.1em; padding:5px 0; height:45px; background:transparent url(images/admin-menu-bg.png) repeat-x; overflow:hidden; color:#000; }
.admin-menu ul { margin:0; padding:0; }
.admin-menu ul li { margin:0; padding:0; list-style-type:none; display:inline; float:left; }
.admin-menu ul li a { display:block; border:1px solid #fff; text-decoration:none; padding:5px 8px; margin:0 10px 0 0; color:#000; }
.admin-menu ul li a:hover { border:1px solid #666; color:#000; background:#fff; }
.admin-menu ul li.admin-user { font-weight:bold; padding:5px 10px; }

.block-2.right-col { float:left; width:240px; margin:20px 0 0 20px; }
.narrow-col { float:left; width:470px; overflow:hidden; padding-top:5px; }
.post { padding-right:30px; padding-top:5px; }

.round-top, .round-bottom, .round-tile { background:transparent url(images/right-col-bg.gif) 0 0 no-repeat; width:240px; height:15px; float:left; clear:both; }
.round-bottom { background-position:-240px 0; }
.round-tile { background-position:100% 0; background-repeat:repeat-y; height:auto; padding:0 12px; width:216px; color:#000; }
.round-tile h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:18px; margin:0; padding-bottom:8px; border-bottom:1px solid #cda31f; text-shadow: 1px 1px 1px #ffffff; }
* html .round-top { overflow:hidden; }

.bottom-block { background:#fdc856; padding:6px 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

a.secure-link { display:block; background:transparent url(images/private.gif) no-repeat; padding:5px 0 8px 30px; margin:10px 0 0 10px; font-weight:bold; color:#286c2f !important; }


/* link icons */
.lipdf { background:transparent url(images/icons/pdf.gif) no-repeat; padding:3px 0 3px 20px; }
.lidoc { background:transparent url(images/icons/doc.gif) no-repeat; padding:3px 0 3px 20px; }
.lixls { background:transparent url(images/icons/xls.gif) no-repeat; padding:3px 0 3px 20px; }
.lipdf:hover { background:#fcffae url(images/icons/pdf.gif) no-repeat; }
.lidoc:hover { background:#fcffae url(images/icons/doc.gif) no-repeat; }
.lixls:hover { background:#fcffae url(images/icons/xls.gif) no-repeat; }

span.wpcf7-not-valid-tip { top:0px !important; left:6px !important; border:none !important; color:#F00 !important; padding:0 !important; margin:0 !important; }
.wpcf7 span input, .wpcf7 span textarea, .wpcf7 span select { border:1px solid #c7c2af; background:transparent; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:3px; position:relative; width:250px; }
.wpcf7 span input:focus, .wpcf7 span textarea:focus, .wpcf7 span select:focus { background:#fff; border:1px solid #727069; }

#wpcf7-f1-t1-o1 span input, #wpcf7-f1-t1-o1 span textarea, #wpcf7-f1-t1-o1 span select { width:210px; }
#wpcf7-f1-t1-o1 img.wpcf7-captcha-captcha-916 { margin-left:0px; }

/* Forms */

div.wpcf7 { margin-top:20px !important; }
.form-item { overflow:hidden; padding:8px 2px; border-bottom:1px solid #e9e7e0; }
.form-item label { width:180px; padding:0 14px 0 10px; display:inline-block; text-align:right; position:relative; vertical-align:top; }
.form-item label span { font-weight:bold; color:#F00; font-size:15px; position:absolute; right:3px; }
.form-item label span.desc { font-weight:normal; color:#43536D; font-size:12px; position:relative; right:auto; line-height:15px; }
.wpcf7-form-control-wrap .wpcf7-radio input, .wpcf7-form-control-wrap .wpcf7-checkbox input { width:auto; }
.wpcf7-checkbox .wpcf7-list-item-label { display:none; }
.form-submit { margin:20px 0 50px 105px; }
.form-submit input { font-size:15px; color:#ffdd59; background:#11473a; border:2px solid #1d7533; cursor:pointer; padding:5px; font-weight:bold; }
.form-submit input:hover { text-decoration:underline; background:#1d7533; }
img.wpcf7-captcha-captcha-916 { margin-left:195px; }
.wpcf7 span select { width:258px; }


.measurements { clear:both; border-top:1px solid #d0cbb8; padding-top:5px; margin-top:20px; }
/* tabs */
.GTTabs_divs { display: block; clear:both; border:1px solid #d0cbb8; border-top:none; padding:20px; background: none; background: #f5f4ef; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.GTTabs_titles { display:none; }
ul.GTTabs { width: auto; height: 36px; margin:0; padding:0; border-bottom: 1px solid #d0cbb8 !important; font-size: 13px; list-style-type: none !important; line-height:normal; text-align: left; display: block !important; background: none; }
ul.GTTabs li { display: block; float:left; margin:0 3px 0 0; padding:0; }
ul.GTTabs li:before{ content: none;	}  
ul.GTTabs li a { display:block; color:#62615d; float:left; background: #fff; padding: 8px 13px 9px; outline:none; cursor: pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:1px solid #d0cbb8; border-bottom:none; -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; }
ul.GTTabs li.GTTabs_curr a, ul.GTTabs li.GTTabs_curr a:hover { padding-bottom:10px; background: #f5f4ef; color: #000000 !important; text-decoration: none; cursor:text; }
ul.GTTabs li a:hover { background: #d0cbb8; color:#000; text-decoration: none; }
.GTTabsNavigation { display: block !important; overflow:hidden; }
.GTTabs_nav_next{ float:right; }
.GTTabs_nav_prev{ float:left; }

.GTTabs_divs table { border-collapse:collapse; margin:0; padding:0; width:100%; border-top:none; }
.GTTabs_divs table td { border-collapse:collapse; padding:4px 5px; border-bottom:1px solid #d0cbb8; vertical-align:top; }
.GTTabs_divs table td p { margin:0; }

* html h1.welcome, * html a.enquiry-btn, * html a.specs-btn, * html .menu li, * html .menu li a:hover, * html .menu li.current_page_item a, * html .menu li.current_page_parent a { background-image:url(images/gfx.gif); }

/* downloads list */

.wpfilebase-attachment {
	background:transparent none !important;
    border: none !important;
		border-top:1px solid #c7c2af !important;
    border-radius: 0px !important;
    width: 452px !important;
}

.wpfilebase-fileicon img {
	width:23px;
	border:none !important;
	padding:0 !important;
}
.wpfilebase-filedetails table {
	border-top:none;
}
.wpfilebase-filetitle a {
    font-size: 15px !important;
}

/* Media Queires */

@media handheld, only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
  body { font-size:16px; min-width:0px; }
  
  h3 { font-size:18px; }

  .layout { padding:0 12px; width:auto; margin:0; padding:0; background-image:none; }
  .content { margin-top:0px; }
  .left-column, .narrow-col, .main-column, .home .main-column, .home .block-2, .block-2.right-col, .main-column .post, .tan-block, .intro-text { clear:both; float:none; width:100%; padding:0 0 20px 0; margin:0; font-size:16px; display:block; box-sizing:border-box; }
  .main-column, .home .main-column { width:auto; padding:0; margin-top:28px; }
  .menu-shadow, .menu-bottom, .left-column .facebook, .sub-tan-block .enquiry-btn, .round-bottom, .round-top, span.login, .nqcs-logo, .tan-block .enquiry-btn { display:none !important; }
  .banner, .sub-banner { width:auto; height:auto; margin:0px; overflow:visible; position:relative; background:transparent none; }
  .banner img, .sub-banner img { width:100% !important; height:auto !important; }
  .content { background-image:none; min-height:10px; }
  .narrow-col, .main-column .post { padding:0 12px; }
  .round-tile a { display:block; }
  .round-tile { width:100%; display:block; background:#fbc654 none; padding:20px; box-sizing:border-box !important; margin:20px 0 0 0px !important;
  -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.banner { display:none !important; }
  .home .sub-banner { display:block !important; }
  .tan-block { background-image:none; overflow:visible; margin:0; padding:15px 12px 0; box-sizing:border-box; height:auto; }
  .tan-block p { margin:0; }
  
  a.storage-link { display:block !important; background:#bb3434; font-size:18px; padding:12px 5px; color:#fff; font-family:"Trebuchet MS", Arial, sans-serif;  position:relative; clear:both; text-align:center; }
  
  .right-col { float:none; width:auto; padding:0 12px !important; box-sizing:border-box; }
  
  .header { height:110px; background-position:-50px 0; }
  .logo { margin:9px 0 0 14px; }
  .tagline { right:20px; }
  h1.page-title { padding-left:12px; }
  
  .post img { max-width:100% !important; width:auto !important; height:auto !important; }
  
  .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	margin-bottom:25px;
}

.map iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	max-height:400px !important;
}
  
  .footer-wrap, .footer { height:auto; width:100%; overflow:visible; text-align:center; background:#e3e0d3 none; }
  .footer-left, .footer-right { position:relative; float:none; clear:both; margin:0; text-align:center; padding:10px; }
  
  .nav { background:#134337 none; border-left:10px solid #134337; border-right:10px solid #134337; position:relative; width:auto; height:56px; }
  .menu { width:auto; background:#134337 none !important; min-height:0px; overflow:visible; padding:0; }
  .menu ul { display: none; opacity: 0; width: 100%; position:relative; top:48px; clear:both; left:0px; margin:0; padding:0px; }
  .menu ul li { display: block; width: 100%; margin: -1px 0; }
  .menu ul li a { padding:10px 20px; height:auto; border:none; border:1px solid #1a7d64; border-top:none; background:#134337; color:#fff; font-size:15px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .menu ul li:last-child a { margin-bottom:68px;
	  -moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;
}
  .menu ul li a:hover, .menu li.current_page_item a, .menu li.current_page_parent a { background:#feea71; color:#000; }
  .menu ul li:first-child a {
	-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
 border-top-left-radius: 0px;
}

  .menu ul ul { display:none; }
  .toggle { display: block !important; position:absolute; width:100%; left:0px; top:8px; border:2px solid #1a7d64; background:#134337; display:block; padding:8px 0 6px; text-align:center; color:#fff; text-transform:uppercase; font-size:15px; font-weight:bold; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
 border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px;
 }
  .toggle.toggle-close { background-position:100% -174px; background-color:#f1f1ed; }
  .toggle:before { content:"Menu"; }
  .toggle-close:before { content:"Close"; }
  .toggle:hover { color:#fff; background-color:#1a7d64; }
  .menu ul.showme, #toggle:checked ~ .menu ul { display: block !important; opacity: 1; }
  .menu ul.showme ul, #toggle:checked ~ .menu ul ul { display: none !important; }
  
  .mobile-footer { display:block !important; position:relative; clear:both; border:2px solid #e3e0d3; box-sizing:border-box; margin:0 12px 20px 12px; padding:20px 5px;
  -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
 }
 
  a.enquiry-btn, a.specs-btn { position:relative; right:auto; top:auto; margin:0 auto; }
  a.specs-btn { line-height:18px; }
  
  .wpcf7 span input, .wpcf7 span textarea, .wpcf7 span select { padding:6px 3px; font-size:16px; }
  
}

@media handheld, only screen and (max-width: 680px), only screen and (max-device-width: 680px) {
	.tagline { display:none; }
	.measurements, .tabs-wrap { display:none !important; }
	.specs-doc { display:block !important; font-size:20px; }
}
@media handheld, only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
	.wpcf7-form-control-wrap.transport { display:block; clear:both; }
	img.wpcf7-captcha-captcha-916 { margin-left:20px !important; }
	.form-submit input { font-size:18px; padding:10px 20px; }
}
@media handheld, only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
	h1.page-title { font-size:25px; }
}