*
{
	font-family:			"Helvetica Neue", Helvetica, Arial, Sans-serif;
	font-size:				11px;
	font-style:				normal;
	color:					#333333;
	margin:					0px;
	padding:				0px;
}

body 
{
	background-color:		#454545;
	background-image:		url('/images/body_bg.png');
	background-repeat:		repeat-x;
}

/* ----- PAGE LAYOUT -----  */

.container
{
	width:					960px;
	margin-left:			auto; 
	margin-right:			auto;
	background-image:		url('/images/head_bg.png');
	background-repeat:		repeat-x;
	background-color:		#ffffff;
}

.panel_head
{
	width:					100%;
	height:					51px;
	background-image:		url('/images/logo.png');
	background-position:	15px 8px;
	background-repeat:		no-repeat;
}

.panel_nav
{
	width:					960px;
}

.panel_data
{
	background-color: 		#ffffff;
	width:					950px;
	padding-top:			30px;
	padding: 				5px;
}

.panel_foot
{
	color:					#515151;
	background-color:		#515151;
	height:					150px;
	width:					100%;
	padding-top: 			30px;
}

/* ----- Top links ----- */

.panel_head .logo
{
	float:					left;
	height:					32px;
	width:					350px;
	cursor:					pointer;
}

.panel_head .search
{
	float:					right;
	padding-right:			15px;
	padding-top:			8px;
}

.panel_head p
{
	color:					#ffffff;
	font-size:				14px;
}

.panel_head input
{
	color:					#ffffff;
	background-color:		#515151;
	font-size:				12px;
	border:					1px solid #999999;
	width:					165px;
	height:					18px;
}

/* ----- DATA PANELS IN CENTER ----- */

.data_main
{
	padding-left:			30px;
	padding-right:			30px;
	background-color:		#ffffff;
}

.data_subnav
{
	width:					180px;
	background-color:		#eeeeee;
}

.data_other
{
	width:					180px;
	background-color:		#eeeeee;
}


/* ----- TOP NAV ----- */
 
.nav_bg
{
	margin-bottom:			15px;
}

.nav_on,
.nav_off
{
	height:					56px;
	text-align:				center;
	padding-left:			15px;
	padding-right:			15px;
}

.nav_off a
{
	color: 					#ffffff;
	font-size:				12px;
}

.nav_off a:hover
{
	color: 					#eeeeee;
	text-decoration:		none;
	cursor:					pointer;
}

.nav_on
{
	background-image:		url('/images/nav_point.png');
	background-position:	bottom;
	background-repeat:		no-repeat;
}

.nav_on a,
.nav_on a:hover
{
	color: 					#ffffff;
	font-weight:			bold;
	text-decoration:		none;
	font-size:				13px;
}

/* ----- SUBNAV ----- */

.subnav
{
	padding:				8px 15px 8px 15px;
	border-bottom:			2px solid #ffffff;
	text-align:				left;
}

.subnav_hover
{
	background-color:		#e0e0e0;
	color:					#000000;
	padding:				8px 15px 8px 15px;
	border-bottom:			2px solid #ffffff;
	text-align:				left;
	cursor:					pointer;
}

.subnav_active
{
	background-color:		#e0e0e0;
	color:					#000000;
	font-size:				12px;
	font-weight:			bold;
	padding:				8px 15px 8px 15px;
	border-bottom:			2px solid #ffffff;
	text-align:				left;
	cursor:					pointer;
}

.subnav a,
.subnav_hover a,
.subnav_hover a:hover
{
	font-size:				12px;
	color:					#333333;
	text-decoration:		none;
}

/* ----- FOOTER TEXT ----- */

.panel_foot
{
	text-align: 			center;
	font-size: 				11px;
	color:					#999999;
}

.panel_foot a,
.panel_foot a:hover
{
	font-size: 				11px;
	color:					#515151;
}

/* ----- HOME TAGS -----  */
.panel_head a
{
	color:					#ffffff;
	font-size:				12px;
	text-decoration: 		none;
}

.panel_head a:hover
{
	color:					#ffffff;
	font-size:				12px;
	text-decoration: 		underline;
}

/* ----- DEFAULT TAGS -----  */

h1
{
	color:					#ff3399;
	font-size:				16px;
	padding-top:			5px;
	padding-bottom:			15px;
}

.h1_hover
{
	color:					#000000;
	text-decoration:		underline;
	cursor: 				pointer;
}

h2
{
	color:					#ff3399;
	font-size:				14px;
	padding-bottom:			15px;
}

a
{
	color:					#ff3399;
	text-decoration:		none;
	outline:				none;
}

a:hover
{
	color:					#ff3399;
	text-decoration:		underline;
}

/* ----- PRODUCT STYLE -----  */

.content
{
	padding:				0px;
	padding-bottom:			15px;
}

.content p
{
	line-height:			22px;
}

.teaser
{
	color:					#999999;
	font-size:				14px;
	font-style:				italic;
	line-height:			22px;
	padding-bottom:			30px;
}

.price
{
	color:					#ff3399;
	font-size:				26px;
	font-style:				bold;
	padding-top:			30px;
}

.price_rrp
{
	color:					#333333;
	font-size:				14px;
	font-style:				normal;
}


.price_small
{
	font-size:				9px;
	color:					#666666;
}

.img
{
	border:					1px solid #cccccc;
	margin-left: 			15px;
}

.img_hover
{
	border:					1px solid #666666;
	margin-left: 			15px;
	cursor: 				pointer;
}

.button_img
{
	background-image:		url('/images/button.gif');
	height:					25px;
	width:					200px;
	color:					#333333;
	padding-left:			30px;
	padding-right:			30px;
	border:					1px solid #cccccc;
}

.button_img_hover
{
	background-image:		url('/images/button_hover.gif');
	height:					25px;
	width:					200px;
	color:					#000000;
	padding-left:			30px;
	padding-right:			30px;
	border:					1px solid #aaaaaa;
	cursor:					pointer;
}

/* ----- SEARCH FORM ----- */

.search_form
{
	padding-top:			5px;
	padding-bottom:			30px;
	border-bottom:			1px solid #cccccc;
}

.search_text
{
	font-size:				18px;
	color:					#ff3399;
}

.search_input
{
	border:					1px solid #cccccc;
}

.search_input input
{
	font-size:				16px;
	color:					#333333;
	border:					0px;
}

.search_button
{
	background-image:		url('/images/button.gif');
	color:					#333333;
	padding-left:			5px;
	padding-right:			5px;
	border:					1px solid #cccccc;
}

.search_button_hover
{
	background-image:		url('/images/button_hover.gif');
	color:					#000000;
	padding-left:			5px;
	padding-right:			5px;
	border:					1px solid #aaaaaa;
	cursor:					pointer;
}

/* ----- SEARCH RESULTS ----- */

.result_container
{
	margin-top:				5px;
	margin-bottom:			5px;
	padding:				5px;
	border:					1px solid #ffffff;
	border-bottom:			1px solid #cccccc;
}

.result_container_hover
{
	margin-top:				5px;
	margin-bottom:			5px;
	padding:				5px;
	background-color: 		#eeeeee;
	border:					1px solid #cccccc;
	cursor:					pointer;
}

.result_thumb
{
	margin-right:			15px;
	width:					70px;
	height:					70px;
	border:					1px solid #cccccc;
	background-position:	center;
	background-repeat:		no-repeat;
}

.result_title a,
.result_title a:hover
{
	font-size:				12px;
	font-weight: 			bold;
	text-decoration: 		none;
}

.result_price
{
	font-size:				16px;
	color:					#ff3399;
	font-weight: 			normal;
	padding-top:			5px;
	padding-bottom:			5px;
}

.result_rrp
{
	font-size:				12px;
	color:					#333333;
	font-weight: 			normal;
	padding-top:			5px;
	padding-bottom:			5px;
	background:				url('/images/dot.gif') repeat-x center left;
}

.result_next_prev
{
	font-size:				12px;
	color:					#666666;
	font-weight:			bold;
	text-decoration:		none;
}

.result_next_prev:hover
{
	text-decoration:		none;
}

.result_next_prev big
{
	font-size:				14px;
	color:					#000000;
	font-weight:			bold;
	text-decoration:		none;
	border:					1px solid #cccccc;
}

/* ----- RHS HOT ITEMS ----- */

.hot_head
{
	background-color:		#ffffff;
	font-size:				14px;
	font-weight:			bold;
	color:					#808080;
}

.hot_item,
.hot_item_hover
{
	padding:				10px;
	border-bottom:			2px solid #ffffff;
}

.hot_item_hover
{
	background-color: 		#e0e0e0;
	cursor: 				pointer;
}

.hot_item img,
.hot_item_hover img
{
	height:					60px;
	width:					60px;
	border:					1px solid #999999;
	margin-bottom:			10px;
}

.hot_item .price,
.hot_item_hover .price
{
	color:					#ff3399;
	font-size:				16px;
	font-style:				bold;
}

.hot_item .price_rrp,
.hot_item_hover .price_rrp
{
	color:					#333333;
	font-size:				12px;
	font-style:				bold;
	background:				url('/images/dot.gif') repeat-x center left;
}

.hot_item p,
.hot_item_hover p,
.hot_item a,
.hot_item_hover a
{
	font-size:				10px;
	text-decoration:		none;
}


/* ----- PREVIEW ITEMS ----- */

.preview
{
	background-color:		#ffffff;
	color:					#333333;
	width:					200px;
	padding:				15px;
	border: 				1px solid #ffffff;
}

.preview_hover
{
	background-color:		#eeeeee;
	color:					#000000;
	width:					200px;
	padding:				15px;
	border: 				1px solid #cccccc;
	cursor:					pointer;
}

.preview img,
.preview_hover img
{
	width:					200px;
	height:					200px;
	border:					1px solid #cccccc;
}

.preview .price,
.preview_hover .price
{
	font-size:				16px;
	font-weight:			normal;
	color:					#ff3399;
}

.preview .rrp,
.preview_hover .rrp
{
	font-size:				12px;
	font-weight:			normal;
	color:					#333333;
	background:				url('/images/dot.gif') repeat-x center left;
}