body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}


/*SIFR*/

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}


/* These decoy styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .sifr1{
	visibility: hidden;
}

.sifr1, .sifr1 a{
	color:#382206;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	text-decoration:none
}

.menu .sifr1, .menu .sifr1 a{
	font-size:15px;
}
	

/*LAYOUT*/
body{
	background-image: url(images/background.jpg);
	margin: 0;
	padding-left: 50px;
	padding-top: 45px;
}

body,td,th,a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#382206;	
}

.light{
	color:#91613B;
}

h1{
	font-size:14px;
}

.bold{
	font-weight:bold;

}

.clear{
	clear: both;
}

.wrap{
	width:943px; /* 190+34+699 + 20 */
}

#left{
	width:190px;
	float:left;
	border: 1px solidr red;
}

#right{
	margin-left:34px;
	width:719px; /* 699 + 20 */
	float:left;
}

.columnA{
	float:left;
	width:347px;
	margin-right:5px;
	overflow:hidden;
}


.columnB{
	float:left;
	width:347px;	
	overflow:hidden;	
}


.textBox{
	padding:8px;
	background-image: url(images/texture.jpg);
}

.whitetBox{
	padding:8px;
	background-color:#FFF;
}

.beigeBox{
	padding:8px;
	background-color:#f2eee5;
}


.barLong{
	padding-top:5px;	
	height: 23px;	
	/*background-image: url(../_design2/barLongRef.jpg);*/
	background-image: url(images/barLong.jpg);
	padding-left:10px;
	width:689px;
}

.barLongRight{
	float:right;
}

.barLongRight a{
	margin-right:7px;
}


.barMedium{
	background-image: url(images/barMedium.jpg);
	padding-top:5px;	
	height: 23px;	
	padding-left:10px;	
	width:337px;

}


.arrowBox{
	width:356px;
	height:160px;
}

.arrowBoxLeft{
	float:left;
	width:220px;
	height:160px;
	overflow:hidden;
}


.arrowBoxRight{
	float:left;
	width:136px;
	height:160px;
}

.arrowBoxText{
	padding-top:10px;
	height:133px;
	width:122px;
	padding-right:5px;
	overflow:hidden;
}

.arrowBoxLink{
	text-decoration:none;
	font-weight:bold;
}





/*MENU*/
.menu{
	margin-top:47px;
}

.menuHolder{
	padding-bottom:8px;
}

a.menuItem{
	display:block;
	width:190px;
	height: 28px;	
	background-repeat: no-repeat;
}

a.menuItem:hover{
	background-position:-190px 0px;
}



.submenu{
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	padding-top:3px;	
	width:188px;
	padding-bottom:3px;	
	background-color:#f2eee5;
	color:#2d1306;	
	overflow:hidden;
	/*background-image: url(../_design2/menuContentRef.gif);*/
}

.submenuItem{
	margin-top:3px;
	padding-left:10px;
	overflow:hidden;
	height:20px;
}

.subSubMenu{
	padding-bottom:5px;
}

.subSubMenuItem{
	display:block;
	padding-left:28px;
	text-decoration:none;	
}

/*DROPDOWN*/

.dropdown{
	display:none;
	top:70px;
	left:799px;
	width:166px;
	position:absolute;
	z-index:100;
	background-color:#FFF;
	border:1px solid #382206;
}

.dropdownItem{
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	border-bottom:1px solid #382206;
	color:#999;
}

.dropdownItem a, a.dropdownItem{
	text-decoration:none;
	font-weight:bold;
	color:#382206;
}

.calendarMonth{
	float:left;
	width:25px;
	height:14px;
	line-height:14px;
}

.calendarMonth a{
	font-weight:normal;
}


/*PRESS*/

.pressBox{
	/*background-image: url(../_design2/pressBoxRef.jpg);*/
	background-color:#FFF;	
	background-image: url(images/texture.jpg);
	width:348px;
	height:160px;
	float:left;
	margin-left:1px;
	margin-top:1px;
}

.pressImage{
	width:348px;
	height:60px;
	overflow:hidden;
}

.pressText{
	padding-top:10px;
	height:70px;
	padding-left:10px;
	padding-right:10px;
	color:#382206;
	overflow:hidden;	
}

.pressDownload{
	text-align:right;
	padding-right:10px;
}


/*SHOP*/

.shopBox{
	background-color:#FFF;	
	background-image: url(images/texture.jpg);
	width:349px;
	height:160px;
	float:left;
	margin-right:1px;
	margin-top:1px;
}

.shopImage{
	width:349px;
	height:60px;
	overflow:hidden;
}

.shopText{
	padding-top:10px;
	height:70px;
	padding-left:10px;
	padding-right:10px;
	color:#382206;
	overflow:hidden;	
}

.shopLink{
	padding-left:10px;
}

.shopBoxWithArrow{
	height:142px; /*160 - 18*/
	background-color:#FFF;	
	background-image: url(images/texture.jpg);
	width:347px;
}

.shopBoxWithArrow .shopImage{
	width:347px;
}

.shopBoxBottom{
	background-image:url(images/shopBoxBottom.gif);
	width:356px;
	padding-top:1px;
	height:17px;

}



/*SERIESGROUP*/


.seriesgroupBox{
	float:left;
	width:347px;
	margin-right:5px;
	margin-bottom:5px;
}


.seriesgroupImage{
	width:347px;
	height:262px;
	overflow:hidden;
	margin-top:1px;
}


/*SERIES*/

.seriesImageSmall{
	display:block;
	width:116px;
	height:90px;
	overflow:hidden;
	margin-right:1px;
	margin-top:1px;
	float:left;
}

/*GALLERY*/

.commentItem{
	padding-bottom:8px;
	border-bottom:1px solid #382206;
	margin-bottom:8px;
}

/*SCROLL*/

.scrollArrowLeft{
	position:absolute;
	left:240px;
	top:201px;
	cursor:pointer;
}


.scrollArrowRight{
	position:absolute;
	left:973px;
	top:201px;
	cursor:pointer;	
}



.scrollContainer{
	position:relative;
	width:699px;
	height:160px;
	float:left;
	margin-bottom:1px;
	overflow:hidden;
}

.scrollContent{
	clear:both;
	float:left;
	position:relative;
}


.scrollCell{
	float:left;
	display:block;
	width:174px; 
	height:160px; 
	margin-right:1px;
	overflow:hidden;
}

.scrollCellImage{
	display:block;
	width:174px; 
	height:129px;
	overflow:hidden;
	margin-bottom:1px;
	background-color:#FFFFFF;

}

.scrollCellText{
	display:block;
	text-decoration:none;	
	height:29px;
	background-image:url(images/texture.jpg);
	padding-left:10px;	
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	overflow:hidden;
}

/*RATING*/

.rating{
	overflow:hidden;
	width:100px;
	height:32px;
}

.ratingText{
	height:16px;
	line-height:16px;
	color:#2D1405;
	font-size:11px;
	font-weight:bold;
}

.ratingStars{
	width:80px;
	height:16px;	
	overflow:hidden;
}

.ratingStars a{
	cursor:pointer;
	text-decoration:none;
}

/*SmartForm*/

.sf_form{
	width:320px;
}

.sf_form input, .sf_form textarea{
	width:238px;
	border:1px solid #c9cbcc;
}

.sf_field_checkbox input{
	width:auto;
}

.sf_form select{
	width:240px;
	border:1px solid #c9cbcc;
}

.sf_field{
	width:320px;
	margin-bottom:10px;
}

.sf_field_label{
	width:80px;
}

.sf_field_input{
	width:240px;
}

.sf_info{
	font-size:9px;
}

.sf_preview{
	padding-top:10px;

}

.sf_error{
	color:red;
}

.sf_required{
	font-size:14px;
	font-weight:bold;
	color:#91613B;	
}