/* CSS Document */

/* Author Ashoor Namrood, Syrox */

/* Homepage */

#homepage {
	width:866px; /*padding: 0px 0px 34px 0px;*/
}

	#homepage .featured {
		float: left; width: 610px; height: 400px; margin: 0px 0px 0px 0px; position: relative; /*border: 1px solid #998c8d; */
	}
	
		#homepage .featured img.line {
			position: absolute; top: 0px; left: 0px;
		}
	
	#homepage .blog-panel {
		float: right; border: 1px solid #998c8d; width: 242px; height: 469px; overflow: hidden; color: #734F55; padding: 0px;
	}
	
		#homepage .blog-panel .blog {
			width: 217px; height: auto; padding: 0px 0px 27px 0px; margin: auto;
		}
		
			#homepage .blog-panel .blog h1 {
				font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform:none; height:auto;
			}
			
			#homepage .blog-panel .blog p {
				font-size: 11px;
			}
			
			#homepage .blog-panel .blog img {
				border: 1px solid #998c8d; margin: 7px 0px 0px 0px;
			}
	
	#homepage .blog-button {
		float: right; border: 1px solid #998c8d; border-top: 0px; width: 242px; height: 28px;
	}
	
	#homepage .product-maillist-container {
		float: left; width: 610px; height: auto; padding:12px 0px 0px 0px; background:url(https://shop.cavaniacards.co.uk/Images/homepage/flower-strip.gif) 0px 0px no-repeat;
	}
	
	#homepage ul.product-maillist {
		float: left; width: 610px; height: 88px;
	}
	
		#homepage ul.product-maillist li {
			float: left; width: 299px; height: 88px; background: #ffffff; 
		}
		
		#homepage ul.product-maillist li a {
			width:299px; height:88px; display:block;
		}
		
			#homepage ul.product-maillist li a:hover {
				filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
			}
		
		#homepage ul.product-maillist li.first {
			 margin: 0px 12px 0px 0px;
		}


/* My account */

.form-container {
	width: 671px; height: auto;
}

	.form-container .div-basket-header {
		height: 41px; width: 671px; position: relative; border-bottom: 1px solid #cccccc;
	}
	
		.form-container .div-basket-header p {
			position: absolute; top: 18px; /*font-family: Helvetiker;*/ color: #734F55; font-size: 18px;
		}
		
			.form-container .div-basket-header p.info {
				left: 0px;
			}
			
			.form-container .div-basket-header p.billingacct {
				left: 335px;
			}
			
		.form-container .form-panel {
			float: left; width: 335px; height: auto; padding: 0px 0px 15px 0px; position: relative;
		}
		
			.form-container .form-panel p {
				margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;
			}
			
		.form-container .footer-buttons {
			width: 671px; height: 20px; position: relative; padding: 5px 2px 2px 2px; margin: 0px 0px 10px 0px;
		}
		
			.account-overview-row-holder .cssnav#personaldetails {
				position: absolute; top: 0px; left: 0px;
			}
			
			.account-overview-row-holder .cssnav#vieworderhistory {
				position: absolute; top: 0px; left: 200px;
			}
			
			.account-overview-row-holder .cssnav#changepassword {
				position: absolute; top: 0px; left: 386px;
			}
			
			.account-overview-row-holder .cssnav#deleteaccount {
				position: absolute; top: 0px; right: 0px;
			}
		
		
/* Buttons */

.cssnav a {
	float: left; background: #f0ded6; display: block; color: #734F55; font-size: 10px; text-transform: uppercase; padding: 5px 7px 5px 7px;
}

.cssnav a:hover {
	background: #DBB8BF;
}

	.cssnav#logout {
		position: absolute; top: 0px; right: 0px;
	}
	
.cssnavlrg a {
	float: left; background: #734F55; display: block; color: #ffffff; font-size: 14px; padding: 5px 7px 5px 7px;
}

.cssnavlrg a:hover {
	background: #895c5c; color: #ffffff;
}

	.cssnavlrg a span {
		font-weight: normal;
	}

	

/* Breadcrumb */

.breadcrumb {
	padding: 9px 0px 0px 0px; text-transform: uppercase; color: #734F55; font-size: 11px;
}

	.breadcrumb a {
		font-weight: normal;
	}
	

/* Product page */

.product-page-right {
	float: right; height: auto; width: 240px; padding: 18px 0px 0px 0px;
}

	.product-page-right .product-page-top-button-area {
		width: 240px; height: 22px; position: relative; margin: 0px 0px 8px 0px;
	}
	
		.product-page-right .product-page-top-button-area .cssnav#back {
			position: absolute; left: 0px; top: 0px;
		}
		
		.product-page-right .product-page-top-button-area .cssnav#prev {
			position: absolute; right: 51px; top: 0px;
		}
		
		.product-page-right .product-page-top-button-area .cssnav#next {
			position: absolute; right: 0px; top: 0px;
		}
		
	.product-page-right .product-page-information {
		margin: 0px 0px 9px 0px;
	}
	
		.product-page-right .product-page-information h3 {
			color: #734F55; font-size: 18px;
		}
		
		.product-page-right .product-page-information h4 {
			color: #666666; font-size: 18px;
		}
		
	.product-page-right .choose-size-panel {
		padding: 10px 0px 20px 0px; font-size: 11px;
	}
	
	.product-page-right .product-page-options {
		width: 240px; height: auto; margin: 0px 0px 0px 1px; padding:5px 0px 0px 0px;
	}
	
		.product-page-right .product-page-options h5 {
			color: #666666; font-size: 11px;
		}
		
		.product-page-right .product-page-options input.quantity {
			width: 45px; border: 1px solid #b8b8b9; text-align: center; color: #000000; font-size: 11px; float: left; padding: 4px 0px 3px 0px !important; margin: 0px 4px 0px 0px; font-size: 13px;
		}
		
		.product-page-right .product-page-options .addToBasket {
			height: 25px; width: 156px; float: left; font-size: 14px;
		}
		
			.product-page-right .product-page-options .addToBasket a {
				display: block;
			}
			
		.product-page-right .product-page-options p {
			float:left; width:160px; color:#ff0000;
		}
		
		.product-page-right .product-page-options .cssnav {
			float: right;
		}
		
	.product-page-right .product-page-content {
		width: 240px; height: auto; 
	}
	
	.product-page-right .product-page-content {
		width: 240px; height: auto; color:#666666 !important; white-space:normal !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; 
	}
	
	.product-page-right .product-page-content h5 {
		font-weight: bold; color: #734F55; font-size: 12px;
	}
	
	.product-page-right .product-page-content h6 {
		font-weight: bold; color: #666666; font-size: 12px;
	}
	
	.product-page-right .product-page-content h1 {
		font-size:12px !important; text-transform:none !important; color:#734F55; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; height:auto !important;
	}
				
	.product-page-right .product-page-content p {
		color:#666666 !important; white-space:normal !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important;  margin: 0px 0px 18px 0px;
	}
				
	.product-page-right .product-page-content span {
		color:#666666 !important; white-space:normal !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important;  margin: 0px 0px 18px 0px;
	}
				
.product-page-left {
	float: left; width: 422px; height: auto; padding: 18px 0px 0px 0px;
}

	.product-page-left .product-page-image {
		width: 302px; height: 302px; padding: 4px; border: 1px solid #b8b8b9; float: right;
	}
	
	.product-page-left .product-page-alt-views {
		float: left; width: 100px; height: auto;
	}
	
		.product-page-left .product-page-alt-views a {
			margin: 0px 0px 6px 0px;  display: block;/*width: 100px; height: 100px;*/
		}
		
		.product-page-left .product-page-alt-views a#last {
			margin: 0px;
		}
		
	.product-page-left .product-page-zoom-send {
		padding: 9px 0px 16px 110px; width: 312px; height: 14px; position: relative; font-size: 11px;
	}
	
		.product-page-left .product-page-zoom-send a.zoom {
			position: absolute; top: 9px; left: 110px; line-height: 14px; height: 14px; display: block; background: url(https://shop.cavaniacards.co.uk/Images/buttons/icons/zoom.gif) no-repeat 6px 0px; padding: 0px 0px 0px 28px;
		}
		
		.product-page-left .product-page-zoom-send a.email {
			position: absolute; top: 9px; right: 0px; line-height: 14px; height: 14px; display: block; background: url(https://shop.cavaniacards.co.uk/Images/buttons/icons/email.gif) no-repeat 0px 0px; padding: 0px 0px 0px 31px;
		}
		
.matching-products {
	height: 35px; width: 671px; margin: 4px 0px 0px 0px;
}

	.matching-products h1 {
		/*font-family: Helvetiker;*/ font-size: 18px !important; color: #734F55; text-transform: capitalize !important;
	}
	

/* Search listing */
	
.product-list-container {
	width: 671px; height: auto;
}

	.product-list-container .product-list-item-wrap {
		width: 164px; height: auto; float: left; margin: 0px 5px 5px 0px;
	}
	
		.product-list-container .product-list-item-wrap#fourth {
			margin: 0px 0px 5px 0px;
		}
	
		.product-list-container .product-list-item-wrap img {
			padding: 4px; border: 1px solid #b8b8b9; width: 154px; height: 154px; display: block;
		}
		
		.product-list-container .product-list-item-wrap a {
			margin: 0px 0px 5px 0px; display: block; position:relative;
		}
		
			.product-list-container .product-list-item-wrap a img.offer {
				position:absolute; top:0px; left:0px; width:68px !important; height:69px !important; border:0px !important; padding:0px !important;
			}
			
			.product-list-container .product-list-item-wrap a:hover img {
				filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
			}
		
		.product-list-container .product-list-item-wrap p.prod-designer {
			font-weight: bold; color: #734F55; text-align: center; line-height: 13px; font-size: 11px; padding: 1px 0px 0px 0px;
		}
		
		.product-list-container .product-list-item-wrap p.prod-name {
			color: #666666; line-height: 13px; text-align: center; font-size: 11px;
		}
		
		.product-list-container .product-list-item-wrap p.prod-price {
			font-weight: bold; color: #734F55; text-align: center; line-height: 16px;
		}

		.product-list-container .product-list-item-wrap a span {
			display:block;
		}
		
		.product-list-container .product-list-item-wrap a:hover span {
				color:#cccccc !important;
		}
		
		.product-list-container .product-list-item-wrap a span.prod-designer {
			font-weight: bold; color: #734F55; text-align: center; line-height: 13px; font-size: 11px; padding: 1px 0px 0px 0px;
		}
		
		.product-list-container .product-list-item-wrap a span.prod-name {
			color: #666666; line-height: 13px; text-align: center; font-size: 11px; font-weight:100;
		}
		
		.product-list-container .product-list-item-wrap a span.prod-price {
			font-weight: bold; color: #734F55; text-align: center; line-height: 16px;
		}

		.product-list-container .product-list-item-wrap a:hover {
			
		}

/* Pagination */

.sub-navigation {
	float: right; padding: 10px 20px 10px 20px; text-align: right; color: #734F55; font-size: 10px;
}

	.sub-navigation a {
		font-weight: normal; text-decoration: underline; margin:0px 2px 0px 2px; 
	}
	
		.sub-navigation a.pagination-left {
			margin: 0px 0px 0px 40px; text-decoration: none;
		}
		
		.sub-navigation a.selected,
		.sub-navigation a.pagination-right,
		.sub-navigation a.sub-link {
			 text-decoration: none; margin:0px 0px 0px 0px; 
		}
		
/* Send to a friend */

#friendsend p {
	font-weight: bold; color: #734F55; margin: 10px 0px 5px 0px;
}

#sendfriend h5 {
	color: #734F55; font-size: 14px;
}

#sendfriend h4 {
	color: #666666; font-size: 18px; margin: 20px 0px 0px 0px;
}

#sendfriend img {
	padding: 4px; border: 1px solid #b8b8b9;
}

/* Static pages */

.flat-text-content ul {
	margin: 10px 0px 20px 14px;
}

.flat-text-content ul li {
	margin:0px 0px 2px 2px; padding:0px 0px 2px 2px; list-style:square;
}

.flat-text-content ul.sitemap {
	float: left; width: 212px; margin: 5px 5px;
}

.flat-text-content ul.sitemap li {
	list-style:none;
}

.flat-text-content ul.sitemap li ul {
	margin:2px 0px 0px 0px; padding:2px 0px 0px 25px;
}

.flat-text-content ul.sitemap li ul li {
	margin:0px 0px 2px 0px; padding:0px 0px 2px 0px; list-style:square;
}

	.flat-text-content ul li a {
		font-weight: normal; color: #666666;
	}
	
	.flat-text-content ul li a:hover {
		color: #999999;
	}
	
	.flat-text-content ul li.heading {
		border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; line-height: 20px; height: 20px; margin: 0px 0px 5px 0px; font-weight: bold; color: #666666;
	}

	.flat-text-content ul li.heading a {
		font-weight:bold;
	}

.flat-text-content p {
	margin: 10px 0px;
}

	.flat-text-content p.no-margin {
		margin: 0px;
	}
	
	.flat-text-content p.contact {
		margin: 10px 0px 0px 0px;
	}

	.flat-text-content p.indent-a {
		margin: 10px 0px 0px 10px;
	}
	
	.flat-text-content p.indent-b {
		margin: 10px 0px 0px 20px;
	}


.flat-text-content img.imgleft {
	margin: 0px 20px 20px 0px; float:left;
}

.flat-text-content img.imgright {
	margin: 0px 0px 20px 20px; float:right;
}