/*
Theme Name: Touch of Class Plants
Theme URL: http://www.touchofclassplants.com.au
Original By: Aaron Rutley at Eleven Media
Author URL: http://aaronrutley.com/
Updates By: Ryan Impey & Co. for Touch of Class Plants
Author URL: http://www.ryanimpey.com/
*/

  
/* main layout */
  * {margin:0px; padding:0px; }
  body {margin:0px; padding:0px; background:url(images/bg.jpg) top center no-repeat fixed #f0eae1;  
  font-size:12px; line-height:20px; font-family: "Montserrat", "Century Gothic", sans-serif; }
  img {border:0px;}
  
  #wrap {width:960px; margin-left:auto; margin-right:auto; background:url(images/bg-wrap.jpg) right repeat-y;}
  #header {width:960px; height:185px; background:url(http://www.touchofclassplants.com.au/2010/wp-content/uploads/2017/02/header.jpg) top no-repeat; }
  #content {width:703px; float:left; display:inline; overflow:hidden;  }
  .page-wrap {display:inline; float:left; width:703px; overflow: hidden; background:#FFF; margin-top:7px;  padding-bottom:25px;}
  .post-wrap {display:inline; float:left; width:703px; overflow: hidden; background:#FFF; margin-bottom:7px;  padding-bottom:10px;}
  .page-copy {display:inline; float:left; width:650px; margin-left:25px; margin-top:25px;} 
  .page-thumb {display:inline; float:left; width:670px; margin-left:25px; } 
  
/* font styles */	
  h1 { font-family: "Montserrat", "Century Gothic", sans-serif !important; font-size:30px; color:#363636; font-weight:700; padding:0px; margin:0px; line-height:36px; padding-bottom:10px; letter-spacing: -1px; }
  h2 { font-family: "Montserrat", "Century Gothic", sans-serif !important; font-size:22px; color:#363636; font-weight:700; line-height:27px; padding:0px; margin-top:0px; margin-bottom:5px; letter-spacing: -0.5px; }
  h3 { font-size:16px; color:#363636; line-height:24px; padding:0px; font-weight:700; margin:0px; margin-top:5px; margin-bottom:10px; letter-spacing:-1px; }
  h4 { font-size:14px; color:#363636; line-height:24px; padding:0px; margin-top:10px; font-weight:normal;  margin-bottom:10px; letter-spacing: -1px; }
  h5 { font-size:18px; color:#363636; line-height:23px; margin-bottom:2px; font-weight:normal; letter-spacing: -1px; }
  p  { font-size:13px; color:#363636; line-height:21px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px; }
  li { font-family: "Montserrat", "Century Gothic", sans-serif !important; font-size:13px; color:#363636; margin-left:0px; padding-top:5px; padding-bottom:5px; list-style-type: none; }
  ul { font-family: "Montserrat", "Century Gothic", sans-serif !important; padding:0px; padding-left:0px; margin-left:0px; margin-top:0px; list-style-type: none; }
  ol { font-family: "Montserrat", "Century Gothic", sans-serif !important; padding:0px; margin:0px; padding-left:5px; margin-left:5px; }
  
/* link styles */	
  a:link 	{color:#781b14;	text-decoration: none;}
  a:visited 	{color:#781b14; text-decoration: none;}
  a:hover 	{color:#781b14; text-decoration: underline;}
  a:active 	{color:#781b14; text-decoration: underline;}
  a:focus 	{outline-style: none;}  

/* main nav styles */
  #header ul {	display: block; list-style: none; margin:0px; padding:0px; padding-top:130px; height:45px; }
  #header ul li {float: left; font-size:13px; color:#781b14; line-height:18px; padding:0px; font-weight:normal; margin:0px; font-weight:lighter; display:inline; width:auto;  }
  #header ul li a {color:#FFF;  height:45px; line-height:45px; padding-left:19px; padding-right:18px; background: url(images/nav-li.jpg)  right top; display:block; border-right:1px solid #f37327; text-decoration:none; _display:inline;}
  #header ul li a:hover {color:#FFF; background: url(images/nav-li.jpg)  right bottom; text-decoration:none; }
  
/* side nav styles */
  #sidebar {width:225px; float:right; display:inline; overflow:hidden; margin-right:5px; padding-bottom: 7px; }
  #sidebar ul {	display:block;	list-style: none; margin:0px; padding:0px; width:225px;  }
  #sidebar ul li {float: left;  font-size: 12px; margin:0px; padding:0px; width:225px; }
  #sidebar ul li a {  color:#FFF; text-decoration:none; line-height:25px; background: url(images/side-nav-li.jpg) bottom no-repeat; 
  display:block; padding-left:20px; padding-top:10px; padding-bottom:10px; padding-right:20px;}
  #sidebar ul li a:hover { color: #FFF; overflow:hidden; text-decoration:underline;  }
   #sidebar img { margin-top:7px;}

  .search-wrap { width:225px; height:34px; clear:both;}
  .search-box-wrap { background:url(images/search-box.jpg) no-repeat; width:168px; height:34px; display:inline; 
  float:left; overflow:hidden;}
  .search-btn-wrap { width:57px; height:34px; display:inline; float:right;}
  .search-text-input { border: none; height:30px; background: none; width:150px; padding:2px; margin-top:2px; 
  margin-left:4px; outline:none;} 
  .search-wrap input[type="submit"] { background: url(images/search-btn.jpg) 0 0 no-repeat; border: none; width: 57px; height: 34px; text-indent: -99999px; }
  .search-wrap input[type="submit"]:hover { cursor: pointer }
  .side-line { width:225px; height:18px; background:url(images/side-line.jpg) no-repeat; clear:both; display:block; }
  
  .retailer-box { width:100%; border-top:1px solid #e5e5e5;  margin-bottom:10px; height:60px; clear:both;}
  .col-address { width:500px; float:left; display:inline; }
  .col-phone   { width:140px; float:right; display:inline; }  
  
  
/* product styles */
.product-thumb { width:124px; display:inline; float:left; margin-right:10px; height:160px; margin-top:10px; line-height: 15px; font-size: 11px; font-weight:normal; }
.product-thumb-image { width:124px; height:104px; overflow:hidden;}
.product-thumb-image img { border:2px solid #c1c2c6;}
.product-thumb-copy { margin-top:7px; margin bottom:5px }
.product-thumb-copy p { padding:0px; margin:0px; }

.plant-title-wrap {  background:#e9e9e9; height:40px; margin-bottom:10px;  }
.plant-title { width:600px; display:inline; float:left; overflow:hidden;}
.plant-title h1 { margin:0; padding:0; line-height:40px; padding-left:15px; font-size:21px; letter-spacing: 0px; }
.plant-pbr { width:40px; height:40px; display:inline; float:right; overflow:hidden;}
.photo-1 { display:inline; float:left; width:300px; border:1px solid #cecece; }
.photo-2 { display:inline; float:right; width:300px; border:1px solid #cecece; }

.single-products .page-copy .description p { padding: 0; }
.single-products .page-copy .description { padding: 5px 0 10px 0; }

.col-a { width:320px; float:left; display:inline; }
.col-b { width:320px; float:right; display:inline; }

.icon { margin-right:10px; margin-top:10px; margin-bottom:10px; display:inline; float:left; width:54px; }
/* clears   */
  .clear 			{clear:both; height:0px; width:100%; }
  .clear05			{clear:both; height:05px; }
  .clear10			{clear:both; height:10px; }
  .clear20			{clear:both; height:20px; }
  .clear30			{clear:both; height:30px; }
  
  .line { width:100%; height:18px; background:url(images/line.jpg) repeat-x; clear:both; display:block; }

  
  /* summary and plant detail styles */
  
 #plant-search { }
 #plant-search ul { padding:0px; margin:0px;}
 #plant-search ul li {float: left; font-size:11px; color:#781b14; line-height:18px; padding:0px; font-weight:normal; margin:0px; font-weight:lighter; display:inline;   }
 #plant-search ul li a {color:#000; width:18px;  height:18px; line-height:18px; margin-right:5px; display:block; border:1px solid #e8e8e8; text-decoration:none; text-align:center;}
 #plant-search ul li a:hover {color:#FFF; background:#000; text-decoration:none; } 
  
 .summarry-wrap { width:660px; background:#e9e9e9; height:107px;  margin-bottom:10px; clear:both; }
 .summarry-image { width:120px; height:107px; overflow:hidden; display:inline; float:left;}
 .summarry-copy { width:470px; height:90px; overflow:hidden; display:inline; float:left; margin-left:15px; margin-top:10px;}
 .summarry-btn { width:34px; height:107px; display:inline; float:right; }

  
/* footer */
  #footer { width:960px; clear:both; background:url(images/bg-footer.jpg) no-repeat top; height:110px; overflow:hidden;}
  #footer p {font-size:10px; margin:0px; padding:0px; color:#FFF; padding-top:10px; line-height:20px; padding-left:10px; clear:both; }
  #footer a:link {color:#FFF;	text-decoration: none; }
  #footer a:visited {	color:#FFF; text-decoration: none;}
  #footer a:hover {	color:#FFF; text-decoration: underline;}
  .footer-copy { width:860px; margin-left:20px; margin-top:30px; display:inline; float:left;}
   
  #footer ul { margin:0; padding:0;} 
  #footer ul li {float: left; font-size:13px; color:#781b14; line-height:18px; padding:0px; font-weight:normal; margin:0px; font-weight:lighter; display:inline; width:auto;  }
  #footer ul li a {color:#FFF; line-height:18px; padding-left:10px; padding-right:10px;  display:block; border-right:1px solid #CCC; text-decoration:none;}
  #footer ul li a:hover {color:#FFF; text-decoration:underline; }
  
  
/* page navi styles */
  .wp-pagenavi { clear:both; height:40px;}
  .wp-pagenavi .current { padding:10px; border:1px solid #b1b1b1; background:#FFF; margin-right:5px;}
  .wp-pagenavi .page  { padding:10px; border:1px solid #b1b1b1; margin-right:5px; }
  .wp-pagenavi a:hover { background:#bcbdc0; text-decoration:none;} 
  
  
/* content styles */
  .image-left-box 	{display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 10px 20px 20px 0px; }
  .image-right-box	{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 20px; margin-right:10px;margin-bottom:10px;  }
  .image-left 		{display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; }
  .image-right		{display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;}
  .map 				{border: 1px solid #dfdfdf; padding:2px; width:297px; margin-top:10px;}
  .image-product		{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px;  }
  .more-btn 			{ margin-top:5px; margin-left:5px; clear:both; paddin-top:10px;}
  .packages 			{ display:inline; float:left;  border:1px #e5d2a4 solid; background-color:#f2f0ea; margin-top:25px; padding:13px; width:270px; margin-left:20px; height:400px; }
  .prices			{ display:inline; float:left;  border:1px #e5d2a4 solid; background-color:#f2f0ea; margin-top:25px; padding-left:20px; padding-top:13px; padding-bottom:13px;  padding-right:13px; width:600px; margin-bottom:20px;}
  .thumb 		{  padding-bottom:10px; margin:-13px;   }
  .contact 				{ display:inline; float:right;  border:1px #e5d2a4 solid; background-color:#f2f0ea; padding:25px; margin-right:20px;  }
  .cell { padding:8px; border:1px #e5d2a4 solid;}
  .col-1 { float:left; width:250px;}
  .river-map { margin-left:25px; border:3px #fff solid; background-color:#FFF;}
  
  
  .table-style td { border-bottom: 1px solid #CCC; height:35px; line-height:35px;}
  
/* Submit Button Styles */
	.gform_button { background-color:#ff7200; -moz-border-radius:42px; -webkit-border-radius:42px; 	border-radius:42px; display:inline-block; cursor:pointer; color:#ffffff; font-family:Montserrat; font-size:16px; padding:15px 35px; text-decoration:none; border:none; }
	.gform_button:hover { background-color:#e76e1f; }
	.gform_button:active { position:relative; top:1px; }

#input_1_7 { font-family: Montserrat; font-size: 12px; cursor:pointer; }

  /* Registration styles */
  	p.validation_error { color:#FF8184; margin-bottom:0px; padding-bottom:0px; }
	p.response_success { color:#060; }
	p.response_error { color:#FF8184; }
  
  
  /* end of CSS file */