﻿/* Layout */

.containerBackground
{
    background-repeat : no-repeat;
    background-position : top center;
}

.container { min-width : 980px; }

#content,
#header,
.topNavigation,
#footerCorner
{
	border-left : 1px solid #000;
	border-right : 1px solid #000;
}

#content
{
	background-color : #FFF;
	line-height : 14px;
}

/* Header */

#header { background : url(/App_Themes/Default/images/bg-Head.jpg) repeat-x top; }

#header .headerLogo 
{
	position : relative;
	height : 155px;
	background-position : left top;
	background-repeat : no-repeat;
}

#header .headerBarLogin 
{
	right : 5px;
	top : 10px;
	width : 200px;
	height : 135px;
	background : url(/App_Themes/Default/images/bg-ReservedArea.png) no-repeat top left;
	text-align : right;
}

#header .headerLoginBox 
{
	width : 195px;
	padding : 10px 0 0 0;
	text-align : left;
	font-size : 11px;
}

#header .headerLoginBox a
{
	display : block;
	float : left;
	line-height : 20px;
	color : #333;
}

#header .headerLoginBox a:hover
{
    text-decoration : none;
	color : #999;
}

#header .headerLoginParts 
{
	clear : left;
	padding : 5px 5px 0 0;
}

#header .headerBarImg,
#header .headerLoginBox input[type="image"]
{
	display : block;
	float : left;
	margin-right : 5px;
	cursor : pointer;
}

#header .headerFlags
{
	right : 10px;
	top : 15px;
	width : 100px;
	text-align : right;
	vertical-align : middle;
}

#header .headerFlags img { margin-left : 3px; }

.topNavigationBar a
{
	text-decoration: none;
	color : #333;
}

/* Navigation */

.topNavigation
{
	height : 58px;
	background-color : #FFF;
}

.topNavigation .contentNav
{	
	width : 100% !important;
	width : auto;
	background-image : url(/App_Themes/Default/images/bg-Navigation.png)!important;
	background-image : none;
	background-position : bottom left;
	background-repeat : repeat-x;
}

.topNavigation .contentNav,
.topNavigation ul li { height : 52px; }

.topNavigation ul { width : 100%; }

.topNavigation ul li
{
	display : inline;
	float : left;
}

.topNavigation ul li.navSeparatore
{
	width : 2px;
	background : url(/App_Themes/Default/images/navigation-Separator.png) no-repeat bottom left;
}

.topNavigation ul li .searchBox
{
	width : 100% !important;
	width : 90%;
	padding : 13px 0 0 15px;
	text-align : center;
}

.topNavigation ul li.active a,
.topNavigation ul li a,
.topNavigation ul li a:hover,
.topNavigation ul li.search span { display : block; }

.topNavigation ul li.active a,
.topNavigation ul li a,
.topNavigation ul li a:hover
{
	padding : 16px 10px;
	background-position : left bottom;
	background-repeat : repeat-x;
	font-size : 16px;
	font-weight : bold;
	text-decoration : none;
}

.topNavigation ul li.active a,
.topNavigation ul li a:hover
{
	background-image : url(/App_Themes/Default/images/navigation-Active.png)!important;
	background-image : none;
}

.topNavigation ul li.search a,
.topNavigation ul li.search span,
.topNavigation ul li.search input
{
	float : left;
	padding : 0;
	line-height : 12px;
	font-weight : bold;
}

.topNavigation ul li.search a,
.topNavigation ul li.search span { padding-top : 8px; }

.topNavigation ul li.search a 
{
	background-image : none !important;
	font-size : 10px;
	text-decoration : underline;
}

.topNavigation ul li.search a.searchButton
{
	width : 30px;
	margin : 0 5px 3px 0;
	padding : 0 8px;
	border-color : #ccc;
	background-image : url(/App_Themes/Default/images/bg-ButtonSearch.png) !important;
	background-repeat : repeat-x;
	background-position : left top;
	font-size : 11px;
	text-decoration : none;
	cursor : pointer;
}

.topNavigation ul li.search a.searchButton span
{
	display : block;
	padding : 8px 0 0 0;
}

.topNavigation ul li.search input.textBox
{
	width : 120px;
	margin : -1px 0 0 5px;
	padding : 5px;
}

/* Navigation Categories */

.categoriesTopMenu
{    
	top : 52px;
    left : 200px;
    border : 1px solid #D0D0D0;
    -moz-border-radius : 0.5em;
	-webkit-border-radius : 0.5em;
    z-index : 1000;
}

.categoriesTopMenu ul
{
	float : left;
	width : 150px;
    margin : 0 0 0 5px;
    padding : 0;
    text-align : left;
}

.categoriesTopMenu ul li,
.categoriesTopMenu ul li ul  { float : none; }

.categoriesTopMenu ul li ul 
{
	height : auto;
	overflow : visible;
}

.categoriesTopMenu ul li ul li { padding-left : 10px; }

.categoriesTopMenu ul li ul li a,
.categoriesTopMenu ul li h3 a,
.categoriesTopMenu ul li ul li a:hover,
.categoriesTopMenu ul li h3 a:hover
{
	display : inline;
	padding : 0;
	font-size : 11px;
	line-height : 20px;
	color : #333;
}

.categoriesTopMenu ul li ul li a,
.categoriesTopMenu ul li ul li a:hover { font-weight : normal; }

.categoriesTopMenu ul li h3 a,
.categoriesTopMenu ul li h3 a:hover { font-size : 12px; }

.categoriesTopMenuHeader
{
	width : auto;
	background-color : #C0C0C0;
	text-align : right;
}

.categoriesTopMenuHeader img { margin : 5px 5px 5px 0; }

.categoriesContainerMenuHeader,
.categoriesTopMenuFooter  { background-color : #F3F3F3; }

.categoriesTopMenuFooter
{
	width : auto;
	height : 17px;
	clear : both;
}

.categoriesTopMenuHeaderLoading
{
	width : 304px;
	height : 120px;
}

/* Generals */

h1
{
	font-size : 28px;
	line-height : normal;
	color : #000;
}

h2
{
	padding : 2px;
	border-bottom : 2px solid #dcdcdc;
	background-color : #f0f0f0;
	font-size : 22px;
	line-height : 22px;
}

.textBox,
.dropDownLists,
.textAreas
{
	padding : 5px;
	border : 2px solid #a5a5a5;
	-moz-border-radius : 0.5em;
	-webkit-border-radius : 0.5em;
}

.dropDownLists { font-size : 12px; }

.textBoxRead
{
	width : 42px;
	height : 19px;
	border : 1px solid #567999;
	background-color : #ebebe4;
	font-size : 12px;
	line-height : 19px;
}

.link,
.titleList,
.titleList a { color : #333; }

.link:hover { color : #FF3300; }

.bgcolorActive { background-color : #999995; }

.formGraphic
{
	border : 1px solid #D0D0D0;
	background-color : #F8F5F5;
    -moz-border-radius : 0.5em;
	-webkit-border-radius : 0.5em;
}

.selectSort
{ 
	display : block;
	width : 120px;
	height : 15px;
	padding : 0 0 0 2px;
	border : 1px solid #D0D0D0;
	background : #FFF url(/App_Themes/Default/images/bg-SelectArrow.gif) no-repeat right center;
	font-weight : normal;
	font-size : 11px;
	white-space : nowrap;
}

.up { text-align : right; }

.up a
{
	color : #999;
	text-decoration : none;
}

.up a:hover
{
	color : #333;
	text-decoration : underline;
}

.b_pager
{
	padding : 15px 0 30px;
	text-align : center;
}

.b_pager .countPages
{
	float : none;
	margin : 0 auto;
	width : 40%;
}

.b_pager a,
.b_pager strong
{
	display : block;
	padding : 2px 6px;
	margin-right : 4px;
	text-decoration : none;
}

.b_pager a,
.b_pager strong { border : 2px solid; }

.b_pager a:hover
{
	border : 2px solid #E0E0E0;
	background-color : #FFF;
	color : #F0F0F0;
}

.payment
{	
	padding : 10px 10px 10px 20px;
	text-align : left;
	clear : both;
}

.stepStyleClass,
.checkoutStepStyleClass
{
	padding : 8px;
	vertical-align : top;
}

.checkoutStepStyleClass
{
	background-repeat : no-repeat;
	background-position : right top;
}

.mainWizardClass
{
	height : 150px;
	vertical-align : top;
}

.dlImages
{
	margin : 30px auto;
	padding : 50px;
	border : 1px solid #c8c8c8;
	background : url(/App_Themes/Default/images/bg-Gallery.gif) repeat-x top left;
}

.right h3,
.right h4
{
	padding : 7px 0 7px 5px;
	background : url(/App_Themes/Default/images/icons/icon-Corner.gif) no-repeat top right;
	font : bold 1em Tahoma, Arial, Sans-Serif;
}

.button,
.buttonAdd,
.searchButton
{
	height : 27px;
	margin : 5px auto 5px auto;
	border : 1px solid;
	-webkit-border-radius : 0.5em;
	-moz-border-radius : 0.5em;
	background-position : bottom;
	background-repeat : repeat-x;
	font-size : 11px;
	font-weight : bold;
}

.button,
.buttonAdd
{
	background-image : url(/App_Themes/Default/images/bg-button.png) !important;
	background-image : none;
}

.buttonAdd { width : 140px; }

.button:hover,
.buttonAdd:hover,
.searchButton:hover { background-image : none !important; }

.buttonAdd a
{
	display : block;
	padding-left : 20px;
	background : url(/App_Themes/Default/images/icons/icon-CartButton.gif) left no-repeat;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	line-height : 27px;
    text-align : center;
}

.columnsRightMargin { margin-right : 210px; }

.columnsLeftMargin { margin-left : 210px; }

/* PRODUCT GENERAL */

.Wish,
.WishList,
.infoList2,
.priceList,
.containerGrid,
.titleGrid,
.thumbDettGrid,
.boxProdHome_price,
.right_articles,
.tableStep .cell4,
.tableStep .cell5,
.loginContainer,
.pnlLogin span.errorText,
.pnlSignUp,
.footerBackground .content .menu,
.footerBackground .content .disclaimer { text-align : center; }

.containerList,
.containerGrid,
.filterBox,
.filterPriceTable,
.filterSorting,
.optionPanel,
.productDetailsSubHeader .commentContainer,
.tableStep,
.tableTotalAmount,
.advancedSearch { border : 1px solid #D0D0D0; }

.titleList,
.titleGrid,
.tableStepHeader { background : url(/App_Themes/Default/images/bg-ProductList.gif) repeat-x; }

/* table grid for all pages */

.homePageTableGrids
{
	width : 100% !important;
	width : auto;
	font-size : 1.00em;
}

/* PRODUCT LIST */

.containerList
{
	margin : 10px auto;
	padding : 3px;
	background-color : #FFF;
	text-align : left;
}

.titleList,
.titleList a
{
	font-size : 14px;
	font-weight : bold;
}

.titleList a { text-decoration : none; }

.titleList
{
	margin : 0 auto;
	padding : 5px;
}

/* image list dettagli prodotto */

.thumbList2 { margin : 5px 0 5px 5px; }

/* end */

.thumbList .thumb_image { margin : 3px 0 5px 3px; }

.thumbDettList
{
	padding-left : 5px;
	padding-bottom : 5px;
	text-align : left;
}

.thumbDettList img { margin-right : 10px; }

.infoList
{
	margin-left : 150px;
	margin-right : 160px;
}

.infoList p { line-height : 1.25em; }

/* list dettaglio prodotto */

.infoList2 img { margin-right : 5px; }

.infoList2 table 
{
	margin-bottom : 8px;
	font-size : 1.00em;
}

.infoList2 .link
{
	display : block;
	height : 12px;
	background : url(/App_Themes/Default/images/icons/icon-Link.png) no-repeat left center;
	text-align : right;
	line-height : 12px;
}

/* end */

.dispList
{
	left : 0;
	top : 50px;
}

.containerPriceList
{
	width : 165px;
	margin-top : 5px;
}

.listingPriceWithoutDiscount,
.listingDiscountAmount
{
	font-size : 14px;
	font-weight : bold;
	color : #df000f;
}

.listingPriceWithoutDiscount { text-decoration : line-through; }

.listingPriceHeight
{
	height : 15px;
	line-height : 15px;
}

.listingPrice
{
	display : block;
	height : 30px;
	font-size : 24px;
	font-weight : bold;
	line-height : 30px;
	text-decoration : none;
}

.listingPriceWithTaxes
{
	font-weight : bold;
	line-height : 16px;
}

a.listWish
{
	text-decoration : underline;
	line-height : 20px;
	white-space : nowrap;
}

/* PRODUCT GRID */

.containerGrid
{
	width : 167px;
	margin : 0 12px 12px 0;
	padding : 0 1px 3px 1px;
}

.titleGrid,
.titleGrid a { color : #333; }

.titleGrid
{
	height : 22px;
	padding : 3px auto;
	font-size : 12px;
	font-weight : bold;
	line-height : 12px;
}

.titleGrid a
{
	font-size : 11px;
	font-weight : bold;
	line-height : 10px;
	text-decoration : none;
}

.thumbDettGrid { margin-top : 5px; }

.thumbDettGrid img { margin-right : 10px; }

.thumbGrid .thumb_image { background-position : center; }

.priceGrid
{
	width : 130px;
	margin : 3px auto;
}

.ProdSepList { height : 15px; }

/*.containerGrid table.adminBand { height : 248px; }

.containerGrid table.adminBand td { vertical-align : top; }*/

/* HOMEPAGE */

/* homepage description */

.left
{
	width : auto;
	margin-bottom : 3px;
}

.left_box
{
	color : #000;
	line-height : normal;
}

.left_box td { line-height : normal; }

/* end */

.homeTitleProduct
{
	height : auto !important;
	height : 20px;
}

.boxProdHome
{
	width : 48%;
	margin : 5px 0 0 3px;
	padding : 3px;
	border : 1px dotted #C3C3C3;
}

.boxProdHome_img { width : 120px; }

.boxProdTitle { height : 30px; }

.boxProdHome_price { width : 130px; }

.boxProdHome_descript
{
	height : 100px;
	padding : 3px;
	text-align : left;
}

/* Other Product Homepage */

.right_articles
{
	width : 178px;
	margin : 5px 0 0 3px;
	padding-bottom : 3px;
	border : 1px dotted #C3C3C3;
}

.right_articles .title
{
	height : 42px;
	padding : 0 3px;
}

.right_img { height: 135px; }

.right_img img { margin : 5px 10px 10px auto; }

.right_articles .homeLastProd
{
	display : block;
	height : 28px;
	font-weight : bold;
}

/* end */

.filterBox,
.filterPriceTable,
.filterSorting
{
	width : 100% !important;
	width : 540px;
	margin : 20px 0 0 0;
	font-size : 11px;
}

.filterBox
{
	width : auto !important;
	padding : 1px;
}

.filterProductsHeader,
.filterPriceHeader
{
	height : 23px;
	background : url(/App_Themes/Default/images/SearchFilter-Top.gif) repeat-x top;
	line-height : 23px;
	font-weight : bold;
	color : #333;
}

.filterProductsHeader span,
.filterPriceHeader span { padding-left : 5px; }

.filterProductsContainer .cellLeft
{
	width : 60%;
	padding : 5px;
	vertical-align : top;
	border-right : 1px solid #D0D0D0;
}

.filterProductsContainer .cellRight
{
	width : 40%;
	padding : 5px;
	vertical-align : top;
}

.filterProductsContainer .cellLeft div
{
	height : 150px;
	overflow : auto;
}

.filterProductsContainer a
{
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}

.filterPriceContainer td
{
	width : 1px;
	vertical-align : bottom;
}

.sliderContainer .outer_rail_horizontal
{
	top : -25px;
	left : 10%;
}

.sliderContainer .inner_rail_horizontal
{
	top : 0;
	left : 0;
}

.filterSorting
{
	height : 25px;
	width : 100% !important;
	margin-bottom : 20px;
	background-color : #f3f3f3;
	vertical-align : middle;
}

.filterSorting span { font-weight : bold; }

/* PRODUCT DETAILS */

.optionPanel
{
	margin : 10px auto 10px auto;
	padding : 5px;
	background-color : #FFF;
}

.optionPanel ul li input
{
	margin-right : 10px;
	vertical-align : middle;
}

.productDetailsHeaderMenu
{
	height : 24px;
	background-image : url("/App_Themes/Default/images/bg-ProductDtl-HeadMenu.png") !important;
	background-image : none;
	background-position : bottom;
	background-repeat : repeat-x;
	font-size : 11px;
	line-height : normal;
}

.productDetailsHeaderMenu li
{
	display : inline;
	padding : 0 0 0 9px;
	margin-right : 2px;
	background-image : url("/App_Themes/Default/images/bg-ProductDtl-HeadMenuLeft.png") !important;
	background-image : none;
	background-position : left top;
	background-repeat : no-repeat;
	text-align : center;
}

.productDetailsHeaderMenu li a
{
	display : block;
	padding : 5px 15px 4px 6px;
	background : url("/App_Themes/Default/images/bg-ProductDtl-HeadMenuRight.png") no-repeat right top !important;
	background : none;
	font-weight : bold;
	text-decoration : none;
}

.productDetailsHeaderMenu li.current
{
	background-image : url("/App_Themes/Default/images/bg-ProductDtl-HeadMenuLeft_Active.png") !important;
	background-image : url("/App_Themes/Default/images/bg-ProductDtl-HeadMenuLeft_Active.png");
	background-repeat : no-repeat;
}

.productDetailsHeaderMenu li.current a
{
	padding-bottom : 5px;
	background-image : url("/App_Themes/Default/images/bg-ProductDtl-HeadMenuRight_Active.png") !important;
	background-image : url("/App_Themes/Default/images/bg-ProductDtl-HeadMenuRight_Active.png");
	font-weight : bold;
	color : #999;
}

.productDetailsSubHeader
{
	min-height : 100px;
	padding : 8px;
	margin-bottom : 10px;
	background-color : #f3f3f3;
}

.productDetailsSubHeader a
{
	color : #333;
	vertical-align : middle;
}

.productDetailsSubHeader p { text-align : left; }

.productDetailsSubHeader .commentContainer
{
	margin-bottom : 5px;
	border-bottom : none;
	background-color : #FFF;
}

.productDetailsSubHeader .commentContainer h3 
{
	margin : 0 0 3px 0;
	font-size : 14px;
	color : #333;
}

.productDetailsSubHeader .commentContainer h4 
{
	margin : 0 0 6px 0;
	font-size : 11px;
	font-weight : normal;
	color : #6c6c6c;
}

.productDetailsSubHeader .commentContainer .comment,
.productDetailsSubHeader .commentContainer .commentAlternate 
{
	padding : 10px;
	border-bottom : 1px solid #D0D0D0;
}

.productDetailsSubHeader .commentContainer .link
{
	display : block;
	width : 70px;
	height : 24px;
	padding-left : 26px;
	background : url("/App_Themes/Default/images/icons/icon-Delete_01.png") no-repeat left center;
	line-height : 24px;
}

.productDetailsSubHeader .commentContainer p { margin-left : 10px; }

.optionPanelList { top : -15px; }

/* CARD STEP */

.tableStepCart,
.tableStep
{
	border : solid 1px;
	font-size : 11px;
}

.tableStepCart 
{ 
	height : 20px;
	margin : 10px 0 10px 0;
	line-height : 1em;
}

.tableStepPadding { padding : 0 0 0 3px; }

.currentCartStep { background : #FFF url(/App_Themes/Default/images/bg-CardStepCurrent.png) repeat-x bottom; }

/* SHOPPING CARD */

.tableStepHeader { padding : 0 3px 0 3px; }

.tableStep { background-color : #FFF; }

.tableStepHeader th,
.tableStep td { border-bottom : 1px solid #D0D0D0; }

.tableStepCart .cell1
{
	padding-left : 5px;
	width : 25%;
	white-space : nowrap;
}

.tableStepCart .cell2 { width : 10px; }

.tableStep .cell7 { width : 90px; }

.tableStep td.cell7 input[type="text"] { width : 30px; }

.tableStep td.cell7 input[type="image"]
{
    width : 16px;
    margin-top : 6px;
}

.tableStepAlt { background-color : #f5f5f3; }

.tableStep .cartHeader { background-color : #F5F5F5; }

.boxTotAmount table { font-size: 12px; }

.tableTotalAmount
{
	margin : 10px auto;
	background-color : #FFF;
}

/* LOGIN */

.loginContainer,
.pnlSignUp
{
	width : 49%;
	height : 196px;
	margin : 20px auto;
	border : 1px solid #ddd;
	background-color : #eee;
}

.loginContainer
{
	padding : 0 10px 10px 10px;
	border : 1px solid #ddd;
	background-color : #eee;
}

.loginContainer h1,
.pnlSignUp h1
{
	display : block;
	padding-left : 15px;
	font-size : 16px;
	line-height : 25px;
	text-align : left;
}

.pnlLogin span
{
	display : block;
	width : 80px;
	margin : 0 10px 0 0;
	font-size : 12px;
	font-weight : bold;
	text-align : right;
}

.pnlLogin p,
table.accountForm { margin : 10px auto; }

.pnlLogin .textBox { width : 130px; }

.pnlLogin span.errorText { width : auto; }

.pnlSignUp .link
{
	display : block;
	margin : 20px 0 10px 0;
}

.captcha img { margin : 5px 0; }

/* ADVANCED SEARCH */

.advancedSearch
{
	margin : 15px 0 0 0;
	background-color : #F3F3F3;
}

.advancedSearch td.left 
{
	width : 40%;
	text-align : right;
}

/* FOOTER */

#footer 
{
	clear : both;
	height : 200px;
	text-align : center;
}

#footer span,
#footer span a { font-size : 10px; }

#footer span { bottom : -20px; }

#footer span a { text-decoration : underline; }

#footerCorner
{
	padding : 0 3px 3px 3px;
	border-bottom : 1px solid #000;
	background-color : #FFF;
	text-align : left;
}

.footerBackground .content,
.footerBackground .t
{
	background-color : transparent;
	background-image : url(/App_Themes/Default/images/footer-Corner.png) !important;
	background-image : none;
	background-repeat : no-repeat;
	background-position : right bottom;
}

.footerBackground .content { color : #ffffd6; }

.footerBackground .content .menu
{
	height : 25px;
	text-align : center;
}

.footerBackground .content .menu a
{
	font-size : 13px;
	font-weight : bold;
	text-decoration : none;
	line-height : 25px;
}

.footerBackground .content .menu a:hover { text-decoration : underline; }

.footerBackground .content .disclaimer
{
	bottom : 3px;
	left : 0;
}
