html
{
	background-image: url("../images/patric_chocolate_images/brown_tile.jpg");
}

div.page
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 754px; 
	height: 552px; 
	margin-left: -377px; 
	margin-top: -276px;
}

div.page#home
{
	background-image: url("../images/patric_chocolate_images/intro.jpg");
}

div.page#conception
{
	background-image: url("../images/patric_chocolate_images/conception_7.jpg");
}

div.page#store
{
	background-image: url("../images/patric_chocolate_images/store_4.jpg");
}

div.page#product_info
{
	background-image: url("../images/patric_chocolate_images/product_8.jpg");
}


div.page#press_and_bio
{
	background-image: url("../images/patric_chocolate_images/bio.jpg");
}

div.page#press_and_bio img
{
	float: left;
	padding-right: 1em;
}

div.page#cacao
{
	background-image: url("../images/patric_chocolate_images/cacao_1.jpg");
}

div.page#shopping_cart, div.page#login, div.page#password_forgotten, div.page#create_account, div.page#create_account_success, div.page#checkout_shipping, div.page#checkout_shipping_address, div.page#checkout_payment, div.page#checkout_payment_address, div.page#checkout_confirmation, div.page#checkout_success, div.page#contact_us, div.page#account, div.page#account_edit, div.page#account_history, div.page#account_history_info, div.page#account_newsletters, div.page#account_notifications, div.page#account_password, div.page#address_book, div.page#address_book_process
{
	background-image: url("../images/patric_chocolate_images/checkout.jpg");
}

a#logo
{
	position: absolute;
	left: -16px;
	top: -20px;
	display: block;
	width: 184px;
	height: 118px;
  	text-decoration: none;
	background-image: url("../images/patric_chocolate_images/logo.png");
	background-repeat: no-repeat;
	z-index: 1000;
	cursor: hand;
}

.ie5 a#logo
{
	position: absolute;
	left: -16px;
	top: -20px;
	display: block;
	width: 184px;
	height: 118px;
  	text-decoration: none;
	background-image: url("../images/patric_chocolate_images/logo.gif");
	background-repeat: no-repeat;
	z-index: 1000;
	cursor: hand;
}

div.page#home a#logo
{
	left: 285px;
}	

a#shoppingCartIcon
{
	display: block;
	width: 90px;
	height: 20px;
	position: absolute;
	right: -1px;
	top: 560px;
    text-decoration: none;
	background-image: url("../images/patric_chocolate_images/view_cart.png");
	background-repeat: no-repeat;
}

.ie5 a#shoppingCartIcon
{
	display: block;
	width: 90px;
	height: 20px;
	position: absolute;
	right: -1px;
	top: 560px;
    text-decoration: none;
	background-image: url("../images/patric_chocolate_images/view_cart.gif");
	background-repeat: no-repeat;
}

a#myAccountIcon
{
	display: block;
	width: 85px;
	height: 20px;
	position: absolute;
	left: 570px;
	top: 560px;
    text-decoration: none;
	background-image: url("../images/patric_chocolate_images/my_account.png");
	background-repeat: no-repeat;
	border-right: 1px solid #A77230;
}

.ie5 a#myAccountIcon
{
	display: block;
	width: 85px;
	height: 20px;
	position: absolute;
	left: 570px;
	top: 560px;
    text-decoration: none;
	background-image: url("../images/patric_chocolate_images/my_account.gif");
	background-repeat: no-repeat;
	border-right: 1px solid #A77230;
}

a#contactUsIcon
{
	display: block;
	width: 84px;
	height: 20px;
	position: absolute;
	left: 471px;
	top: 561px;
    text-decoration: none;
	background-image: url("../images/patric_chocolate_images/contact_us.png");
	background-repeat: no-repeat;
	border-right: 1px solid #A77230;
}

.ie5 a#contactUsIcon
{
	display: block;
	width: 84px;
	height: 20px;
	position: absolute;
	left: 471px;
	top: 561px;
    text-decoration: none;
	background-image: url("../images/patric_chocolate_images/contact_us.gif");
	background-repeat: no-repeat;
	border-right: 1px solid #A77230;
}

.smallText
{
	font-size: 13px;
	letter-spacing: .01em;
	color: white;
}	

.opera div#content
{
	overflow: scroll;
	height: 207px;
}

div#content
{
	position: absolute;
	left: 115px;
	top: 267px;
	width: 503px;
	height: 197px;
	overflow-y: auto;
	overflow-x: hidden;
	color: white;
	padding-right: 12px;
	font-family: serif;
	padding-top: 8px;
	/*
	color: #DDD3BF;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.21em;
	letter-spacing: 1px;
	*/
}

.ie div#content
{
	width: 515px;
	height: 202px;
}

div#content a
{
	color: cornflowerblue;
	text-decoration: underline;
}


/*content area for shopping cart, checkout pages, etc. all pages using the background_checkout image*/

.opera div#content_form
{
	overflow: scroll;
	height: 370px;
}

div#content_form  
{
	position: absolute;
	left: 58px;
	top: 88px;
	width: 617px;
	height: 360px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 12px;
	padding-left:12px;
	font-family: serif;
	padding-top: 8px;
	/*
	color: #DDD3BF;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.21em;
	letter-spacing: 1px;
	*/
}

div#content_form a	
{
	text-decoration: underline;

}


.ie div#content_form  
{
	width: 642px;
	height: 367px;
}


div#content_form table td
{
	color: white;
}

div#content_form td.productListing-heading
{
	background-color: #705E35;
	border-right: 2px solid #4A3A24;
	text-align: center;
	padding-right; 10px;
}

div#content_form .pageHeading
{
	font-size: 22px;
	letter-spacing: 1px;
}

div#content_form .subHeading
{
	font-size: 18px;
	padding-left: 3px;
	margin: -2px;
	background-color: #705E35;
}

div#content_form .subHeading b
{
	font-weight: normal;
}

div.page#checkout_confirmation #content_form .subHeading
{
	margin: -2px;
	background-color: #705E35;
}

div.page#checkout_confirmation div#content_form td.main
{
	border: 1px solid #705E35;
}

div#content_form .label
{
	text-align: right;	
	width: 150px;
}


div#content_form tr.productListing-odd td, div#content_form tr.productListing-even td
{
	border-bottom: 1px solid #705E35
}

div#content_form tr.productListing-odd td table tr td, div#content_form tr.productListing-even td table tr td
{
	//gets rid of border under product name, which is in its own table for some reason;
	border-bottom: none;
}

div#content_form table#loginBox
{
	border: 1px solid #705E35;
}


div#content_form .checkoutBarCurrent
{
	font-weight: bold;
}

/*
div#content_form .checkoutBarTo
{
	color: #705E35;
}
*/

div#globalNavigation
{
	height: 25px;
	width: 700px;  
	position: absolute;
	top: 524px;
	left: 64px;
}

div#selectedIndicator
{
	background-image: url("../images/patric_chocolate_images/nav_selected_bean.png");
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
}	

.ie5 div#selectedIndicator
{
	background-image: url("../images/patric_chocolate_images/nav_selected_bean.gif");
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
}

div.page#home div#globalNavigation
{
	top: 501px;
	left: 25px;
}

div#globalNavigation a
{
	display: inline;
}

/*homepage navigation*/

div.page#home div#globalNavigation a#chocolateStore
{
	position: absolute;
	background-image: url("../images/patric_chocolate_images/home_nav_chocolate_store.png");
	background-repeat: no-repeat;
	width: 177px;
	height: 34px;
}

.ie5 div.page#home div#globalNavigation a#chocolateStore
{
	position: absolute;
	background-image: url("../images/patric_chocolate_images/home_nav_chocolate_store.gif");
	background-repeat: no-repeat;
	width: 177px;
	height: 34px;
}

div.page#home div#globalNavigation a#conception
{
	position: absolute;
	left: 188px;
	background-image: url("../images/patric_chocolate_images/home_nav_conception.png");
	background-repeat: no-repeat;
	width: 154px;
	height: 34px;
}

.ie5 div.page#home div#globalNavigation a#conception
{
	position: absolute;
	left: 188px;
	background-image: url("../images/patric_chocolate_images/home_nav_conception.gif");
	background-repeat: no-repeat;
	width: 154px;
	height: 34px;
}

div.page#home div#globalNavigation a#cacao
{
	position: absolute;
	left: 356px;
	background-image: url("../images/patric_chocolate_images/home_nav_cacao.png");
	background-repeat: no-repeat;
	width: 93px;
	height: 34px;
}

.ie5 div.page#home div#globalNavigation a#cacao
{
	position: absolute;
	left: 356px;
	background-image: url("../images/patric_chocolate_images/home_nav_cacao.gif");
	background-repeat: no-repeat;
	width: 93px;
	height: 34px;
}

div.page#home div#globalNavigation a#pressAndBio
{
	position: absolute;
	left: 463px;
	background-image: url("../images/patric_chocolate_images/home_nav_press_&_bio.png");
	background-repeat: no-repeat;
	width: 146px;
	height: 34px;
}

.ie5 div.page#home div#globalNavigation a#pressAndBio
{
	position: absolute;
	left: 463px;
	background-image: url("../images/patric_chocolate_images/home_nav_press_&_bio.gif");
	background-repeat: no-repeat;
	width: 146px;
	height: 34px;
}

div.page#home div#globalNavigation a#blog
{
	position: absolute;
	left: 622px;
	background-image: url("../images/patric_chocolate_images/home_nav_blog.png");
	background-repeat: no-repeat;
	width: 74px;
	height: 34px;
}

.ie5 div.page#home div#globalNavigation a#blog
{
	position: absolute;
	left: 622px;
	background-image: url("../images/patric_chocolate_images/home_nav_blog.gif");
	background-repeat: no-repeat;
	width: 74px;
	height: 34px;
}

/*all other navigation*/

div#globalNavigation a#chocolateStore
{
	position: absolute;
	background-image: url("../images/patric_chocolate_images/nav_chocolate_store.png");
	background-repeat: no-repeat;
	width: 156px;
	height: 12px;
}

.ie5 div#globalNavigation a#chocolateStore
{
	position: absolute;
	background-image: url("../images/patric_chocolate_images/nav_chocolate_store.gif");
	background-repeat: no-repeat;
	width: 156px;
	height: 12px;
}

div#globalNavigation a#conception
{
	position: absolute;
	left: 197px;
	background-image: url("../images/patric_chocolate_images/nav_conception.png");
	background-repeat: no-repeat;
	width: 106px;
	height: 12px;
}

.ie5 div#globalNavigation a#conception
{
	position: absolute;
	left: 197px;
	background-image: url("../images/patric_chocolate_images/nav_conception.gif");
	background-repeat: no-repeat;
	width: 106px;
	height: 12px;
}

div#globalNavigation a#cacao
{
	position: absolute;
	left: 342px;
	background-image: url("../images/patric_chocolate_images/nav_cacao.png");
	background-repeat: no-repeat;
	width: 57px;
	height: 12px;
}

.ie5 div#globalNavigation a#cacao
{
	position: absolute;
	left: 342px;
	background-image: url("../images/patric_chocolate_images/nav_cacao.gif");
	background-repeat: no-repeat;
	width: 57px;
	height: 12px;
}

div#globalNavigation a#pressAndBio
{
	position: absolute;
	left: 446px;
	background-image: url("../images/patric_chocolate_images/nav_press_&_bio.png");
	background-repeat: no-repeat;
	width: 98px;
	height: 12px;
}

.ie5 div#globalNavigation a#pressAndBio
{
	position: absolute;
	left: 446px;
	background-image: url("../images/patric_chocolate_images/nav_press_&_bio.gif");
	background-repeat: no-repeat;
	width: 98px;
	height: 12px;
}

div#globalNavigation a#blog
{
	position: absolute;
	left: 586px;
	background-image: url("../images/patric_chocolate_images/nav_blog.png");
	background-repeat: no-repeat;
	width: 42px;
	height: 12px;
}

.ie5 div#globalNavigation a#blog
{
	position: absolute;
	left: 586px;
	background-image: url("../images/patric_chocolate_images/nav_blog.gif");
	background-repeat: no-repeat;
	width: 42px;
}
	

/*begin text shadow effect*/

/* default setup that everything sees */
.shadow
{
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#353029, Direction=135, Strength=5);
  /* Needed for Gecko */
  line-height: 1em;
  white-space: wrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before
{
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #353029; 
}

/*\*/
html*.shadow
{
  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
  text-shadow: #353029 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before
{
  [color:red;/* required by Safari. 
                seen by IE6 */
    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
  display: none;
  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]
{
	clear: both;
}

/*end text shadow effect*/



/*patric-chocolate OSC stuff*/

a
{
	color: white;
	text-decoration: none;
}


#categorybox
{
	position: absolute;
	top: 295px;
	left: 60px;
	width: 236px;
	height: 170px;
}

#categorybox a
{
	color: white;
	font-size: 12px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: -10px;

}

#categorybox b
{
	font-weight: normal; //short-circuits the <b> given to selected items by categorybox.php
}

.opera #store div#content
{
	overflow: scroll;
	height: 173px;
}

#store div#content
{
	//extends generic content id found near top of this css;
	position: absolute;
	left: 313px;
	top: 293px;
	width: 374px;
	height: 163px;
	padding-top: 0px;
}

.ie #store div#content
{
	width: 386px;
	height: 163px;
}

#store .productListing
{
	position: absolute;
	width: 365px;
	overflow-x: hidden;
	color: white;
	margin-top: -7px;
}

#store .productListing a
{
	color: white;
}


#store .productListing td.productListing-data
{
	vertical-align: top;
	width: 50%;
	padding-bottom: 8px;
	padding-left: 6px;
}

#store .productListing td.productListing-data a.productImage img
{
	float: left;
	clear: right;
	//border: 2px solid black;
	margin-right: 8px;
}

#store .productListing td.productListing-data .productName
{
	font-size: 11px; 
    margin-top: -16px;
}

.mac.safari #store .productListing td.productListing-data .productName
{
	font-size: 11px; 
    margin-top: -18px;
}

.safari #store .productListing td.productListing-data .productName
{
	font-size: 11px; 
	margin-top: 0px;
	padding-left: 58px;
}


#store .productListing td.productListing-data .productPrice
{
	font-size: 12px; 
	font-family: sans-serif;
	font-weight: bold;
	margin-top: -14px;
}

#product_info #largeProductImage img
{
	border: 2px solid black;
	width: 170px;
	height: 170px;
	position: absolute;
	left: 299px;
	top: 287px;
}

#product_info div#content
{
	//extends generic content id found near top of this css;
	position: absolute;
	left: 490px;
	top: 293px;
	width: 195px;
	height: 132px;
	color: white;
	padding-top: 2px;
	border-bottom: 1px solid #1E1109;
}

.ie #product_info div#content
{
	//extends generic content id found near top of this css;
	width: 208px;
	height: 135px;
	color: white;
	padding-top: 3px;
}


#product_info div#content td
{
	color: white;
	line-height: 16px;
	font-weight: bold;
}

#product_info #productUtility
{
	position: absolute;
	left: 491px;
	top: 435px;
	width: 208px;
	color: white;
}

#product_info #productUtility input
{
	margin-top: -10px;
}

#product_info #productUtility #productPrice
{
	font-size: 12px;
	font-weight: bold;
}

#product_info #productUtility label
{
	font-weight: bold;
	font-size: 12px;
}

#product_info #productUtility input#productQuantity 
{
	height: 14px;
	font-size: 9px;
	border: none;
	margin-left: 3px;
	
}

.safari #product_info #productUtility input#productQuantity, .opera #product_info #productUtility input#productQuantity 
{
	width: 20px;
}

#product_info #productUtility #addToCart  
{
	padding-left: 5px;
}

#product_info #productUtility #checkout 
{
	margin-top: -1px;
	margin-right: 19px;
}



/*enable to troubleshoot table layouts
table
{
	border: 1px solid red;
}


td
{
	border: 1px solid pink;
}
*/

div #footertext
{
	position: absolute;
	top: 560px;
    color: #A77230;
	font-size: 12px;
}



.ie5 div #footertext
{
	position: absolute;
	top:38px;
	width: 200px;
	left: 0px;
	margin-left: -650px;
}

.ie7 div #footertext
{
	position: absolute;
	top:38px;
	width: 200px;
	left: 0px;
	margin-left: -650px;
}

.ie5 div.page#home div#footertext
{
	position: absolute;
	top:61px;
	width: 200px;
	left: 0px;
	margin-left: -650px;
	color: #A77230;
	font-size: 12px;
}

.ie7 div.page#home div#footertext
{
	position: absolute;
	top:61px;
	width: 200px;
	left: 0px;
	margin-left: -650px;
	color: #A77230;
	font-size: 12px;
}

div #digicertsitesealcode
{
	position: absolute;	
    left: 0px;
	top: 20px;
    color: #A77230;
	font-size: 12px;
}

#copyright a
{
    color: #A77230;
}

div #digicert
{
	width: 50px; 
	padding-top: 5px;
}

.ie6 div #digicertsitesealcode
{
    color: #A77230;
	font-size: 12px;
}

#signUpBox
{
	position: absolute;
	left: 200px;
	width: 250px;
}

#signUpBox input.submit
{
	margin-top: 5px;
}

#signUpBox input.submit
{
   background-color: #393218;
   color: white;
   border-top: 1px solid #d7ae5e;	
   border-right: 1px solid #605536;
   border-bottom: 1px solid #605536;
   border-left: 1px solid #d7ae5e;
}