@charset "utf-8";
body {
	font: 100%;
	background: #ffffff;
	background: url(/images/littlejoe_bg.png) top center repeat;	
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

body.popup  {
	background-image:none;
}

body.front  {
	background-image:none;
}

body.home  {
	background-image:none;
}

td, input, select {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0;
} 

input {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	background: #f9f1d9 !important;
} 
	
	
/* Layout Elements  */
	
#container {
	width: 720px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0;
}

#header {
	background: #FFFFFF; 
	padding: 0;  
	text-align: center;
	margin: 30px 0 0 0;
}

#header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.front #container {
	width: 100%;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0;
}

.home #container {
	width: 950px;  
	position: relative;
}
	
.front #mainContent {
	padding: 0; 
	background: #000000;
	margin: 30px 0 0 0;
}

.oneColFixCtrHdr #mainContent {
	padding: 5px; 
	background: #FFFFFF;
	text-align: left;
	margin: 0;
}

.twoColFixLtHdr #left {
	float: left; 
	width: 269px; 
	padding: 5px;
	margin: 0; 	
}

.twoColFixLtHdr #mainContent { 
	margin: 30px 0 0 300px; 
	padding: 0; 
	width: 400px;
} 

.leftNavEShop #left {
	float: left; 
	width: 150px; 
	height: 80px;
	padding: 5px;
	margin: 0; 	
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;	
}

.leftNavEShop #mainPic { 
	margin: 0; 
	padding: 7px 0 0 0; 
	width: 400px;
	height: 400px;
	float: left; 	
	background:url(/images/shop_index_shadow.png) no-repeat;	
} 

.leftNavEShop #mainContent { 
	margin: 0 0 0 20px; 
	padding: 0; 
	float: left; 	
} 

.leftNavEShop #right {
	width: 155px; 
	padding: 5px 0 0 0;
	margin: 0px; 
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	text-align: left; 
	float: right; 			
}

.leftNavEShop #productImages { 
	margin: 0; 
	padding: 7px 25px; 
	width: 210px;
	height: 500px;
	float: left; 	
	background:url(/images/shop_product_shadow.png) no-repeat;		
} 

.leftNavEShop #productInfo {
	width: 300px; 
	padding: 5px 0 0 0;
	margin: 0px; 
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	text-align: left; 
	float: right; 			
}

.leftNavEShop #cartImage { 
	margin: 5px; 
	padding: 0; 
	width: 220px;
	height: 350px;
	float: right; 	
} 

.leftNavEShop #cartInfo {
	padding: 5px 0 0 0;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	float: left;
}

#ourDiary { 
    margin: 0; 
    padding: 0 30px 75px 65px; 
    width: 430px;
    border-right: 1px solid #000;
} 

#ourDiaryTop { 
    margin: 0; 
    padding: 0; 
    width: 500px;
    height: 80px;
    float: left;    
    display: block;
    background:url(/images/ourdiary_index_shadow_top.png) no-repeat; 
} 

#ourDiaryNav {
    width: 170px; 
    padding: 20px 0 5px 0;
    padding-left: 20px;
    margin: 0px; 
    font-family: Georgia, "Times New Roman", Times, serif;  
    font-size: 11px;
    text-align: center; 
    float: right;           
}

.img-frame {
  border: 1px solid #666666; 
  margin: 20px 0 0 0; 
  padding: 8px; 
  }

#helpbox {
	width: 155px; 
	padding: 5px 0 0 0;
	margin: 0px; 
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	text-align: right; 
	float: right; 			
}

.popup #mainContent {
	padding: 0;
	margin: 20px;
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#cart {
	background: #f9f1d9;
	margin: 5px 5px 20px 5px; 
	padding: 0 5px 0 5px; 	
}

#footer {
	padding: 0 0 0 5px; 
	margin: 0 0 30px 0; 
	background:#ffffff;
}

#footer p {
	margin: 0; 
	padding: 10px 0; 
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;		
}

.oneColFixCtrHdr #footer {
	padding: 50px 0 0 5px; 
	margin: 0 0 30px 0; 
	background:#ffffff;
}

.leftNavEShop #footer {
	padding: 50px 0 0 0; 
	margin: 0 0 30px 0; 
	background:#ffffff;
}

.halfcolumn {
	width:340px;
	padding: 0 0 0 5px;
	float:left;
	text-align:left;
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 30px 0;
}	

.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}


/* Navigational Elements  */

ul#buttons {
	margin: 0; 
	padding: 0;
	}
	
#buttons li {
	margin: 0;
	padding: 101px;
	list-style: none;
	display: inline;
	}
	
#menu {
	padding: 0;
	margin: 20px 0 40px 0;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

ul#menu {
	margin: 0; 
	padding: 20px 0 20px 0;
	}
		
#menu li {
	margin: 6px;
	padding: 0;
	list-style: none;
	display: inline;
	}
	
#menu a {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}
	
#menu a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding-bottom: 4px;	
	border-bottom: solid #f4e7c3 1px;
	font-style: normal;
	}

#menu a:active, #menu a.selected {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: solid #f4e7c3 1px;
	}	

ul#leftnav {
	margin: 0 0 30px 0; 
	padding: 0;
	}
	
#leftnav li {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	}

#leftnav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #5b6269;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	}
		
#leftnav a:hover {
	text-decoration: underline;
	}	
	
#leftnav a.selected {
	color: #000000;
	}		
	
#cart a {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5b6269;
	text-decoration: none;
	font-weight: bold;
	}
		
#cart a:hover {
	text-decoration: underline;
	}	
	
#cart a.view {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;		
	font-weight: normal;
	}
		
#cart a.view:hover {
	text-decoration: underline;
	}	

a.productLink, a.productLink:visited {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}
		
a.productLink:hover {
	color: #f4e7c3;
	}
		
#footer a.signup, a.signup:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;		
	font-weight: bold;
	}
		
#footer a.signup:hover {
	color: #f4e7c3;
	}			
	
.divider {
	color: #FFFFFF;
	}	

ol {
	margin: 0 0 0 30px; 
	padding: 0;
	}
	
#right li {
	margin: 2px 0 0 0;
	padding: 0;
	}

#right a {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	}

#right a:hover {
	text-decoration: underline;
	}
	
#ourDiaryNav a:hover {
	text-decoration: underline;
	}
	
#ourDiaryNav li {
	margin: 2px 0 0 0;
	padding: 0;
	}

#ourDiaryNav a {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	}
			
ul#help {
	margin: 0; 
	padding: 0;
	}
	
#help li {
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;	
	}

#help a {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	}

#help a:hover {
	text-decoration: underline;
	}
			
.column_blank {
	width:120px;
	height: 120px;
	padding: 0 0 0 10px;
	float:left;
	text-align:left;
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
}	
.column {
	width:160px;
	height: 120px;
	padding: 0 0 0 10px;
	float:left;
	text-align:left;
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	border-left: solid #000000 2px;
}	

.column ul {
	margin: 0 20px;
	padding: 0;
}

.column li {
	list-style-image: url("/images/bullet_crown_blank.gif");
	display:list-item; 		
}

.column li a:hover {
	margin: 0 0 0 20px;
	list-style-image: url("/images/bullet_crown.gif");
	display:list-item; 	
}

.column li a.selected {
	margin: 0 0 0 20px;
	list-style-image: url("/images/bullet_crown.gif");
	display:list-item; 	
}

a.collection:link, a.collection:visited {
	margin: 0 0 0 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
	
a.collection:hover {
	text-decoration: underline;
	color: #f4e7c3;
}
	
a.store:link, a.store:visited {
	margin: 0 0 0 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
	
a.store:hover {
	text-decoration: underline;
	color: #f4e7c3;
}
	
a:link, a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #f4e7c3;
	font-weight: bold;
	text-decoration: underline;
}

a.product:link, a.product:visited {
	color: #000000;
	font-size: 10pt;	
	font-weight: bold;
	text-decoration: none;
}

a.product:hover {
	color: #f4e7c3;
	font-weight: bold;
	text-decoration: underline;
}	

a.cart:link, a.cart:visited {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	}

a.cart:hover {
	text-decoration: underline;
	}
	
/* Typographic Elements  */

#mainContent p {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 20px 20px 0 0;
}

#productInfo p {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0 0 15px 30px;
}

#cart p {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align:left;
	margin: 0;
	padding: 0;
}
	
#intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;	
	color: #000000;
	margin: 0;
} 	

#collection {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	margin: 0;
} 	

#productCategoryBox { 
	margin: 0;	
	padding: 0;		
	background: url(/images/shop_swirl.png) top left no-repeat;	
	width: 500px;
	height: 90px;
	text-align: left;
	display: block;	
} 

#productCategory { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0;
	padding: 30px 0 0 30px;	
} 

#productTable td { 
	text-align: center;
	font-size: 12px;	
	height: 180px;
} 

#price {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5b6269;
	text-decoration: none;
	font-weight: bold;
	}

#productNameBox { 
	margin: 0;	
	padding: 0;		
	background: url(/images/shop_swirl.png) top left no-repeat;	
	width: 290px;
	height: 90px;
	text-align: left;
	display: block;	
} 
	
#productName {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 10px 0 0 0;
} 

#description {
    height:265px;
    margin: 0;
    padding: 0;

}


#cartNameBox { 
	margin: 0;	
	padding: 0;		
	background: url(/images/shop_swirl.png) top left no-repeat;	
	width: 260px;
	height: 90px;
	text-align: left;
	display: block;	
} 

.column h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
 	font-style: italic;
	font-weight: normal;	
	margin: 0;
}

.leftNavEShop h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

p#desc {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 30px 0 0;
	margin: 0;
}

p#note {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 20px;
	padding-top: 0px;
	margin: 0;
	color: #660033;	
}

#sale {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #660033;	
}

#oldprice {
	text-decoration: line-through;
}

#details {
	font-style: italic;
	font-size: 11px;	
}

#small {
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

/* Image Elements  */

img {
	border: 0px;
	margin: 0px;
	padding: 0px;	
} 

#thumbnails{
	width: inherit;
	height: 75px;
	padding: 0;
	overflow: auto;
	margin: 20px 0 20px 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

.slider{
	height: 75px;
	padding: 0;
	margin: 0;
}

#item li {
	padding: 0 0 9px 0; 
	margin: 0 5px 0 0;
    list-style: none;
	display: inline;
	height: 66px;
	width: 46px;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
	opacity: .5;
}

#item li.active, #item li:hover { 
	opacity: .99; 
	border-bottom: solid #f4e7c3 1px;
	padding-bottom: 4px;
		/* safari bug */ }

ul#item {
	margin: 0; 
	padding: 0;
	}

#item a {
	border-bottom: solid #ffffff 1px;
	padding-bottom: 4px;	
	}
	
#item a:hover {
	border-bottom: solid #f4e7c3 1px;
	padding-bottom: 4px;			
	}

#item a:active, .item a.selected {
	border-bottom: #f4e7c3;
	padding-bottom: 4px;		
	}	
	
#arrow {
	float: left; 
	padding: 0px 5px 0 7px;
	position: relative;
	top: -95px;
	left: 400px;
	margin: 0; 	
	z-index: 1;
}

#productImages #arrow {
	float: left; 
	padding: 0px 5px 0 7px;
	position: relative;
	top: -95px;
	left: 195px;
	margin: 0; 	
	z-index: 1;
}

#magnify {
	float: left; 
	padding: 0px 5px 0 7px;
	position: relative;
	top: -145px;
	left: 155px;
	margin: 0; 	
	z-index: 1;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin: 0;
	padding: 0;
}

.home #photo {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 150px;
	left: 0px;
	margin: 0; 	
	z-index: 1;
}

.home #tag {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 254px;
	margin: 0; 	
	z-index: 1;
}

.home #about {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 383px;
	left: 258px;
	margin: 0; 	
	z-index: 1;
}

.home #retail {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 351px;
	left: 752px;
	margin: 0; 	
	z-index: 1;
}

.home #collections {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 425px;
	left: 365px;
	margin: 0; 	
	z-index: 3;
}

.home #eshop {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 477px;
	left: 247px;
	margin: 0; 	
	z-index: 2;
}

.home #gailelliott {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 508px;
	left: 668px;
	margin: 0; 	
	z-index: 1;
}

.home #ourdiary {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 572px;
	left: 290px;
	margin: 0; 	
	z-index: 1;
}

.home #press {
	float: left; 
	padding: 0px;
	position: absolute;
	top: 570px;
	left: 808px;
	margin: 0; 	
	z-index: 1;
}

.home #newsletterbox {
	border: 0px;
	position: relative;
	text-align: center;
	top: 680px;
	z-index: 3;
	overflow: hidden;
	display: block;
	margin: 0 0 20px 0;
	padding: 0px;	
} 
