/* CSS Document */

body, html { 
	margin: 0; padding: 0;
	}

body { 
	background: #FFFFFF url(img/int/new_crackle_blue.jpg) repeat-y center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #77633E;
	line-height: 160%;
	}
	
	body.popupBackground { background: #E0CCAB url(img/int/page_bgr.jpg) repeat-y }

	
a:link, 
a:visited,
a:hover { 
	font-weight: bold;
	color: #B67307;
	text-decoration: none !important;
	}
	a:hover { text-decoration: underline !important;}

form { margin: 0; padding: 0; }

a img { border: 0 }

#colRight ul { margin: 10px 20px; margin-right: 0; }
#colRight ul li { padding: 3px 0px }

.error { color: #F00; font-weight: bold; margin: 10px 0; }

td ul li { list-style: url(img/int/bullet.gif);  }


/* IDs --------------------------------------------------------------------------------------------------------------------------------- */


#supercontainer { 
	margin: auto; width: 752px;
	}
	
	#container { 
		float: left; width: 752px;
		margin-top: 24px;
		}
		
		#paperStart { 
			float: left; width: 752px; height: 19px; overflow: hidden;
			background: url(img/int/top_image.gif) no-repeat top left;
			}
			
		#navigation  { 
			float: left; width: 711px; height: 117px; overflow: hidden;
			padding: 0 21px; 
			background: url(img/int/top_bgr_new.jpg) no-repeat top left;
			}
			#navigation h1 {
				float: left; width: 188px; height: 83px;
				margin-top: 13px;
				text-indent: -999px; font-size: 12px;
				background-image: url(img/int/);
				}
				#navigation h1 a { display: block;  width: 88px; height: 83px;}
			
			#navigation #search,
			#skyline { 
				float: right; width: 490px; height: 40px;
				margin: 0; padding: 0;
				font-size: 8px;
				}
				
				#navigation #search { 
					height: 30px; 
					margin-top: 15px;
					padding-right: 10px;
					}
					#navigation #search img { float: right; }
					
					#navigation #search input.search { 
						float: right; width: 120px;
						padding: 2px;
						margin: 0; margin-left: 5px; margin-top: 0px;
						border: 1px solid #937d56;
						background: url(img/int/form_bgr.gif) top left;
						}
					#navigation #search input.searchBtn {
						float: right; width: 37px; height: 18px;
						border: 0; 
						background: url(img/int/btn_go.gif) top left no-repeat; 
						margin: 0; padding: 0; margin-left: 5px;
						}
			
		#containerMain  { 
			float: left; width: 752px; min-height: 200px; overflow: visible;
			background: #E0CCAB url(img/int/page_bgr.jpg) repeat-y;
			}
			
			#containerMain #colLeft { 
				float: left; width: 201px;
				}
			
			#containerMain #colRight { 
				float: left; width: 530px;
				}
			
		#bottomFix { 
			float: left; width: 752px; height: 10px; overflow: hidden;
			background:  url(img/int/bottom_bgr_fix.gif) no-repeat;
			}
			
		#containerFooter { 
			float: left; width: 752px; height: 90px; overflow: hidden;
			background: #E0CCAB url(img/int/bottom_bgr.jpg) no-repeat;
			}
			
			#containerFooter p { text-align: right; margin-top: 45px; margin-right: 28px;}
			#containerFooter a { color: #3A2E1E !important }
			
		#containerCopyrights { 
			float: left; width: 752px; height: 150px; overflow: hidden;
			background: ;
			}
			
			#containerCopyrights p { text-align: right; margin-top: 25px; margin-right: 28px; color: #AACFE0}
			#containerCopyrights a { color: #AACFE0 !important; font-weight: normal !important  }




/* Boxes --------------------------------------------------------------------------------------------------------------- */

#categories {
	float: left; width: 170px;
	margin-left: 12px; _margin-left: 6px; 
	padding: 0;
	background: #E3CEA7 url(img/int/left_bgr.gif) repeat-y;
	}
	div.leftBoxTop,
	div.leftBoxBottom { 
		float: left; width: 170px; height: 8px; overflow: hidden; text-indent: -999px;
		background: #E1CFAD top left no-repeat;
		}
		div.leftBoxTop { background-image: url(img/int/leftbox_top.gif); }
		div.leftBoxBottom { background-image: url(img/int/leftbox_bottom.gif); }
	#categoryHeader { float: left; width: 170px; height: 20px; overflow: hidden; text-indent: -999px; background: url(img/int/hdr/premiercollections.gif) no-repeat }
	
		#categories ul { margin: 0; padding: 5px 0;float: left }
		#categories ul li { margin: 0; padding: 0; float: left; width: 170px; }
		#categories ul li a { 
			display: block; width: 140px; 
			padding: 3px 10px; padding-left: 20px;
			color: #77633e; font-weight: normal; text-decoration: none; 
			}
			#categories ul li a:hover { background-color: #E1CDA8; color: #B67307; text-decoration: none !important  }
			
				#categories ul li.currentCategory a { font-weight: bold !important; color: #B67307 }
				
				#categories ul li.categorySub1 { list-style: square }
					#categories ul li.categorySub1 a { width: 140px; padding-left: 20px; border-bottom: 0; }
				
					#categories ul li.categorySub2 a { width: 130px; padding-left: 30px; border-bottom: 0; }
					#categories ul li.categorySub3 a { width: 120px; padding-left: 40px; border-bottom: 0; }
					#categories ul li.categorySub4 a { width: 110px; padding-left: 50px; border-bottom: 0; }

					
					
#loginbx{
	float: left; width: 170px; margin-top: 10px;
	margin-left: 12px; _margin-left: 6px; 
	padding: 0;
	background: #E3CEA7 url(img/int/left_bgr.gif) repeat-y;
	}
	
	#loginbxContent			{ float: left; width: 150px; padding: 0 10px; margin: 10px 0; }
	#loginbxHeader 			{ float: left; width: 170px; height: 20px; overflow: hidden; text-indent: -999px; background: url(img/int/hdr/myaccount.gif) no-repeat }
	#loginbxContent a 		{ color: #77633E !important; font-weight: normal !important;  }
	#loginbxReg 			{ float: left; width: 150px; margin-top: 10px; margin-bottom: 0  }
					
	#loginbxContent input.normal, 
	#loginbxContent input.normalPass { 
		float: left; width: 140px; clear: both;
		font-size: 10px;
		padding: 2px; padding-left: 3px;
		margin: 0; margin-bottom: 10px;
		border: 1px solid #937d56;
		background: url(img/int/form_bgr_login.gif) 0 -40px;
		}
		#loginbxContent input.normalPass { background-position: 0 -80px; }
		

#adminbx  {
	float: left; width: 170px; margin-top: 10px;
	margin-left: 12px; _margin-left: 6px; 
	padding: 0;
	background: #E3CEA7 url(img/int/left_bgr.gif) repeat-y;
	}
	#adminbxContent { float: left; width: 150px; padding: 0 10px; margin: 10px 0; }
	#adminbxHeader { float: left; width: 170px; height: 20px; overflow: hidden; text-indent: -999px; background: url(img/int/hdr/myaccount.gif) no-repeat }

#cartbx  {
	float: left; width: 170px; margin-top: 10px;
	margin-left: 12px; _margin-left: 6px; 
	padding: 0;
	background: #E3CEA7 url(img/int/left_bgr.gif) repeat-y;
	}
	#cartbxContent { float: left; width: 150px; padding: 0 10px; margin: 10px 0; }
	#cartbxHeader { float: left; width: 170px; height: 20px; overflow: hidden; text-indent: -999px; background: url(img/int/hdr/shopping_cart.gif) no-repeat }
	.viewCartButton { margin-top: 10px; }

/* Forms -------------------------------------------------------------------------------------------------------------------------------------- */

input,
select,
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold; 
	color: #77633E;
	}

.nrm input,
textarea.nrm,
.nrm select,
.contactTextArea textarea,
.accountTextArea textarea,
input.normal,
select {
	width: 100px;
	padding: 2px; padding-left: 3px;
	margin: 0; margin-bottom: 2px;
	border: 1px solid #937d56;
	background: #CAAC7C url(img/int/form_bgr.gif) top left;
	}
	input.narrow { width: 40px; }
	input.wide { width: 150px; }
	.nrm select,
	.nrm input { width: 200px; }
	.nrm select { _width: 210px; }
	.contactTextArea textarea { width: 250px; height: 150px; }
	.accountTextArea textarea { width: 350px; height: 40px; }
	
	textarea.nrm  { width: 510px; }
	
/* Navigation --------------------------------------------------------------------------------------------------------------------------------- */

#crumbTrail { float: right; margin: 0; padding: 0; padding-right: 10px; }
	#crumbTrail,
	#crumbTrail a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #77633E }

ul#skyline {
	width: 477px;
	margin: 0; padding: 0; 
	padding-top: 1px;
	}

	#skyline li {
		list-style: none;
		}
	
	#skyline li, 
	#skyline a {
		float: left; height: 40px; display: block; 
		text-indent: -999px;
		}
	
		#menu1 { 
			width: 61px; height: 40px; 
			background: transparent url(img/int/m_about.gif) 0px 0px no-repeat;
			}
			#menu1 a		{ width: 61px; }
			#menu1 a:hover 	{ background: transparent url(img/int/m_about.gif) 0px -50px no-repeat;}
	
		#menu2 { 
			width: 92px; height: 40px;
			background: transparent url(img/int/m_find.gif) 0px 0px no-repeat;
			}
			#menu2 a		{ width: 92px; }
			#menu2 a:hover 	{ background: transparent url(img/int/m_find.gif) 0px -50px no-repeat;}
	
		#menu3 { 
			width: 109px; height: 40px;
			background: transparent url(img/int/m_become.gif) 0px 0px no-repeat;
			}
			#menu3 a		{ width: 109px; }
			#menu3 a:hover 	{ background: transparent url(img/int/m_become.gif) 0px -50px no-repeat;}
	
		#menu4 { 
			width: 50px; height: 40px;
			background: transparent url(img/int/m_faq.gif) 0px 0px no-repeat;
			}
			#menu4 a		{ width: 50px; }
			#menu4 a:hover 	{ background: transparent url(img/int/m_faq.gif) 0px -50px no-repeat;}
			
		#menu6 { 
			width: 57px; height: 40px;
			background: transparent url(img/int/m_contact.gif) 0px 0px no-repeat;
			}
			#menu6 a		{ width: 57px; }
			#menu6 a:hover 	{ background: transparent url(img/int/m_contact.gif) 0px -50px no-repeat;}			
	
		#menu5 { 
			width: 104px; height: 40px;
			background: transparent url(img/int/hdr/shopping_cart3.gif) 0px 0px no-repeat;
			}
			#menu5 a		{ width: 104px; }
			#menu5 a:hover 	{ background: transparent url(img/int/hdr/shopping_cart.gif) 0px -50px no-repeat;}
	

	





/* Pages */

	h1.mainHeader,
	h2.mainHeader,
	h3.mainHeader,
	h4.mainHeader {
		clear: both;
		padding-left: 10px;
		margin-top: 20px;
		margin-bottom: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		}
		h4 { font-size: 12px; }
		h5 { font-size: 11px; margin: 0; }
		h4.mainHeader { font-size: 12px; margin-top: 5px; }
	
	div.mainContent { 
		float: left; width: 520px; clear: both;
		padding-left: 10px;
		text-align: justify;
		}
		
		div.mainProductThumbnail { 
			float: left; width: 120px; height: 200px;
			padding-right: 10px;
			}
			
			p.productName { 
				height: 35px; overflow: hidden;
				margin: 0; margin-top: 5px;
				margin-bottom: 5px;
				}
				
				p.productName a { font-size: 10px; }
	
	/* product */
	div#productLeft 	{ float: left; clear: both; width: 290px; padding-right: 20px; }
		div#productLeft .mainHeader { padding-left: 0; }
			div#productDescr	{ float: left; width: 290px; text-align: justify }
			div#productQTY 		{ float: left; width: 290px; text-align: right; margin: 20px 0 10px; padding-top: 10px; border-top: 1px solid #AC9977 }
	
	div#productRight 	{ float: left; width: 200px; padding-top: 20px; }
		
		div.productImageCorners { float: left; width: 200px; height: 200px; background: no-repeat center center;  }
		
			div.productImageCorners div.cornerRow { float: left; clear: both; width: 100%; height: 5px; }
				div.cornerRow div.corner { float: left; width: 5px; height: 5px; overflow: hidden }
				
				div.cornerRow div.c2,
				div.cornerRow div.c4 { float: right !important; }
				div.cornerSpace { float: left; width: 200px; height: 190px; clear: both; }
				
				div.cornerRow div.c1 { background: url(img/int/corners/c1.gif) 0 0 no-repeat; }
				div.cornerRow div.c2 { background: url(img/int/corners/c2.gif) 0 0 no-repeat; }
				div.cornerRow div.c3 { background: url(img/int/corners/c3.gif) 0 0 no-repeat; }
				div.cornerRow div.c4 { background: url(img/int/corners/c4.gif) 0 0 no-repeat; }
	
	div#productBottom 	{ float: left; clear: both; width: 520px; padding-left: 10px;  }

/* categories ----------------------------------------------------------------------------------------------------------- */

#categoryHeaderImage {
	float: left; width: 530px; height: 80px;
	background: 0 0 no-repeat;
	}


ul#subcategoryBoxes { 
	list-style: none; clear: both; width: 530px;
	margin: 0; padding: 0;
	}
	
	ul#subcategoryBoxes li,
	ul#subcategoryBoxes li a {
		float: left; width: 120px; height: 50px;
		}
		ul#subcategoryBoxes li { 
			padding-left: 10px;
			margin-top: 10px;
			}
		ul#subcategoryBoxes li a { 
			padding-top: 15px; height: 35px; overflow: hidden;
			background-color: #EEE0C7;
			background:  #E3CEA7 url(img/int/cat_bgr.jpg) no-repeat 0 0;
			font-size: 10px; font-weight: normal; color: #77633E !important;
			text-align: center;
			}
			
			ul#subcategoryBoxes li.noimage a { padding: 0; height: 50px; }




/* tables ----------------------------------------------------------------------------------------------------------- */

table.normalTable { border: 1px solid #A99573 }

	table.normalTable th, 
	table.normalTable td  { 
		text-align: left;
		padding: 5px 5px;
		}
		table.normalTable th { background-color: #CAAC7C;  }
		table.normalTable tr.product td { padding-top: 10px; background: #E9DABC  }
		table.normalTable td.center { text-align: center }

		table.normalTable tr.total { background-color: #E3CEA7; }


td.locatorCell { padding-right: 20px; padding-bottom: 20px; padding-top: 10px; vertical-align: top; }


div.nvCnt { width: 510px; float: left; padding-left: 10px; clear: both }
#navigationContainer { float: left; width: 510px; height: 20px;  }
.btnprev { float: left; width: 56px; display: block; margin-right: 10px; }
#navBottom { float: left; display: block; font-weight: normal; height: 20px;   }
.btnnext { float: left; width: 56px; display: block; margin-left: 10px;  }






.changeMe { color: #f0f !important }

.onepxwidth { width: 30px; text-align: left }

	#homeLeft { 
		float: left; 
		width: 270px;
		}
		
		#homeLeft div.mainProductThumbnail { height: 130px; }
		
	#homeRight { 
		float: left; width: 220px; 
		padding-left: 20px;
		border-left: 1px solid #CAAC7C;
		}
	
		#homeLeft h4,
		#homeRight h4 { 
			margin-top: 0; margin-bottom: 10px;
			font-family: Georgia, "Times New Roman", Times, serif; 
			font-size: 13px; 
			}
	
		#homeLeft p,
		#homeRight p { 
			margin-top: 0; 
			}
		
		div.lineSpacer { 
			width: 510px; height: 1px; overflow: hidden; 
			background-color: #CAAC7C; 
			margin-bottom: 20px;  
			}
	
	
td > p:first-child,	
div.mainContent > p:first-child { margin-top: 0 !important; }	

div.mainContent p { max-width: 510px }

	
#mDescription { float: left; padding: 10px;text-align: justify;  width: 510px; }