/*
Theme Name: Savilles.
Theme URI: 
Description: Official Theme.
Version: 1.0
Author: 
Tags: 

Enjoy the theme!

*/



/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to HTML5 Boilerplate) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  font-weight: normal;
}

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a img { border: none; }
del { text-decoration: line-through; }
input, select { vertical-align:middle; }
span.tiny {font-size:10px; padding-right:3px; display:inline; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: #f4f3ef;
	color: #a3a3a3;
 	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
}

form, input { 
	color: #9f9c91; 
 	font: normal 100% Georgia, Times, sans-serif;
}

pre, code, kbd, samp { font-family: monospace, sans-serif; }

h1 {font-size:30px;} 
h2 {font-size:24px;} 
h3 {font-size:18px;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", Times, Georgia, serif;
}
 
a:link, a:visited {color: #c3ba98; text-decoration: none; outline: none;} 
a:hover {text-decoration: underline;}
a:active { outline: none; text-decoration: none;}

strong { font-weight: bold; }
em {font-style: italic;}
hr { display:block; height:0px; border:0; border-top:1px solid #b4b16b;border-bottom: 1px solid #f1f1e9; margin: 0; padding:0; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

button {  width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }


/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	max-width: 900px;
	width: 100%;
	margin: 0px auto;
}


	/* ---------------------------*/ 
 	/* HEADER    */
		
	header {
		height: 197px;
	}
	
		.logo {
			width: 231px;
			height: 68px;
			float: left;
			margin-top: 85px;
		}
		
			.logo img {
				display: block;
			}
			
		.info {
			width: 620px;
			float: right;
		}
		
			.contact {
				float: left;
				width: 334px;
				margin-top: 50px;
				margin-left: 85px;
			}
			
				.contact p {
					display: inline;
					font: italic 14px "Times New Roman", Times, Georgia, serif;
					color: #322e1f;
					padding-left: 10px;
					padding-right: 10px;
					border-right: 1px solid #d3d1cb;
				}
				
				.contact a {
					color: #787567;
				}
			
			.widget_shoppcartwidget {
				float: right;
				width: 126px;
				height: 47px;
				background: url(images/icnCart.png) no-repeat top left;
				padding-left: 49px;
				text-align: right;
				margin-top: 30px;
			}
			
			table.cart {
				float: none;
				background: none;
				width: auto;
				height: auto;
				text-align: auto;
			}
			
				.cart .price {
					font: italic 30px/1 "Times New Roman", Times, Georgia, serif;
					color: #bfb073;
				}
				
				.cart .items {
					font: italic 14px/1 "Times New Roman", Times, Georgia, serif;
					color: #b3b1ac;
				}
			
			menu {
				width: 618px;
				height: 46px;
				background: #edede9;
				border: 1px solid #e6e5e2;
				margin-top: 27px;
			}
			
				menu ul {
					float: left;
					width: 390px;
				}
					
					menu li {
						display: block;
						float: left;
						position: relative;
					}
					
					menu a {
						display: block;
						float: left;
						font: normal 12px/46px Georgia, Times, serif;
						color: #87826f !important;
						padding: 0px 17px;
					}
					
					menu a:hover {
						background: #f2f2f0;
						border-left: 1px solid #e9e7e1;
						border-right: 1px solid #e9e7e1;
						text-decoration: none;
						padding: 0px 16px;
					}
					
					menu li:first-child a {
						padding-left: 22px;
					}
					
					menu li:first-child a:hover {
						padding-left: 22px;
						border-left: 0px;
					}
					
					/* Sub Menu */
					
					menu li ul {
						display: none;
						width: 135px;
						position: absolute;
						top: 47px;
						left: 0px;
						border-left: 1px solid #eae9e3;
						border-right: 1px solid #eae9e3;
						border-bottom: 1px solid #eae9e3;
					}
					
					menu li:hover ul {
						display: block;
					}
					
						menu li ul a {
							background: #f5f4f2;
							border-top: 1px solid #e6e5e2;
							width: 101px;
						}
						
						menu li ul a:hover {
							border-left: 0px;
							border-right: 0px;
							padding: 0px 17px;
						}
						
						menu li ul li:first-child a {
							border-top: 0px;
							padding-left: 17px;
						}
						
						menu li ul li:first-child a:hover {
							padding-left: 17px;
						}
			
				#searchForm {
					float: right;
					width: 180px;
					margin-top: 10px;
					margin-right: 10px;
				}
				
					#searchText {
						float: left;
						width: 140px;
						border: 1px solid #dedddb;
						font-style: italic;
						padding: 5px 5px;
					}
					
					#searchButton {
						float: right;
						width: 24px;
						height: 24px;
						background: url(images/icnSearch.png) no-repeat top left;
						text-indent: -9999em;
						font-size: 0;
						line-height: 0;
						border: 0px;
						margin-top: 2px;
					}
	
								
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		background: #ffffff;
		border: 1px solid #dad9d7;
	}
	
		.headBox {
			height: 431px;
			background: #fcfdff;
		}
		
			.headContent {
				float: left;
				width: 247px;
				font: italic 16px/1.56 "Times New Roman", Times, Georgia, serif;
				color: #2a2a2a;
				margin-left: 85px;
				margin-top: 90px;
			}
			
				.headContent h1 {
					background: url(images/headTitle.png) no-repeat top left;
					width: 247px;
					height: 85px;
					margin-bottom: 12px;
				}
				
				.headContent p {
					
				}
		
			.headBox img {
				float: right;
				width: 521px;
			}
		
		.sliderContainer {
			height: 218px;
			margin-bottom: 30px;
		}
			
		#slider {
			height: 214px;
			border-top: 1px solid #d9d8d6;
			border-bottom: 1px solid #d9d8d6;
			background: #edece9;
		}
		
			#slider div {
				height: 214px;
				width: 958px;
			}
			
				#slider ul {
					margin-top: 14px;
				}
		
					#slider li {
						width: 160px;
						height: 185px;
						background: #f4f3ef;
						float: left;
						border: 1px solid #e1e1df;
						margin-left: 60px;
					}
					
						#slider li img {
							margin-top: 8px;
							margin-left: 13px;
							border: 1px solid #e4e3e0;
						}
						
						#slider h4 {
							color: #3F3E3B;
    						float: left;
    						font: italic 11px/1 "Georgia",Times,serif;
    						height: 11px;
    						margin-left: 13px;
    						overflow: hidden;
    						width: 140px;
							
    

						}
						
						#slider h5 {
							float: right;
							margin-right: 13px;
							text-align: right;
							font: italic bold 11px/1 "Times New Roman", Times, serif;
							color: #a99052;
							width: 70px;
							display: block;
			
						}
						
		.nav {
			position: relative;
			z-index: 100;
		}
		
			.previous, .next {
				position: absolute;
				display: block;
				width: 28px;
				height: 56px;
				z-index: 100;
			}
			
			.previous {
				top: 80px;
				left: 0px;
			}
			
			.next {
				top: 80px;
				right: 0px;
			}
				
		.best {
			width: 335px;
			float: left;
			margin-left: 28px;
			margin-bottom: 36px;
			background: #f4f3ef;
			border: 6px solid #efefed;
			position: relative;
		}
		
		.inBorder {
			border: 1px solid #ffffff;
			padding: 12px 10px;
		}
		
			.best img {
				border: 5px solid #ffffff;
			}
		
			.best h2, .best p {
				padding: 0px 10px;
			}
			
			.best h2 {
				margin-bottom: 18px;
			}
			
			.best p {
				margin-bottom: 18px;
			}
			
			.icnBest {
				border: 0px !important;
				position: absolute;
				width: 93px;
				height: 93px;
				top: 150px;
				right: -15px;
			}
			
			.buttonBar {
				font: bold 12px/1 "Cambria", Helvetica, Arial, sans-serif;
			}
			
			.best .buttonBar {
				margin-top: 36px;
				height: 28px;
			}
			
				.buttonBar .price {
					font-size: 14px;
					font-weight: bold;
					border-left: 1px dotted #aaaaaa;
					border-right: 1px dotted #aaaaaa;
					display: block;
					width: 80px;
					height: 28px;
					line-height: 28px;
					text-align: center;
					float: left;
					text-align:right;
					margin-right: 34px;
				}
				
				.singleProduct .price {
					width: 100px;
				}
				
				.buttonBar a.button, .addtocart {
					display: block;
					color: #7d6666;
					background: #e3e3df;
					width: 84px;
					height: 28px;
					text-align: center;
					line-height: 28px;
					float: left;
				}
				
				.buttonBar a.button.color, .addtocart {
					float: right;
					background: #e3c96d;
					color: #fbf8ec;
				}
				
				.addtocart {
					border: 0px;
					color: #ffffff;
					line-height: 25px;
				}
				
				.buttonBar .quantity {
					float: left;
					width: 50px;
				}
				
				.addtocart {
					float: left;
					margin-left: 15px;
				}
				
				.latest .addtocart, .best .addtocart {
					float: right;
					margin-left: 0px;
				}
		
		.latest {
			width: 500px;
			float: right;
			margin-right: 28px;
			margin-bottom: 36px;
		}
		
			.latest h1 {
				margin-bottom: 48px;
			}
			
			.latest .product {
				border-bottom: 1px solid #e3e3df;
				padding-bottom: 24px;
				margin-bottom: 45px;
			}
			
				.product h2 {
					margin-bottom: 12px;
				}
			
				.product img {
					padding: 5px;
					border: 1px solid #c8c8c8;
					float: left;
				}
				
				.latest .product img {
					width: 133px;
					height: 170px;
				}
				
				.prodContent {
					float: right;
				}
				
				.latest .prodContent {
					width: 330px;
				}
				
					.prodContent .buttonBar {
						margin-top: 18px;
					}
					
						.prodContent .buttonBar .price {
							width: 100px !important;
							margin-right: 48px;
							text-align:center;
						}
					
			.latest a.more {
				font-weight: bold;
				text-align: right;
				display: block;
			}
			
	/* Category */
	
	.category .content {
		padding: 24px;
		background: #faf9f9;
	}
	
	.title {
		background: #f0f0ee;
		height: 63px;
		line-height: 62px;
		padding: 0px 24px;
		border-bottom: 1px solid #dad9d7;
	}
	
		.category .product {
			background: #ffffff;
			border: 1px solid #cccccc;
			padding: 15px;
			margin-bottom: 24px;
		}
		
		
		
		.category .prodContent {
			width: 524px;
		}
		
			.category .prodContent p {
				margin-bottom: 18px;
			}
			
		.category .buttonBar {
			padding-top: 12px;
		}
		
		.category a.button.color {
			float: left;
			margin-left: 18px;
		}
		
	/* Product */
	
	.singleProduct .content {
		padding: 24px;
		padding-bottom: 60px;
	}
	
		.singleProduct .title h1 {
			float: left;
			width: 600px;
			font-style: italic;
		}
	
		.singleProduct .title .price {
			float: right;
			width: 260px;
			text-align: right;
			display: block;
			font: italic 24px/63px "Times New Roman", Times, serif;
		}
		
		.galleryContainer {
			width: 420px;
			float: left;
		}
		
		#gallery {
			width: 420px;
		}
		
			#gallery img {
				padding: 8px;
				width: 399px;
				height: 600px;
				border: 1px solid #cacaca;
			}
			
		#galleryNav {
			display: block;
			margin-top: 12px;
		}	
			
			#galleryNav img {
				width: 40px;
				height: 40px;
				padding: 1px;
				border: 1px solid #cacaca;
				display: block;
				margin-top: 12px;
				margin-right: 10px;
			}
		
			#galleryNav li {
				float: left;
				display: block;
				margin-right: 10px;
				margin-top: 12px;
			}
		
			#galleryNav a {
				display: block;
			}
			
		.singleProdContent {
			width: 440px;
			float: right;
		}
		
			.singleProdContent p {
				margin-bottom: 18px;
			}
			
			.singleProdContent a.button.color {
				float: left;
			}
				
	/* Single Page */
	
	.pageContent p {
		margin-bottom: 18px;
	}			
				
					
	/* ---------------------------*/
	/* FOOTER */ 

	footer {
		margin-top: 22px;
		margin-bottom: 100px;
		border-top: 1px dotted #cccccc;
	}
	
		footer h2 {
			background: url(images/footerTitle.png) no-repeat top center;
			width: 958px;
			height: 106px;
			margin-top: 50px;
			margin-bottom: 30px;
		}
		
		.footCol {
			width: 210px;
			float: left;
			margin-left: 30px;
		}
		
		footer .footCol:first-child {
			margin-left: 0px;
		}
		
			.footCol h3 {
				border-bottom: 1px dotted #cccccc;
				margin-bottom: 24px;
			}
		
			.about h3 {
				background: url(images/aboutTitle.png) no-repeat top left;
			}
			
			.orders h3 {
				background: url(images/ordersTitle.png) no-repeat top left;
			}
			
			.delivery h3 {
				background: url(images/deliveryTitle.png) no-repeat top left;
			}
			
			.contacts h3 {
				background: url(images/contactTitle.png) no-repeat top left;
			}
			
			.footCol p {
				margin-bottom: 18px;
			}
			
			.about img {
				float: left;
				margin: 0px 10px 10px 0px;
			}
			
				.social li {
					display: inline;
					padding-right: 3px;
				}
				
		.subFooter {
			border-top: 1px dotted #cccccc;
			padding-top: 24px;
			color: #bab49d;
		}
		
			.copyright {
				width: 700px;
				float: left;
			}
			
				.copyright img {
					vertical-align: top;
					padding-top: 1px;
					padding-right: 10px;
				}
			
			.author {
				width: 260px;
				float: right;
				text-align: right;
			}
			
								
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

.clear {display: block; clear: both; height: 0px;}

#main h1, #main h2 {
	color: #3f3e3b;
}

#main h2 {
	font-style: italic;
}

/* ----------------------------*/
/* CSS3 CLASSES     */
/* ----------------------------*/

menu {
	background: -webkit-gradient(linear, left top, left bottom, from(#f0efed), to(#e6e5e2));
	background: -moz-linear-gradient(top,  #f0efed,  #e6e5e2);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

menu li:first-child a {
	border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
}

menu li ul {
	border-bottom-left-radius: 7px;
		-moz-border-radius-bottomleft: 7px;
		-webkit-border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		-webkit-border-bottom-right-radius: 7px;
}

menu li ul li:last-child a {
	border-bottom-left-radius: 7px;
		-moz-border-radius-bottomleft: 7px;
		-webkit-border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		-webkit-border-bottom-right-radius: 7px;
}

#searchText, #slider li, .best, .inBorder, a.button, .addtocart {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-khtml-border-radius: 7px;
}

#main, .category .product {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

.headBox, .title {
	border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
}

#slider {
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f0ee), to(#e8e8e4));
	background: -moz-linear-gradient(top,  #f1f0ee,  #e8e8e4);
}


/* ----------------------------*/
/* IE CLASSES     */
/* ----------------------------*/


.ie7 #slider li, .ie7 .product, .ie7 footer h2, .ie7 .content, .ie7 header {
	position: relative;
	zoom: 1;
}
h2.ir { padding-top:40px; }

/* ----------------------------*/
/* PRINT STYLES     */
/* ----------------------------*/

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}