html,body {
	height: 100%;

}

body {
	font-size:62.5%;
	color: #333333;
	font-family: arial;
	background: url(images/index_css/bgd.jpg) repeat-x;
	background-color: #FF7800;
	background-position: top;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/***********************/
/*                     */
/*      FONT FIX       */
/*                     */
/***********************/

html {
font-size: 1.25em; /* 1.25×16px = 20px */
	}

body {
font-size: 50%; /* adjusts base font to 10px */
	}

html>body {
font-size: 10px; /* overrides the above in all browsers except IE */
	}

html, body {
	height: 100%;
	}

/***********************/
/*                     */
/*     FORMATTING      */
/*                     */
/***********************/

img {
	border: 0px;
	}

h1 {
	padding: 0px;
	margin: 0px;
	font-size: 1em
}

h1.header {
	padding: 0px;
	margin: 0px;
	font-size: 1.4em
}

h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1em
}

a:link {color: #000099}     /* unvisited link */
a:visited {color: #000099}  /* visited link */
a:hover {color: #FF0033}   /* mouse over link */
a:active {color: #0033FF}   /* selected link */

/***********************/
/*                     */
/*     CONTAINER       */
/*                     */
/***********************/

#bannerwrapper {
	margin-left: auto;
	margin-right: auto;
	border: green 1px solid;
	width: 895px;
}

.bodycontainer_tfcart {
	width: 771px;
	margin-left: auto;
	margin-right: auto;
	border: blue 0px solid;
	text-align: left;
	background: url(images/index_css/container_temp_bgd.jpg) ;
	font-size: 1.2em;
	xfloat: left;
	}

.bodycontainer_tfcart_banner {
border: blue 1px solid;
	width: 120px;
	height: 600px;
	xmargin-left: auto;
	xmargin-right: auto;
	margin-top: 100px;
	float: left;
	}
/***********************/
/*                     */
/*      BORDERS        */
/*                     */
/***********************/

.border_a {
	width: 771px;
	height: 98px;
	background: url(images/index_css/border_a.jpg) no-repeat;
	border: 0px solid red;
}

.border_b {
	width: 50px;
	height: 565px;
	background: url(images/index_css/border_b.jpg) 0px -45px;;
	border: 0px solid red;
	float: left;
}


/***********************/
/*                     */
/*      TOP MENU       */
/*                     */
/***********************/

.topmenu {
	height: 35px;
	width: 721px;
	border: blue 0px solid;
	position: relative;
	background: url(images/index_css/menu.gif) -4px -10px;
	background-repeat: no-repeat;
	float: left;
	}

#menu a i { visibility: hidden; }

a#homepage { left: 6px; top: 0px; height: 36px;  width: 75px; }
a#shopft { left: 85px; top: 0px; height: 36px;  width: 154px; }
a#celbrityb { left: 245px; top: 0px; height: 36px;  width: 64px; }
a#tattooa { left: 310px; top: 0px; height: 36px;  width: 145px; }
a#help { left: 460px; top: 0px; height: 36px;  width: 65px; }
a#contactu { left: 530px; top: 0px; height: 36px;  width: 105px; }
a#links { left: 640px; top: 0px; height: 36px;  width: 70px; }

#menu a {
	  text-decoration: none;
	  border: 0px solid blue;
	  position: absolute;
	  }
	  
/***********************/
/*                     */
/*      SIDE MENU      */
/*                     */
/***********************/

.menucol {
	width: 196px;
	border: green 0px solid;
	float: left;
	font-size: 0.9em;
	}
	
#menub {
	background: url(images/index_css/menu_left.gif) -2px -9px;
	width: 196px;
	height: 422px;
	border: green 0px solid;
	}

#menub a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 6px 0px 0px 12px;
	margin-left: 8px;
	border: solid 0px blue;
	font-size: 1.2em;
	line-height: 16px;
	}

/***********************/
/*                     */
/*       TOP TEN       */
/*                     */
/***********************/

.topten {
	padding: 10px 15px 15px 15px;
	position: relative;
	border: 0px solid red;
	background: url(images/index_css/top_ten_temp.jpg) no-repeat -19px -31px;
	width: 196px;
	height: 168px;
	}

html * .topten {
	w\idth: 166px;
	heigh\t: 143px;
}

.toptentitle {	text-align:center;
		font-weight: bold;
		color: #FFFED9;
		font-size: 11px;
		margin: 0px;
		width: 166px;
		height: 135px;
		padding: 0px;
		}

.topten a {
	text-decoration: none;
	border: 0px solid blue;
	position: absolute;
	}

a#one { left: 16px; top: 55px; height: 110px;  width: 175px; }

.topten a i { visibility: hidden; }






		.left_top_splitter {
			background: url(images/index_css/left_top_splitter.jpg) no-repeat 4px 0px;
			width: 196px;
			height: 7px;
			border: green 0px solid;
			font-size:1px
			}

		.right_body_offer {
			padding: 10px;
			color: #FFFED9;
			padding: 5px 10px 10px 10px;
			border: 2px solid red;
			background: url(images/index_css/left_body_bgd.jpg) no-repeat;
			width: 196px;
			height: 133px;
			}

		html * .right_body_offer {
			w\idth: 180px;
		}

		.offer_centre {
			margin-left:auto;
			margin-right:auto;
			display:block;
			text-align:center;
			}

.left_title {
border: 0px solid red;
padding: 7px 15px 0px 15px;
position: relative;
background: url(images/index_css/featt_title.jpg) no-repeat 4px -8px;
width: 166px;
height: 22px;
font-weight: bold;
text-align: center;
color: white;
}

		.left_body_offer {
			padding: 10px;
			color: #FFFED9;
			padding: 5px 10px 10px 10px;
			border: 0px solid red;
			background: url(images/index_css/left_body_bgd.jpg) no-repeat;
			width: 196px;
			_height: 278px;
			}

		html * .left_body_offer {
			w\idth: 176px;
			_heigh\t: 254px;
		}

		.offer_centre {
			margin-left:auto;
			margin-right:auto;
			display:block;
			text-align:center;
			}			


/* ************ middle column ************ */

	.middlecol {
		width: 330px;
		border: green 0px solid;
		float: left;
		text-align: left;
		font-size: 1.1em;
	}

		.amazing {
			text-align: left;
			padding-top: 20px;
			padding-right: 30px;
			border: 0px solid red;
			background: url(images/index_css/amazing_bgd.jpg);
			width: 300px;
			height: 210px;
			font-weight: bold;
			}

		Xhtml * .amazing {
			heigh\t: 123px;
		}

		.amazingb {
		margin-bottom: 0px;
		}
		.wocs {
			padding: 9px 0px 0px 40px;
			border: 0px solid red;
			background: url(images/index_css/wocs.jpg);
			width: 330px;
			height: 38px;
			font-weight: bold;
			color: #000000;
			text-decoration: none;
			}

		html * .wocs {
			w\idth: 290px;
			heigh\t: 29px;
		}

		.wocs a {text-decoration: none;}

		.middle_title {
			font-weight: bold;
			color: #FFFED9;
			text-align: left;
			padding: 12px 10px 8px 10px;
			border: 0px solid red;
			background: url(images/index_css/middle_title_bgd.jpg);
			width: 330px;
			height: 35px;
			}

		html * .middle_title {
			w\idth: 310px;
			heigh\t: 15px;
		}

		.middle_body_b {
			color: #000000;
			text-align: left;
			padding: 10px;
			border: 0px solid red;
			background: url(images/index_css/middle_body_b_bgd.jpg);
			background-repeat: repeat-y;
			width: 330px;
			xheight: 126px;
			}

		html * .middle_body_b {
			w\idth: 310px;
			xheigh\t: 106px;
		}

			.rotate {
				float: left;
				clear: left;
				border: 0px solid red;
				}

			.middle_text {
				border: 0px solid red;
				width: 175px;
				float: left;
				xclear: left;
				margin-left: 5px;
				}

			.midpic {
				float: left;
				xclear: left;
			}

			.midtitle {
				font-weight: bold;
				}

			.wholesalea {
				color: #000000;
				text-align: left;
				padding: 10px;
				border: 0px solid red;
				background: url(images/index_css/middle_body_b_bgd.jpg);
				background-repeat: repeat-y;
				width: 330px;
				height: 122px;
				}

			html * .wholesalea {
				w\idth: 310px;
				heig\ht: 100px;
			}
			
			.wholesale {
				color: #000000;
				text-align: left;
				padding: 10px;
				border: 0px solid red;
				background: url(images/index_css/middle_body_b_bgd.jpg);
				background-repeat: repeat-y;
				width: 330px;
				height: 157px;
				}

			html * .wholesale {
				w\idth: 310px;
				heig\ht: 135px;
			}			

/* ************ right column ************ */

	.rightcol {
		width: 194px;
		border: green 0px solid;
		float: left;
		font-size: 1.1em;
	}

		.right_top_splitter {
			background: url(images/index_css/right_top_splitter.jpg);
			width: 194px;
			height: 3px;
			border: green 0px solid;
			font-size:1px
			}

		.right_title {
			font-weight: bold;
			color: #FFFED9;
			padding: 8px 10px 0px 10px;
			border: 0px solid red;
			background: url(images/index_css/right_title_bgd.jpg);
			width: 194px;
			height: 29px;
			}

		html * .right_title {
			w\idth: 174px;
			heigh\t: 21px;

		}

		.right_body_featured {
			padding: 10px;
			color: #FFFED9;
			padding: 10px;
			border: 0px solid red;
			background: url(images/index_css/right_body_b_bgd.jpg);
			width: 194px;
			xheight: 135px;

			}

		html * .right_body_featured {
			w\idth: 174px;
			xheigh\t: 115px;
			}

			.rightimagpos {
				float: left;
				}

			.right_body_text {
				border: 0px solid red;
				display: inline;
				width: 100px;
				float: right;
				clear: right;
				}

		.right_body_discount {
			padding: 10px;
			color: #FFFED9;
			padding: 10px;
			border: 0px solid red;
			background: url(images/index_css/right_body_bgd.jpg);
			width: 194px;
			xheight: 110px;
			}

		html * .right_body_discount {
			w\idth: 174px;
			xheigh\t: 99px;
		}

		.right_body_new {
			padding: 10px;
			color: #FFFED9;
			padding: 10px;
			border: 0px solid red;
			background: url(images/index_css/right_body_b_bgd.jpg);
			width: 194px;
			height: 125px;
			}

		html * .right_body_new {
			w\idth: 174px;
			heigh\t: 105px;
		}

		.right_body_vouchers {
			padding: 10px;
			color: #FFFED9;
			padding: 10px;
			border: 0px solid red;
			background: url(images/index_css/right_body_bgd.jpg);
			width: 194px;
			height: 355px;
			}

		html * .right_body_vouchers {
			w\idth: 174px;
			heigh\t: 326px;
		}

		.right_body_england {
			padding: 10px;
			color: #FFFED9;
			padding: 5px 10px 10px 10px;
			border: 0px solid red;
			background: url(images/index_css/right_body_bgd.jpg) no-repeat;
			width: 194px;
			height: 238px;
			}

		html * .right_body_england {
			w\idth: 174px;
		}

		.england_centre {
			margin-left:auto;
			margin-right:auto;
			display:block;
			text-align:center;
			}

		.right_body {
			padding: 10px;
			color: #FFFED9;
			padding: 10px;
			border: 0px solid red;
			background: url(images/index_css/right_body_bgd.jpg);
			width: 194px;
			height: 160px;
			}


	.bottommenu {
		background: url(images/index_css/bottom_menu.jpg) no-repeat;
		background-color: #FF7800;
		background-position: top right;
		xpadding: 8px 0px 0px 64px;
		height: 67px;
		width: 768px;
		border: 0px solid red;
		float: left;
		clear: left;
		xfont-size: 1.1em;
		xmargin-left: auto;
		xmargin-right: auto;
		xdisplay: inline;
		}

	xhtml * .bottommenu {
		w\idth: 704px;
	}

	.xmenu2 {
		padding-left: 4px;
		background: #eee none;
		}

	.menu2 ul {
		
      		margin: 6px 0px 0px 85px;
      		padding: 0;
      		list-style-type: none;
    		}

	.menu2 li {
		margin: 0;
		float: left;
		padding: 0px 3px 0px 3px;
		text-align: center;
		}

	.menu2 a  {
		color: #fffff3;
		}





















































/* ********** catalog container ********** */

.parentcontentholder_tfcart {
	width: 716px;
	border: blue 0px solid;
	float: left;
	background-color: red;
	background: url(images/css/parentcontentholder_tfcart_bgd.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

.catsplittera {
	background: url(images/css/middle_splitter_a.jpg);
	background-repeat: no-repeat;
	width: 520px;
	height: 6px;
	border: 0px solid red;
	font-size:1px;
	float: right;
	clear: right;

}

.dgc {
	border: 0px solid red;
	background-color: green;
	width: 520px;
	float: right;
	clear: right;
	background: url(images/css/middle_body_c_bgd.jpg) 0px -30px;
}



/* cart buttons are on Act_Primary.html */

.cartbuttons {
	border: 0px solid blue;
	width: 500px;
	background-color: blue;
	background: url(images/css/cartbuttons.jpg) 0px 0px;
	height: 33px;
	text-align: right;
	padding-top: 7px;
	margin-left: 10px;
	}

html * .cartbuttons {
	w\idth: 500px;
	heigh\t: 26px;
}
	a#cartbuttonstextc { font-size: 13px; padding-right: 13px; height: 0; display: inline; }
	a#cartbuttonstexta { font-size: 13px; padding-right: 8px; height: 0; display: inline; }
	a#cartbuttonstextb { font-size: 13px; padding-right: 8px; height: 0; display: inline; }

	a#cartbuttonstexta:active { text-decoration: none; color: black; }
	a#cartbuttonstexta:link { text-decoration: none; color: black; }
	a#cartbuttonstexta:visited { text-decoration: none; color: black; }
	a#cartbuttonstexta:hover { text-decoration: underline; color: black; }

	a#cartbuttonstextb:active { text-decoration: none; color: black; }
	a#cartbuttonstextb:link { text-decoration: none; color: black; }
	a#cartbuttonstextb:visited { text-decoration: none; color: black; }
	a#cartbuttonstextb:hover { text-decoration: underline; color: black; }


	a#cartbuttonstextc:active { text-decoration: none; color: black; }
	a#cartbuttonstextc:link { text-decoration: none; color: black; }
	a#cartbuttonstextc:visited { text-decoration: none; color: black; }
	a#cartbuttonstextc:hover { text-decoration: underline; color: black; }

.prop {
	border: 0px solid red;
	height:765px;
	float:right;
	clear: right;
	display: inline;
	width:1px;
}


.propstatic{
	border: 0px solid red;
	height:797px;
	float:right;
	clear: right;
	display: inline;
	width:1px;
}

.breadcrumbtrail {
		position: absolute;
		top: 175px;
		border: 0px solid red;
		width: 495px;
		background: url(images/css/cartbuttons.jpg) 0px -30px;
		height: 47px;
		margin-left: 10px;
		padding: 12px 0px 0px 15px;
		float: left;
		}

html * .breadcrumbtrail {
	w\idth: 480px;
}

.message {
		position: absolute;
		top: 215px;
		text-align: center;
		border: 0px solid black;
		width: 495px;
		background: url(images/css/cartbuttons.jpg) 0px -68px;
		height: 38px;
		margin-left: 10px;
		padding: 8px 0px 0px 0px;
		}

html * .message {
	heigh\t: 30px
}


.spacerone {
	height: 90px;
	display: block;
}


.thumbimage {
	border: 0px solid red;
	background: url(images/css/thumb_bgd.jpg) 0px 0px;
	background-repeat: no-repeat;
	width: 110px;
	height: 140px;
	padding: 14px 0px 0px 16px;
	margin-left: 12px;
	float: left;
	display:inline;
	}

html * .thumbimage {
	w\idth: 94px;
	heigh\t: 128px;
}

.thumbdescription {
	background-repeat: no-repeat;
	border: 0px solid red;
	width: 358px;
	margin-left: 10px;
	float: left;
	}

html * .thumbdescription {
	w\idth: 350px;
}


.splitter {
	background: url(images/css/separatorb.jpg) 0px 0px;
	background-repeat: no-repeat;
	width: 494px;
	height: 28px;
	float: left;
	margin-left: 6px;
	border: 0px solid red;
}

.productlinethumbimage {
	border: 0px solid blue;
	background: url(images/css/thumb_bgd.jpg) 0px 0px;
	background-repeat: no-repeat;
	width: 110px;
	height: 128px;
	padding: 14px 0px 0px 16px;
	margin-left: 12px;
	float: left;
	display:inline;
	}

html * .productlinethumbimage {
	w\idth: 94px;
}

.productfullviewbutton {
	border: 0px solid red;
	margin-left: 12px;
	float: left;
	clear: left;
	display:inline;
	width: 110px;
	}

.sectiontitle {
	font-weight: bold;
}


.productlinethumbdescription {
	border: 0px solid red;
	width: 370px;
	padding: 0px 0px 0px 8px;
	margin-right: 20px;
	float: right;
	display:inline;


}


html * .productlinethumbdescription {
	w\idth: 360px;
}


.productprice {
	background: url(images/css/price_bgd.jpg) -2px 0px;
	background-repeat: no-repeat;
	border: 0px solid blue;
	width: 350px;
	height: 78px;
	padding: 10px 0px 0px 11px;
}

.tableright {
	background: url(images/css/table_right_bgd.jpg) 0px 0px;
	background-position: bottom;
}

.tableleft {
	background: url(images/css/table_left_bgd.jpg) 0px 0px;
	background-position: bottom;
}

/* ***************** */

.static {
border: 0px solid red;
padding: 10px;
width: 490px;
}

.ad {
border: 0px solid red;
width: 120px;
height: 60px;
float: left;
margin-bottom: 10px;
margin-left: 5px;
}

.adtext {
border: 0px solid red;
width: 350px;
height: 60px;
float: left;
margin-bottom: 10px;
margin-left: 10px;
}



.ztable {
text-align: center;
}

.zthumbimage {
	border: 0px solid red;
	background: url(images/css/thumb_bgd.jpg) 0px 0px;
	width: 110px;
	height: 140px;
	padding: 14px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	}

html * .zthumbimage {
	w\idth: 110px;
	heigh\t: 128px;
}



.carttable {
border: 0px solid red;
padding: 10px;
width: 519px;
float: left;
clear: left;
}

html * .carttable {
	w\idth: 499px;
}

.buttons {
border: 0px solid red;
padding: 10px;
text-align: center;
}

.update {
	border: 0px solid blue;
	width: 86px;
	height: 46px;
	background: url(images/css/update.jpg) 0px 0px;
}

.returntocatalog {
	border: 0px solid blue;
	width: 166px;
	height: 46px;
	background: url(images/css/returntocatalog.jpg) 0px 0px;
}

.checkoutnow {
	border: 0px solid blue;
	width: 130px;
	height: 46px;
	background: url(images/css/checkoutnow.jpg) 0px 0px;
	font-weight: bold;
	color: #FFFFF6;
}

.next {
	border: 0px solid blue;
	width: 86px;
	height: 46px;
	background: url(images/css/next.jpg) 0px 0px;
	font-weight: bold;
	color: #FFFFF6;
}

.shipping {
border: 0px solid red;
padding: 14px;
float: left;
width: 518px;
}

html * .shipping {
	w\idth: 490px;
}

.tdright {
 text-align: right;
}

.tdleft {
 text-align: left;
}

.tdcenter {
 text-align: center;
}

th {
font-size: 11px;
}

td {
font-size: 11px;
}

hr {
color: #ff960C;
}





