@charset "UTF-8";
/* CSS Document */
/* Reset Browsers */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
/* End */

/* This removes the boxes over links in some browsers */
a
{
	outline:none;
	cursor:pointer;
}

a:active, a:focus 
{
	outline:0
}

a img {
    border:none;
    }
/*end*/

.clearit {
	clear:both;
	line-height:0;
	padding:0;
	margin:0;
}

/*----- LAYOUT -----*/
/*----- Page Structure -----*/
html {
	background:#fff url(../img/bg/html-bg.jpg) top repeat-x;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
}

div#page-wrapper {
	width:100%;
	}
        		
div#top-wrapper {
	width:100%;
	height:177px;
	}
	
div#top-wrapper-alt {
	width:100%;
	height:155px;
	}

div#top-content {
	width:992px;
	height:177px;
	margin:0 auto;
	background:url(../img/bg/header-formerly-bg.jpg) top no-repeat;
	}
	
div#top-content-alt {
	width:992px;
	height:155px;
	margin:0 auto;
	background:url(../img/bg/header-formerly-bg.jpg) top no-repeat;
	}
	
div#mid-wrapper {
	width:100%;
	height:auto;
	}

div#mid-content {
	width:966px;
	padding:13px;
	margin:0 auto;
	background:#fff url(../img/bg/main-content-bg.jpg) top center no-repeat;
	}
	
div#bottom-wrapper {
	width:100%;
	}

div#bottom-content {
	width:952px;
	margin:0 auto;
	background:url(../img/bg/footer_bg.jpg) bottom no-repeat;
	padding:0 20px 30px 20px;
	margin-bottom:50px;
	}
	
/*----end-----*/

/*----- Content Columns -----*/
div#left-panel {
	width:182px;
	float:left;
	background:#f1efe9 url(../img/bg/side-panel-bg.jpg) bottom no-repeat;
	padding-bottom:20px;
	}

div#mid-panel {
	width:571px;
	float:left;
	margin-left:16px;
	background:#f1efe9 url(../img/bg/mid-panel-bg.jpg) bottom no-repeat;
	padding-bottom:30px;
	}

div.mid-panel-banner {
	margin:0px 10px 5px 10px;
	}
	
div.mid-panel-banner img {
		width:550px;
	}
	
div#right-wide-panel {
	width:768px;
	float:left;
	margin-left:16px;
	background:#f1efe9 url(../img/bg/right-wide-panel-bg.jpg) bottom no-repeat;
	padding-bottom:30px;
	min-height:214px;
	}
	
div#full-width-panel {
	width:964px;
	margin:0 auto;
	background:#f1efe9 url(../img/bg/full-width-panel-bg.jpg) bottom no-repeat;
	padding-bottom:30px;
	}

div#right-panel {
	display:inline;
	width:182px;
	float:right;
	background:#f1efe9 url(../img/bg/side-panel-bg.jpg) bottom no-repeat;
	padding-bottom:30px;
	}

div.side-panel-top {
	width:100%;
	height:10px;
	background:url(../img/bg/side-panel-top-bg.jpg) top no-repeat;
	}

div.mid-panel-top {
	width:100%;
	height:10px;
	background:url(../img/bg/mid-panel-top-bg.jpg) top no-repeat;
	}
	
div.right-wide-panel-top {
	width:100%;
	height:10px;
	background:url(../img/bg/right-wide-panel-top-bg.jpg) top no-repeat;
	}
	
div.full-width-panel-top {
	width:964px;
	height:10px;
	background:url(../img/bg/full-width-panel-top-bg.jpg) top no-repeat;
	}

div.page-content {
	margin: 10px 10px 10px 10px;
	}	
/*----end----*/

/*---- Header Elements -----*/
/*-----Account Links-----*/
div#account-links {
	display:block;
	width:992px;
	height:24px;
	overflow:hidden;
	text-align:right;
	color:#CCC;
	}
	
a.my-account {
	display:inline-block;
	width:124px;
	height:19px;
	background:url(../img/btn/my-account-btn.jpg) top no-repeat;
	overflow:hidden;
	margin:4px 15px 0 0px;
	border-right:1px solid #685b52;
	padding-right:30px;
	}

a.my-account:hover {
	background:url(../img/btn/my-account-btn.jpg) bottom no-repeat;
	}

a.create-account {
	display:inline-block;
	width:124px;
	height:19px;
	background:url(../img/btn/create-account-btn.jpg) top no-repeat;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	}
	
a.create-account:hover {
	background:url(../img/btn/create-account-btn.jpg) bottom no-repeat;
	}
	
a.logout {
	display:inline-block;
	width:124px;
	height:19px;
	background:url(../img/btn/logout-btn.jpg) top no-repeat;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	}
	
a.logout:hover {
	background:url(../img/btn/logout-btn.jpg) bottom no-repeat;
	}
/*-----end-----*/

div#logo-home-link {
	display:block;
	width:430px;
	height:99px;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	overflow:hidden;
	float:left;
	}
	
div#logo-home-link a{
	display:block;
	width:100%;
	height:100%;
	}
/*-----Search Panel-----*/
div#search-panel {
	width:404px;
	height:52px;
	background:url(../img/bg/search-bg.jpg) top left no-repeat;
	margin-top:24px;
	float:right;
	}

div#search-panel input.findfield {
	width:285px;
	height:27px;
	background:url(../img/bg/find-field-bg.jpg) top left no-repeat;
	margin:12px 0 0  12px;
	padding-left:5px;
	border:0px;
	font-size:16px;
	color:#b7b7b7;
	}

div#search-panel input.findfield:focus {
	color:#757575;
	}

div#search-panel a {
	display:block;
	width:86px;
	height:51px;
	background:url(../img/btn/find-btn.jpg) top left no-repeat;
	overflow:hidden;
	font-size:1px;
	text-indent:-5000px;
	float:right;
	margin-right:5px;
	}
	
div#search-panel a:hover {
	background:url(../img/btn/find-btn.jpg)bottom left no-repeat;
	}

	/*-----end-----*/

/*---------- BOX HEADERS ----------*/
div.boxheader-narrow {
	width:164px;
	height:31px;
	background:url(../img/bg/boxheader-narrow-bg.jpg);
	margin:0 auto;
	}
	
div.boxheader-narrow-green {
	width:164px;
	height:31px;
	background:url(../img/bg/boxheader-narrow-green-bg.jpg);
	margin:0 auto;
	}

div.boxheader {
	width:554px;
	height:31px;
	background:url(../img/bg/boxheader-bg.jpg);
	margin:0 auto;
	}

div.boxheader-wide {
	width:749px;
	height:31px;
	background:url(../img/bg/boxheader-wide-bg.jpg);
	margin:0 auto;
	}
	
div.boxheader-fullwidth {
	width:945px;
	height:31px;
	background:url(../img/bg/boxheader-fullwidth-bg.jpg);
	margin:0 auto;
	}
	
div.boxsubheader-narrow {
	width:164px;
	height:31px;
	background:url(../img/bg/boxsubheader-narrow-bg.jpg);
	margin:0 auto;
	}

div.boxsubheader {
	width:554px;
	height:31px;
	background:url(../img/bg/boxsubheader-bg.jpg);
	margin:0 auto;
	}

div.boxsubheader-wide {
	width:749px;
	height:31px;
	background:url(../img/bg/boxsubheader-wide-bg.jpg) bottom no-repeat;
	margin:0 auto;
	padding-top:5px;
	background-color:#f1efe9;
	}
	
div.boxsubheader-fullwidth {
	width:945px;
	height:31px;
	background:url(../img/bg/boxsubheader-fullwidth-bg.jpg);
	margin:0 auto;
	}
	
/*---------- Boxes ---------*/
div.right-wide-listing-box {
	width:749px;
	background:#fff url(../img/bg/right-wide-listing-box-bg.jpg) bottom no-repeat;
	margin:0 auto;
	min-height:204px;
	}
	
div.full-width-listing-box {
	width:945px;
	background:#fff url(../img/bg/full-width-listing-box-bg.jpg) bottom no-repeat;
	margin:0 auto 10px auto;
	}
/*----------SIDE PANELS ----------*/
/*-----Need Help -----*/
div#need-help {
	width:166px;
	float:right;
	background:url(../img/bg/needhelp-box-bg.jpg) bottom no-repeat;
	margin-top:40px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
}

div#need-help .boxheader-narrow {
	background:url(../img/bg/boxheader-needhelp-bg.jpg) bottom no-repeat;
}

div#need-help .boxcontent {
	width:149px;
	margin:5px auto 0 auto;
}

div#need-help span.call-us {
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
}
/*-----Side Nav-----*/
div#side-nav {
	width:166px;
	margin:0 auto 9px auto;
	background:url(../img/bg/side-box-bg.jpg) bottom repeat;
	}

div#side-nav ul {
	width:149px;
	margin:0 auto;
	list-style:none;
	font-size:12px;
	padding-bottom:0px;
	}
	
 div#side-nav ul li a {
	display:block;
	width:144px;
	padding:6px 0 0 5px;
	text-decoration:none;
	color:#333;
	border-bottom:1px dotted #c6c2b9;
	}
	
div#side-nav ul li a:hover {
	color:#ff7200;
	background-color:#fffdf1;
	border-bottom:1px dotted #ff7200;
	}
/*-----end-----*/

/*-----Countdown Panel-----*/
div#countdown-panel {
	width:166px;
	margin:0 auto;
	background:url(../img/bg/side-box-bg.jpg) bottom no-repeat;
	}

div.countdown-listing {
	width:149px;
	margin:10px auto 0 auto;
	padding-bottom:15px;
	}

div.countdown-listing p {
	margin-top:8px;
	text-align:center;
	}

div.countdown-image {
}
	
div.counter {
	width:66px;
	height:66px;
	background-color:#eee;
	float:right;
	}
/*-----end-----*/

/*-----Free Delivery-----*/
div#free-delivery {
	width:166px;
	margin:0 auto;
	}
/*-----end-----*/

/*-----Shopping Basket-----*/
div.shopping-basket {
	width:166px;
	margin:0 auto 9px auto;
	background:url(../img/bg/side-box-bg.jpg) bottom no-repeat;
	}
	
div.shopping-basket .panel-content {
	width:149px;
	margin:10px auto;
	text-align:center;
	}

div.shopping-basket .panel-foot  {
	display:block;
	width:164px;
	height:47px;
	}

div.shopping-basket .panel-foot a:hover {
	background:url(../img/btn/basket-buy-btn.jpg) bottom no-repeat;
	}
	
div.shopping-basket .panel-foot a {
	display:block;
	width:166px;
	height:47px;
	margin:10px auto 0 auto;
	background:url(../img/btn/basket-buy-btn.jpg) top no-repeat;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	}
	
/*-----Twitter-----*/
div#twitter-panel {
	width:166px;
	height:55px;
	margin:0 auto 9px auto;
	}

div#twitter-panel a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn/twitter.jpg) top left no-repeat;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	}
	
div#twitter-panel a:hover {
	background:url(../img/btn/twitter.jpg) bottom left no-repeat;
	}
/*-----end-----*/

/*-----Best Sellers-----*/
div#best-sellers-panel, div#recent-products {
	width:166px;
	margin:0 auto;
	background:url(../img/bg/side-box-bg.jpg) bottom repeat;
	padding-bottom:15px;
	}
/*-----end-----*/

/*----------MAIN PANELS----------*/

div.mid-listing-box {
	width:554px;
	margin:0 auto 9px auto;
	background:#fff url(../img/bg/main-panel-bg.jpg) bottom repeat;
	padding-bottom:10px;
	}

div.mid-listing-box .panel-head {
	display:block;
	width:554px;
	height:31px;
	}
	
/*-----Order By and Pager Nav Bar-----*/
div.order-list-wrapper {
	width:554px;
	height:31px;
	background:url(../img/bg/order-bg.jpg) top repeat;
	}

div.order {
	display:inline-block;
	height:14px;
	width:135px;
	margin:8px 0 0 10px;
	}

div.pages {
	display:inline-block;
	height:14px;
	width:300px;
	margin:8px 0 0 94px;
	text-align:right;
	}
	
/*-----Genre Title-----*/
div.genre {
	width:533px;
	margin:0 auto;
	}
	
div.genre h2 {
	float:left;
	display:block;
	height:20px;
	}
	
div.genre a {
	float:right;
	display:block;
	height:12px;
	padding-top:8px;
	}
/*-----END-----*/	

/*----- FOOTER -----*/
div#bottom-content #col1 {
	display:inline-block;
	width:200px;
	height:180px;
	float:left;
	padding:10px 0 10px 40px;
	border-right:1px dotted #c6c2b9;
	margin:20px 0;
}

div#bottom-content #col2 {
	display:inline-block;
	width:200px;
	height:180px;
	float:left;
	padding:10px 0 10px 40px;
	border-right:1px dotted #c6c2b9;
	margin:20px 0;
}

div#bottom-content #col3 {
	display:inline-block;
	width:200px;
	height:180px;
	float:left;
	padding:10px 0 10px 40px;
	margin:20px 0 20px 160px;
}

div#bottom-content #col3 img{
	margin:0 0 10px 0;
}