/*
Theme Name: Umpie Bags
Theme URI: http://www.umpie.co.uk
Version: 0.1
Author: Tom Boomsma
*/

@import "style/css/reset.css";

body { background-image: url(style/images/bg-tile.jpg); background-repeat: repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 20px; }

a { color: #000000; text-decoration: none; }

a:hover { color: #333333; }

#container { width: 850px; margin: 0 auto 0 auto; }

#subcontainer { position: relative; }

h1 { margin: 30px 0 30px 0; width: 175px; }

#visitshop { position: absolute; top: 0; right: -20px; }

#basket { width: 128px; height: 131px; background: url(style/images/basket-bag.png) top left no-repeat; padding: 38px 0 0 0; font-size: 12px; position: absolute; top: -15px; right: 0; text-align: center }

#basket a { margin: 5px 0 0 0; }

#box { z-index: 9997; width: 800px; background-color: #ffffff; padding: 30px;  text-align: center; margin-bottom: 20px; }

#box .post { z-index: 9998; }

#cousins { z-index: 9999; position: absolute; top: 10px; right: -115px; width: 300px; height: 235px; }

#home-bg {  width: 800px; height: 584px; background: url(style/images/new-home-page.jpg) no-repeat top left; text-align: center; }

#home-bg .bigbag img { position: absolute; top: 50px; left: -120px; }

#box h2 { font-weight: bold; font-size: 20px; padding: 0 0 25px 0; }

#box p { padding: 0 0 15px 0; }

#catalogue { width: 800px; }

#footernav { width: 850px; text-align: center; clear: both; padding: 40px 0 0 0; margin: 20px -25px 20px -25px; background-image: url(style/images/tape-measure.png); height: 35px; } 

#footernav a { padding: 0 10px 0 10px; }

#product-container { width: 830px; background-color: #ffffff; height: 397px; }

#product-box { margin: 0; padding: 0; }

#product-img { width: 317px; float: left; }

#product-details { float: left; width: 423px; padding: 30px;}

#product-details p { padding: 0 0 15px 0; font-size: 14px; line-height: 18px; }

#product-details h3 { padding: 0 0 15px 0; }

.shopp.product {
	position: absolute;
	right: 0;
	top: 350px;
	text-align: right;
}

.product .details {
	background-color: #fff;
	padding: 5px;
	font-size: 12px;
}

.product .details .price {
	font-size: 15px;
}

.product .frame .borderio {
	border: 3px solid #fff;
	width: 115px;
}

#mainmenu {
	overflow: hidden;
	height: 1%;
	margin-bottom: 10px;
}

#shopmenu {
	overflow: hidden;
	height: 1%;
	margin-bottom: 20px;
}

#mainmenu li,
#shopmenu li {
	float: left;
	padding-right: 3px;
}

#mainmenu li a,
#shopmenu li a {
	background-color: #fff;
	font-size: 14px;
	padding: 15px 15px 15px 15px;
}

#mainmenu li.onn a,
#shopmenu li.onn a {
	font-weight: bold;
}

#home2 {
	padding-top: 10px;
}

#home2 #home-1 {
	float: left;
	padding-right: 25px;
}


#home2 #home-2 {
	float: left;
	padding-right: 25px;
}

#home2 #home-3 {
	float: left;
}


#shopfront {
	padding-bottom: 30px;
	overflow: hidden;
	height: 1%;
}

#shopfront .shopcat {
	border: 8px solid #fff;
	background-color: #fff;
	width: 150px;
	float: left;
	margin-right: 30px;
}


#shopfront .shopcat h3 {
	padding-top: 8px;
	font-size: 16px;
	text-align: center;
}

#shopfront2 .cooking-fantastic {
	border: 8px solid #fff;
	background-color: #fff;
	width: 350px;
	float: left;
	margin-right: 30px;
}

#shopfront2 .cooking-fantastic img {
	float: left;
	margin-right: 20px;
}

#shopfront2 .cooking-fantastic h3 {
	float: left;
	width: 170px;
	text-align: center;
}

#shopfront2 .cooking-fantastic p {
	float: left;
	width: 170px;
	padding-bottom: 60px;
	padding-top: 20px;
	text-align: center
}

#shopfront2 {
	padding-bottom: 40px;
	overflow: hidden;
	height: 1%;
}

#shopfront2 .shopcat2 {
	border: 8px solid #fff;
	background-color: #fff;
	width: 200px;
	float: left;
	margin-right: 30px;
}


#shopfront2 .shopcat2 h3 {
	padding-top: 8px;
	font-size: 16px;
	text-align: center;
}

#shopfront2 .shopcat88 {
	border: 8px solid #fff;
	background-color: #fff;
	width: 150px;
	float: left;
	margin-right: 30px;
}


#shopfront2 .shopcat88 h3 {
	padding-top: 8px;
	font-size: 16px;
	text-align: center;
}


#free-shipping {
	
	position: absolute;
	top: 25px;
	left: 235px;
	height: 76px;
	width: 390px;

}

#like-btn {
	width: 450px;
	padding: 10px 10px 0 10px;
	background-color: #fff;
	margin: 20px 0 30px 0;
}

/* PREVIEWS */

#shopp .gallery .thumbnails { position: absolute; top: 310px; left: 347px; }
#shopp .gallery .thumbnails ul { padding: 0; }
#shopp .gallery .thumbnails li { position: relative; display: block; visibility: visible; height: auto; line-height: 1; top: auto; left: auto; margin: 0 0 0 10px; }
#shopp .gallery .thumbnails li.first { margin-left: 0; }
#shopp .gallery .thumbnails li img { cursor: pointer; }


#shopp .gallery .previews li img { margin-top: 0 !important; }