/* Main Body */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #fff;
	margin: 0;
	}
	
#container {
	width: 760px;
	background: #fff;
	margin: 0 auto;
	}
.tabcontent {
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 4px;
}
.hr {
	border-bottom: 1px solid #CCCCCC;
	margin: 4px 0px 4px 0px;
	}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.sml_txt {
	font-size: 10px;
}
#divider {
	margin-top: 10px;
	background: url(../images/fon_top01.gif) repeat-x top;
	height: 50px;
}
#van {
	float: left;
	margin-right: 10px;
}

.x {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 5px;
}
.catitem: {
	border: 1px solid ###ccc;
}
.x_image {
	margin: auto;
	padding: 4px;
	background-color: #ffffff;
	height: 108px;
	width: 108px;
}
h1 {
	font-style: italic;
	font-size: 18px;
}
a img {
	border: 0px;
}
blockquote {
	background-color: #F3F3F3;
	padding: 4px;
}
	
/* Header */
#header {
	width: 740px;
	height: 60px;
	background: url("../images/header.jpg") no-repeat;
	padding: 10px;
	margin-bottom: 5px;
	}
	
#header h1 {
	color: #fff;
	font-size: 34px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
	margin: 0;
	width: 400px;
	}
	
form#form1 {
	float: right;
	font-size: 9px;
	margin-right: 0px;
	margin-top: 10px;
	}
	
input.in {
	background: #FFFFFF url("../images/input.png") top left no-repeat;
	color: #999999;
	border: 0;
	font-size: 11px;
	padding: 3px;
	width: 190px;
	}
	
.button {
	background: #B5B5B5;
	border: 1px solid #ccc;
	width: 30px;
	height: 18px;
	}
	
/* Horizontal Menu */
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #8a8a8a;
margin: 0 1px 1px 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #dddddd; /*Default menu color*/
border-bottom: 1px solid #ddddd;
}

#modernbricksmenu a:hover{
background-color: #8a8a8a; /*Menu hover bgcolor*/
color: #dddddd;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #7F2429;
/* border-color: #7F2429; */
font-weight: bold; 
color: #ffffff;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 1px;
background: #dddddd; /*Brown color theme*/
margin-bottom: 1px;
}

/* Vertical Menu */
.arrowlistmenu{
width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background-color: #7f2429;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* Content */
#content {
	width: 520px;
	border-right: 1px solid #dddddd;
	padding: 5px;
	padding-top: 10px;
	float: left;
	}

#content p {
	line-height: 150%;
	margin-bottom: 0px;
	}
	
#content a.body, a {
	color: #B6213E;
	text-decoration: none;
	font-weight: 500;
	}
	
#content a.body:hover, a:hover {
	color: #7F2429;
	}
	
#content a.comment {
	color: #B6213E;
	text-decoration: none;
	font-size: 10px;
	}
	
#content a.comment:hover {
	color: #7F2429;
	}
a.viewprod {
	font-size: 11px;
	font-weight: bold;
	padding-right: 18px;
	text-align: right;
	width: 100%;
	background-image: url('../images/arrow_r.gif');
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 3px;
}

a.viewprod:hover {
	text-decoration: none;
	color: #004180;
}
	
/* Paginagtion */
div.pagination {
	padding: 3px;
	margin: 3px;
	font-size: 11px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	text-decoration: none; /* no underline */
	color: #7F2429;/* #000099; */
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #7F2429;/*#2E6AB1;*/
	color: #000033;
	text-decoration: none;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #7F2429; /*000099;*/
	font-weight: bold;
	background-color: #7F2429;/*#00478A;*/
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/* ToolTip */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* Cart Display */
#cart_display {
	height: 60px; /* same as info_bar_inner */
	background: url("../images/basket-02.png") no-repeat top right;
	padding: 0px 0px 0px 2px;
}

#cart_display h3 {
	font-style: italic;
	margin: 0px;
	font-size: 18px;
	margin-right: 2px;
}
	
/* Sidebar */
#sidebar {
	width: 200px;
	float: right;
	padding: 5px;
	margin:0;
	}
/*
#sidebar h3 {
	margin: 0;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	}
	
#sidebar ul {
	list-style-image: url('../images/arrow.gif');
	padding-left: 4px;
	}

#sidebar li {
	margin-top: 3px;
}

#sidebar a {
	color: #B6213E;
	font-size: 11px;
	text-decoration: none;
	line-height: 18px;
	}
	
#sidebar a:hover {
	color: #7F2429;
	font-weight: bold;
	}
*/
.nav-link-selected {
	font-weight: bold;
}

/* Footer */
#footer {
	width: 760px;
	margin-top: 30px;
	clear: both;
	text-align: center;
	font-size: 9px;
	color: #999;
	background: url(../images/fon_top01.gif) repeat-x top;
	height: 50px;
	}
	
#footer a {
	color: #333;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #000;
	}