.foo { }
/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

.clearfix { padding: 0 5px; }
.spaceblock { margin-top: 10px; }
.slides { position: relative; overflow: hidden; width: 704px; height: 340px; }
.slide-pic { overflow: hidden; width: 703px; }
.slide-pic img { width: 701px; height: 338px; border: 1px solid #E4E4E4; }
.slide-pic li { display: none; }
.slide-pic li.cur { display: block; }
.slide-li { position: absolute; left: 0; bottom: 0; }
.slide-li li { float: left; width: 175px; height: 30px; line-height: 30px; margin-right: 1px; text-align: center; }
.slide-li a { display: block; width: 174px; height: 30px; font-size: 14px; color: #FFF; }
.slide-li .cur a, .slide-li a:hover { color: #333; text-decoration: none; }
.op li { background: #666; }
.op li.cur { background: #FFF; }
.slide-txt span { display: none; }
.mainpart { float: left; width: 705px; }
.sidebar { float: right; width: 230px; }
.topad img { border: 1px solid #EFEFEF; }

.bgtitleblock{background:url(images/title.gif) no-repeat scroll 0 0 transparent;
font-size:12px;
height:42px;
line-height:42px;
margin:15px auto 0;
text-indent:30px;
margin-bottom:10px;}
/*new master pages*/
#titlerss { position: absolute; top: 0px; right: 10px; }
.productblock ul { margin-left: 18px; }
.productblock p { margin: 0px; }
.productblock li { float: left; width: 150px; margin-bottom: 10px; margin-right: 30px; }
.titleblock { height: 50px; }
.imageblock { text-align: center; height: 125px; }
.imageblock a { width: 150px; display: block; height: 125px; }
.titleblock { display: block; padding: 5px 0; }
.priceblock { margin-top: 5px; color: #F07226; font-weight: bold; }

.shopbyprice li { line-height: 32px; text-indent: 40px; font-size: 13px; background-image: url(images/currencyexchange.png); background-repeat: no-repeat; height: 36px; background-position: 5px 0; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER PAGE WRAPPERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.master-wrapper-page { margin: 0 auto; width: 960px; }
.master-wrapper-content { float: left; width: 960px; margin: 0px; text-align: left; background: #FFF; }
.master-wrapper-side { float: left; width: 170px; margin: 0 0 0 5px; }
.master-wrapper-center { float: left; width: 765px; margin: 0 0 10px 5px; background: #FFF; display: inline; }
.master-wrapper-cph { float: left; width: 100%; background: #FFF; color: #000; min-height: 400px; }
.master-wrapper-center-1 { float: left; width: 830px; background: #FFF; display: inline; }
.master-wrapper-cph-1 { width: 940px; min-height: 600px; padding: 0px 10px 10px; }
.master-wrapper-left { float: left; width: 170px; }
.master-wrapper-right { float: right; width: 755px; margin-bottom: 30px; }

.home-mainlogo { background-image: url(images/767x50_090116_wa.jpg); background-repeat: no-repeat; margin-bottom: 5px; height: 50px; width: 100%; border: solid 1px #eee; }
.default-left { float: left; width: 560px; }
.default-right { float: left; width: 200px; padding-left: 5px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header { padding: 6px 6px 10px 5px; height: 80px; border-top: 3px solid #3D47BD; }

.header .icon { vertical-align: bottom; }
.header .ico-register { background: url(images/ico-register.png) no-repeat; }
.header .ico-login { background: url(images/ico-login.png) no-repeat; }
.header .ico-logout { background: url(images/logout.png) no-repeat; }
.header .ico-cart { background: url(images/ico-cart.png) no-repeat; }
.header .ico-wishlist { background: url(images/ico-wishlist.png) no-repeat; }
.header .ico-admin { background: url(images/ico-admin.png) no-repeat; }
.header .ico-inbox { background: url(images/ico-inbox.png) no-repeat; }
.header .ico-control{ background: url(images/ico-admin.png) no-repeat; }
.header .ico-register, .header .ico-login, .header .ico-logout, .header .ico-cart, .header .ico-wishlist, .header .ico-admin,.ico-control {padding:1px 0 5px 18px; }

.header-menu-wrapper { height: 32px; line-height: 32px; color: #1F3A87; background-image: url(images/3rd_bg.gif); background-repeat: repeat-x; }
.header-menu-wrapper .left { float: left; text-indent: 10px; }
.header-menu-wrapper .right { float: right; padding-right: 10px; }
.header-menu-wrapper .right a { margin-right: 6px; }

.header-logo { float: left; text-align: left; width:320px;}
#header-pay{ float:left; width:280px; text-align:right;}
a.logo { display: block; background-image: url(/images/logo.gif); width: 320px; height: 80px; text-decoration: none; background-repeat: no-repeat; outline:none; }

.header-selector-wrapper, .header-cart-wrapper, .header-link-wrapper { text-align: right; float: right; width: 330px; }
.header-selector-wrapper, .header-cart-wrapper { padding: 5px; }
.header-currencyselector { float: right; }
.header-languageSelector { float: right; margin-right: 10px; }
.header-taxDisplayTypeSelector { float: right; }

.header-links { padding: 5px; display: inline-table; }
.header-links ul { padding: 0; margin: 0; }
.header-links ul li { list-style: none; display: inline; margin-left:5px; }
.header-links a { color: #3664A5; text-decoration: none; }
.header-links a:hover { color: #3664A5; text-decoration:underline; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER HEADER MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.headermenu { color: #FFFFFF; background: #7692B9; padding: 8px 5px 9px 5px; text-align: center; height: 100%; vertical-align: middle; letter-spacing: 1px; margin: 0 5px 0 5px; }
.headermenu ul { padding: 0; margin: 0; }
.headermenu li { list-style: none; display: inline; }
.headermenu a { color: #FFF; text-decoration: none; font-size: 0.9em; font-weight: bold; vertical-align: middle; padding-left: 10px; padding-right: 10px; }

.addthis_default_style a { margin-top: 8px; }
.addthis_default_style .addthis_separator { padding-top: 6px; }
.addthis_default_style .addthis_button_compact { margin-top: 0px; }
.addthis_default_style .addthis_button_compact span { background-position: 0 8px; height: 24px; }
.addthis_default_style .at300b span { height: 16px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Everyol HEADER MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menu_normal { background: transparent url(images/header/bg_menu.gif) repeat-x scroll left 32px; margin: 0 5px 0 5px; position: relative; top: -10px; }
.tabs_buttons { height: 30px; margin-top: 5px; }
.tabs_menu { padding-left: 5px; width: 90%; float: left; }
.tabs_menu li { float: left; background: url(images/header/header_bg_onglet.gif) no-repeat left top; cursor: pointer; margin: 4px 0px 0 1px; height: 28px; }
* + html .tabs_menu li { margin-top: 2px; }
.tabs_menu a, .tabs_menu a:visited, .tabs_menu a:hover { background: url(images/header/header_bg_right_onglet.gif) no-repeat right top; display: block; padding: 6px 12px 3px; text-decoration: none; text-shadow: 1px 1px #FFFFFF; }
.tabs_menu .selected { background: url(images/header/header_bg_tab_on.gif) no-repeat left top; margin-top: 1px; height: 30px; }
.tabs_menu .selected a, .tabs_menu .selected a:visited, .tabs_menu .selected a:hover { background: url(images/header/header_bg_right_tab_on.gif) no-repeat right top; color: #fff; padding-top: 7px; text-shadow: none; }
.tabs_menu a img { vertical-align: middle; margin-right: 3px; }
.tabs_menu li.selected a,
.tabs_menu li a{ height:18px; line-height:18px;}

.table_menu ul { z-index: 200; }
.table_menu ul li { float: left; position: relative; }
.table_menu ul li a, .table_menu ul li a:visited, .table_menu ul li a:hover { display: block; margin: 6px 0 3px 0; padding: 0 6px; border-left: 1px solid #d9d9ec; line-height: 17px; color: #fff; text-decoration: none; }
.table_menu ul li a.first, .table_menu ul li a.first:visited, .table_menu ul li a.first:hover { border: 0; }
.table_menu ul li ul { display: none; left: 0; margin: 0; position: absolute; width: 150px; border: 0px; padding: 5px 0px; background: #fff; border: 1px solid #d6d6d6; }
.table_menu ul li ul li { float: none; margin: 5px; overflow: hidden; }
.table_menu ul li ul li a, .table_menu ul li ul li a:visited, .table_menu ul li ul li a:hover { height: 25px; line-height: 25px; display: block; color: #000; cursor: pointer; border: none; padding: 0px; margin: 0px; }
.table_menu ul li ul li a span { display: block; width: 100%; height: 100%; text-indent: 5px; }
.table_menu ul li:hover ul, .table_menu ul li.hover ul { display: block; }
.table_menu li.cat_on { background: url(images/header_menu_hover.gif) repeat-x left -54px; cursor: pointer; }
.table_menu ul li ul li a:hover { color: #fff; background: #5d98d4 url(Images/bg-left.jpg) no-repeat 0 0; border: none; }
.table_menu ul li ul li a:hover span { background: transparent url(Images/bg-right.jpg) no-repeat right top; }

.menu-ddl { height: 32px; position: relative; }
.menu_corner_left, .menu_corner_right { display: block; position: absolute; top: 0; height: 8px; width: 8px; background: url(images/header/bg_menu_left.png) no-repeat left top; }
* html .menu_corner_left, * html .menu_corner_right { top: -5px; }
.menu_corner_left { left: 0; }
.menu_corner_right { right: 0; _right: -1px; background: url(images/header/bg_menu_right.png) no-repeat left top; }
*html .menu_corner_right { width: 8px; height: 8px; background: url(images/header/bg_menu_right.png) no-repeat right top; }
.table_menu { margin: 0 0 0 14px; vertical-align: top;}
.seachzone-wrapper { clear: left; height: 28px; width: auto; background: url(images/header/bg_usefull.jpg) repeat-x left top; }
.seachzone-wrapper .search-zone { float: left; height: 28px; width: 515px; background: url(images/header/bg_search.jpg) repeat-x left top; border: none; }
.seachzone-wrapper .search-zone .magnifier { display: block; float: left; width: 35px; height: 28px; margin: 0 2px 0 0; background: url(images/header/magnifier.gif) no-repeat left top; }
.blk_submit { margin: 0; height: 22px; line-height: 22px; font-size: 11px; }
.blk_submit input { vertical-align: middle; margin-top: 2px; width: 230px; }
.blk_submit .ipt_submit { height: 21px; width: 24px; margin: 0; border: 0; padding: 0; background: url(images/header/inpt_search.gif) no-repeat left top; cursor: pointer; }
.usefull { margin: 0 0 0 515px; padding: 0 10px 0 0; font-weight: bold; font-size: 11px; text-align: right; }
.separator_search_usefull { display: block; float: left; height: 28px; width: 60px; background: url(images/header/bg_search_right.gif) no-repeat left top; }
.usefull ul li { display: inline; line-height: 28px; }
.usefull ul li a { margin: 0 0 0 5px; padding: 1px 0 1px 0; }
.usefull .account { padding-left: 13px; background: url(images/header/house.gif) no-repeat 0 2px; }
.usefull .help { padding-left: 10px; background: url(images/header/usefull.gif) no-repeat left -148px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER HEADER MENU - SEARCH BOX 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchbox { float: left; width: 180px; display: inline; padding-left: 5px; }
.searchbox ul { margin: 0; padding: 0; }
.searchbox ul li { list-style: none; float: left; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Content Wrapper - Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.vbox { width: 100%; height: 29px; overflow: hidden; background: url(images/box/ti_c1.gif); }
.vbox_l { float: left; width: 4px; }
.vbox_l img { height: 30px; width: 4px; }
.vbox_r { float: right; width: 3px; }
.vbox_c { float: left; width: 96%; line-height: 30px; }
.vbox-c-icon { float: left; width: 24px; }
.vbox-c-icon img { height: 30px; width: 26px; }
.vbox-c-icon2 { float: left; width: 6px; margin-top: 10px; }
.vbox-c-icon2 img { width: 6px; height: 12px; }
.vbox-title { text-align: left; font-weight: bold; color: White; text-shadow: 1px 1px #333; position: relative; }
.vbox_r img { height: 30px; width: 3px; }
.vbox-content { border: 1px solid #E4E4E4; padding: 5px 0px; margin-bottom: 10px; position: relative; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
.mbox_c { width: 163px; }
.sbox_c .vbox-title, .mbox_c .vbox-title { text-indent: 5px; }
.vbox-title a { position: absolute; right: 5px; color: White; font-size: 10px; padding: 0px; margin: 0px; }
* + html .vbox-title a { top: -6px; }

.vlight { background: url(images/header/b2c_detail_lm_bg_to_c.gif); }
.vlight .vbox-title { color: #333; text-shadow: 1px 1px #eee; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.vbox-content .tags { padding: 4px 8px; overflow: hidden; width: 150px; }
.vbox-content .tags a { margin-right: 3px; line-height: 20px; white-space: nowrap; }

/* Tag cloud */
.tags ul { text-align: center; margin: 0; padding: 0; }
.tags li { list-style: none; display: inline; overflow: auto; }
.tags li a { text-decoration: none; color: #3664A5; padding: 0 2px; }
.tags li a:hover { color: #cff400; }
.tag0 { font-size: 100%; }
.tag1 { font-size: 110%; }
.tag2 { font-size: 120%; }
.tag3 { font-size: 130%; }
.tag4 { font-size: 140%; }
.tag5 { font-size: 150%; }
.tag6 { font-size: 160%; }
.tag7 { font-size: 170%; }
.tag8 { font-size: 180%; }
.tag9 { font-size: 190%; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.vbox-content .listbox { margin: 0px; }
.vbox-content .separator { height: 1px; background: #eee; width: 140px; margin: 5px 0; }
.vbox-content .listbox ul { margin: 0px; padding: 0px; color: #3664A5; padding: 0px 5px; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Help Section

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.helpsection { border: solid 1px #ddd; border-style: solid none; background-color: #fff; margin-top: 3px; padding: 5px 0px; }
.helpsection ul { float: left; width: 24%; text-align: left; border-right: solid 1px #ddd; }
.helpsection ul.last { border: none; width: 27%; }
.helpsection ul li { padding-left: 10px; line-height: 20px; }
.helpsection .title { font-weight: bold; color: #FF7F00; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer { clear: both; height: 35px; border-top: 4px solid #666666; background: #FFF; padding: 5px 5px 5px 5px; }
.footer a { text-decoration: none; }
.footer-disclaimer { float: right; font-size: 11px; }
.footer-disclaimer ul li { text-align: right; line-height: 20px; }
.footer-poweredby { float: left; font-size: 11px; }

/*Menu*/

.treeview { padding: 0; background: #FFF; text-align: left; position: relative; z-index: 200; border-width: 0 1px 1px; margin-bottom: 6px; }
.nospace { padding: 0px; margin: 0px; }
.treeview ul { margin: 0px; padding: 0px; padding-left: 5px; }
.treeview ul li { height: 20px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.treeview h2 { width: 175px; height: 22px; line-height: 22px; padding: 3px 5px 0 9px; color: #025FA8; font: 12px corbel; }
.treeview h2 a:link, .treeview h2 a:visited { color: #D6290B; }
.treeview dl { width: 168px; overflow: hidden; }
.treeview dt { width: 155px; height: 24px; line-height: 24px; padding: 3px 5px 0px 9px; overflow: hidden; }
.treeview dt.haschild { cursor: default; background: url(images/jo_item.gif) no-repeat 155px -136px; }
.treeview dt a {/* font-weight: bold; */}
.treeview dt span { color: #999; display: none; width: 0px; padding-right: 5px; height: 21px; float: right; overflow: hidden; font-size: 10px; }
*html .treeview dt span { padding-right: 4px; }
.treeview .Dis { display: block; border: solid 1px red; }
.treeview .noDis { display: none; border: solid 1px red; }
.treeview .curr { width: 175px; border-top: 1px solid #959595; height: 19px; line-height: 19px; padding-bottom: 4px; background: url(images/jo_line_bg.jpg) #fff repeat-x 0 -478px; cursor: pointer; }
.treeview .curr span { display: none; }
.treeview dd { background: #fff; width: 175px; padding: 5px 5px 5px 9px; overflow: hidden; cursor: default; }
.treeview dd span, .treeview div span { display: block; width: 150px; background: url(images/jo_item.gif) no-repeat 0 -140px; padding-left: 8px; float: left; }
.viewall { text-align: right; padding: 6px 8px 0; border-top: 1px dotted #E1E1E1; }
.pop_wrap { left: 168px; position: absolute; z-index: 999; width: 171px; margin-top: 0px; display: none; background: url(images/shadow_04.gif) no-repeat left top; padding: 0 3px 3px 0; }
.pop { padding: 3px 10px; width: 150px; overflow: hidden; border: solid #959595; border-width: 1px 1px 1px 0; background: url(images/jo_line1.gif) #fff no-repeat 0 -780px; line-height: 24px; }
.pop a { font-weight: bold; font-size: 11px; }
.treeview ul li.li_selected a { color: #E97400; font-weight: bold; }

/*
.viewmore { margin-left: 720px; margin-bottom: 20px; background-image: url(images/arrow-000-medium.png); background-repeat: no-repeat; padding-left: 18px; }
.viewmore a { font-weight: bold; text-decoration: underline; }
*/


#gallerymodule { margin: 0 auto; width: 100%; text-align: center; padding-top: 10px; }
#gallerymodule p { margin: 0px; padding: 0px; text-align: left; }
#gallerymodule p.gallerylink { padding-left: 10px; margin: 5px 0 10px 0; }


#divTranslate{border: solid 1px #ddd;}
#divTranslate ul { list-style-type: none;padding: 0; margin: 0 auto; width:100px;}
#divTranslate li { height: 18px; }
#divTranslate .spnImage { float: left; background: url(Images/global.jpg) no-repeat; height: 14px; width: 25px; }
#divTranslate .spnText { float: left; }