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

	w2uws.css
	
	Cascading Style Sheet for the Watches2u Wholesale Website pages.
	
	Copyright 2004 Watches2U.

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

/*
	The following two deal with links on the site.
*/

a, a:link, a:visited, a:active {
	text-decoration : none;
	color : #4F5054;
}

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

/*
	The following two deal with links on the site's menu.
*/

a.menu, a.menu:link, a.menu:visited, a.menu:active {
	text-decoration : none;
	color : #FFFFFF;
}

a.menu:hover {
	text-decoration : underline;
	color : #FFFFFF;
}

/*
	The following style is for setting the background colour and main font of all the pages.
*/

html, body {
	background-color : #D3D3D3;
	font-family : Times;
	font-size : 12px;
	color : #4F5054;
	margin : 2px;
}

/*
	The following styles define the main layout of the site.
*/

.top {
	position : relative;
	top : 0px;
	left : 0px;
	height : 262px;
	width : 770px;
	background-color : #D3D3D3;
	border : none;
	border-width : 0px;
	border-color : #4F5054;
}

.top_small {
	position : relative;
	top : 0px;
	left : 0px;
	height : 150px;
	width : 770px;
	background-color : #D3D3D3;
	border : none;
	border-width : 0px;
	border-color : #4F5054;
}

.middle {
	position : relative;
	top : 2px;
	left :0px;
	width : 769px;
	background-color : #FFFFFF;
}	

/*
	The following styles are used in the top section of the site.
*/

.top_logo {
	position : absolute;
	left : 0px;
	top : 0px;
	width: 220px;
	height : 262px;
}

.top_watch {
	position : absolute;
	left : 222px;
	top : 0px;
	width: 547px;
	height : 262px;
	background : url(../images/user/top_watch.jpg);
	background-repeat : no-repeat;
}

.top_logo_small {
	position : absolute;
	left : 0px;
	top : 0px;
	width: 125px;
	height : 150px;
}

.top_watch_small {
	position : absolute;
	left : 127px;
	top : 0px;
	width: 643px;
	height : 150px;
	background : url(../images/user/top_watch_small.jpg);
	background-repeat : no-repeat;
}

/*
	The following styles are used in the middle section of the site.
*/

.middle_empty {
	position : absolute;
	top : 33px;
	left :0px;
	height : 75px;
	width : 506px;
	background-color : #FFFFFF;
	text-align : left;
}

.middle_navigation {
	position : absolute;
	top : 0px;
	left :506px;
	height : 108px;
	width : 263px;
	background-color : #D3D3D3;
}

.middle_navigation_basket {
	position : absolute;
	top : 0px;
	left :2px;
	height : 31px;
	width : 261px;
	overflow : hidden;	
	background-color : #D86A89;
	text-align : right;
	font-family : Arial;
	font-size : 16px;
	color : #FFFFFF;
}

.middle_navigation_search {
	position : absolute;
	top : 33px;
	left :2px;
	height : 43px;
	width : 255px;
	overflow : auto;	
	background-color : #D86A89;
	padding-top : 14px;
	padding-right : 6px;
	text-align : right;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
}

.middle_navigation_rest {
	position : absolute;
	top : 76px;
	left :2px;
	height : 22px;
	width : 261px;
	overflow : auto;	
	background-color : #D86A89;
	padding-top : 8px;
	text-align : center;
	font-family : Arial;
	font-size : 10px;
	color : #FFFFFF;
}

.middle_gap {
	position : absolute;
	top : 108px;
	left : 0px;
	height : 30px;
	width : 769px;
	background-color : #FFFFFF;
}

.middle_title {
	position : absolute;
	left : 20px;
	top : 33px;
}

.middle_box {
	position : absolute;
	top : 138px;
	left : 0px;
	width : 769px;
	overflow : visible;
	font-family : Times;
	font-size : 12px;
	text-align : left;
	background-color : #FFFFFF;
}

.middle_box_signin {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 769px;
	overflow : visible;
	font-family : Times;
	font-size : 12px;
	text-align : left;
	background-color : #FFFFFF;
}

.middle_table {
	position : relative;
	left :20px;
	width : 749px; 
	background-color : #FFFFFF;
}

/*
	The following styles are used for menus on the site.
*/

.menu_header_on {
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	padding-top : 0px;
	color : #FFFFFF;
	text-align : center;
}

.menu_header_over {
	font-family : Arial;
	font-size : 14px;
	padding-top : 0px;
	color : #BCC1CB;
	text-align : center;
}

.menu_item_on {
	font-family : Arial;
	font-size : 10px;
	padding-top : 3px;
	padding-left : 5px;
	color : #FFFFFF;
	text-align : left;
}

.menu_item_over {
	font-family : Arial;
	font-size : 10px;
	padding-top : 3px;
	padding-left : 5px;
	color : #BCC1CB;
	text-align : left;
}

/*
	The following styles are used on the view basket page.
*/

.basket_text {
	font-weight : bold;
	color : #D86A89;
}

.basket_warning {
	font-weight : bold;
	color : #D86A89;
}

.basket_total {
	background-color : #D86A89;
}

.basket_total_image {
	padding-top : 3px;
	padding-left : 2px;
}

.basket_total_text {
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight : bold;
	padding : 3px;
}

/*
	The following styles are used on the account pages of the site.
*/

.account_odd_row {
	background-color : #FFFFFF;
	font-family : Times;
	font-size : 12px;
	color : #4F5054;
}

.account_even_row {
	background-color : #D3D3D3;
	font-family : Times;
	font-size : 12px;
	color : #4F5054;
}

.account_order_basket_text {
	font-weight : bold;
	color : #D86A89;
}

a.account_menu, a.account_menu:link, a.account_menu:visited, a.account_menu:active, a.account_menu:hover {
	color : #D86A89;
	font-weight : bold;
}

/*
	The following styles are used on the product details page.
*/

.details_table {
	width : 740px;
	text-align : center;
}

.details_column_left {
	position : relative;
	width : 350px;
	text-align : center;
	overflow : hidden;
}

.details_column_right {
	position : relative;
	width : 390px;
	text-align : left;
	overflow : hidden;
}

.details_image {
}

.details_name {
	display : inline;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #D86A89;
}

.details_manufacturer {
	display : inline;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #D86A89;
}

.details_model {
	display : inline;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #D86A89;
}

.details_details {
	position : relative;
	width : 306px;	
	text-align : left;
}

.details_stock {
}

.details_stock_text {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	/*color : #000;*/
	padding-right : 5px;
	padding-top : 4px;
}

.details_standardshipping_title {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #D86A89;
}

.details_standardshipping_box {
	position : relative;
	width : 306px;	
	height : 92px;
	text-align : center;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	background : url(../images/user/details/standardshipping.jpg);
	background-repeat : no-repeat;
}

.details_standardshipping_box_text_1_24{
	position : absolute;
	top : 4px;
	left : 16px;
	height : 18px;
	width : 144px;
}

.details_standardshipping_box_text_25_49{
	position : absolute;
	top : 26px;
	left : 16px;
	height : 18px;
	width : 144px;
}

.details_standardshipping_box_text_50_99{
	position : absolute;
	top : 49px;
	left : 16px;
	height : 18px;
	width : 144px;
}

.details_standardshipping_box_text_100plus{
	position : absolute;
	top : 72px;
	left : 16px;
	height : 18px;
	width : 144px;
}

.details_standardshipping_box_price_1_24{
	position : absolute;
	top : 4px;
	left : 161px;
	height : 18px;
	width : 144px;
}

.details_standardshipping_box_price_25_49{
	position : absolute;
	top : 26px;
	left : 161px;
	height : 18px;
	width : 144px;
}

.details_standardshipping_box_price_50_99{
	position : absolute;
	top : 49px;
	left : 161px;
	height : 18px;
	width : 144px;
}

.details_standardshipping_box_price_100plus{
	position : absolute;
	top : 72px;
	left : 161px;
	height : 18px;
	width : 144px;
}

.details_directshipping_title {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #D86A89;
}

.details_directshipping_box {
	position : relative;
	width : 306px;	
	height : 22px;
	text-align : right;
	background : url(../images/user/details/directshipping.jpg);
	background-repeat : no-repeat;
}

.details_directshipping_box_text {
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight : bold;
	padding-right : 5px;
	padding-top : 4px;
}

.details_costprice_title {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #D86A89;
}

.details_costprice_box {
	position : relative;
	width : 306px;	
	height : 22px;
	text-align : right;
	background : url(../images/user/details/costprice.jpg);
	background-repeat : no-repeat;
}

.details_costprice_box_text {
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight : bold;
	padding-right : 5px;
	padding-top : 4px;
}

.details_allprices_title {
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	color : #D86A89;
}

.details_allprices_box {
	position : relative;
	width : 306px;	
	height : 22px;
	text-align : right;
	background : url(../images/user/details/directshipping.jpg);
	background-repeat : no-repeat;
}

.details_allprices_box_text {
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	font-weight : bold;
	padding-right : 5px;
	padding-top : 4px;
}

/*
	The following styles are used on the search page.
*/

.search_table {
	width : 740px;
	text-align : center;
}

.search_thumbnail {
}

.search_column {
	position : relative;
	width : 185px;
	text-align : center;
	overflow : hidden;
}

.search_description {
	display : inline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #4F5054;
}

.search_navigation {
	text-decoration : none;
	display : inline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #D86A89;
}

a.search_navigation, a.search_navigation:hover {
	text-decoration : none;
	display : inline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #D86A89;
}

a.search_name, a.search_name:hover {
	text-decoration : none;
	display : inline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #BCC1CB;
}

a.search_price, a.search_price:hover {
	text-decoration : none;
	display : inline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #D86A89;
}

a.search_basket {
	text-decoration : none;
	display : inline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #BCC1CB;
}

a.search_basket:hover {
	text-decoration : underline;
	display : inline;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #BCC1CB;
}

/*
	The following styles are used on the sign up page.
*/

.signup_required {
	display : inline;
	color : #000000;
}

/*
	The following styles are used for form elements on the site.
*/

input.field {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #FFFFFF;
	width : 150px;
	height : 18px;
	color : #4F5054;
}

input.field_pink {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #FFFFFF;
	width : 150px;
	height : 18px;
	color : #4F5054;
}

input.field_basketquantity {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #FFFFFF;
	text-align : right;
	width : 40px;
	height : 18px;
	color : #4F5054;
}

input.select, input[type="select"] {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #FFFFFF;
	width : 150px;
	height : 18px;
	color : #4F5054;
}
						
textarea, .textarea {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #FFFFFF;
	width : 300px;
	height : 100px;
	color : #4F5054;
}

input.file {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #FFFFFF;
	width : 236px;
	height : 22px;
	color : #4F5054;
}

input.button {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #D3D3D3;
	height : 24px;
	color : #4F5054;
}

input.button_pink {
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	background-color : #FFFFFF;
	height : 22px;
	color : #4F5054;
}

input.button_basket_add {
}

input.button_basket_update {
}

input.button_basket_checkout {
}

input.button_checkout_confirm {
}

input.button_directship_recipient {
}

input.button_order_type {
}

input.button_payment_choose {
}

a.button, a.button:link, a.button:visited, a.button:active, a.button:hover {
	position : absolute;
	margin-top : 4px;
	color : #4F5054;
	text-decoration : none;
	background-color : #D3D3D3;
	border : solid;
	border-width : 1px;
	border-color : #4F5054;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 9px;
	padding-right : 9px;
}