/* -- global tag --------------------------------------------------- */
body { margin: 0; padding: 0; background: #F6F6EC; }
body, input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size: 11px; }

form { margin:0; padding:0; }
input.text, select, textarea { border: 1px solid #BFB9A9; }
img { border: 0; }
a { color: #000000; text-decoration:none; }

/* a:hover {
	color: #F6F6F4;
} */
/* --------------------------------------------------------------- */

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 941px;
}

#main {
	/* min. height */
	min-height: 700px;
	height: auto !important;
	height: 700px;
	
	background: #BFB9A9;
	border-top: 10px solid #BFB9A9;
	border-right: 10px solid #BFB9A9;
	border-bottom: 10px solid #BFB9A9;
}

/* -- menu ------------------------------------------------------- */
#menu {
	float: left;
	width: 210px;
	font-size: 11px;
}

#menu #we-are-now-on { margin-left:20px; }
#menu #we-are-now-on .pages-logo { margin-left:23px; }
#menu #we-are-now-on .pages-logo div { float:left; }
#menu #we-are-now-on .pages-logo .logo-sep { width:10px; height:1px; }

#menu-items .item {
}

#menu-items .item .main-item {
	cursor:pointer;
}

#menu-items .sub-item {
	display: none;
}

#menu-items .sub-item.show {
	display: block;
}

#menu-items .sub-item ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu-items .sub-item ul li .filters { margin-left: 50px; }
#menu-items .sub-item ul li .filters div { margin-bottom:5px; }
#menu-items .sub-item ul li .filters div.sub-filters { margin-left:15px; }
#menu-items .sub-item ul li .filters div.selected a { text-decoration:underline; }

#menu .separator {
	background-image: url('/images/left_menu/menu_rule.gif');
	width: 210px;
	height: 10px;
	overflow:hidden;
}
/* --------------------------------------------------------------- */

/* -- top-right-menu (clippings) --------------------------------- */
#top-right-menu { position:relative; }
#top-right-menu .items .my_clippings { position:absolute; right:24px; top:-28px; }

/* --------------------------------------------------------------- */

/* -- content ----------------------------------------------------- */
#content {
	float: left;
	background: #FFFFFF;
	
	/* min-height */
	min-height: 670px;
	height: auto !important;
	height: 670px;
	
	width: 695px;
	padding: 15px 13px;
}
/* --------------------------------------------------------------- */

/* -- header ------------------------------------------------------- */
#header-logo {
	float: left;
}

#header-menu {
	float: right;
}
/* --------------------------------------------------------------- */

/* -- footer ------------------------------------------------------- */
#footer {
	padding-top: 10px;
	padding-bottom: 40px;
}

#footer-copyright {
	text-align: center;
}
/* --------------------------------------------------------------- */

/* -- misc. ------------------------------------------------------- */
.float-l { float: left; }
.float-r { float: right; }

.clear { clear: both; }
.cursor-hand { cursor: pointer; }
.hide { display:none; }
.gray-border { border:1px solid #BCBAAB; }
.underline { text-decoration:underline; }

.hori-separator {
	clear: both;
	background-image: url('/images/general/l_rule.gif');
	width: 695px;
	height: 13px;
	overflow:hidden;
}

.divider {
	background-image: url('/images/general/divider.gif');
	width: 19px;
	height: 20px;
	overflow:hidden;
}

.centered-table {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.hori-spacer-10 { float:left; width:10px; height:1px; }
.must-fill-in { color:#FF0000; }
.bold { font-weight:bold; }
.sub-text { color:#888888; }

.green-separator { height:3px; background-color:#6B7E15; margin-bottom:7px; font-size:0; line-height:0; }
/* --------------------------------------------------------------- */

/* -- product-row ------------------------------------------------------------------------------------ */
.product-row {
	clear: both;
	font-size: 12px;
	margin-top: 10px;
}
.product-row .cell {
	float: left;
	width: 130px;
}
.product-row .cell-divider {
	float: left;
	width: 11px;
	height: 1px;
}
.product-row .cell .product-photo {
	width: 130px;
	height: 130px;
	
	/* vertical centering for standard browser */
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.product-row .cell .product-photo * {
	vertical-align: middle;
}
/* for IE vertical-align element inside div */
*html .product-row .cell .product-photo span {
	height: 100%;
	display: inline-block;
}
/* ---------------------------------- */

.product-row .cell .centered-table {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.product-row .cell .biz-logo {
	width: 128px;
	height: 33px;
	border: 1px solid #CCCCCC;
}
.product-row .cell .product-info {
	margin: 5px 7px 10px;
}
.product-row .cell .product-info .price {
	font-weight: bold;
}
/* ------------------------------------------------------------------------------------------------------- */

/* -- rounded corner dialog -------------------------------------------------- */
.dialog-structure .close-btn {
	position: absolute;
	top: -13px;
	right: -13px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index : 2;
	background: transparent url(/images/buttons/btn_close_dialog.png) no-repeat scroll 0 0 !important;
	
	/* for solving transparent png in IE */
	background: none;
	#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/btn_close_dialog.png', sizingMethod='scale');
}

.dialog-structure .corner {
	position:absolute;
	width:15px;
	height:15px;
}
.dialog-structure .border {
	position:absolute;
}
.dialog-structure .top {
	top:0; left:15px; background: transparent url(/images/general/rounded_dialog_t.png) repeat scroll 0 0; width:350px; height:15px;
}
.dialog-structure .bottom {
	bottom:0; left:15px; background: transparent url(/images/general/rounded_dialog_b.png) repeat scroll 0 0; width:350px; height:15px;
}
.dialog-structure .left {
	top:15px; left:0; background: transparent url(/images/general/rounded_dialog_l.png) repeat scroll 0 0; width:15px; height:230px;
}
.dialog-structure .right {
	top:15px; right:0; background: transparent url(/images/general/rounded_dialog_r.png) repeat scroll 0 0; width:15px; height:230px;
}
.dialog-structure .top-left {
	top:0; left:0; 
	background: transparent url(/images/general/rounded_dialog_tl.png) no-repeat scroll 0 0 !important;
	
	/* for solving transparent png in IE */
	background: none;
	#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/general/rounded_dialog_tl.png', sizingMethod='scale');
}
.dialog-structure .top-right {
	top:0; right:0; 
	background: transparent url(/images/general/rounded_dialog_tr.png) no-repeat scroll 0 0 !important;
	
	/* for solving transparent png in IE */
	background: none;
	#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/general/rounded_dialog_tr.png', sizingMethod='scale');
}
.dialog-structure .bottom-left {
	bottom:0; left:0; 
	background: transparent url(/images/general/rounded_dialog_bl.png) no-repeat scroll 0 0 !important;
	
	/* for solving transparent png in IE */
	background: none;
	#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/general/rounded_dialog_bl.png', sizingMethod='scale');
}
.dialog-structure .bottom-right {
	bottom:0; right:0; 
	background: transparent url(/images/general/rounded_dialog_br.png) no-repeat scroll 0 0 !important;
	
	/* for solving transparent png in IE */
	background: none;
	#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/general/rounded_dialog_br.png', sizingMethod='scale');
}
/* --------------------------------------------------------------- */
