/*--------------------------*/

/*       Standards	    */

/*--------------------------*/


/* body class */

html {
	background-color: #6e6c3a;
	background-image: url(/images/afternoah/html_bg_small.jpg);
	background-repeat: repeat-x;
	background-attachment:fixed;
}

body, p {
	font-family: Courier New, Courier, monospace;
}

.bodyclass {
	margin: 0 auto;
	padding: 0 10px;
	width: 1060px;
	text-align: left;
	background-color: none;
}


* {outline: none;}  // remove blue borders generated in safari


/* TEMPLATE */

.right { float: right }
.left  { float: left  }

#template-left table,
#template-left td,
#template-left ,
.section_left ,
.sectionborder_left ,
.column_left {
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}

#template-content { width: 1060px; background-color: none; background-image:url(/images/afternoah/content_bg.png); background-repeat:repeat-y; position:relative; } 
#template-left    { width: 221px; padding: 0 0 0 35px; vertical-align: top; } 
#template-main    { width: 804px; padding: 0px; background-color: none;}  


/* GENERIC STYLES */

ul { margin: 15px 25px;}

a, a:link, a:visited,
a.links_main, a.links_main:link, a.links_main:visited { 
	font-weight: bold;
	text-decoration: underline;
	color: #fff3c0;
}
a:hover, a.links_main:hover { 
	color: #e3e3c6;
	text-decoration: none;
}

.font_error { font-weight: bold;    font-size: 10pt;    color: #ff0000; }

.buttonstyle {
	font-family: Courier New, Courier, monospace; 
	font-weight: bold; 
	background-color: #3f7036;
	height: 27px;
	padding: 0 10px;
	font-size: 12pt;
	color: #fff3c0;
	border: 1px solid #e3e3c6;
	margin: 2px 0;
}
.buttonstyle:hover {
	cursor: pointer;
	background-image: url(/images/hansonmusic/navBar_bk-over.jpg);
	color: #3f7036;
	background-color: #e3e3c6;
	border: 1px solid #3f7036;
}
	
input.btnhov { 
	border-color: ;
}


/* small text class */
.small_main {
	font-weight : normal;
	font-size : 8pt;
}

/* input field class */
.font_input {
	border-style:inset;
	border-width:1px;
	border-color: #999;
	margin: 2px 0;
}



/*---------------------
  
    TOP SECTION     

---------------------*/


#login_tbl {display: none}

/* HEADER */

 
#header_bg{
	display:block;
	width:100%;
	background-color: #6e6c3a;
	background-image: url(/images/afternoah/html_bg.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	position: fixed;
	z-index:2;
	height:298px;
}
#header{ display: block; width:1060px; margin:0 auto; position: relative; z-index:3; height:198px; }

#logo { position: absolute; margin-left: -60px; top:0;}
#animated{ position: absolute; top:13px; right:40px}
#bubble {position:absolute;top:65px; margin-left:176px}
#header_email {position:absolute;top:20px; margin-left:189px;color: #e3e3c6; font-weight:bold; font-size: 14pt}

#rightHeader{
	float:right;
	height:164px;
	width: 600px;
}
#topMenu { 
	float:right;
	width: auto;
	padding: 0;
}

	#userMenu { float:right; display:block; height:auto; position:relative; z-index: 3; }
	#userMenu a { margin: 0 10px; height: 23px; display: inline-block; padding-top: 5px;
		text-decoration: none;
		color: #e3e3c6;
                font-size: 11pt
	}
	#userMenu a:hover {
		text-decoration: underline;
		color: #fff3c0;
	}

		#userOptions { vertical-align:top; position:relative; right:0px; top:0px;  width: 745px; }
		#userOptions a { float:right; display: inline-block;  height:10px }
			#loginMsg_tbl { margin:3px 0px 0 0; width: 245px; font-size: 0.85em; font-weight:bold; float:left; color: #e3e3c6; text-align:right}
		#userLinks { float:right; margin: 0px 0 8px; vertical-align:top; clear:both;}
			#link-login  {  }

	#contact { color: #fff; float:right; display:block; position:absolute; z-index: 2; top: 0px; right: 0px;}


 #searchbox    { display:block; position:absolute; right:153px; top:50px; clear:both; text-align:right;}
	#btn-search   { border: 0; display:block; float:right; }
	input#search-field.font_input { width: 173px; padding: 0px 25px 13px; height: 49px;
		border: 0;
		color:#42451e;
		font-size: 14pt;
		font-family: Courier New, Courier, monospace;
		font-weight:bold;
		background:none;
		background-color:transparent;
		background-image:url(/images/afternoah/search_bg.png);
		background-repeat:no-repeat;
		float:right;
		clear:both;
	}

#header_menu {
	width:1024px;
	height: 100px;
	padding: 0 0 0 36px;
	background-image:url(/images/afternoah/content_bg.png);
	background-repeat:repeat-y;
	position: relative;
	z-index:4;
}
#header_menu a { display:block; float:left;}


/*---------------------
  
     LEFT SECTION     

---------------------*/

#template-left a.links_left { padding: 0 0 0 35px; vertical-align: top; font-size: 10pt; } 
#template-left a.links_left[href*="credit"] { text-align:right; display: block;  } 

/*  BASKET  */

#cart_tbl {
	width: 216px;
	max-width: 216px!important;
	background-image: url(/images/afternoah/basket_bg.png);
	background-repeat: no-repeat;
	background-position: -15px bottom;
	color: #f1f1f1;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}
#cart_tbl td { height:30px; padding-left:80px; width:136px!important; text-align:right;
padding-bottom:20px}

#cart_tbl td#cart_hdr,
#cart_tbl td.small_main { height:auto; padding-left:0px!important; width:216px!important;
padding-bottom:0px}

#cart_tbl img[src*="rightArrow.gif"] {display:none}

#cart_tbl a.links_left{
	font-size: 10pt;
	padding: 0; 
}

/*  LAST VIEWED  */
#lastview_tbl {margin-left:30px; width: 170px}
#lastview_tbl a {display:block; margin-top:5px}

/*---------------------
  
     MAIN SECTION     

---------------------*/

#template-main table,
#template-main td,
#template-main,
.section_main,
.sectionborder_main,
.column_main {
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}

/* HOME PAGE */


/*  CATEGORY Page - HEADER  */

#cat_hdr {
	text-align: left;
}

/* CATEGORY NAME */
#cat_hdr b {
	color: #8e1515;
	font-size: 24pt;
	text-align:center;
	font-weight: bold;
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
}


/*  CATEGORY Page - sub-categories table  */


/* category description */
#catprods_hdr {
	text-align: left;
	width: 790px;
}
#catprods_hdr tbody tr td {
	height: 30px;
	padding: 0 0px;
}
/* TEXT */
#catprods_hdr td.column_main a.links_main {
	display: block;
	padding: 5px 0;
	width: auto;
	min-width: 160px;
	max-width: 180px;
}
/* IMAGE */
#catprods_hdr td.column_main td.column_main a.links_main {
}



/* RESULTS FILTER OPTIONS */


#hdr_results { display:block; width:799px; font-weight: bold; color: #8e1515; height: 23px; margin: 0 0 10px 0; padding: 0 0 5px 0; }

#pageDisplayed { font-weight: bold;}
#pageDisplayed a { text-decoration: underline;}

#sortBy-container { float:right;}

	#sortBy-container form { float:left;}
	select.font_input[name=sortType],
	select.font_input[name=imageType] {
		float:left;
		font-size:12px;
		color: #333;
		margin-right: 4px;
		margin-top: -1px;
		border-width: 1px
	}
	#sortBy-txt { float:left; margin-right: 10px; color: #8e1515; font-weight: bold;}



/* PRODUCTS LISTINGS */

#catprods_tbl { width: 804px; padding:0; margin: 0; }

/* product container */
#catprods_tbl > tbody > tr > td.column_main {
	background-image: url(/images/afternoah/product_container.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 210px;
	float:left;
	height: 95px;
	padding: 238px 20px 20px 35px;
	color: #8e1515;
	font-weight: bold;
	font-size: 15pt;
	text-align: center;
}

/* product image */
#catprods_tbl > tbody > tr > td.column_main > table > tbody > tr > td.column_main > a.links_main > img {
	border:0;
	position:absolute;
	max-width: 212px;
	max-height: 212px;
	margin-top:-220px;
	margin-left:-3px;
}
#prod_tbl td.small_main {color:transparent;}
#prod_tbl td.small_main > img[src*="magnifier"] {display:none}

/* product name */
#catprods_tbl > tbody > tr > td.column_main > a.links_main {
	color: #000;
	text-align:left;
	font-size:9pt;
	font-weight: bold;
	line-height: 12px;
	display:block;
	vertical-align:middle;
	position:absolute;
	width:210px;
	margin-top: 0px;
	height: 25px;
	overflow:hidden;
	text-decoration:none;
}
#catprods_tbl > tbody > tr > td.column_main > a.links_main:hover {
	text-decoration:underline;
}

/* saving price */
#catprods_tbl > tbody > tr > td.column_main > font {
	font-size:9pt;
	width:210px;
	margin-top: 0px;
	height: 20px;
	line-height: 12px;
}

input.buttonstyle[value="back"] {
	float:left;
	border: 0;
	width: 150px;
	height: 55px;
	color: transparent;
	background-color: transparent;
	background-image: url(/images/afternoah/btn_back.png);
	background-repeat: no-repeat;
	background-position: right top;
}
input.buttonstyle[value="next"] {
	float:left;
	border: 0;
	width: 150px;
	height: 55px;
	color: transparent;
	background-color: transparent;
	background-image: url(/images/afternoah/btn_next.png);
	background-repeat: no-repeat;
	background-position: right top;
}



/* PRODUCT - overview */

#prod_tbl {
	width: 775px!important;
	margin-left: 10px;
}

/* product name */
#prod_tbl > tbody > tr.column_main > td > table > tbody > tr > td.column_main > table > tbody > tr > td.column_main > b,
#prod_tbl > tbody > tr.column_main > td > b {
	color: #8e1515;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

/* product image */
#prod_tbl .small_main {
	background-image: url(/images/afternoah/productImg_container.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 216px!important;
	float:left;
	height: 315px;
	padding: 18px 19px 20px 33px;
	margin: 0 20px 0 0;
}
#prod_tbl .small_main:first-child img:first-child {
	cursor:pointer;
	border: 0;
	max-width: 212px;
	max-height: 212px;
}

/* product thumbs */
#prod_tbl > tbody > tr.column_main > td.column_main > img {max-width:200px; border:1px solid #8e1515; }

/* 'Zoom' + 'Click to add' */
#prod_tbl tbody tr td b{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

/* separator */
#prod_tbl hr {
	width: 735px;
	color: #8e1515;
	margin: 10px 0 10px 0;
	border-width: 1px 0 0 0;
}

/* Click to Add text */
#prod_tbl > tbody > tr.column_main > td.column_main > b {
	color:#8e1515;
	font-size: 10pt;
}



/* ITEM DETAILS */

#item_Tbl {
	background: none;
	background-image:url(/images/afternoah/content_bg.png);
	background-repeat:repeat-y;
	background-position: right top;
	color: #e3e3c6;
	color: #42451e;
	font-size: 14pt;
	font-weight: bold;
}
#item_Tbl td {
	padding-left:20px;
}
#item_Tbl td:first-child {
	color: #8e1515;
}
#item_Tbl td[rowspan*="5"] {
	background-image: url(/images/afternoah/product_container.png);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	height:355px;
	width:268px!important;
	vertical-align:top;
	text-align:center;
	padding-left:12px;
}
	#item_Tbl td > img { border:0; margin:20px 0 0 0; max-width: 212px; max-height: 212px; }
	#item_Tbl td > img[src*="_currency"] { border:1px solid #333; margin:0px; width:auto; height:auto; }

#item_Tbl table{
	margin-left: 140px;
}

/* stock level */
#item9 { color: #ff0000; font-weight: bold; }

input.buttonstyle[value="Add"] {
}
input.buttonstyle[value="Add"]:hover {
}

input[value="Continue Shopping"] { margin-left: 10px}

/* BASKET - details page */

#shopcart_hdr, 
#shopcart_hdr tr.tablecontrast td{
	font-weight: bold;
	border: 1px solid #60604b;
	color: #fff;
	border:0;
}

#shopcart_tbl, #shopcart_tbl td, #shopcart_tbl table { border-collapse: collapse;}

#shopcart_tbl table {  }

#shopcart_tbl table.sectionborder_main {
	margin-top: -20px;
	background: none;
	background-image:url(/images/afternoah/content_bg.png);
	background-repeat:repeat-y;
	background-position: right top;
}
#shopcart_tbl table.sectionborder_main td {
	color: #333;
	border: 1px solid #60604b;
	padding: 5px;
	vertical-align: middle;
}
#shopcart_tbl table.sectionborder_main .font_input {
	margin-top: 20px;
}


#summary_tbl {
}


#shopcart_tbl table:first-child {
	background-image:url('/images/timetide/welcome-bk.jpg');
	background-repeat: no-repeat;
	width: 763px;
	height: 73px;
	margin: 0 0 10px 0;
}
#shopcart_tbl table:first-child td {
	padding-left: 40px;
}


/* LOAD, SAVE and CANCEL BUTTONS */
#shopcart_tbl input[value="Amend Basket"],
#shopcart_tbl input[value="Checkout"],
#shopcart_tbl input[value="Save"],
#shopcart_tbl input[value="Load"],
#shopcart_tbl input[value="Cancel"] { 
	display: inline-block;
	width: 147px!important;
}
#shopcart_tbl input[value="Continue Shopping"] { 
	display: inline-block;
	width: 197px!important;
}



/*---------------------
  
     BOTTOM SECTION     

---------------------*/

/* CT link */
td.column_bottom a { display:block;}

#footer_menu { position:absolute; z-index: 2; margin-left:600px; }
#footer {
	position:relative;
	z-index: 1;
	width: 1060px;
	height:158px;
	background-image:url('/images/afternoah/footer.png');
	background-repeat: no-repeat;
}
#footer_121 { position:absolute; margin: 0 0 0 37px; }
#footer_phone { position:absolute; margin: 38px 0 0 192px; }
#footer_number { position:absolute; margin: 51px 0 0 285px; }
#footer_email { position:absolute; margin: 51px 0 0 454px; }
#footer_address { position:absolute; margin: 51px 0 0 675px; }



/*---------------------
  
     GOOGLE CHROME, SAFARI and other WEBKIT BROWSERS     

---------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#prod_tbl td {width:auto!important}
	
	/* product image */
	#prod_tbl .small_main {
        width: 212px!important;
        padding: 18px 21px 20px 35px;
		background-position: 0px 0px;
	}
}   

