/***************************************Additions and changes***********************************************/
/*Override bootstrap css:-*/
html	
{
  font-size:100%;
}

/*Override bootstrap css:-*/
* {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}

/***************************************End Additions and changes***********************************************/

html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
  background: #fff0d0;
  color: #555;}

p
{ padding: 0 0 20px 0;
  line-height: 1.7em;}

img
{ border: 0;}

h1, h2, h3, h4, h5, h6, .h3
{ color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;}

h1, h2, h3, .h3
{ font: normal 170% 'century gothic', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
  color: #000;}

h2
{ font-size: 160%;
  padding: 9px 0 5px 0;
  color: #009FBC;}

h3, .h3
{ font-size: 140%;
  padding: 5px 0 0 0;}

h4, h6
{ color: #009FBC;
  padding: 0 0 5px 0;
  font: normal 110% arial;
  text-transform: uppercase;}

h5, h6
{ color: #888;
  font: normal 95% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #AEB002;}

a:hover
{ text-decoration: none;}

blockquote
{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #999999;
  background: #FFF;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right; 
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}

#main, #heading, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

header
{ background: #101050 url(back.png) repeat-x;
  height: 177px;}
  
#banner
{  background: transparent url(banner.jpg) no-repeat;
  width: 860px;
  height: 180px;
  margin-bottom: 20px;
  border: 10px solid #DDD;}

#heading
{ /*width: 880px;*/
  min-width: 880px;
  max-width: 1200px;
  position: relative;
  height: 140px;
  background: transparent;}

#heading #heading_text 
{ /*position: absolute;*/ 
  top: 10px;
  left: 0;}

#heading h1, #heading h2
{ font: normal 300% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;}

#heading_text h1, #heading_text h1 a, #heading_text h1 a:hover 
{ padding: 11px 0 0 0;
  color: #FFF;
  letter-spacing: 0.1em;
  text-decoration: none;}

#heading_text h1 a .logo_colour
{ color: #E4EC04;}

#heading_text a:hover .logo_colour
{ color: #FFF;}

#heading_text h2
{ font-size: 120%;
  padding: 4px 0 0 0;
  color: #999;}

#menubar
{ width: 920px;
  height: 46px;} 

ul#menu
{ float: right;
  margin: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 9px;
  list-style: none;
  margin: 1px 2px 0 0;
  background: #bae361 url(tab.png) no-repeat 0 0;}

ul#menu li a
{ font: normal 100% 'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  height: 20px;
  padding: 6px 35px 5px 28px;
  text-align: center;
  color: #000000;
  text-decoration: none;
  background: #bae361 url(tab.png) no-repeat 100% 0;} 

ul#menu li.selected a
{ height: 20px;
  padding: 6px 35px 5px 28px;}

ul#menu li.selected
{ margin: 1px 2px 0 0;
  background: #048204 url(tab_selected.png) no-repeat 0 0;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #048204 url(tab_selected.png) no-repeat 100% 0;
  color: #FFF;}

ul#menu li a:hover
{ color: #ffffff;}

#site_content
{ 
  /*width: 880px;*/
  min-width: 880px;
  max-width: 1200px;
  overflow: visible;   /* visible For FB like dialog overlap*/
  margin: 20px auto 0 auto;
  padding: 0 0 10px 0;} 

#sidebar_container
{ float: right;
  width: 224px;}

.sidebar_top
{ width: 222px;
  height: 14px;
  background: transparent url(side_top.png) no-repeat;}

.sidebar_base
{ width: 222px;
  height: 14px;
  background: url(side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 222px;
  padding: 0;
  margin: 0 0 16px 0;}

.sidebar_item
{ background: url(side_back.png) repeat-y;
  padding: 0 15px;
  width: 192px;}

.sidebar li a.selected
{ color: #444;} 

.sidebar ul
{ margin: 0;} 

#content
{ text-align: left;
  width: 620px;
  padding: 0 0 0 5px;
  float: left;}
  
#content ul
{ margin: 2px 0 22px 0px;}

#content ul li, .sidebar ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}

#footer
{ width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 80px;
  padding: 28px 0 5px 0;
  text-align: center; 
  background: #101050 url(footer.png) repeat-x;
  color: #A8AA94;}

#footer p
{ line-height: 1.7em;
  padding: 0 0 10px 0;}

#footer a
{ color: #A8AA94;
  text-decoration: none;}

#footer a:hover
{ color: #FFF;
  text-decoration: none;}

.search
{ color: #5D5D5D; 
  border: 1px solid #BBB; 
  width: 134px; 
  padding: 4px; 
  font: 100% arial, sans-serif;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 150px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 5px; 
  width: 285px; 
  font: 100% arial; 
  border: 1px solid #999999; 
  background: #ffffff; 
  color: #47433F;}
  
.form_settings .submit
{ font: 100% arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 198px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #3B3B3B; 
  color: #FFF;}

.form_settings textarea, .form_settings select
{ font: 100% arial; 
  width: 285px;}

.form_settings select
{ width: 296px;}

.form_settings .checkbox
{ margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;}

.form_settings fieldset
{
  margin-bottom: 10px;
}


.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}


/*  
table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ background: #3B3B3B;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}
  
table tr td
{ background: #999999;
  color: #47433F;
  border-top: 1px solid #FFF;}*/



/***************************************Additions and changes***********************************************/




/*Stop JQuery Autocomplete dropdown expanding to full width of page. Problem seems to occur in all themes except ui-lightness:-*/	
/*.ui-autocomplete { position: absolute; } May not be needed ???*/


.ui-autocomplete { max-height: 320px; overflow-y: scroll; overflow-x: hidden;}

/*.ui-tooltip { white-space: pre-line;} Not suitable for all	So newlines can be used in Tooltip*/


.pb_group_tooltip { 
	background: lightgrey; 
	max-width: 550px !important;	
	width: 550px !important;
}

@media screen and (max-width: 600px) {
	
	.pb_group_tooltip { 
	 
	max-width: 450px !important;	
	width: 450px !important;
}
	
}


.pb_group_tooltip table,.pb_group_tooltip tr,.pb_group_tooltip td {
 	padding: 0; 
 	margin:0; 
 	/*line-height: 0;*/ 
 	border-width:0;
}


.pb_group_tooltip table {
	width: 100%;

}

td[colspan="2"] {
	font-weight: bold;
	font-size: small;
} 


.pb_group_tooltip h3,.pb_group_tooltip h4 {
	font-weight: bold;
	padding 0;
	margin 0;
	line-height: 1em; 
 	border-width:0;
	
}

.pb_group_tooltip h3 {
	text-align: center;
}


.pb_group_tooltip p, .pb_group_tooltip li {
	list-style-type: disc;	
	font-weight: bold;
	font-size: small;
	line-height: 1.2em;
	margin-bottom: 0;
}

.pb_group_tooltip hr
{
	margin-top: 5px;
	margin-bottom: 5px;
}



body
{ 
  font-size: 0.9em;  /*Heading to large. Fix that first*/
}



#heading h1
{ 
  font-size: 175%;
}

#heading h2
{ 
  margin-top: 5px;
  font-size: 140%;
  
}



h1, h2, h3, .h3
{ 
  margin: 0 0 0 0;
  padding: 15px 0 8px 0;
  
}


h1 .heading_text
{ 
  color: #00ff00;
  font-weight: bold;
}



#logo
{
  float: left;
  margin-top: 30px;
  margin-left: 10px; 
  margin-right: 20px;
  margin-bottom: 10px;
	 
}


#site_content
{
  background: #fffaee;
  border-style: solid;
  border-color: #101050;
  border-width: 1px;
  -moz-border-radius: 15px;
  border-radius: 15px;	
  margin-top: 5px;
  margin-bottom: 5px;
}

#page_content
{
  padding: 10px;  
}


#content
{ 
  width: auto;
  padding: 0 0 0 5px;
  float: none;
}


input[type=submit], input[type=button]{
font: 100% arial;
border: 0;
/*width: 99px;*/
height: 27px;
padding: 2px 5px 3px 5px;
cursor: pointer;
background: #3B3B3B;
color: #FFF;

-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}



#search2
{
  
  margin-top: 0px;
  margin-right: 20px;
  float: right;
}

#search2 input[type=text]
{
  width: 300px;
}

#sidebar_container
{
  clear: right;
  margin-left: 10px;
  font-size: 90%;
}

.sidebar_item p
{
  padding-bottom: 0px;	/*Only one para displayed in sidebar so keep read more close*/
}

.sidebar_item .img-thumbnail
{
  border:1px solid #;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;  
}





.record_p p
{
  padding: 0 0 0 0;
  font-weight: bold;
}

.odd_row 
{
  background-color: #fff0d0;
}


.even_row 
{
  background-color: #fffaee;
}


.totals_col
{
  text-align: right;
}


.



.totals_table
{
  width: 160px !important; 
}




.totals_table td
{
  padding: 0;
}




/*.sidebar_380 used for articles*/
.sidebar_380
{
  float: right;
  width: 380px;
  margin-left: 10px;
}

.sidebar_380 img
{
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 20px;
 
}

.product_table
{
  width: 621px;
}

.product_table td
{
  
  padding: 10px;
}

.product_table img
{
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


.product_table input[type=submit], .product_table input[type=button]
{
  height: auto;
}

.product_table input[type=text], .product_table input[type=number]
{
  width: 3em;
  
}

.product_table h3
{
  font-weight: bold;
}


.product_table p
{
  padding-bottom: 10px;
}

.product_table .adipoli-after
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}





.category_block
{
  width: auto;         /*Along with overflow: hidden; fills available width to left of right side bar*/
  margin: auto;
  overflow: hidden;   /*Stops wrapping down below right side bar*/
}


.category_table
{
  width: 99%;		/*99% so right border not cut off*/
  border-style: solid;
  border-width: 1px;
  margin: auto;
}

.category_table td, th
{
  
  padding: 5px;
  font-size: 110%;
  /*font-weight: bold;*/

}

.category_table th
{
  border-style: solid;
  border-width: 1px 0 1px 0;  
  font-size: 125%;
  color: white;
  background: #101050;
  padding-top:5px;
  padding-bottom:5px;
}

.category_table img
{
  border-style: solid;
  border-width: 1px;
  border-color: black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.category_table .adipoli-wrapper
{
  margin: 10px;
}

.category_table .adipoli-after
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.category_table .img_cell
{
  width: 470px !important;
  height: 156px !important;
}



#id_plant_description
{
  width: 621px;
}

#id_plant_description h3
{
  font-weight: bold;
}

#id_plant_attributes
{
  width: 621px;
  
}

#id_plant_attributes td
{
  padding-right: 10px;
  padding-bottom: 5px;
  	vertical-align: top;
}


#id_plant_attributes .name
{
  font-weight: bold;
}



#id_plant_image
{
  width: 310px;
  float: right;
}

#id_plant_image img
{
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#id_plant_image .adipoli-after
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}






.pagination_table
{
  max-width: 591px;
  margin: 0 0 0 30px;
  font-size: 120%;
  padding: 0;
  *max-width: 591px; /*For ie*/
  
}

.pagination_table .pagination_previous
{
  text-align: left;
  width: 7em;
}

.pagination_table .pagination_next
{
  text-align: right;
  width: 5em;
}

/*
.pagination_table td
{
  border-style: solid;
  border-width: 1px;
}*/

.cart-form
{
  width: 620px;
}


.cart-form table
{
  width: 100%;
}

.cart-form td, th
{
  padding: 8px;
}




.cart-form .quantity input
{
  width: 40px;
}

.cart-form img
{
  border-width: 1px;
  border-style: solid;
}

.cart-form .totals_table
{
  float: right;
  width: 250px !important; 
}
	
.cart-form .totals_table td
{
  padding: 2px;
}

.key_cell
{
  padding-right: 20px;
  font-weight: bold;
}

.error_msg
{
  background: red;
  color: white;
  font-weight: bold;
  padding: 1px 5px 1px 5px;
  
  width: auto;
  margin: auto;
  
  overflow: hidden;  
  
  margin-bottom: 10px;

}

.error_msg input
{
	background: white;
  	color: black;
}



.change_msg
{
  background: green;
  color: white;
  font-weight: bold;
  padding: 1px 5px 1px 5px;
  
  width: auto;  
  margin: auto;
  
  overflow: hidden; 
  
  margin-bottom: 10px;

}

.change_msg a, a:hover
{
	color: lightblue;
}

.change_msg input
{
	background: white;
  	color: black;
}


.form_settings p
{
  clear: left;	/*Checkout form alignment*/
}


.checkout_cart_table
{
  width: 100%;
  border-style: solid;
  border-width: 1px;
  
}

.checkout_cart_table td, th
{
  padding: 0px 5px 0px 5px;
}

.checkout_cart_table th
{
  border-style: solid;
  border-width: 1px 0 1px 0;
  font-weight: bold;  
  font-size: 110%;
  color: white;
  background: #323534;
}


.hide
{
  display: none;
}

.card-expiry-fields label  /*Hack to hide lable without having to completly override payment_fields.html*/
{
  display: none;
}

.button_link
{
  float: left;
  margin-left: 10px;

}


form h3, .h3
{
  padding: 5px 0 2px 0;
}


.alert	/*Form errors etc*/
{
  font-size: 120%;
  font-weight: bold;
  color: red;
  margin-left: 50px;
}

.like_btns_blk
{
  float: right; 
  width: 150px;
}


.like_btns
{
  text-align : left;
  margin: 5px;
}



#cat_caro_menu
{
  width: 100%;
  height: 188px;
  overflow: hidden;
  background: #101050;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#cat_caro
{
  width: 800px;
  margin: auto;
}

.cat_caro_item
{
  float: left;
  /*display: none;*/
  
  width: 180px;
  color: white;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
}

.cat_caro_item img
{
   width: 152px;
   height: 114px;
   margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.payment_btn
{ font: 100% arial; 
  border: 0; 
  width: 220px !important; 
  height: 63px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #3B3B3B; 
  color: #FFF;}

h4, h6
{ 
  text-transform: none;
}

.modal .close
{
  float: right;
  font-size: 120%;
}
.modal-title, .modal h5
{	
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}


.input_id_honeypot /*Mezzanine Blog comments generic */
{
  display:none !important;
}

.search_form
{
  margin: 0 0 10px 0px;
}

.search_form input[type=text]
{
  width: 320px;
  background: white;
  color: black;
}

#id_same_billing_shipping
{
  margin-bottom: 20px;
}

.fb-like span, .fb-like iframe
{
  /* So like button not hidden in earlier Firefox versions */ 
  min-width: 150px !important;
  min-height: 20px !important;
}  

.ui-autocomplete 
{
  z-index:10000 !important;  //Needs to be > adipoli images and modal dialogs	
}

.search_img_btn 	
{
	
	background-image: url(/static/style/search.png) !important; 
	background-repeat:no-repeat !important;; 
	border: solid 0px #000000 !important;; 
	width: 24px !important;; 
	height: 36px !important;; 
	background-color: transparent !important;
	margin: 0 !important; 
	padding: margin: 0 !important;
}

a button
{
	color: black;
}

.stock_highlight
{
   font-weight: bold; 
   color: white; 
   background: green; 
   padding: 0 5px 0 5px; 
   text-decoration: none;   
}   


.specials_blog 
{
   margin-right: 240px;   
}   

.specials_blog img
{
   width: 100%;  
   height: auto;     /*Override img height attribute in old existing blogs*/
}  


/*********************************Mobile media *********************************/


@media screen and (min-width: 921px) {
   #m_menu
   {
     display: none;
   }
}



@media screen and (max-width: 920px) {

   .m_hide
   {
     display: none !important;
   }
   
   .mb_show
   {
     display: block !important;
   }
   
   
   
   
   #m_menu
   {
     display: block;
     background: #101050;
     overflow: hidden;
     margin-left: 0;	
     padding-bottom: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
   }
   
   #m_menu li
   {
     padding-top: 13px;
   }
   
   
   
   
   #site_content
   {
     min-width: 320px;
   }
   
   #heading
   {
     height: auto;
     min-height: 140px;
   
     min-width: 320px;
   
   
   }
   
   #menubar
   {
     display: none;
   }
   
   #cat_caro_menu
   {
     display: none;
   }
   
   .like_btns_blk
   {
     display: none;
   }
   
   h2
   {
     margin-left: 10px !important;
     margin-right: 120px !important;
     margin-bottom: 10px !important;
   }
   
   
   
   
   header
   {
     background: #101050;
     height: auto;
   }
   
   /*#content
   {
     clear: right;
   }*/
   
   .fs_wrapper {
	  margin-right: 0 !important;
   }

   .specials_blog {
     margin-right: 0 !important; 
   }   

}







@media screen and (max-width: 480px) {
.category_table .adipoli-wrapper, .category_table .adipoli-before, .category_table .adipoli-before img
{
  width: 82px !important;
  height: 62px !important;
}

.category_table .adipoli-after, .category_table .adipoli-after img
{
  width: 102px !important;
  height: 82px !important;
}

.category_table .img_cell
{
  padding: 0px !important;
}
}

@media screen and (min-width: 481px) {
.category_table .adipoli-wrapper, .category_table .adipoli-before, .category_table .adipoli-before img
{
  width: 205px !important;
  height: 154px !important;
}

.category_table .adipoli-after, .category_table .adipoli-after img
{
  width: 225px !important;
  height: 174px !important;
}
}




.product_table .form_cell .popout{
  display: none;  
}



@media screen and (max-width: 640px) {
.product_table{
  width: auto !important;
}

.product_table .image_cell{
  width: 0 !important;
  margin_left: 0;
  padding_left: 0;	  
}

.product_table .image_cell .popout{
  display: none;  
}

.product_table .form_cell .popout{
  display: block;  
  margin_left: 0;
  padding_left: 0;
}


#id_plant_description
{
  width: auto;
}

#id_plant_attributes
{
  width: auto;
}

}