/*  CUSTOM FONTS */
@font-face {
	font-family: sirona;
	src: url('sirona.ttf');
}

@font-face {
	font-family: divona;
	font-weight: bold;
	src: url('divona.ttf');
}
/* END FONTS */

body,td,th {
	font-family: font-family:divona, sans-serif; line-height: 1.5em; color:#352f21; text-align:left; font-size:14px; text-shadow: 0px 1px 0px #eeebe5; margin:5px 10px;
	}
body {
	background-color: #645F59;
	background-image:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/BG_shop00.jpg);
	color: #f2edd7;
}

p { font-family:divona, sans-serif; line-height: 1.5em; color:#352f21; text-align:left; font-size:14px; text-shadow: 0px 1px 0px #eeebe5; margin:5px 10px; }
p a:link{ color:#5b2117; text-align:left; font-size:14px; text-shadow: 0px 1px 0px #eeebe5; text-decoration:none; }
p a:visited{ color:#5b2117; text-align:left; font-size:14px; text-shadow: 0px 1px 0px #eeebe5; text-decoration:none; }
p a:hover{ color:#734f49; text-align:left; font-size:14px; text-shadow: 0px 1px 0px #eeebe5; text-decoration:underline; }
p.title { font-family:sirona, sans-serif; color:#5b2117; text-align:left; font-size:20px; text-transform:uppercase; letter-spacing: -1px; text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.6); margin-left:10px; margin-bottom:5px; }

/* topBanner
*******************************************************************************/
topBanner { width: 900px; margin:auto; height: 233px; position: relative; display:block; }			
topBanner#shop  { background: url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/banner_Shp00.jpg) 00 no-repeat; }


/* LOGO */
	ul#logo {
			width:238px;
			height:137px;
			list-style:none;
			margin:0;
			padding:0;
			padding-top:61px;
			padding-left:10px;
			display:block;
			}

				ul#logo li {
				float:left;
				}
	
						ul#logo li a {
						background:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/nav_LOGO00.jpg) no-repeat scroll top left;
						display:block;
						height:137px;
						position:relative;
						}	

						ul#logo li a.home {
						width:238px;
						}
	
				ul#logo li a span {
				background:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/nav_LOGO00.jpg) no-repeat scroll bottom left;
				display:block;
				position:absolute;
				top:0;
				left:0;
				height:100%;
				width:100%;
				z-index:100;
				}	
	
						ul#logo li a span:hover {
						cursor:pointer;
						}

						ul#logo li a.home span {
						background-position:0px -137px;
						}
/* END LOGO */


/**  TOP NAVIGATION **/
sitenav { width: 900px; margin:auto; height: 140px; background-image:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/nav_BG00.jpg); background-repeat:no-repeat; display:block; }		

			ul#menu {
			width:642px;
			height:43px;
			position: 228 -51;
			list-style:none;
			margin:0;
			padding:0;
			padding-top:51px;
			padding-left:228px;
			}

					ul#menu li {
					float:left;
					}
	
							ul#menu li a {
							background:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/nav_all00.jpg) no-repeat scroll top left;
							display:block;
							height:43px;
							position:relative;
							}
		
							ul#menu li a.about {
							width:82px;
							}

							ul#menu li a.aboutOn {
							width:82px;
							background-position:0px -86px;
							}

							ul#menu li a.collection {
							width:132px;
							background-position:-82px 0px;
							}
	
							ul#menu li a.collectionOn {
							width:132px;
							background-position:-82px -86px;
							}
		
							ul#menu li a.shop {
							width:77px;
							background-position:-214px 0px;
							}
							
							ul#menu li a.shopOn {
							width:77px;
							background-position:-214px -86px;
							}
		
							ul#menu li a.journal {
							width:106px;
							background-position:-291px 0px;
							}
							
							ul#menu li a.journalOn {
							width:106px;
							background-position:-291px -86px;
							}
		
							ul#menu li a.scrapbook {
							width:142px;
							background-position:-397px 0px;
							}
							
							ul#menu li a.scrapbookOn {
							width:142px;
							background-position:-397px -86px;
							}
		
							ul#menu li a.contact {
							width:103px;
							background-position:-539px 0px;
							}
							
							ul#menu li a.contactOn {
							width:103px;
							background-position:-539px -86px;
							}
		
					ul#menu li a span {
					background:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/nav_all00.jpg) no-repeat scroll bottom left;
					display:block;
					position:absolute;
					top:0;
					left:0;
					height:100%;
					width:100%;
					z-index:100;
					}
		
							ul#menu li a span:hover {
							cursor:pointer;
							}

							ul#menu li a.about span {
							background-position:0px -43px;
							}
							
							ul#menu li a.aboutOn span {
							background-position:0px -129px;
							}

							ul#menu li a.collection span {
							background-position:-82px -43px;
							}
							
							ul#menu li a.collectionOn span {
							background-position:-82px -129px;
							}
		
							ul#menu li a.shop span {
							background-position:-214px -43px;
							}
		
							ul#menu li a.shopOn span {
							background-position:-214px -129px;
							}
		
							ul#menu li a.journal span {
							background-position:-291px -43px;
							}
		
							ul#menu li a.journalOn span {
							background-position:-291px -129px;
							}
		
							ul#menu li a.scrapbook span {
							background-position:-397px -43px;
							}
		
							ul#menu li a.scrapbookOn span {
							background-position:-397px -129px;
							}
		
							ul#menu li a.contact span {
							background-position:-539px -43px;
							}

							ul#menu li a.contactOn span {
							background-position:-539px -129px;
							}
/**  END TOP NAVIGATION **/

/**  CONTENT POSITIONING AND BACKGROUNDS **/
main { height:auto; width: 900px; margin:auto; display:block; }			
	main#shop  { height:auto; background:
				url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/page_top00.jpg) 187px top no-repeat,
				url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/contentRpt_Shp00.jpg) top repeat-y;
				}
content { width:651px; height:auto; position:relative; border: 1px solid #3366CC; }
	
		content#about {
		border: 1px dashed #CC6666;
		position:relative; left:187px;
		width: 618px; height: auto;
		padding: 25px 16px 42px 18px;
		display:block;
		text-align:justify;
		background:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/page_btm00.jpg) bottom no-repeat;
		}
/**  END CONTENT POSITIONING AND BACKGROUNDS **/
	
/**  SHOPNAV **/
shopNav { position:relative; width:610px; height:30px; margin-top:5px; padding-top:7px; padding-bottom:0; background-image:url(../images/navBG.jpg); background-repeat:repeat-x; display:block; }
				
shopNav a:link {font-family:sirona, sans-serif; color:#fbe9ce; text-align:left; font-size:20px; text-transform:uppercase; letter-spacing: -1px; text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.6); padding:0; margin-left:10px; }
shopNav a:visited {font-family:sirona, sans-serif; color:#fbe9ce; text-align:left; font-size:20px; text-transform:uppercase; letter-spacing: -1px; text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.6); padding:0; margin-left:10px; }
shopNav a:hover {font-family:sirona, sans-serif; color:#846c66; text-align:left; font-size:20px; text-transform:uppercase; letter-spacing: -1px; text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.6); padding:0; margin-left:10px; }

shopNav.right-links{width:auto; position:relative; text-align:right; display: inline; padding:8px 0px 0 0; height:40px;  }
	shopNav.right-links a {font-family:sirona, sans-serif; color:#fbe9ce; text-align:left; font-size:16px; text-transform:uppercase; letter-spacing: -1px; text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.6); margin-left:15px; padding:10px;}
	shopNav.right-links a:hover {font-family:sirona, sans-serif; color:#846c66; text-align:left; font-size:16px; text-transform:uppercase; letter-spacing: -1px; text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.6); text-decoration: underline;}
	
/**  END SHOPNAV **/

	

/**  SUBNAV **/
subNav { position:absolute; top:373px; width: 140px; margin-left:58px; height: 235px;  background-image:url(http://www.jamescoviello.com/NEW-WEB/DEMO/images/subNavBG00.png); background-repeat:no-repeat; display:block; }
				
				ul#sub { list-style:none; width:115px; height:30px; list-style:none; position:inherit; top: 15px; left:15px; font-family:divona, sans-serif; font-size:13px; letter-spacing: -0.5px; text-align:center; padding:0; margin:0; }
				ul#sub a { width:115px; height:30px; display:block;}
				ul#sub a.subLink { color:#b4ad75; text-shadow:#ffb288 0 0 5px; text-decoration:none; line-height: 1.5em; text-align:center; }
				ul#sub a.subLink:hover { color:#ccc79a; text-decoration:none; line-height: 1.5em; text-align:center;; }
				ul#sub a.subLinkOn { color:#f5ea8d; text-shadow:#2c2910 0 0 5px; text-decoration:none; line-height: 1.5em; text-align:center; }
				ul#sub a.subLinkOn:hover { color:#b4ad75; text-shadow:#ffb288 0 0 5px; text-decoration:none; line-height: 1.5em; text-align:center; }
/**  END SUBNAV **/
	
#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#menu
ul li
{
	position:relative;
}
#menu li ul
{
	display:block;
	left:190px;
	position:absolute;
	top:-1px;
}
#menu li:hover ul
{
	display:block;
}
#menu li:hover>ul
{
	visibility:visible;
}
#menu ul ul
{
	visibility:hidden;
}
* html #menu ul li
{
	float:left;
	height:1%;
}
* html #menu ul li a
{
	height:1%;
}
#menu ul, li
{
	margin:0 0 0 0;
}
#menu ul
a
{
	border-bottom:1px solid #FFEDBA;
	color:#5D3E41;
	display:block;
	font-family:divona, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	padding-top:6px;
	text-align:left;
	text-decoration:none;
	width:170px;
}
#menu ul a:hover
{
	background-color:#000000;
	color:#CC293A;

}
#menu li ul a
{
	background-color:#145871;
	border:1px solid #FFFFFF;
	color:#5D3E41;
	width:220px;
}
#menu li ul a:hover
{
	background:#9CD4E8;
	color:#CC293A;
	width:220px;
}
#menu ul a.submenu
{
	background:none;
}
#menu ul a.submenu:hover
{
	background:#000000; 
}

.black123{font-family:divona, sans-serif; line-height: 1.5em; color:#352f21; text-align:left; text-shadow: 0px 1px 0px #eeebe5;
font-size:11px;
line-height:25px; }

.black12{font-family:sirona, sans-serif;
font-size:18px;font-weight:bold;
color:#000000;
line-height:25px; }

.black2{font-family:divona, sans-serif; line-height: 1.5em; color:#352f21; text-align:left; text-shadow: 0px 1px 0px #eeebe5;
font-size:11px;
line-height:18px; }

.black1 {font-family:divona, sans-serif;
font-size:11px;
color:#000000;
line-height:25px; }
 .clickhere3{
	font-family:divona, sans-serif;
	font-size:14px;
	color:#000000;	font-weight:bold;

	}

.clickhere3 a:link{
	font-family:divona, sans-serif;
	font-size:14px;
	color:#5D3E41;	font-weight:bold;

 }
	
.clickhere3 a:active{
	font-family:divona, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight:bold;

	}
.clickhere3 a:visited{
	font-family:divona, sans-serif;
	font-size:14px;
	color:#000000;	font-weight:bold;

}
.clickhere3 a:hover{
	font-family:divona, sans-serif;
	font-size:14px;
	color: #CC293A;	font-weight:bold;

	}
	
	
	
	
	 .clickhere4{
	font-family:divona, sans-serif;
	font-size:11px;
	color:#ffffff;	

	}

.clickhere4 a:link{
	font-family:divona, sans-serif;
	font-size:11px;
	color:#5D3E41;	
 }
	
.clickhere4 a:active{
	font-family:divona, sans-serif;
	font-size:11px;
	color: #ffffff;
	
	}
.clickhere4 a:visited{
	font-family:divona, sans-serif;
	font-size:11px;
	color:#ffffff;	

}
.clickhere4 a:hover{
	font-family:divona, sans-serif;
	font-size:11px;
	color: #CC293A;	

	}
	
	
	
	.blue{font-family:sirona, sans-serif;
font-size:26px;font-weight:bold;
color:#ffffff;
font-variant:small-caps;
line-height:25px; } 

	.bluenew{font-family:sirona, sans-serif;
font-size:26px;font-weight:bold;
color: #0076CF;
font-variant:small-caps;
line-height:25px; } 



	.blue1{font-family: divona, sans-serif;
font-size:11px;
color:#9A9C9D;
line-height:25px; } 

.mylogo {
	padding: 10px;
	font-size: 23px;
	color: #FFFFFF;
	font-weight: bold;
	width: 400px;
	text-align: left;
}

h2, .page-title  {
	font-family:sirona, sans-serif; color:#5b2117; text-align:left; font-size:20px; text-transform:uppercase; letter-spacing: -1px; text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.6); margin-left:10px; margin-bottom:5px; 
}

h2 a {
	color: #5b2117;
	text-decoration: underline;
}

h2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a {
	color: #5b2117;
	text-decoration: underline;
}

a:active {
	color: #5b2117;
	text-decoration: underline;
}

a:visited {
	color: #5b2117;
	text-decoration: none;
}

a:hover {
	color: #734f49;
	text-decoration: underline;
}

a:visited:hover {
	color: #734f49;
	text-decoration: underline;
}

.sublink {
	font-size: 85%;
}

a.sublink {
	color: #5b2117;
}

a.sublink:active {
	text-decoration: underline;
}

a.sublink:visited {
	text-decoration: none;
}

a.sublink:hover {
	text-decoration: underline;
}

a.sublink:visited:hover {
	text-decoration: underline;
}

#clientAccount .hdr-title {
	color: #f6f096;
	background-color: #43473a;
	text-align: left;
	padding:5px;
	font-weight: bold;
}

#existingCustomer .hdr-title, #newCustomer .hdr-title ,#createCustomer .hdr-title , #passwordRemindCustomer .hdr-title {
	color: #f6f096;
	background-color: #43473a;
	text-align: left;
	padding:5px;
	font-weight: bold;
}

#checkoutOnePage #existingCustomer .hdr-title{
	color: #f6f096;
	background-color: #43473a;
	text-align: left;
	padding:5px;
	font-weight: bold;
}

#checkoutOnePage #newCustomer .hdr-title{
	color: #f6f096;
	background-color: #43473a;
	text-align: left;
	padding:5px;
	font-weight: bold;
}

#viewCart #cartItems thead tr th {
	color: #f6f096;
	background-color: #43473a;
	text-align: left;
	font-weight: bold;
	height: 22px;
	font-size: 12px;
}

#checkoutOnePage #cartItems thead tr th {
	color: #f6f096;
	background-color: #43473a;
	text-align: left;
	font-weight: bold;
	height: 22px;
	font-size: 12px;
}

#checkoutOnePage #totalsInfo #grand_total_div {
	font-size: 125%;
	font-weight: bold;
	height: 28px;
	color: #f0e75b;
	width: auto;
}

#productDetail #extraDetails {
	float: left;
	clear: none;
	height: auto;
	width: 300px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	color: #f0e75b;
}

#customerLogin #passwordRemindCustomer, #customerLogin #createCustomer {
	width: 100%;
}

#customerLogin .form-label {
	clear: left;
  	float: left;
  	text-align: right;
  	padding: 4px;
  	width: 20%;
}

#customerLogin .form-field {
	padding: 4px;
	height: auto;
	float: left;
}

#widgetFooter .nav .title {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #322a22;
}

#widgetFooter .nav ul li a {
	color: #322a22;
	text-decoration: underline;
}

#widgetFooter .nav ul li a:hover {
	color: #a4a37f;
	text-decoration: underline;
}

#productDetail #prodThumbnails {
	clear: left;
	padding-top:10px;
}

#productGrid #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	padding-left:5px;
	width: 100%;
	height: auto;
}

#categoryGrid #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	padding-left:5px;
	width: 100%;
	height: auto;
}

#categoryGrid h2 a {
	color: #5b2117;
	text-decoration: underline;
}

#categoryGrid h2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#productGrid h2 a {
	color: #5b2117;
	text-decoration: underline;
}

#productGrid h2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#productDetail a{
	color: #f2edd7;
	text-decoration: underline;
}

#productDetail a:hover {
	color: #5b2117;
	text-decoration: underline;
}