/*
* 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;
    background-color: black;
    padding: 10px 0px 0px 0px;
}

a, a:link, a:visited {color:#888888;}
a, a:hover, a:active {color: white;}

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:5px 0px 0px 0px;
    border: 0 none;
    font-family: arial, verdana, helvetica;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

input, select {
	color: #222222;
	border: 1px solid #444444;
	background-color: white;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 10px;
	}

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;
}

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

.error{ font-weight: bold;}
.warning{} /* still never used */
.important{} /* still never used */
.notice{}

/* styles for forms */
input.text, select, textarea{
    color: #000;
    text-decoration: none;
}
input.text{}
input.checkbox{}

/***************************************************
******** 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: 755px;
    text-align: left;
    border: 1px solid #666666;
    background-image: url(images/be-cart-background3.jpg);
    background-repeat: no-repeat;
    min-height: 600px;
}

/************* 2.1) page HEADER styles ************/
#page #header{
    position:relative;
    width: 720px;
    height: 100px;
    text-align: right;
    padding: 10px 20px 0px 20px;
    margin: 0px;
}

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

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

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

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

/********* 2.5) page BODY->CENTER styles ********/
#page #center{
    position:relative; 
    float:left;
    clear:none;
    width: 465px;
    min-height: 390px;
}
/* fix for IE... */
* html #page #center{ 
    clear:right; 
    width: 465px;
    min-height: 390px;
}

/********* 2.6) page FOOTER side styles *********/
#page #footer{
    position:relative;
    clear:both;
    width: 755px;
    height: 158px;
    background-image: ;/*  url(images/logo.gif);*/
    background-position: left bottom;
    background-repeat: no-repeat;

}


#copyright {
    margin:0 auto;
    width: 755px;
 
    background-repeat: no-repeat;
    height: 25px;
    }

#leftmenu0 {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	}

#leftmenu1 {
	margin: 0px;
	padding: 2px 0px 0px 15px;
	}

#leftmenuactive1 {
	margin: 0px;
	padding: 2px 0px 0px 15px;
	color: white;
	}

#leftmenuactive1 a, #lefmenuactive0 a {
	color: white;
	}

/***************************************************
****** 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{
	padding: 0px;
	margin: 0px;
	}
#left_menu{}
#bottom_menu{}
#user_menu	{
	padding: 0px 0px 10px 0px; 
	margin: 0px;
	}

#user_menu ul {
	padding: 0px;
	margin: 0px;
	}

#user_menu ul li {	
	display: inline;
	padding: 0px 0px 10px 5px;
	margin: 0px;
	}

#categories_menu{}
#affiliate_menu{}
#currency_menu{}
#language_menu{}


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

#access_denied{}
#account{}
#account_orders{}
#affiliate{}
#basket{}
#checkout{}
#checkout_address{}
#checkout_completed{}
#checkout_order{}
#checkout_payment_method{}
#checkout_payment_methods{}
#checkout_shipping{}
#checkout_status{}
#forgot_password{}
#home{}
#login_page{}
#newsletter{}
#product_details{}
#products{}
#show_invoice{}
#signup{}


/******** 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{}