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

	Cascading Style Sheet for the Skinlight website pages.
	
	Copyright 2006 Skinlight Cosmetics Ltd. / Pretentious Ltd.

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

/*
	Custom Layouts.
*/

.custom_text { font : 12px 'Lucida Grande',Verdana,Arial,sans-serif; color : #000000; }
.custom_header { font : 12px 'Lucida Grande',Verdana,Arial,sans-serif; color : #000000; font-weight : bold; }


/*
	Main layout for the site.
*/

html, body
{
	left : 0px;
	top : 0px;
	width : 100%;
	margin : 0px;
	padding : 0px;
	background : #FFFFFF;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	color : #8A8A8A;
}

.content_top
{
	position : relative;
	height : 159px;
	background-image : url('media/user/images/background_top.jpg');
	background-repeat : repeat-x;
}

.content_middle
{
	position : relative;
	border-bottom : 1px solid #E0F4F2;
	/* border-bottom : 1px solid #E3E3E3; */
}

.content_bottom
{
	position : relative;
}

/*
	Styles for the top area of the site.
*/

.top_logo
{
	position : absolute;
	left : 20px;
	top : 21px;
}

.top_date
{
	position : absolute;
	right : 20px;
	top : 22px;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	color : #AAAAAA;	
	font-weight : bold;
}

.top_information
{
	position : absolute;
	right : 20px;
	top : 39px;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	color : #AAAAAA;	
	font-weight : bold;
}

.top_links
{
	position : absolute;
	right : 20px;
	top : 61px;
}

a.link_top, a.link_top:link, a.link_top:visited, a.link_top:active
{
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	color : #AAAAAA;	
	font-weight : bold;
	text-decoration : none;
}

a.link_top:hover
{
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	color : #AAAAAA;	
	font-weight : bold;
	text-decoration : underline;
}

.top_menu
{
	position : relative;
	left : 0px;
	top : 93px;
	width : 100%;
	height : 32px;
}

.top_menu_left
{
	position : absolute;
	left : 0px;
	top : 0px;
}

.top_menu_right
{
	position : absolute;
	right : 0px;
	top : 0px;
}

.top_menu_inner
{
	position : relative;
	left : 0px;
	top : 0px;
	width : 949px;
	height : 32px;
}

.top_menu_manufacturers
{
	position : absolute;
	left : 0px;
	top : 0px;
}

.top_menu_account
{
	position : absolute;
	left : 146px;
	top : 0px;
}

.top_menu_articles
{
	position : absolute;
	left : 273px;
	top : 0px;
}

.top_menu_help
{
	position : absolute;
	left : 440px;
	top : 0px;
}

.top_menu_contact
{
	position : absolute;
	left : 571px;
	top : 0px;
}

.top_menu_about
{
	position : absolute;
	left : 700px;
	top : 0px;
}

.top_menu_basket
{
	position : absolute;
	left : 826px;
	top : 0px;
}

.top_menu_login
{
	position : absolute;
	left : 826px;
	top : 0px;
}

.top_menu_logout
{
	position : absolute;
	left : 826px;
	top : 0px;
}

.top_search
{
	position : absolute;
	left : 0px;
	top : 130px;
	width : 100%;
	text-align : center;
}

.top_search_form
{
	position : relative;
	left : 0px;
	top : 0px;
	width : 800px;
}

.top_search_form_search
{
	position : absolute;
	left : 230px;
	top : 4px;
}

.top_search_form_input
{
	position : absolute;
	left : 290px;
	top : 1px;
	width : 220px;
	height : 17px;
	
	padding-left : 3px;
	padding-right : 0px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('media/user/images/search/search_input.jpg');
	background-repeat : no-repeat;
	
	text-align : left;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

.top_search_form_go
{
	position : absolute;
	left : 520px;
	top : 0px;
}

.top_search_form_advanced
{
	position : absolute;
	left : 570px;
	top : 2px;
}

/*
	Styles for the middle area of the site.
*/

.middle_left
{
	border-right : 1px solid #E0F4F2;
	background-color : #E5FAF8;
}

.middle_right
{
	border-left : 1px solid #E0F4F2;
}

.middle_left_line
{
	position : relative;
	width : 183px;
	height : 1px;
	overflow : hidden;
	background-color : #FFFFFF;
}

.middle_left_category_odd
{
	padding-left : 14px;
	padding-right : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	background-color : #E5FAF8;
}

.middle_left_category_even
{
	padding-left : 14px;
	padding-right : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	background-color : #D0F5F1;
}

a.link_middle_left_category, a.link_middle_left_category:link, a.link_middle_left_category:visited, a.link_middle_left_category:active
{
	margin-left : 2px;
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : none;
}

a.link_middle_left_category:hover
{
	margin-left : 2px;
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : none;
}

.middle_left_poll_outer
{
	position : relative;
	display : inline;
	left : 0px;
	top : 0px;
}

.middle_left_poll_inner
{
	background-color : #E5FAF8;
}

.middle_left_poll_text
{
	margin-left : 14px;
	margin-top : 3px;
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_middle_left_poll, a.link_middle_left_poll:link, a.link_middle_left_poll:visited, a.link_middle_left_poll:active
{
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : none;
}

a.link_middle_left_poll:hover
{
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : underline;
}

.middle_left_text
{
	margin-left : 14px;
	margin-top : 3px;
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
}

.middle_right_basket_outer
{
	position : relative;
	display : inline;
	left : 0px;
	top : 0px;
}

.middle_right_basket_inner
{
	background-color : #88D7D4;
}

.middle_right_basket_line
{
	position : relative;
	width : 183px;
	height : 1px;
	overflow : hidden;
	background-color : #FFFFFF;
}

.middle_right_basket_item
{
	/* position : relative; */
	margin-left : 10px;
	margin-top : 6px;
	width : 170px;
	color : #FFFFFF;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

.middle_right_basket_summary
{
	position : relative;
	width : 183px;
	text-align : right;
}

.middle_right_basket_subtotal
{
	color : #FFFFFF;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
	font-weight : bold;
	text-align : center;
}

.middle_right_basket_viewbasket
{
	position : relative;
	left : 30px;
}

.middle_right_basket_checkout
{
	position : relative;
	left : 30px;
}

.middle_right_newsletter_outer
{
	position : relative;
	display : inline;
	left : 0px;
	top : 0px;
}

.middle_right_newsletter_inner
{
	background-color : #E5FAF8;
}

.middle_right_newsletter_text
{
	margin-left : 14px;
	margin-top : 3px;
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
}

.middle_right_poll_outer
{
	position : relative;
	display : inline;
	left : 0px;
	top : 0px;
}

.middle_right_poll_inner
{
	background-color : #E5FAF8;
}

.middle_right_poll_text
{
	margin-left : 14px;
	margin-top : 3px;
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_middle_right_poll, a.link_middle_right_poll:link, a.link_middle_right_poll:visited, a.link_middle_right_poll:active
{
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : none;
}

a.link_middle_right_poll:hover
{
	color : #69B4AD;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : underline;
}

.middle_right_product
{
	position : relative;
	left : 0px;
	top : 0px;
	width : 180px;
	height : 53px;
	border-bottom : 1px #E0F4F2 solid;
}

.middle_right_product_image
{
	position : absolute;
	left : 5px;
	top : 2px;
}

a.middle_right_product_description, a.middle_right_product_description:link, a.middle_right_product_description:visited, a.middle_right_product_description:active
{
	position : absolute;
	left : 63px;
	top : 13px;
	color : #AAAAAA;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : none;
	font-weight : bold;
}

a.middle_right_product_description:hover
{
	position : absolute;
	left : 63px;
	top : 13px;
	color : #AAAAAA;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	text-decoration : underline;
	font-weight : bold;
}

.middle_right_product_price
{
	position : absolute;
	left : 63px;
	top : 28px;
	color : #575757;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	font-weight : bold;
}

.middle_yai
{
	display : block;
	position : relative;
	left : 0px;
	top : 0px;
	width : 100%;
	height : 28px;
	/* background-color : #DAF8F5; */
	background-image : url('media/user/images/background_yai.jpg');
	background-repeat : repeat-x;
}

.middle_yai_left
{
	position : absolute;
	left : 0px;
	top : 0px;
	width : 1px;
	height : 26px;
	background-color : #FFFFFF;
}

.middle_yai_right
{
	position : absolute;
	right : 0px;
	top : 0px;
	width : 1px;
	height : 26px;
	background-color : #FFFFFF;
}

.middle_yai_text
{
	position : absolute;
	left : 27px;
	top : 8px;
}

.middle_yai_title
{
	display : inline;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	font-weight : bold;
	color : #575757;
}

.middle_yai_path
{
	display : inline;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	font-weight : bold;
	color : #49BEB2;
}

a.link_yai, a.link_yai:link, a.link_yai:visited, a.link_yai:active
{
	display : inline;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	font-weight : bold;
	color : #49BEB2;
	text-decoration : none;
}

a.link_yai:hover
{
	display : inline;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	font-weight : bold;
	color : #49BEB2;
	text-decoration : underline;
}

.middle_text
{
	display : block;
	padding-left : 27px;
	padding-right : 27px;
}

/*
	Styles for the bottom area of the site.
*/

.bottom_left
{
	position : absolute;
	left : 10px;
	top : 0px;
	text-align : left;
}

.bottom_right
{
	position : absolute;
	right : 10px;
	top : 0px;
	text-align : right;
}

.bottom_navigation
{
	display : inline;
}

.bottom_copyright
{
	display : inline;
	color : #AAAAAA;
}

.bottom_pretentious_text
{
	display : inline;
	color : #AAAAAA;
}

.bottom_pretentious_logo
{
	display : inline;
}

a.link_bottom_navigation, a.link_bottom_navigation:link, a.link_bottom_navigation:visited, a.link_bottom_navigation:active
{
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	color : #AAAAAA;	
	text-decoration : none;
}

a.link_bottom_navigation:hover
{
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
	color : #AAAAAA;	
	text-decoration : underline;
}

/*
	Links used throughout the site.
*/

a.link_normal, a.link_normal:link, a.link_normal:visited, a.link_normal:active
{
	text-decoration : none;	
	color : #575757;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_normal:hover
{
	text-decoration : underline;	
	color : #575757;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_light, a.link_light:link, a.link_light:visited, a.link_light:active
{
	text-decoration : none;	
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_light:hover
{
	text-decoration : underline;	
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_large, a.link_large:link, a.link_large:visited, a.link_large:active
{
	text-decoration : none;	
	color : #575757;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_large:hover
{
	text-decoration : underline;	
	color : #575757;
	font : 12px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_green, a.link_green:link, a.link_green:visited, a.link_green:active
{
	text-decoration : none;	
	color : #5CCBC4;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

a.link_green:hover
{
	text-decoration : underline;	
	color : #5CCBC4;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

/*
	Inputs used throughout the site.
*/

textarea
{
	display : inline;
	border : 1px solid #AAAAAA;
	padding : 2px;
	width : 235px;
	height : 100px;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

input.form_text_large
{
	display : inline;
	left : 0px;
	top : 2px;
	width : 238px;
	height : 17px;
	
	padding-left : 3px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('media/user/images/shared/input_large.jpg');
	background-repeat : no-repeat;
	
	text-align : left;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

input.form_text_medium
{
	display : inline;
	left : 0px;
	top : 2px;
	width : 161px;
	height : 17px;
	
	padding-left : 3px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('media/user/images/shared/input_medium.jpg');
	background-repeat : no-repeat;
	
	text-align : left;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

input.form_text_newsletter
{
	display : inline;
	left : 2px;
	top : 2px;
	width : 116px;
	height : 17px;
	
	margin-left : 2px;
	padding-left : 3px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('media/user/images/shared/input_newsletter.jpg');
	background-repeat : no-repeat;
	
	text-align : left;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

input.form_text_small
{
	display : inline;
	left : 0px;
	top : 2px;
	width : 41px;
	height : 17px;
	
	padding-left : 3px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('media/user/images/shared/input_small.jpg');
	background-repeat : no-repeat;
	
	text-align : left;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

input.form_text_tiny
{
	display : inline;
	left : 0px;
	top : 2px;
	width : 31px;
	height : 17px;
	
	padding-left : 0px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('media/user/images/shared/input_tiny.jpg');
	background-repeat : no-repeat;
	
	text-align : center;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

.form_select
{
	height : 17px;
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}

.form_option
{
	color : #8A8A8A;
	font : 10px 'Lucida Grande',Verdana,Arial,sans-serif;
}