/*
* SOME NOTES:
*
* 0) Main CSS Classes, used in HTML code.
*
*  0.1) extra-tags classes (extra_1, extra_2, ..., extra_5).
*
*       These classes are assumed to be used in non-functional
*       blocks, used for design implementation generally, but 
*       not limmited to...
*
*  0.2) box class.
*
*       This class is used to seperate functional blocks of site.
*       Functional block - piece of source for certain purpose,
*       like top_menu, product_list, etc... This class MUST BE used 
*       in every functional block, even if it has no affect currently...
*      
*  0.3) menu class.
*
*       There is determined one more functional block type - menu.
*       This class must be used with every menu (functional block),
*       found on site.
*
*  ...add your comments...
*
*  2006.02.05 robertas@smart-shop.com
*/

/***************************************************
******* 1) GLOBAL (GENERAL) STYLE SETTINGS ********
***************************************************/
body, html {
	margin:0;
	text-align:center;
font:10px tahoma,verdana,sans-serif;
}

a{color:#000;}
a img{border:0 none;}

div{z-index:2; /* be over any extra-tags... */}

div, h1, h2, h3, table, tr, td, th, p{
margin:0;
padding:0;
border: 0 none;
clear:both;
}
h2 span{
color: #295A8F;
font:bold 12px verdana,sans-serif;
}
table{width:100%;}

/* common classes styles */
.extra_1, .extra_2, .extra_3, .extra_4, .extra_5{
	position:absolute;
	top:0;
	left:0;
	z-index:1; /* be under any <div> tag (which has not "extra_..." class). */
}

.box, .menu{
border: 0 none;
margin:0;
padding:0;
}
/* Customized */
.box table{
border-collapse:  collapse;
border-spacing: 0px;
margin:7px 0px 
}
.box td{
background: #efefef;
padding:2px 0px 2px 5px;
border-bottom:1px solid #fff
}
.box th{
font:bold 10px verdana,sans-serif;
background: #FFFFFF;
padding:2px 0px 2px 5px;
border-bottom:1px solid #efefef;
width:33%
}
.box small{
color: #E8632E;
/*float:right;*/
font:bold 10px verdana,sans-serif;
 padding: 5px 0px
}
.box small a{
font:bold 10px verdana,sans-serif;
 color: #000
}

.menu ul, .menu li{
	display:inline;
	list-style-type: none;
	margin:0;
	padding:0;
}

.error{color: #ff0000; font:bold 10px verdana,sans-serif;}
.warning{} /* still never used */
.important{} /* still never used */
.notice{}
/* styles for forms */
input.text, select, textarea{
color: #000;
text-decoration: none;
width:50%
}
.amount input{
width:20px
}
.amount .button{
width:auto
}

input.text{font:11px verdana,sans-serif;}
input.checkbox{}
input.button{
border-right:2px solid #e2e2e2;
border-bottom:2px solid #e2e2e2;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
padding:0px 0px 1px 0px;
color:#fff;
font:10px verdana,sans-serif;
background-color: #E8632E;
text-align: center;
/*float:left*/
}
.button, .button a{
border-right:2px solid #e2e2e2;
border-bottom:2px solid #e2e2e2;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
padding:2px 8px;
color:#fff;
font:10px verdana,sans-serif;
background-color: #E8632E;
text-align: center;
/*float:left*/
}
.button a{
color:#fff;
font:10px verdana,sans-serif;
}
/***************************************************
******** 2) SETTINGS FOR PAGE MAIN PARTS ***********
***************************************************/

/*** recomended to customise these tags: ***/
/* 2.x.1) extra-tags for design implementation */
/*
#... .extra_1{}
#... .extra_2{}
#... .extra_3{}
#... .extra_4{}
#... .extra_5{}
*/
/* 2.x.2) BOXes style for page FOOTER */
/*
#... .box{}
#... .box h3{}
#... .box p{}
*/
/* 2.x.3) MENUs style for page FOOTER */
/*
#... .menu{}
#... .menu h3{}
#... .menu ul{}
#... .menu ul li{}
#... .menu ul li a{}
****/

/************* 2.0) all PAGE styles ***************/
#page{
	margin:0 auto;
	width: 800px;
	text-align: left;

    background:#eee; /* please delete it... */
}

/************* 2.1) page HEADER styles ************/
#page #header{
	position:relative;
	width: 100%;
	height: 100px;

    background:#eef; /* please delete it... */
}

/************** 2.2) page BODY styles *************/
#page #body{
	position:relative;
	width: 800px;

    background:#eff; /* please delete it... */
}

/******* 2.3) page BODY->LEFT side styles *******/
#page #left{
    position:relative; 
	float:left;
	margin:0;
	padding:0;
	width: 150px;

    background:#dff; /* please delete it... */
}

#left .menu ul li{display: list-item;}

/******* 2.4) page BODY->RIGHT side styles ******/
#page #right{
    position:relative; 
	float:right;
	margin:0;
	padding:0;
	width: 150px;

    background:#dff; /* please delete it... */
}

/********* 2.5) page BODY->CENTER styles ********/
#page #center{
    position:relative; 
	float:left;
	clear:none;
	width: 500px;

    background:#aff; /* please delete it... */
}
/* fix for IE... */
* html #page #center{ 
    clear:right; 
    width: 494px;
}

/********* 2.6) page FOOTER side styles *********/
#page #footer{
	position:relative;
	clear:both;
	width: 800px;
	height: 100px;
    background:#eef; /* please delete it... */
}


/***************************************************
****** 3) ID's SETTINGS, CUSTOMIZATIONS FOR ********
******    SPECIFIC FUNCTIONAL PARTS OF PAGE ********
***************************************************/

/********* 3.1) page's MENUs styles ***************/

/*** recomended to customise these tags: ***

#..._menu h3{}
#..._menu p{}
#..._menu ul{}
#..._menu li{}
#..._menu a{}
#..._menu a:hover{}
*/

#top_menu{}
#left_menu{}
#bottom_menu{}
#user_menu, #user_menu a{text-align: center; color: #fff;font: bold 10px tahoma, verdana,sans-serif;}
#user_menu h3{font-weight: bold; font-size: 11px;color: #fff;}
#categories_menu{}
#affiliate_menu{}
#currency_menu{}
#language_menu{}


/******** 3.2) SPECIFIC PAGES styles **************/
/* alphabetically ordered */

#access_denied{}
#account{}
#account_orders th,#account_orders td{font-weight: normal; font-size: 10px; text-align: center; width:auto }
#account_orders a{font-size: 11px}
#affiliate{}
#basket th, #basket td{width:auto; border-right: 1px solid #fff;text-align: center;}
#checkout{}
#checkout_address{}
#checkout_completed{}
#checkout_order th{font: bold 10px tahoma, verdana,sans-serif; color: #333; text-align: left; width: auto}
#checkout_order td{font: 11px tahoma, verdana,sans-serif; color: #666; text-align: left;}
#checkout_order small{font: 11px tahoma, verdana,sans-serif; color: #666;  float: left; color: #ff0000}
#checkout_payment_method{}
#checkout_payment_methods{}
#checkout_shipping{}
#checkout_status th{font: bold 10px tahoma, verdana,sans-serif; color: #333; text-align: center; width: 25%}
#checkout_status td{font: bold 11px tahoma, verdana,sans-serif; color: #666; text-align: center; width: 25%}
#checkout_status td a{font: bold 11px tahoma, verdana,sans-serif;color: #295E9F}
#forgot_password{}
#home{}
#login_page{}
#newsletter{}
/*#product_details .image{ float: left; width: auto; padding: 0px 0px 10px 0px}
#product_details .info{ float: right;  width: auto;  text-align: justify; }*/
#product_details .image{}
#product_details .info{}
#products .image{ float: left; width: auto; padding: 0px 0px 10px 0px}
#products .info{ float: right;  width: auto;  text-align: justify; }
#show_invoice{}
#signup{}
#static_content{}

/******** 3.3) other functional-parts styles **************/
/* alphabetically ordered */

#shopping_bag{}
#copyright{}
#login{}
#most_popular{}
#newest_products{}
#paging{}
#powered_by{}
#products_by_attribute{}
#search{}
#thumbnail{}
#top_seller{}

/* rvmoto */
.hl{line-height:6px;}
.picborder {border:1px solid #666;}
