/*
* 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;
		background-image: url(left-color.gif); 
		background-repeat: repeat-y;
		background-color: #5a9bc4;
	/**** text-align:center; ****/
}

a:link, a:visited { 
	color: #004a7b; 
	text-decoration: none; 
	}
	
a:hover, a:active { 
	color: #222222; 
	text-decoration: underline; 
	}

a img{
	border:0 none;
	}

form {
	margin: 0px;
	padding: 0px;
	}
	
div{
	z-index:2; /* be over any extra-tags... */
	}

div, table, tr, td, th, p{
	margin:0;
	padding:0;
	border: 0 none;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 11px;
	line-height: 16px;
}

input, select {
	margin:0;
	padding:0;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 11px;
	line-height: 16px;
}

h2{
	margin:0;
	padding-top: 5px;
	padding-bottom: 0px;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	color: #5a9bc4;
}

.currentspecials {
	margin:0;
	padding-top: 8px;
	padding-bottom: 2px;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 10px;
	border-bottom: 1px solid #c3e0f6;
	color: #d63131;
}


h3{
	margin:0;
	padding-top: 0px;
	padding-bottom: 2px;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 11px;
}

h1{
	margin:0;
	padding:0;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 10px;
	color: #004a7b;
	font-weight: normal;
	font-style: italic;
}

/* input labels - tableless forms */
.search label {
	display: block;
	float: left;
	text-align: right;
	margin-top: 5px;
	font-family: arial, verdana, helvetica, san-serif;
	font-size: 10px;
	width: 50px;
	padding-right: 5px;
	color: #004a7b;
	font-weight: bold;
	text-transform: uppercase;
}

.search input, .search textarea {	
	display: block;
	float: left;
	margin-top: 2px;
	border: 1px solid #efefef;
	padding: 0px;
	font-size: 10px;
}

.searchbutton {
	margin-left: 5px;
	background-color: #d63131;
	font-weight: bold;
	padding: 0px;
	color: white;
	border: 1px solid white;
	}

br {
	clear: left;
}


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

#user_menu{ 
	padding: 3px; 
	margin: 0px;
	background-image: url(left-color.gif);
	background-repeat: repeat-y;
	height: 20px;
}

.error{ 
    font-weight: bold;
    color: #FF0000;
}
.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;
	width: 800px;
	text-align: left;
	background-image: url(left-color.gif);
}

/************* 2.1) page HEADER styles ************/
#page #header{
	position:relative;
	width: 100%;
	height: 167px;
	background-color: white; 
}

#page #header #bluenav1{
	position:relative;
	width: 100%;
	height: 22px;
	background-color: #004a7b; 
	border-top: 1px solid #013b62;
	border-bottom: 1px solid #4a8ab7;
}

.backgroundtopnav {
	background-image: url('right_topnav.gif');
	background-repeat: no-repeat;
	}

.bluenavlink a:link, .bluenavlink a:visited {
	color: white;
	text-transform: uppercase;
	font-family: arial, verdana, helvetica, san-serif;
	font-weight:bold;
	font-size: 10px;
}

.bluenavlink a:hover, .bluenavlink a:active{
	color: #a5d9ff;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 10px;
}

#page #header #searcharea{
	position:relative;
	width: 100%;
	height: 30px;
	border-top: 3px solid #d63131;
	border-bottom: 2px solid #004a7b;
	background-color: #a5d9ff; 
}

.toprightnav a:link, .toprightnav a:visited {
	font-size: 9px;
	font-weight: bold;
	color: white;
	}


/************** 2.2) page BODY styles *************/
#page #body{
	position:relative;
	width: 800px;
	background-image: url(left-color.gif); 
}

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

#page #left .menu {
	padding: 0px;
	margin: 0px;
	}
#page #left .menu ul{margin: 0px; padding: 0px; border: 1px solid #ff0000;}
#page #left .menu ul li{display: list-item; list-style: none; margin: 0px; padding: 0px;}
#page #left .menu ul li a:link, #left .menu ul li a:visited
	{
	margin: 0px; padding: 0px;
	}

#page #left .menu h3 {
	font-size: 12px;
	color: #d63131;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
	border-bottom: 1px solid #c3e0f6;
	}

#leftmenu0 {
    padding: 0 0 0 0;
}

#leftmenuactive0 a:link, #leftmenuactive0 a:visited {
    color: red;
}

#leftmenu1, #leftmenuactive1 {
    padding: 0 0 0 10px;
}

#leftmenuactive1 a:link, #leftmenuactive1 a:visited {
    color: red;
}

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

    background-color: white; /* please delete it... */
}

/********* 2.5) page BODY->CENTER styles ********/
#page #center{
    position:relative; 
	float:left;
	clear:none;
	width: 464px;
	padding: 10px;
	margin: 0px;
}
/* fix for IE... */
* html #page #center{ 
    clear:right; 
    width: 464px;
}

/********* 2.6) page FOOTER side styles *********/
#page #footer{
	position:relative;
	clear:both;

	padding-left: 161px;
	margin: 0px;
}

.highlightbluetext {
	color: #004a7b;
	}
	
.footerbar {
	background-color: #004a7b; 
	border-top: 1px solid #013b62;
	border-bottom: 1px solid #4a8ab7;
	}

.percentspecial {
	font-family: georgia, times, serif;
	font-size: 16px;
	color: #004a7b;
	padding-top: 12px;
	padding-bottom: 6px;
	margin: 0px;
	}

.newproduct {
	padding: 0px;
	margin: 0px;
	}

.newproduct p, .newproduct td{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	line-height: 12px;
	}

.newproduct h3{
	font-size: 11px;
	font-weight: bold;
	color: #d63131;
	border-bottom: 1px solid #c3e0f6;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	}
	
.newproduct h4{
	font-size: 9px;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	}

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

#categories_menu{padding: 0px; margin: 0px;}
#affiliate_menu{}
#currency_menu{}
#language_menu{}


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

#access_denied{}
#account h1{
    font-size: 12px;
    font-weight: bold;
}
#account_orders h1{
    font-size: 12px;
    font-weight: bold;
}
#affiliate{}
#basket{}
#checkout{}
#checkout_address{}
#checkout_completed{}
#checkout_order{}
#checkout_payment_method{}
#checkout_payment_methods{}
#checkout_shipping{}

#checkout_status td {
    width: 25%;
    padding: 2px;
    background-color: #FFFFFF;
}

#checkout_status #active {
    background-color: #A5D9FF;
}

#checkout_status #step {
    font-weight: bold;;
}

#forgot_password{}
#home{ position: relative; width: 475px;}
#login_page{}
#newsletter{}
#product_details{}
#products{}
#show_invoice h1{
    font-size: 12px;
    font-weight: bold;
}
#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{}

.description li {
    margin-left: 20px;
}