/*
* 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;
color:#7C7C7C;
background:#FFFFFF repeat-x top;
font:11px arial,sans-serif
}
a,table a{
color:#C00101;
font:11px arial,sans-serif
}
a:hover{
color:#C00101;
text-decoration:underline
}
a img{
border:0 none
}
table{
width: 100%;
font:11px arial,sans-serif;
}

/* Customized */
.box table{
border-collapse:  collapse;
border-spacing: 0px;
clear: both;
}
.box td{
background: #f6f6f6;
padding:2px 0px 2px 5px;
border-bottom:1px solid #fff
}
.box th{
font:bold 10px verdana,sans-serif;
background: #fefefe;
padding:2px 0px 2px 5px;
border-bottom:1px solid #efefef;
width:33%
}
.box small{
color: #C00101;
font:bold 10px verdana,sans-serif;
/*padding: 5px 0px;*/
clear: both
}
.box small a{
font:bold 10px verdana,sans-serif;
 color: #000
}
.box h1, #products h1{
background:url(../../images/shop_images/ico-mainhdr.gif) transparent no-repeat left;
color:#666699;
font:11px/16px verdana,sans-serif;
text-align: left;
text-transform: capitalize;
margin-bottom: 10px;
padding-left: 13px
}
.box h1 a, #products h1 a{
color:#666699;
font: 11px/16px verdana,sans-serif;
text-decoration: none;
}
.box h1 a:hover, #products h1 a:hover{
color: #990000;
font: 11px/16px verdana,sans-serif;
text-decoration: underline;
}
.box h2, #products h2{
padding:3px 6px;
color:#666699;
font:bold 11px verdana,sans-serif;
text-align: left;
text-transform: capitalize;
background:url(../../images/shop_images/top-bgr2.gif) transparent repeat-x;
}

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

input.text{font:11px verdana,sans-serif;}
input.checkbox{}
input.button, .button{
border-right:2px solid #e2e2e2;
border-bottom:2px solid #e2e2e2;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
padding:0px;
color:#fff;
font:10px verdana,sans-serif;
background-color: #C00101;
text-align: center;
}
input.add2cart{
border:0px;
background:url(../../images/shop_images/btn-add2cart.gif) #FFFFFF no-repeat;
width: 92px;
height: 20px;
}

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

div,h1,h2,h3,table,tr,td,th,p,form{
margin:0;
padding:0;
border:0 none
}
input{
border:#bcbcbc 1px solid;
padding-left:3px;
color:#333333;
font:10px tahoma,arial,sans-serif
}
input.go{
border:0px solid #EEEEEE;
padding-left:3px;
color:#FFFFFF;
background:#C00101;
font:11px tahoma,arial,sans-serif;
text-align:center
}
select{
padding-left:3px;
font:11px tahoma,arial,sans-serif
}
#page{
margin:0px auto;
width:775px;
text-align:left;
background:url(../../images/shop_images/page-bgr.gif) #E1E1E1 repeat-x top;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

#header{
background:url(../../images/shop_images/top-bgr2.gif) transparent repeat-x;
height: 23px
}
#title-pic{
width:507px;
height:auto;
border-bottom: 2px solid #C00101;
}
#title-pic-bgr{
background:url(../../images/shop_images/top-cap.gif) transparent repeat-x;
line-height: 15px;
}
#logo{
width:auto;
text-align: center;
vertical-align: center;
height: 110px;
margin-top: 15px;
}
#slogan{
text-align: center;
color:#fff;
height: 43px
}
#slogan h1{
font:bold 12px tahoma,arial,sans-serif;
text-transform: capitalize;
padding-top: 23px;
}
.left{
width:133px;
border-right:1px solid #9C9C9C;
padding:0px 0px;
height: auto;
}
.right{
width:133px;
border-left:1px solid #9C9C9C;
padding:0px;
height: auto;
}
.center{
width:507px;
height: auto;
background: #fff
}

#center-padding{
padding:25px 13px 0px 13px;
text-align:  justify;
height: auto;
}
#top-menu{
color:#727272;
font:10px/30px verdana,arial,sans-serif;
text-align: center;
width: 500px;
margin-top: 22px;
margin-bottom: 20px
}
#top-menu a:hover{
color:#C00101;
text-decoration:underline
}

#top-menu .tmitem{
width:auto;
height:30px;
line-height:25px;
background:url(../../images/shop_images/top-bgr.gif) transparent no-repeat bottom;
float:right;
margin-left:10px
}
#top-menu .tmitem a{
color:#727272;
font:11px verdana,arial,sans-serif;
text-decoration:none;
}
#heading h1{
color:#C00101;
font: 18px/30px arial,sans-serif;
border-top: 1px solid #676767;
text-align: right;
text-transform: uppercase;
clear: both;
}
#footer{
clear:both;
margin:0px auto;
padding: 35px 0px 0px 0px;
width:777px;
height: 104px;
background:url(../../images/shop_images/footer-bgr.gif) transparent repeat-x;
color:#666699;
font:10px verdana,arial,sans-serif;
text-align: center;
}
#footer a{
color:#000;
text-decoration:none;
font:10px verdana,arial,sans-serif;
}
#footer a:hover{
color:#C00101;
text-decoration:underline
}

.search{
float: left;
line-height:23px;
padding:0px 0px 0px 420px;
}
.search span{
float:left;
color: #666699;
font:bold 10px/22px verdana,arial,sans-serif;
padding-right: 5px
}
.search-input{
float:left;
padding-top: 2px
}
.search-input input{
float:left;
border:1px solid #777;
color:#bfbfbf;
font:11px verdana,arial,sans-serif;
padding: 1px 2px
}
.search-go{
float:left;
padding:5px 0px 0px 3px
}
.top-icons{
float:right;
background: #666699;
width: 132px;
height: 23px;
}
.top-icons img{
padding:3px
}
.left ul,.right ul{
margin:0px;
padding:0px 0px 0px 0px;
list-style:none
}
.left li,right li{
}
.left li a,.right li a{
text-decoration:none
}
.left li a:hover,.right li a:hover{
text-decoration:underline
}
.right ol{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 10px;
list-style-position: outside;
clear: both;
}
.leftmenu0, .leftmenuactive0{
padding-left:17px;
color:#737373;
background:url(../../images/shop_images/menu-bgr.gif) transparent no-repeat center;
font:11px/20px arial,sans-serif;
text-align: left;
text-transform: capitalize;
margin-bottom: 3px
}
.leftmenu0 a{
color:#A5907A;
font:11px/20px arial,sans-serif;
}
.leftmenu0 a:hover, .leftmenuactive0 a,.leftmenuactive0 a:hover{
color:#C00101;
font:11px/20px arial,sans-serif;
}
.leftmenu1, .leftmenuactive1{
padding-left:18px;
color:#737373;
background:url(../../images/shop_images/menu-bgr2.gif) #f7f7f7 no-repeat center;
font:11px/20px arial,sans-serif;
text-align: left;
text-transform: capitalize;
border-bottom: 1px solid #fff
}
.leftmenu1 a{
color:#A5907A;
font:10px tahoma,arial,sans-serif
}
.leftmenu1 a:hover,.leftmenuactive1 a, .leftmenuactive1 a:hover{
color:#C00101;
font:10px tahoma,arial,sans-serif
}
.menu-hdr1{
color:#737373;
font:bold 11px/25px tahoma,arial,sans-serif;
text-transform: capitalize;
text-align: center;
}
.menu-hdr1 span{
}
.menu-hdr2{
color:#737373;
font:bold 11px/25px tahoma,arial,sans-serif;
text-transform: capitalize;
text-align: center;
border-top: 1px solid #d5d5d5
}
.menu-hdr2 span{
}
.menu-txt1{
font-weight: bold;
text-decoration: none;
}
.menu-txt1 a{
color:#7c7c7c;;
font-weight: bold;
text-decoration: none;
}
.menu-txt2{
color:#7C7C7C;
text-align:center;
border-bottom: 1px solid #efefef;
margin: 0px 0px 10px 0px;
/*padding: 0px 4px 0px 10px;*/
}
.menu-txt2 a{
color:#C00101;
font:bold 10px tahoma,arial,sans-serif;
}
.menu-hdr3{
padding-left:10px;
border:3px solid #C00101;
color:#FFFFFF;
font:bold 11px/14px tahoma,arial,sans-serif;
text-transform:uppercase
}
.menu-hdr3 span{
}
.menu-hdr4{
padding-left:10px;
border:3px solid #238196;
color:#FFFFFF;
font:bold 11px/14px tahoma,arial,sans-serif;
text-transform:uppercase
}
.menu-hdr4 span{
}
.menu-hdr5{
padding-left:10px;
border:3px solid #999999;
color:#FFFFFF;
font:bold 11px/14px tahoma,arial,sans-serif;
text-transform:uppercase
}
.menu-hdr5 span{
}
.menu-hdr6{
color:#737373;
font:bold 11px/25px tahoma,arial,sans-serif;
text-transform: capitalize;
text-align: center
}
.menu-hdr6 span{
}

.menu-box{
padding:5px 10px 4px 10px;
margin-bottom:0px;
color:#C00101;
font:10px verdana,arial,sans-serif;
border-bottom: 1px solid #D5D5D5
}
.menu-box li a{
color:#C00101;
font:bold 10px verdana,arial,sans-serif;
text-decoration:none
}
h5{
padding:4px 3px;
color:#C00101;
background:url(../../images/shop_images/hl2.gif) transparent repeat-x bottom;
font:bold 11px arial,sans-serif;
text-transform:uppercase
}
.maintext{
font:12px arial,sans-serif;
}
.checkout-menu{
text-align: left;
width:122px;
height:auto;
padding: 0px;
margin-left: 6px;
color: #C00101;
font:bold 10px/16px verdana,arial,sans-serif;
}
.checkout-menu a{
color: #C00101;
text-decoration: none;
font:bold 10px verdana,arial,sans-serif;
}
.checkout-menu a:hover{
color:#000;
text-decoration: none;
}
.checkout-menu .cmspan{
padding-left:10px
}
.user-menu{
color:#fff;
font:10px tahoma,arial,sans-serif;
text-align: center;
height:29px;
padding: 7px 0px 0px 0px
}
.user-menu strong{
color:#fff;
font:bold 11px tahoma,arial,sans-serif;
}
.cart-menu{
color:#fff;
font:bold 10px/19px tahoma,arial,sans-serif;
background: #DE0E0E;
text-align: center;
}
#maintable{
clear: both;
position: relative;
}
/***************************************************
****** 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; font: bold 10px 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{font-weight: normal; font-size: 10px; text-align: center; width:auto; background: #C00101; color: #fff }
#account_orders td{font-weight: normal; font-size: 10px; text-align: center; width:auto; background: #efefef }
#account_orders a{font-size: 10px}
#affiliate{}
#basket input.button{width:60px; font-weight:normal; background: #999999; }
#basket th{width:auto; text-align: center;border-bottom: 2px solid #fff; background: #C00101; color: #fff; font-weight: normal;}
#basket td{width:auto; border-bottom: 1px solid #99A8C5;text-align: center;  font-size: 10px}
#checkout{}
#checkout_address{}
#checkout_completed{}
#checkout_order a.button, #basket a.button{color: #fff; font-weight: normal; font-size: 10px;  padding: 2px 10px; text-decoration: none; }
#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 {padding-bottom:15px}
#checkout_status th{font: bold 9px tahoma, verdana,sans-serif; color: #fff; text-align: center; width: 25%; background: #C00101}
#checkout_status td{font: bold 9px tahoma, verdana,sans-serif; color: #666; text-align: center; width: 25%}
#checkout_status td a{font: bold 9px tahoma, verdana,sans-serif;color: #C00101}
#forgot_password{}
#home{}
#login_page{}
#newsletter{}
#product_details .image{ width: auto;  text-align: center;}
#product_details .box{height:auto;}
#product_details .add{font-size: 11px/20px;color:#C00101; width:92px; height:20px;background:url(../../images/shop_images/btn-add2cart-.gif) transparent no-repeat left; border: 0px}
#products .info{}
#products h2{}
#products .paging {padding: 4px 0px; clear: both;}
#products .image{ border:1px solid #990000; width: auto; height: 100px;text-align: center; background: #F6F1EC; padding:3px 0px;
background:url(../../images/shop_images/thumb-bgr.gif) transparent no-repeat left center;
}
#products .products_table, .featuredproducts{text-align: center;  clear: both;}
#products .infoproduct {color:#333; font-size: 11px; padding-bottom: 10px}
#products .infoproduct a{color:#333;font-size: 11px;text-decoration: none; }
#products .infoproduct a:hover{color:#C00101;font-size: 11px;text-decoration: underline; }
#show_invoice{}
#signup{}
#static_content{font:12px arial,sans-serif;}


/******** 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:0px solid #666;}


/******** 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:0px 0px; }
.reviews th, .reviews td{
 background: #666699; padding: 1px 5px; width: 50%; font-weight: normal;
}
.options, .info, .description, .price{
padding: 5px 0px
}
.options select{
 width: auto;
}