/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich
Date Created:	2007.08.14
File Purpose:	RAW Rawland Cycles - Base Style sheet
REVISIONS:
	- 2008.03.11.RAM - Updated added class gallery_image_absolute: used for main image that is switched with javascript...now size is variable.
-------------------------------------------------------------------------------------------------------- */

/* widths and heights to change for new client
	#table_main								width: 770px;					--> width of entire site with shadows
	#table_body								width: 770px;					--> width of main content between shadows
	#table_footer							height: 60px;					--> total height of footer including 'powered by venyou' text
	#main_container							width: 770px;					--> width of div container for main window
	* all column containers with left margins
	.column_content_image					margin: 30px 0px 0px 0px;		--> top margin for all content in site, minus 3px for text version
	.column_content_text					margin: 27px 0px 0px 0px;		--> top margin for all content in site, minus 3px for text version
	.text_area_section_image				width: 300px;					--> width of area to the side of a section image where text either wraps
																				or is highlighted for event information.  need width for section headers
																				and background color.
	.links_text_wthumb						width: 470px;					--> width of text block in links row if there is a thumb image
	* all form field widths													--> contact section form field and label widths must be set
*/

/* FONT DEFINITIONS */
table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

/* UNIVERSAL IMAGE DEFS */
img.float_left {
	border: 0px;
	float: left;
}

img.float_right {
	border: 0px;
	float: right;
}

/* This section image is at the top with a text header, so must have top margin */
img.section_image_text {
	border: 0px;
	margin: 4px 0px 11px 15px;
	padding: 0px;
	float: right;
	display: inline;
}

form.no_margin {
	margin: 0px;
	padding: 0px;
	float: left;
}

form.add_cart {
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: left;
}

/* LINK DEFINITIONS */
a { font-weight: bold; text-decoration: underline; color: #ff0000; }
a:visited { font-weight: bold; text-decoration: underline; color: #ff0000; }
a:hover { font-weight: bold; text-decoration: none; color: #ff0000; }
a:active { font-weight: bold; text-decoration: none; color: #ff0000; }

a.head { font-weight: bold; text-decoration: underline; color: #dfd2b3; float: right; }
a.head:visited { font-weight: bold; text-decoration: underline; color: #dfd2b3; float: right; }
a.head:hover { font-weight: bold; text-decoration: none; color: #dfd2b3; float: right; }
a.head:active { font-weight: bold; text-decoration: none; color: #dfd2b3; float: right; }

/* MAIN ERROR DEFS */
.textError {
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	padding: 0px;
	background-color: #ffeeee;
	float: left;
	display: inline;
}
.textErrorInline {
	margin: 0 0 10px;
}
.textError h1 {
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	float: left;
}
.textError ul {
	margin: 0px;
	padding: 5px 10px 5px 30px;
	float: left;
}

.textError a { padding: 10px; float: left; }

.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}

#table_header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#table_footer {
	width: 100%;
	height: 60px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/* --------------------------- BODY DEFS ----------------------------------- */
#main_container {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_main_top.gif) left top no-repeat;
}

.main_container_bottom {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_main_bottom.gif) left bottom no-repeat;
}

.text_block {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	float: left;
	display: inline;
}

/* --------------------------- COLUMN CONTAINERS FOR BUILD PAGE ----------------------------------- */
.container_full {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.container_side_column {
	width: 160px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.container_centered_column {
	width: 540px;
	margin: 0px 0px 0px 110px;
	padding: 0px;
	float: left;
	display: inline;
}

.container_column_wone {
	width: 540px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	text-align: left;
	float: left;
	display: inline;
}

.container_column_wimage {
	width: 360px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.container_middle_column {
	width: 360px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	text-align: left;
	float: left;
	display: inline;
}

/* --------------------------- COLUMN CONTAINERS FOR EVERY PAGE, WITH TOP MARGIN ----------------------------------- */
/*	
	These two containers are used to control the top margin on a page.  One if there is an image, and one if there is text.
	If there is text at the top of the page, it must be offset to allow for natural text padding.  There are also defs then for
	an image if it's at the top with the text...must have a top margin. (see top of page img.section_image and img.section_image_text)
*/
.column_content_image {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.column_content_callout {
	width: 100%;
	margin: 0;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.column_content_text {
	width: 100%;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.column_content_header_bar {
	width: 100%;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.container_wdivider {
	width: 100%;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/cart_border.gif) top left repeat-x;
}

.container_no_resources {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	text-align: center;
	float: left;
	display: inline;
}

/* --------------------------- MODULE DEFS ----------------------------------- */
.module_container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/home/bg_featured_text.gif) top left repeat-y;
}

.featured_container {
	width: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.module_row {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

.module_col_left {
	width: 165px;
	float: left;
	position: relative;
}

.module_col_right {
	width: 165px;
	float: right;
	position: relative;
}

.module_image_overlay {
	width: 165px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.featured_image_overlay {
	width: 160px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.featured_content {
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	display: inline;
	background: #493829;
}

.featured_content_row {
	width: 100%;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/divider_complete.gif) bottom left no-repeat;
}

.featured_content_row p {
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

.module_content {
	margin: 6px 0px 0px 0px;
	padding: 0px 10px 2px 10px;
}

.module_header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
	background: url(/_images/home/header_featured_text.gif) top left no-repeat;
}

.module_footer {
	 width: 100%;
	 height: 10px;
	 margin: 0px;
	 padding: 0px;
	 float: left;
	 background: url(/_images/home/footer_featured_text.gif) top left no-repeat;
}

.module_footer_short {
	 width: 100%;
	 height: 6px;
	 margin: 0px;
	 padding: 0px;
	 float: left;
	 background: url(/_images/home/footer_featured_text.gif) bottom left no-repeat;
}

.site_map_bullet {
	width: 45px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	float: left;
}

/* --------------------------- HOME DEFS ----------------------------------- */
.container_home_image {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.home_flash {
	width: 760px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.container_home_col {
	width: 350px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.news_header_home {
	width: 100%;
	height: 20px;
	margin: 29px 0px 13px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/headers/header_bar_right.gif) top right no-repeat;
}
.news_header_home h1 {
	width: 200px;
	height: 22px;
	margin: 0px;
	padding: 2px 0px 0px 10px;
	font-size: 11px;
	color: #150c07;
	float: left;
	background: url(/_images/headers/header_bar_left.gif) top left no-repeat;
}
.article_link_row {
	width: 100%;
	margin: 0px 0px 15px 0px;
	float: left;
}
.callout_header {
	width: 350px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}
.callout_bg {
	width: 350px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	display: inline;
}
.callout_padding {
	padding: 2px 10px 4px 10px;
	position: relative;
	float: left;
	display: inline;
}

/* --------------------------- PAGE HEADER DEFS ----------------------------------- */
.page_header {
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/headers/header_bar_right.gif) top right no-repeat;
}
.page_header h1 {
	width: 300px;
	height: 22px;
	margin: 0px;
	padding: 2px 0px 0px 10px;
	font-size: 11px;
	color: #150c07;
	float: left;
	background: url(/_images/headers/header_bar_left.gif) top left no-repeat;
}
.page_header_link {
	width: 130px;
	height: 22px;
	margin: 0px;
	padding: 2px 10px 0px 0px;
	text-align: right;
	float: right;
	display: inline;
}

.page_header_mod {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.page_header_image {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.page_header_full {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.page_header_thin {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.text_header {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-weight: bold;
	color: #dfd2b3;
}

.text_header_nopad {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #dfd2b3;
}

.text_header_home_feature {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #dfd2b3;
}

/* --------------------------- PRODUCTS SECTION DEFS ----------------------------------- */
.store_thumb_row {
	width: 490px;
	margin: 0px 0px 0px 25px;
	padding: 20px 0px 0px 0px;
	float: left;
	display: inline;
}

.store_thumb_row span {
	margin: 0px 0px 0px 30px;
	float: left;
	display: inline;
}

.store_thumb_featured {
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
	float: left;
	display: inline;
}

.store_thumb_container {
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #cc0000;
	font-weight: bold;
	float: left;
}

.store_thumb_image {
	width: 100px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: #ffffff url('/_images/framework/photo_thumb_bg.gif') top left no-repeat;
}

.store_thumb_details {
	width: 100%;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	float: left;
	display: inline;
}

.store_thumb_price {
	font-weight: normal;
	color: #dbd7cc;
}

.store_thumb_full_price {
	font-weight: normal;
	text-decoration: line-through;
	color: #dbd7cc;
}

.store_thumb_sale_price {
	font-weight: bold;
	color: #339900;
}

.store_add_sale_price {
	color: #339900;
	float: right;
}

.no_items {
	width: 100%;
	text-align: center;
	font-style: italic;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.store_item_header {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 22px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.store_colors_bg {
	width: 240px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
	background: #b2af8f;
}

.store_colors_container {
	width: 238px;
	margin: 1px 0px 1px 1px;
	padding: 9px 0px 0px 0px;
	float: left;
	display: inline;
	background: #eae9df;
}

.store_colors_images {
	width: 225px;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	float: left;
	display: inline;
}

.store_colors_label {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-style: italic;
	text-align: center;
	float: left;
	display: inline;
}

img.store_color {
	margin: 9px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.store_image_container {
	width: 250px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: #ffffff url('/_images/framework/photo_bg.gif') top left no-repeat;
	position: relative;
}

.store_image_column_container {
	width: 250px;
	margin: 4px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	float: right;
	display: inline;
}

.store_surcharge_text {
	font-weight: bold;
}

.store_add_cart_bg {
	width: 250px;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/cart_border.gif) top left no-repeat;
}

.store_add_cart_container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
}

.store_add_cart_notice {
	width: 100%;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	float: left;
	display: inline;
}

.store_table_container {
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	float: left;
	display: inline;
}

.store_table_row {
	width: 100%;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	float: left;
	display: inline;
}

.store_table_row_alt {
	width: 100%;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	float: left;
	display: inline;
}

.store_table_qty_head {
	width: 50px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

.store_table_version_head {
	width: 110px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.store_table_price_head {
	width: 90px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: left;
}

.store_table_price_head span {
	padding: 0px 0px 0px 0px;
	text-align: right;
	float: right;
	display: inline;
}

.store_table_qty {
	width: 50px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

.store_table_version {
	width: 110px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.store_table_price {
	width: 90px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	float: left;
}

.store_table_price span {
	padding: 0px 0px 0px 0px;
	text-align: right;
	float: right;
	display: inline;
}

.store_table_color {
	width: 240px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.store_form_container {
	width: 250px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 9px 0px;
	float: left;
	display: inline;
}

.store_button_container {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.store_form_label {
	width: 90px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	float: left;
}

.store_formfield {
	width: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.store_formfield_normal {
	width: 40px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

.store_formfield_table {
	width: 230px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.store_button_center {
	margin: 5px 0px 0px 100px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_button_row.gif) top left repeat-x;
}

/* --------------------------- STORE CONFIG ITEMS FOR ROLLOVER DETAIL IMAGES ----------------------------*/
.store_form_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	display: inline;
}

.store_bg_thumb {
	width: 50px;
	height: 50px;
	margin: 10px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
	background: #ffffff;
	position: relative;
}

.store_tinythumb_header {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.store_category_downloads_bg {
	width: 250px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/cart_border.gif) top left no-repeat;
}

.store_category_downloads_container {
	width: 100%;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

/* --------------------------- STORE DEALER ITEMS ----------------------------------- */

.sign_in {
	width: 240px;
	height: 89px;
	background: url(/_images/framework/bg_sign_in.gif) top left no-repeat;
	margin: 0 0 0 60px;
	float: left;
	display: inline;
}
.sign_in div.form_row {
	width: 100%;
}
.sign_in div.form_row div.form_label {
	width: 80px;
}
.sign_in div.form_label span {
	font-weight: bold;
	color: #dfd2b3;
}
.sign_in div.form_row input.password {
	width: 130px;
}
.sign_in div.form_row input.form_button {
	margin: 0 0 0 90px;
}

.sign_in_help {
	width: 240px;
	margin: 6px 0 0 60px;
	float: left;
	display: inline;
	text-align: center;
}

#frmDealersSignIn {
	margin-top: 20px;
}


/* --------------------------- LINKS SECTION DEFS ----------------------------------- */
.links_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	float: left;
	display: inline;
}

.links_thumb {
	width: 110px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.links_text {
	width: 430px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* --------------------------- UTILITIES SECTION DEFS ----------------------------------- */
.sm_row {
	width: 100%;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}

.sm_container {
	width: 270px;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.sm_link {
	width: 295px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.form_row {
	width: 540px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	display: inline;
}

.form_row_submit {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	float: left;
	display: inline;
}

.form_label {
	width: 100px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	float: left;
	display: inline;
}
#frmDealers div.form_label {
	width: 225px;
}

.form_label span {
	font-weight: bold;
}

.form_field_data {
	width: 230px;
	margin: 2px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}

.form_field_text {
	width: 230px;
	height: 18px;
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 0px 2px;
	font-size: 11px;
	float: left;
	display: inline;
	border: 1px solid #493829;
	background: #dbd7cc;
}

.form_field_textarea {
	width: 350px;
	height: 100px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	display: inline;
	border: 1px solid #493829;
	background: #dbd7cc;
}

.form_button {
	margin: 5px 0px 0px 110px;
	padding: 0px;
	float: left;
	display: inline;
}
#frmDealers input.form_button {
	margin: 5px 0px 0px 235px;
}

/* --------------------------- PHOTO GALLERY DEFS ----------------------------------- */
.gallery_index_table {
	width: 540px;
	margin: 0px;
	padding: 0px;
}

.gallery_index_column {
	width: 540px;
	margin: 0px;
	padding: 0px;
}

.gallery_index_divider {
	width: 20px;
}

.gallery_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	float: left;
	display: inline;
}

.gallery_thumb_container {
	width: 110px;
	height: 100px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.gallery_thumb {
	width: 110px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_gallery_thumb.gif) top left no-repeat;
}

.gallery_title {
	color: #dfd2b3;
	font-weight: bold;
}

.gallery_text {
	width: 430px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.gallery_detail_container {
	width: 720px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.gallery_detail_title {
	width: 290px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	color: #ffffff;
	float: left;
	display: inline;
}

.gallery_image_container {
	width: 400px;
	height: 400px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
	position: relative;
}

.gallery_image {
	width: 400px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
	background: url(/_images/framework/bg_gallery_image.gif) top left no-repeat;
}

.gallery_thumbs_container {
	width: 300px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.gallery_tiny_thumb_container {
	width: 60px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}

.gallery_tiny_thumb {
	width: 50px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
	background: url(/_images/framework/bg_gallery_tinythumb.gif) top left no-repeat;
}

.gallery_image_details {
	width: 290px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	color: #ffffff;
	float: left;
	display: inline;
}
.gallery_image_absolute {
	position: absolute;
	right: 0px;
	top:0px;
	width: 400px;
	height: 400px;
	z-index:20;
	visibility:hidden
}