/*
####################################
## ---------- CONTENTS ---------- ##
##                                ##
## 1. PAGE LAYOUT AND STYLING     ##
## 2. HYPERLINK STYLING           ##
## 3. SPECIFIC INLINE STYLING     ##
## 4. MENU BEHAVIOUR              ##
## 5. PRODUCT PAGES               ##
## 6. SIZES PAGE                  ##
##                                ##
####################################
*/







/*
## 1. PAGE LAYOUT AND STYLING
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003;
	background-color: #ffc;
}
#header {
	/*background: transparent url(images/topback.jpg) repeat-x bottom;*/
	height: 80px;
}
	#header .logo {
		background: transparent url(images/logo.jpg) no-repeat top right;
		width: 335px;
		height: 80px;
		float: right;
		margin: 0px;
	}
	#header .logo1 {
		/*background: transparent url(images/logo1.jpg) no-repeat;*/
		width: 87px;
		height: 80px;
	}
	#header span {
		display: none;
	}
#menu {
	height: 90px;
}
#news {
	background: #ffc;
	padding: 5px;
	border: 1px solid #000;
	width: 150px;
	min-height: 100px;
	max-height:440px;
/* 	overflow: scroll; */
	float: left;
	margin: 10px;
	font-weight: bold;
}
	#news h2 {
		padding: 2px;
		margin: 2px;
	}
	#news p {
		font-weight: normal;
	}
	#news p a {
		font-weight: bold;
		color: #990099;
		text-decoration: none;
	}
#page {
	background: #69F url(images/cback.jpg) repeat-y center;
	padding: 10px;
	border: 1px solid #000;
	min-height: 500px;
}
	#page img.rh {
		float: right;
		border: 1px solid #000;
		margin: 0 0 10px 10px;
	}
	#page .links-box {
		background: url(images/back.jpg) repeat;
		padding: 5px;
		margin-top: 10px;
		border: 1px solid #000;
		text-align: right;
	}
	.minheight {
		min-height: 457px;
	}






/*
## 2. HYPERLINK STYLING
*/
a.side, .menu a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.side, .menu a:hover {
	color: #990099;
}

a.stock {
	font-weight: bold;
	color: #990099;
	text-decoration: none;
}

a:hover.stock {
	color: #000;
}









/*
## 3. SPECIFIC INLINE STYLING
*/
.titles, .title {
	font-size: 18pt;
	color: #FF0099;
}
.small {
	font-size: 12px;
	color: #000066;
}
.red-text {
	font-weight: bold;
	color: #FF0000;
}
.blue-text {
	font-weight: bold;
	color: #000066;
}
.err {
	display: none;
}









/*
## 4. MENU BEHAVIOUR STYLING
*/
.menu {
	height: 80px;
}
.menu li {
	display: block;
	position: absolute;
	text-align: center;
	list-style: none;
}
.menu #pic {
	height: 80px;
	border: 1px solid #000;
	border-right: none;
}
.menu #pic.last {
	border: 1px solid #000;
}
.menu #pic.lasst {
	border: none;
}
.menu #pic:hover, .menu #pic.over {
	background: #69F;
}
.menu #pic a {
	display: none;
	width: 100%;
}
.menu #pic:hover a, .menu #pic.over a{
	display: block;
}

.sub-menu {
	display: none;
	left: 0px;
}
.menu li:hover .sub-menu, .menu li.over .sub-menu{
	display: block;
}



.sub-menu {
	padding: 0;
	margin: 0;
	height: 65px;
	background: #ffc;
}
.sub-menu li {
	position: relative;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom: 1px solid #000;
	background: #ffc;
}
.sub-menu a {
	font-weight: bold;
	color: #990099;
	text-decoration: none;
	min-height: 20px;
}
	.sub-menu a:hover {
		color: #000;
	}











/*
## 5. PRODUCT PAGES
*/

.item {
	margin: 0 250px 10px 0;
	min-height: 200px;
	border: 1px solid #003;
	padding: 10px;
	clear: left;
}
.thumb {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #000;
}
	.thumb img {
		border: 0px;
	}
.details {
	float: right;
	min-width: 110px;
}











/*
## 6. SIZES PAGE
*/

table.sizes {
}

table.size-conversions {
	width: 100%;
}
table.size-conversions td {
	width: 25%;
	text-align: left;
}