/* GLOBAL STYLES */

body {
	background: #d1d0e3;
	font: 13px  Verdana,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
}

img, form, ul, li {
border:0;
padding:0;
margin:0;
font: 11px  Verdana,Helvetica,Arial,sans-serif;
color: #656566;
}

.li-margin {
margin-left: 20px;
margin-bottom: 7px;
}

h1 {
font: 13px  Verdana,Helvetica,Arial,sans-serif;
color: #716fb3;
padding: 0px 0px 5px 0px;
}

p, .form, .submit-button, .form2, .submit-button2, .form3 {
font: 11px  Verdana,Helvetica,Arial,sans-serif;
color: #656566;
}

#customer-left .form, #customer-right .form, #customer-bottom .form, #shipping-container select {
font: 11px  Verdana,Helvetica,Arial,sans-serif;
color: #656566;
width: 160px;
padding: 2px;
}

#shipping-container select {
border: 1px solid gray;
width: 300px;
margin-left: 10px;
}

#customer-bottom textarea {
font: 11px  Verdana,Helvetica,Arial,sans-serif;
color: #656566;
padding: 2px;
border: 1px solid gray;
}

p a, li a {
color: #79b732;
}

p a:hover, li a:hover {
color: #e55c17;
}

label {
width: 60px;
float: left;
}

.redtext { color: red;}
.form2label {width: 220px; text-align: right; margin-right: 3px;}

.form2 {width: 190px;}

.form {
width: 140px;
}

.form3 {
width: 50px;
padding: 2px;
}

.form, .submit-button, .form2, .submit-button2, .form3 {
border: 1px solid gray;
}

.submit-button, .submit-button2 {
background: white;
margin-left: 60px;
}

.submit-button2 { margin-left: 223px;}


/*************************HEADER STYLES **************************/
#header {
height: 205px;
border: 0px solid gray;
width: 1000px;
background: white;
margin: auto;
}

.header-top, #header-middle, #header-bottom{
position: relative;
height: 25px;
width: 1000px;
background: #716fb3;
}

#header-middle {
height: 155px;
background: white;
}

#header-bottom {
height: 40px;
text-align: center;
margin: auto;
}

#header-middle-left, #header-middle-right, #header-middle-center {
position: absolute;
top:0px;
width: 125px;
height: 155px;
}

#header-middle-left {left: 0px; padding-top: 20px;}

#header-middle-right {
right: 0px;
padding-top: 20px;
}

#header-middle-center {
left: 0px;
width: 1000px;
height: 155px;
border: 0px solid blue;
/*background:  url(/images/headerimage.png);*/
}

#header-bottom-left, #header-bottom-middle, #header-bottom-right, #header-bottom-far-right {
position: absolute;
top: 10px;
font: 15px  Verdana,Helvetica,Arial,sans-serif;
color: white;
left: 140px;
}

#header-bottom-middle { left: 450px; }

#header-bottom-right { left: 665px; }

#header-bottom-far-right { left: 805px; }

#header-bottom-flower1, #header-bottom-flower2 {
position: absolute;
top: 3px;
left: 390px;
}

#header-bottom-flower2 { left: 610px;}

#main-container {
    position: relative;
    background: white;
    max-width: 990px;
    min-width: 750px;
    padding: 5px;
    z-index: 2;
    margin: auto;
}

#main-container-container, #main-container-wholesale, #main-container-prodmiddle {
	margin: 0px 0px 0px 170px;
	background-repeat: no-repeat;
	min-width: 600px;
	max-width: 920px;
	min-height: 420px;
	font: 13px  Helvetica, Arial,  Verdana, sans-serif;
	/*border: 1px solid gray;*/
}

#main-container-wholesale {
margin: 0px 240px 0px 170px;
min-width: 0px;
min-height: 420px;
}

#main-container-prodmiddle {
margin: 0px 205px 0px 500px;
min-width: 0px;
border: 0px solid yellow;
padding: 0px 5px 0px 0px;
margin-bottom: 50px;
min-height: 580px;
}

#main-container-prodleft, #main-container-prodright {
position: absolute;
top: 5px;
width: 325px;
bottom: 5px;
border: 0px solid green;
}

#main-container-prodleft {
left: 175px;
}

#main-container-prodright {
width: 200px;
right: 5px;
border-left: 1px solid gray;
padding-left: 5px;
}


/****************PRODUCT DETAILS PAGE *******************/

.testimonials, .relatedprods-header, .releatedprods, #prod-image, #prod-enlarge, #prod-title, #prod-desc, #prod-highlights, #prod-ingredients, .prod-cost, .relatedprods, .prodingredients, #prod-eco {
position: relative;
}

#prod-image {
margin-top: 50px;
}

.relatedprods-header {
border-top: 1px dotted gray;
padding-top: 5px;
}

.relatedprods {
width: 195px;
height: 100px;
margin: 0px 0px 5px 0px;
}

.relatedprods-pic, .relatedprods-description {
position: absolute;
top: 0px;
left: 0px;
}
.relatedprods-description {
left: 100px;
width: 90px;
}

     /*IMAGE AREA*/
	 
	 #prod-image, #prod-enlarge {
	 text-align: center;
	 padding: 10px 0px 10px 0px;
	 }
	 
#prod-eco {
width: 300px;
height: 50px;
margin-top: 0px;
border: 0px solid gray;}

#prod-eco-left {
position: absolute;
top: 20px;
left: 0px;
width: 30px;
height: 50px;
background:  url(/images/daisy.png) no-repeat;
border: 0px solid red;
}

#prod-eco-middle {
position: absolute;
top: 0px;
left: 35px;
width: 265px;
padding: 5px;
border: 0px solid green;
}

#prod-eco-right {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
background:  url(/images/recycle.png);
border: 1px solid blue;
height: 50px;
}

	 
#prod-title, .prod-cost {
padding: 5px 0px 10px 0px;
margin: 0px 5px 0px 5px;
}

.prod-cost {
border-top: 1px dotted gray;
}

.form-p {padding-top: 0px;}

.addtocartbutton {
border: 1px solid gray;
background:  url(/images/boxgradient.png);
color: white;
cursor: pointer; cursor: hand;
}

.testimonials-p {margin-left: 15px;}



#leftnav, #rightwholesale {
	position: absolute;
	top: 5px;
	bottom: 5px;
	width: 165px;
	text-align: left;
}

#leftnav { left: 5px; border-right: 1px solid gray; }

#rightwholesale {
right: 5px;
width: 235px;
}

.wholesalebox {text-align: left; border-top: 0px; background: #f3f3f4; margin-bottom: 5px;}

.wholesalebox p {margin: 0px; padding: 5px;}

#leftnav-top, .rightnav-top, .minicart-header {
position: relative;
padding: 5px 5px 5px 10px;
width: 145px;
border-bottom: 0px solid gray;
color: white;
background:  url(/images/boxgradient.png); 
}

.rightnav-top {
width: 220px;
}

.minicart-header a, .minicart-header a:hover, .minicart-header a:visited{
color: white;
text-decoration: none;
}




/***************************TOP NAVIGATION STYLES******************************/

#navcontainer ul
{
padding-left: 100px;
margin-left: 0;
background-color: #716fb3;
color: White;
float: left;
width: 830px;
height: 25px;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 2px;
background-color: #716fb3;
color: White;
text-decoration: none;
float: left;
border-right: 0px solid #fff;
height: 19px;
width: 100px;
text-align: center;
padding-top: 4px;
font: 13px verdana, arial, helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
background-color: #8d8cb2;
color: #fff;
}

/***************************FOOTER STYLES******************************/

#footer {
    position: relative;
    background:  url(/images/greenflowers.png);
    max-width: 990px;
    min-width: 750px;
    padding: 0px 5px 0px 5px;
	height: 84px;
    z-index: 2;
    margin: auto;
	}

#footer1, #footer2, #footer3, #footer4, #footer5, #footer7 {
position: absolute;
top: 4px;
left: 175px;
width: 100px;
height: 75px;
border: 1px solid gray;
background:  url(/images/OTA_logo.png);
}

#footer2 {
top: 35px;
left: 300px;
color: white;
background: transparent;
width: 500px;
height: 30px;
text-align: center;
border: 0px;
		 }

#footer7 {
left: 800px;
background: transparent;
width:0px;
height:0px;
top:20px;
} 


#footer2 a, #footer2 a:visited {text-decoration: underline; color: white;}
#footer2 a:hover {text-decoration: underline; color: #ffefdb;}

#copyright {
    position: relative;
	max-width: 990px;
    min-width: 750px;
    padding: 5px;
	height: 65px;
    z-index: 2;
    margin: auto;
	color: gray;
	text-align: center;
	
	} 
	
.floatright { float: right; margin: 0 0 10px 10px;}
.floatleft { float: left; margin: 10px;}

/*********************WHOLESALE PAGE STYLES********************/

#wholesale-boxes-container {
position: relative;
margin: 20px 0px 0px 10px;
}

#wholesale-box1, #wholesale-box2, #wholesale-box3, #wholesale-box4, #wholesale-box5, #wholesale-box6, #wholesale-box7, #wholesale-box8 {
position: absolute;
top: 0px;
width: 245px;
height: 30px;
left: 15px;
color: white;
padding: 13px 5px 2px 5px;
font: 14px  Verdana,Helvetica,Arial,sans-serif;
text-align: center;
display: block;
background:  url(/images/wholesalegradient.png);
}

#wholesale-box2, #wholesale-box4, #wholesale-box6, #wholesale-box8 { left: 280px; }
#wholesale-box3, #wholesale-box4 {top: 55px;}
#wholesale-box5, #wholesale-box6 {top: 110px;}
#wholesale-box7, #wholesale-box8 {top: 165px;}
/*#wholesale-box1, #wholesale-box3, #wholesale-box4, #wholesale-box5 {padding: 5px 5px 10px 5px;}*/

#wholesale-box7 {
background:  url(/images/springfling.png) no-repeat;
left: 175px;
top: 170px;
height: 100px;
}

#wholesale-box1 a, #wholesale-box2 a, #wholesale-box3 a, #wholesale-box4 a, #wholesale-box5 a, #wholesale-box6 a, #wholesale-box7 a, #wholesale-box8 a {
color: white;
text-decoration: none;
}

#wholesale-box1 a:hover, #wholesale-box2 a:hover, #wholesale-box3 a:hover, #wholesale-box4 a:hover, #wholesale-box5 a:hover, #wholesale-box6 a:hover, #wholesale-box7 a:hover, #wholesale-box8 a:hover {
color:white;
text-decoration: underline;
}



/*********************THICKBOX CSS *******************/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(/imagesmacFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#9ec54d;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #666;
  border-left: 0px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/*END THICKBOX CSS */
p {
padding: 0px 0px 10px 0px;
}

/***********HOME PAGE STYLES **************************/

#home-top, #home-bottom {
position: relative;
height: 210px
}

#home-top-box1, #home-top-box2, #home-top-box3 {
position: absolute;
top: 5px;
height: 200px;
}
#home-top-box1 {
left: 0px;
background:  url(/images/pdpk_logos.png);
width: 141px;
}

#home-top-box2 {
left: 151px;
width: 420px;
top: 0px;
/*border: 1px solid gray;*/
}

#home-top-box3 {
right: 0px;
background:  url(/images/photo_2_JG_fam_shot.png);
width: 255px;
}


#home-bottom-box1, #home-bottom-box2, #home-bottom-box3, #home-bottom-box4, #home-bottom-box5 {
position: absolute;
height: 210px;
width: 160px;
background: #f3f3f3;
top: 0px;
display:block;
}

#home-bottom-box1 {left: 0px; background:  url(/images/home_bg_1.png);}
#home-bottom-box2 {left: 165px; background:  url(/images/home_bg_2.png);}
#home-bottom-box3 {left: 330px; background:  url(/images/home_bg_3.png);}
#home-bottom-box4 {left: 495px; background:  url(/images/home_bg_4.png);}
#home-bottom-box5 {left: 660px; background:  url(/images/home_bg_5.png);}

.home-bottom-header {
position: relative;
margin: 10px;
text-align: center;
color: #9ec54d;
font: 13px Verdana,Helvetica,Arial,sans-serif;
padding: 10px 0px 5px 0px;
background: white;
height: 25px;
text-decoration: none
}

.home-bottom-header a, .home-bottom-header a:hover, .home-bottom-header a:visited {color: #9ec54d; text-decoration: none;}

.home-bottom-image {
margin: 10px;
height: 133px;
width: 140px;
}

/*************BEST SELLERS ******************************/

.bs_rowbox {position: relative; height: 205px; border-bottom: 1px dotted gray; margin-top: 5px;}
.bs_box1 {position: absolute; top: 0px; left: 0px; text-align: center;}
.bs_box2, .bs_box2a {position: absolute; top: 20px; left: 205px;  width: 150px;}
.bs_box3 {position: absolute; top: 0px; left: 405px; text-align: center; border-left: 1px dotted gray;}
.bs_box4, .bs_box4a {position: absolute; top: 20px; left: 615px; width: 150px;}
.bs_box2a, .bs_box4a {width: 190px;}

/***************CART STYLES**********************/
.customer-header {
position: relative;
width: 810px;
height: 17px;
padding: 5px;
color: white;
background:  url(/images/orangeflowers.png);
text-align: center;

}

div#customer-main, div#w-customer-main{
position: relative;
width: 829px;
height: 550px;
}

div#w-customer-main {
height: 400px;
}

div#customer-left, div#customer-right, div#customer-bottom {
position: absolute;
width: 350px;
height: 295px;
top: 0px;
left: 0px;
padding: 0px 5px 5px 5px;
}

div#customer-left {
margin: 10px;
}

div#customer-right, div#w-customer-right {
left: 360px;
border-left: 1px dotted gray;
padding: 0px 0px 0px 30px;
margin: 10px;
}

div#customer-bottom {
width: 829px;
height: 350px;
top: 325px;
left: 50px;
}

.shipping-main, .shipping-main-sub {
position: relative;
width: 829px;
height: 30px;
padding: 5px;
}

.shipping-main-sub {
margin-top:10px;
margin-left:345px;
}

div#shipping-payment-container {
position: relative;
width: 810px;
height: 240px;
padding: 5px;
border: 0px solid green;
}

div#shipping-container {
position: absolute;
width: 400px;
top: 0px;
left: 200px;
border: 0px solid red;
padding: 10px;
}

div#cart-header, .cart-main{
position: relative;
width: 840px;
height: 41px;
}

.cart-main {
height: 25px;
}

div#cart-header-prod,div#cart-header-price,div#cart-header-quant,div#cart-header-total,div#cart-header-select, .cart-main-prod, .cart-main-price, .cart-main-quant, .cart-main-total, .cart-main-select, .cart-main-checkout {
position: absolute;
top: 0px;
padding: 5px;
height: 17px;
color: white;
background:  url(/images/orangeflowers.png);
border-top: 0px solid #CAC9C9;
border-bottom: 0px solid #CAC9C9;
text-align: center;
}

.cart-main-prod, .cart-main-price, .cart-main-quant, .cart-main-total, .cart-main-select, .cart-main-checkout {
background: #fff;
border-top: 0px solid #CAC9C9;
border-bottom: 1px dotted gray;
text-align: center;
height:20px;
color: gray;
}

div#cart-header-prod, .cart-main-prod {
left: 0px;
width: 370px;
}
div#cart-header-price, .cart-main-price {
left: 385px;
width: 95px;
}
div#cart-header-quant, .cart-main-quant {
left: 495px;
width: 95px;
}
div#cart-header-total, .cart-main-total {
left: 605px;
width: 95px;
}
div#cart-header-select, .cart-main-select {
left: 715px;
width: 95px;
}
.cart-main-checkout {
left: 300px;
width: 95px;
border-bottom: 0px solid #CAC9C9;
}

.cart-main-paypal-checkout {
position: absolute;
top: -40px;
left: 655px;
}

.cart-main-paypal-or {
position: absolute;
top: -35px;
left: 585px;
}

.cart-main-prod {
text-align: left;

}

.generic-button, .generic-button2, .generic-button3 {
border: 1px solid gray;
color: white;
background:  url(/images/boxgradient.png);
clear: both;
width: 200px;
font-weight: bold;
height: 25px;
padding-bottom: 3px;
cursor: pointer; cursor: hand;
}

.generic-button3 {
width: 170px;
}

#customer-left label, #customer-right label, #customer-bottom label {
width: 120px;
float: left;
}

#customer-bottom label {
width: 200px;
}

.paraheader {
color: #f1905f;
}

div#prod_menu {
position: relative;
height: 410px;}

div#prod_menu_left, div#prod_menu_right {
position: absolute;
top: 0px;
width: 250px;
border: 0px solid gray;
height: 400px;
}

div#prod_menu_right {
left: 255px;
}