body {
background: #3A3F45;
color: #ffffff;
font-size: 12px;
line-height: 21px;
margin: 0px auto;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
}

#main {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
margin: 0px auto;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
width: 960px;
}

#header{
line-height:0;
border:0;
padding:0;
height:80px;
margin-top:10px;
background-image: url(../images/bertani-logo.png);
background-repeat:no-repeat;
}

#container {
width: 970px;
overflow: hidden;
}

#menu{
height:518px;
width: 175px;
margin: 0 5px 0 0;
padding: 0;
overflow: hidden;
float:left;
border:#8C939D solid 1px;
}

#menucontainer {
height:472px;
width: 175px;
overflow: hidden;
}

#content{
height:510px;
width: 782px;
margin: 0;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
overflow: hidden;
float:left;
border:#8C939D solid 1px;

}

#contactPage {
height:510px;
width: 478px;
margin: 0;
padding: 0;
overflow: hidden;
float:left;
}

#map { width:278px; height:508px; float:left; }

#breadcrumbs {
clear:both;
margin-top:5px;
text-transform:uppercase;
font-size:9px;
color:#8C939D;
}

#breadcrumbs a {
color:#8C939D;
}
#breadcrumbs a:hover {
color:#ffffff;
}

#search form {background:transparent; margin-left:15px; }
#search form input.text{padding:2px 5px 0;float:left;height:16px;width:97px;border:0;border-top:1px solid #8C939D;border-bottom:1px solid #8C939D;border-left:1px solid #8C939D;color:#8C939D;font-size:10px; background-color:transparent;}
#search form input.button{float:left}


a {text-decoration: none;}
a img {border: none;}

:focus { -moz-outline-style: none; }

.underLink a:link { border-bottom: 1px solid #CCCCCC; }
.underLink a:visited { border-bottom: 1px solid #CCCCCC; }
.underLink a:hover { border-bottom: 1px solid #000000; }
.underLink a:active { border-bottom: 1px solid #CCCCCC; }


.textLink a:link { color:#FFFFFF; border-bottom: 1px solid #666666; text-decoration: none; }
.textLink a:visited { color:#FFFFFF; border-bottom: 1px solid #666666; text-decoration: none; }
.textLink a:hover { color:#FFFFFF; border-bottom: 1px solid #FFFFFF; background: #8C939D; text-decoration: none; }
.textLink a:active { color:#FFFFFF; border-bottom: 1px solid #666666; text-decoration: none; }

.textCapsLink a:link { color:#FFFFFF; text-transform:uppercase; border-bottom: 1px solid #666666; text-decoration: none; }
.textCapsLink a:visited { color:#FFFFFF; text-transform:uppercase; border-bottom: 1px solid #666666; text-decoration: none; }
.textCapsLink a:hover { color:#FFFFFF; text-transform:uppercase; border-bottom: 1px solid #FFFFFF; background: #8C939D; text-decoration: none; }
.textCapsLink a:active { color:#FFFFFF; text-transform:uppercase; border-bottom: 1px solid #666666; text-decoration: none; }

.smalltext { font-size:11px; }
.textCapsBrown { font-size:11px; color:#8C939D; text-transform:uppercase; }

.textLinkBrown a:link { color:#8C939D; text-decoration: none; }
.textLinkBrown a:visited { color:#8C939D; text-decoration: none; }
.textLinkBrown a:hover { color:#FFFFFF; background: #8C939D; text-decoration: none; }
.textLinkBrown a:active { color:#8C939D; text-decoration: none; }

h1{
display:none;
}
h2 {
font-size:14px; text-transform:uppercase; font-weight:bold;
}
h3 {
font-size:11px; text-transform:uppercase; font-weight:bold;
}
h4 {
font-size:11px; text-transform:uppercase; font-weight:normal;
}
h5 {
font-size:12px; text-transform:uppercase; font-weight:bold; line-height: 1em;
}
hr {
height: 1px;
border: none;
border-top: 1px solid #8C939D;;
}


.galleryPage2 hr {
font-size:10px;
color:#8C939D;
line-height:1.2em;
padding-top: -5px;
padding-bottom: 10px;
width:80%;
}

#menu ul {
list-style-type:none;
width:150px;
font-size:10px;
line-height:1.5em;
margin:3em 0 0 -1em;
padding:0 0 0 0;
text-transform:uppercase;
}


#menu ul * {
display: block; color: #8C939D;
}

#menu a:hover {
color:#FFFFFF;
}

#menu ul em {
color: #ffffff; font-style: normal; padding-left:3px;
}

#menu ul a {
color: #8C939D; padding-left:3px;
}

#menu ul ul {
margin: 0 0 0.5em -2.5em;
font-size:10px;
line-height:1.5em;
}
#menu ul ul em {
font-style: normal;
}
#menu ul ul a {
color: #8C939D; padding-left:3px;
}

#menu .catBreak {
margin-bottom:1em;
}

#menu .topBreak {
margin-top:1em;
}



.slideshowDefault {
	border: 0;
	width: 778px;
	height: 510px;
}


#scrollbody_container_nb{
width: 758px;
height: 510px;
margin: 0 5px 0 0;
padding: 0;
overflow: hidden;
float:left;
border:0;
}

#scrollbody_container{
width: 756px;
height: 508px;
margin: 0 5px 0 0;
padding: 0;
overflow: hidden;
float:left;
border:#8C939D solid 1px;
}
#scrollbody {
margin: 0px 0 0 0px;
padding: 0;
}
#scrollbar {
border:#8C939D solid 1px;
width: 13px;
height: 508px;
float:left;
}
#handle {
background: #8C939D;
width: 13px;
height: 40px;
cursor:pointer;
}


.companyPage {
padding:25px;
}
.companyPage p, .galleryPage p {
font-size:12px;
color:#8C939D;
}

.galleryPage2 p {
font-size:12px;
color:#8C939D;
line-height:1.2em;
}
.categories {
float: left;
width: 150px;
height: 140px;
margin-right: 1px;
padding: 0px;
overflow: hidden;
cursor:pointer;
line-height:1px;
}

.categories img {
margin:0;
padding:0;
}
.categories a {
font-size:10px; text-transform:uppercase; color:#8C939D; 
}

.categories:hover a {
color:#FFFFFF;
}

#bespokeDescription { width:361px; height:508px; float:left;  overflow:hidden;}
#bespokeDescription div { padding:30px; }
#bespokeDescription p { font-size:11px; line-height:1.5em; }


#gallery_container { width:778px; height:445px; overflow:hidden; }
#gallery_description { width:778px; height:65px; overflow:hidden; }
#gallery_description h2 { margin:0; padding:0; line-height:15px; }
#gallery_description h3 { margin:0; padding:0; line-height:15px; }
#gallery_description .innerbox { margin-top:5px; width:776px; height:58px; border:#8C939D solid 1px; font-size:11px; }
#gallery_description .innerboxtext { padding-top:12px; padding-left:12px; float:left;}
#gallery_description .innerboxnav { padding-top:12px; padding-right:12px; float:right; color:#8C939D; }
#gallery_description .innerboxnav a { font-size:11px; line-height:1.5em; color:#8C939D; text-decoration:none; text-transform:uppercase; }
#gallery_description .innerboxnav a:hover { font-size:11px; line-height:1.5em; color:#8C939D; text-decoration:underline; text-transform:uppercase; }

#product {
height:508px;
width: 776px;
margin:0;
padding:0;
overflow: hidden;
/*border:#8C939D solid 1px;
*/}
#productNav { width:760px; height:420px;/* float:left;/*background-color:#FFFFFF;*/ }
#productDescription { width:600px; height:auto; float:left; margin-top: -100px}
#productDetail { width:140px; height:auto; float:left; overflow:hidden; margin-left: 10px;}

#productNav #innernav { float:right; font-size:11px; padding:15px 20px 0 0; color:#999999; }
#productNav #innernav a { font-size:11px; line-height:1.5em; color:#999999; text-decoration:none; text-transform:uppercase; }
#productNav #innernav a:hover { font-size:11px; line-height:1.5em; color:#999999; text-decoration:underline; text-transform:uppercase; }

#productNav #thumbnav { float:left; font-size:11px; padding:15px 0 0 20px; color:#999999; }

#productDescription div { padding:30px; }
#productDescription p { font-size:11px; line-height:1.5em; }

.slideshowProduct {
	width: 415px;
	height: 460px;
}
.thumbnav {
outline: none;
}
#productNav #thumbnav img {
padding: 6px;
}

.outline {
border: 1px solid #CCCCCC;
z-index: 0;
position: absolute;
padding:2px 2px 0 0;
}


#productDetail form { margin:20px 30px 0 30px; }

#productDetail form select { width: 200px; font-size:9px; border:0; color:#666666; }

#productDetail table .lable {
font-size:11px;
width:50px;
vertical-align:middle;
}
#productDetail table .more {
font-size:11px;
width:40px;
text-align:center;
vertical-align:middle;
}
.productLink a {
color:#FFFFFF; text-decoration:none;
}
.productLink a:hover {
background: #8C939D; color:#FFFFFF; text-decoration:none;
}



#selectiontext { text-transform:uppercase; font-size:11px; }
#controls { margin-top:10px; }
#price { margin-top:10px; text-transform:uppercase; font-size:11px; line-height:12px; text-align:left; }
#addtobasket { text-align:right; text-transform:uppercase; font-size:11px; line-height:13px; }

#addtobasket a { color:#FFFFFF; }
#addtobasket a:hover {
background: #8C939D; color:#FFFFFF;
}

.addtoInline { text-transform:uppercase; font-size:11px; line-height:13px; }
.addtoInline a { color:#FFFFFF; }
.addtoInline a:hover {
background: #8C939D; color:#FFFFFF;
}

.relatedproducts { float:right; font-size:11px; }

#material {
height:508px;
width: 776px;
margin:0;
padding:0;
overflow: hidden;
border:#8C939D solid 1px;
}
#materialNav { width:415px; height:508px; float:left; }
#materialDescription { width:361px; height:508px; float:left;  overflow:hidden;}
#materialDescription div { padding:30px; }



.materials {
float: left;
width: 150px;
height: 180px;
margin: 0 5px 1px 0;
padding: 0;
overflow: hidden;
cursor:pointer;
line-height:12px;
}
.materials img {
margin:0;
padding:0;
}
.materials a {
font-size:11px; text-transform:uppercase; color:#8C939D; 
}
.materials:hover a {
color:#FFFFFF;
}



.sofaFormLable {
width:100px;
color:#ffffff;
font-size:11px;
}
.sofaFormLable span {
color:#ff6600;
}
.sofaFormLable em {
color:#f3f3f3;
font-style:normal;
}
.sofaInput { width: 300px; font-size:11px; border: 1px solid #8C939D; color:#ffffff; background:transparent !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.sofaInputNoWidth { font-size:11px; border: 1px solid #8C939D; color:#ffffff; background:transparent !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.sofaButton { font-size: 11px; border: 1px solid #8C939D; background:transparent !important; color:#ffffff; width:150px; margin-top:5px; }

.sofaFormLableNoWidth {
color:#ffffff;
font-size:11px;
}
.sofaFormLableNoWidth span {
color:#ff6600;
}
.sofaFormLableNoWidth em {
color:#f3f3f3;
font-style:normal;
}

.sofaSelect {
background:#30251a;
border: 1px solid #8C939D;
color: #FFFFFF;
font: 11px Arial, Geneva, Helvetica, Sans-Serif;
margin: 0 0 0 0;
}

#listBasket .listBasketHeader { font-size:11px; text-transform:uppercase; color:#8C939D; }
#listBasket .listBasketRow td { font-size:11px; vertical-align:top; color:#FFFFFF; }
#listBasket .listBasketRow span { text-transform:uppercase; }
#listBasket .listBasketRow input { width: 30px; font-size:11px; border: 1px solid #8C939D; color:#ffffff; background:transparent; }
#listBasket .listBasketRight { text-align:right; }
#listBasket .listBasketText { font-size:11px; color:#FFFFFF; }
#listBasket .listBasketButton { font-size:11px; color:#FFFFFF; text-transform:uppercase; }
#listBasket .listBasketReCalc { font-size:11px; color:#FFFFFF; text-transform:uppercase; }

.sampleBox { display:block; width:110px; height:100px; float:left; font-size:11px; border-bottom:#666666 solid 1px; border-right:#666666 solid 1px; line-height:13px; }



.faqs a { display:block; border:#8C939D solid 1px; padding:5px 10px 5px 10px; margin:2px; float:left; text-transform:uppercase; font-size:11px; line-height:13px; color:#8C939D;}
.faqs a:hover { color:#FFFFFF; border:#FFFFFF solid 1px; }
.faqs .faqSelected { background-color:#8C939D; color:#333333; }
.faqQuestion{ margin-top:10px; padding-bottom:20px; }


/*crossfade start*/

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}


#fade li {
	position: absolute;
	top: 0;
	left: 0;
	width: 790px;
	height: 520px;
	background-color: #FFF;
	visibility: hidden;
}

.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}

/*crossfade end*/