/*
* 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:left;
/*font:11px 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;
}
h1 .border{
margin-top:20px
}

h1 .border{
border:1px solid #9AA7C7;
padding:0px 10px;
color:#878394;
font:bold 11px/14px verdana,sans-serif;
background-color: #FDF0F7;
text-align: center;
text-transform: uppercase;
margin-left:20px;
}
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: 1px solid #9AA7C5;
margin:20px 20px;
padding: 4px
}
/* Customized */
.box table{
border-collapse:  collapse;
border-spacing: 0px;
margin:10px 0px 
}
.box td{
padding:2px 0px 2px 10px;
}
.box th{
color: #6c6c6c;
font:bold 11px verdana,sans-serif;
padding:2px 5px 2px 5px;
width:33%;
text-align: right;
}
.box h1{
border:1px solid #E3E5EC;
padding:0px 10px;
color:#878394;
font:bold 11px/14px verdana,sans-serif;
background-color: #FDF0F7;
text-align: center;
text-transform: uppercase;
}
.box h2{
 color: #5B72A7;
font:bold 11px verdana,sans-serif;
 padding:5px 0px; 
}
.box small{
color: #BC6161;
/*float:right;*/
font: 10px verdana,sans-serif;
padding: 5px 0px
}
.box small a{
font: 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;}
.error img{display: inline;}
.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; text-align: left; padding: 0px 3px; background: #E9ECF3}
input.checkbox{}
input.button, #product_details .reviews input.button{
border:1px solid #9AA7C7;
padding:0px 2px 0px 0px;
color:#878394;
font:bold 10px verdana,sans-serif;
background-color: #FDF0F7;
text-align: center;
}
.button, .button a{
border:1px solid #9AA7C7;
padding:2px 8px;
color:#878394;
font:bold 10px verdana,sans-serif;
background-color: #FDF0F7;
text-align: center;
}
.button a{
color:#fff;
font:10px verdana,sans-serif;
}

.button{
	cursor: pointer;
	text-decoration: none;
}
/***************************************************
******** 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:normal 10px tahoma, verdana,sans-serif; text-align: center; width:auto; background: #EFF2F8;;border-bottom: 1px solid #fff; }
#account_orders a{font-size: 10px}
#affiliate{}
#basket input.button{width:70px; font-weight:bold}
#basket th{width:auto; text-align: center;border-bottom: 1px solid #99A8C5; background: #F0F5FF; color: #555; font-weight: normal;}
#basket td{width:auto; border-bottom: 1px solid #99A8C5;text-align: center;}
#checkout{}
#checkout_address{}
#checkout_completed{}
#checkout_order th, #show_invoice th{width:auto; text-align: left;border-bottom: 1px solid #E9EEF6; color: #666; font-weight: normal; /*background: #EEF1F5*/}
#checkout_order td, #show_invoice td{width:auto; border-bottom: 1px solid #E9EEF6;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{height: 50px; background: #FDF0F7; border-bottom: 1px solid #99A8C5;text-transform: uppercase;text-align: center; }
#checkout_status h2{padding:10px 0px 5px 20px; font-weight: normal; text-align: left }
#checkout_status td{font: 11px tahoma, verdana,sans-serif; color: #666; width: 25%;}
#checkout_status td a{font: bold 11px tahoma, verdana,sans-serif;color: #666; text-decoration: none;}
#checkout_status .active{font-weight: bold; color: #295e9f;}
#forgot_password{}
#thumbnails img{display: inline; padding-right: 10px;}
#home{}
#login_page{}
#newsletter{}
#paypal{}
#product_details table{margin:10px 10px 10px 10px; font: normal 11px verdana,sans-serif;color: #868398;}
#product_details .options{padding:10px 0px}
#product_details .producthdr{height: 50px; background: #FDF0F7; border-bottom: 1px solid #99A8C5;text-transform: uppercase; }
#product_details .producthdr h1{ font-weight: normal; line-height: 14px}
#product_details .image{ width: auto; padding: 0px 0px 0px 0px}
#product_details .info{font: 11px verdana,sans-serif;color: #333;  width: auto;  text-align: justify; padding: 0px 20px}
#product_details table input.button{ background: url(../../images/shop_images/add2cart.gif) no-repeat; height: 20px; width: 123px; border: none; margin-top: 10px}
#products .infoproduct { text-transform: uppercase;}
#products h2 {padding: 0px 0px 0px 10px;}
#products .info{padding: 10px;  text-align: justify; }
#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{}

.hl{line-height:2px;}
.picborder {border:0px solid #666;}
.reviews{
padding:20px 20px
}
.reviews th, .reviews td{
 background: #FEF8FA; padding: 1px 5px; width: 50%; font-weight: normal;
}
.leftmenu1 a{
color: #A4313E;
padding:0px 0px 0px 15px;
font: 11px/10px arial,verdana,sans-serif
}
.leftmenuactive1 a{
color: #A4313E;
padding:0px 0px 0px 15px;
font: 11px/10px arial,verdana,sans-serif
}