/* CSS Document */

* { 
	margin:0; padding:0;
}

img {	border:0;}

body{ background:#fff;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; 
	 /*color:#999291;*/
	 color: #000000;
	 line-height:20px;
}


/* ============================= main layout ====================== */

a{ /*color:#999291;*/ color: #000000;
	text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:23px; line-height:30px; color:#332623; padding:12px 0 15px 0;}
h2{ font-size:18px; line-height:22px; color:#332623; padding:12px 0 10px 0;}
p{ padding-bottom:2px;}
img{ vertical-align:top}

.box{ background:#fff;}
.box_top{ background:url(/images/box_border.jpg) top repeat-x}
.box_bot{ background:url(/images/box_border.jpg) bottom repeat-x}
.box_left{ background:url(/images/box_border.jpg) left repeat-y}
.box_right{ background:url(/images/box_border.jpg) right repeat-y}
.box_top_left{ background:url(/images/box_top_left.jpg) top left no-repeat}
.box_top_right{ background:url(/images/box_top_right.jpg) top right no-repeat}
.box_bot_left{ background:url(/images/box_bot_left.jpg) bottom left no-repeat}
.box_bot_right{ background:url(/images/box_bot_right.jpg) bottom right no-repeat}


/* ============================= header ====================== */

#logo{ margin-top:21px; margin-right:15px; float:left;}
#top_nav{ padding:15px 5px 10px 0px; float:left}
#top_nav li{ float:left; padding-right:13px; margin-right:11px; background:url(/images/line_top.jpg) right 7px no-repeat}
#top_nav .last{ padding:0; margin:0; background:none}
#top_nav li a{color:#332623; text-decoration:none}
#top_nav li a:hover{ text-decoration:underline}

#menu { padding:12px 0 30px 1px}
#menu li { float:left; padding-right:1px; background:url(/images/menu_line.jpg) right 2px  no-repeat}
#menu li a{ display:block; font-size:14px; color:#332623; text-decoration:none; margin: 0px 25px; line-height:18px; text-align:center}
#menu li span{ display:block; font-size:14px; color:#332623; text-decoration:none; margin: 0px 25px; line-height:18px; text-align:center}
#menu li a:hover, #menu #menu_active a{ text-decoration: underline;}
#menu li.last {background: transparent;}

#images{ margin-bottom:15px; width:100%; overflow:hidden}
#images li{ float:left; padding-left:9px; padding-right:0px;}
#images li img {width: 310px}
/*#images .last{ padding:0}*/

/* ============================= content ====================== */
.pad_bot1{ padding-bottom:30px}
.pad_bot2{ padding-bottom:20px}
.pad_bot3{ padding-bottom:10px}
.pad_bot4{ padding-bottom:5px}
.marg_right1{ margin-right:27px;}
.pad_left1{ padding-left:48px;}
.pad{ padding:20px}
.pad_top_left{ padding:7px 7px 3px 10px;}

.line1{ background:url(/images/line_ver.jpg) 321px 0 repeat-y}
.line2{ background:url(/images/line_ver.jpg) 642px 0 repeat-y}

.link1{ font-weight:bold; color:#332623; text-decoration:none}
.link1:hover{ text-decoration:underline}

.link2{color:#000000; text-decoration:none}
.link2:hover{ text-decoration:underline}

.link3{color:#000000; text-decoration:underline}
.link3:hover{ text-decoration:none}

.list1 li{ line-height:24px;}
.list1 li a{ color:#332623; font-style:italic; text-decoration:none; padding-left:11px; background: url(/images/marker_1.jpg) 0 6px no-repeat}
.list1 li a:hover{ text-decoration:underline}

.font1{ font-style:italic; color:#332623;}
.font2{ font-weight:bold; color:#332623;}

.under{ border-bottom:1px solid #eae9e9; padding-bottom:21px; margin-bottom:22px}

#banners{ margin-top:30px; width:100%; overflow:hidden;}
#banners li{ float:left; padding-right:2px}
#banners .last{ padding:0}

#glossary{ width:100%; overflow:hidden; padding-top:6px}
#glossary li{ padding-right:7px; padding-bottom:7px; float:left;}
#glossary li a{ background:url(/images/box3.jpg) no-repeat; display:block; width:43px; height:43px; line-height:38px;font-size:31px; color:#332623; text-align:center; text-decoration:none}
#glossary li a:hover{ color:#eeeeee; background:url(/images/box3_hover.jpg) no-repeat}
/* ============================= footer ====================== */

#footer { padding:12px 0 3px 11px; font-size:13px;}
#footer a{ text-decoration:none;}
#footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */
.box1{ background:#fff; line-height:0; margin-bottom:12px;}
.box1_top{ background:url(/images/box_border.jpg) top repeat-x}
.box1_bot{ background:url(/images/box_border.jpg) bottom repeat-x}
.box1_left{ background:url(/images/box_border.jpg) left repeat-y}
.box1_right{ background:url(/images/box_border.jpg) right repeat-y}
.box1_top_left{ background:url(/images/box2_top_left.jpg) top left no-repeat}
.box1_top_right{ background:url(/images/box2_top_right.jpg) top right no-repeat}
.box1_bot_left{ background:url(/images/box2_bot_left.jpg) bottom left no-repeat}
.box1_bot_right{ background:url(/images/box2_bot_right.jpg) bottom right no-repeat} 

#form_1 .box1{ width:226px}
#form_1{ color:#2d2d2d; font-size:13px; font-weight:bold; padding-top:6px; line-height:28px}
#form_1 .input{ background:none; width:212px; height:14px; font:11px Arial, Helvetica, sans-serif; color:#444444; padding:7px}
#form_1 a{ float:right; margin-left:18px; margin-top:17px; font-size:12px;}

#ContactForm {padding:5px 0 0 0;}
#ContactForm a{ margin-left:21px; margin-top:20px}
#ContactForm .input {border: 0; background:none; width:225px; height:14px; font:11px Arial, Helvetica, sans-serif; color:#444444; padding:7px 14px}
#ContactForm textarea {border: 0;background:none; width:225px; height:215px; font:11px Arial, Helvetica, sans-serif; color:#444444; padding:7px 14px; overflow:auto}

#RequestForm {padding:5px 0 0 0;}
#RequestForm a{ margin-right:21px; margin-top:20px}
#RequestForm .input {border: 0; background:none; width:350px; height:14px; font:11px Arial, Helvetica, sans-serif; color:#444444; padding:7px 14px}
#RequestForm textarea {border: 0;background:none; width:350px; height:120px; font:11px Arial, Helvetica, sans-serif; color:#444444; padding:7px 14px; overflow:auto}

span.error	{font-size: 14px;}

/* ============================ paging ============================= */
div.paging				{clear:left; margin-top:30px;}
.paging div				{float: left; background: #ada4a5; padding: 1px 5px; margin-right: 4px;	margin-top: 2px;}
.paging div a			{color: #FFFFFF; text-decoration: none; cursor: pointer;}
.paging div.current		{background: #F2F2F2;}
.paging div.current	a 	{color: #000000;}
.paging div.dots		{background: #FFFFFF;color: #000000;}

/* ============================= zoom ============================== */
.zoomlink					{position:relative}
.zoomlink div.zoom			{position: absolute; top:-25px; left:5px; height:16px; z-index:3; background-color: #ffffff; padding:3px;}
.zoomlink div.zoom a img	{border:0px;}

/* =========================== partners ============================ */
div.partner				{width: 260px; height: 110px; float:left;}

/* =========================== catalog ============================= */
.box_grey{ background:none repeat scroll 0 0 #F2F2F2; padding:5px 10px 5px 13px; float:left; }

.list2 li { line-height:24px; float:left; width: 270px;}
.list2 li a{ color:#332623; text-decoration:none; padding-left:11px; background: url(/images/marker_1.jpg) 0 6px no-repeat; font-weight:bold;}
.list2 li a:hover{ text-decoration:underline; color: #E68526}

.count {font-style: italic; color: #E68526;}
.title{ font-weight:bold; font-size:16px; text-decoration:none; color: #031956;	font-family: Century Gothic; font-style: italic;}
.title:hover{ text-decoration:underline}
.price {color:#332623; font-family: Century Gothic; font-size: 14px; color: #E68526;font-weight:bold;}
.odd {background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;}

.item_order {float: right; padding-top:5px; text-align:center; margin-right:5px; background: url(/images/button_orange.png) no-repeat; width:174px; height:27px; margin-top:7px; margin-bottom: 7px; cursor:pointer;}
.item_order a{text-decoration:none; color: #ffffff; font-weight: bold;}

.item_order_full {float: right; margin-right: -20px; padding:10px 5px 0px 5px; text-align:center; background: url(/images/banner_orange.png) no-repeat; width:270px; height:60px; margin-left:10px; cursor:pointer;}
.item_order_full a{text-decoration:none; color: #ffffff; font-weight: bold; font-size:17px;}

a.item_link .img{width:100px;height:66px;/*position:absolute;*/overflow:hidden;}
a.item_link:hover .img{width:315px;height:210px;overflow:visible;visibility:hidden;}
a.item_link:hover .img img{visibility:visible;/*position:absolute;*/z-index:150;}

.item .image	{float:left; width: 320px;}
.item .details	{float:right; width: 250px;}
.item .image .small_image {cursor: pointer; border: solid 2px white;}
.item .image .small_image:hover {border: solid 2px #E68526;}

.item_small {float:left; width: 260px; padding:7px 5px 3px 10px; height:75px; }
.item_small div {float:left; width:100px; height:66px; overflow:hidden; margin-right:10px;}
.item_small a.item_name {font-weight: bold; text-decoration:none;color: #031956; font-family: Century Gothic; font-style: italic;}
.item_small a.item_name:hover {font-weight: bold; text-decoration:underline;}

.item_preview {float:left; width: 125px; padding:10px 5px 5px 10px; height:125px; text-align: center;}
.item_preview div {float:left; width:100px; height:66px; overflow:hidden; margin-right:10px; margin-left:13px;}
.item_preview a.item_name {font-weight: bold; text-decoration:none;color: #031956; font-family: Century Gothic; font-style: italic;}
.item_preview a.item_name:hover {font-weight: bold; text-decoration:underline;}
/* ================================= search =========================== */
#search{ float:left; padding:10px 5px 20px 0; font-size:14px; color:#bababa; width:427px; line-height:28px;}
#search .bg{ float:right; width:290px; height:28px; background:url(/images/search.gif) no-repeat; margin-left:20px}
#search .submit{ float:right; width:80px; height:28px; cursor:pointer; margin-right:16px;}
#search .input{ float:right; width:130px; height:14px; background:none; font:11px Arial, Helvetica, sans-serif; color:#444444; padding:7px; border: 0;}
#search span {font-weight:bold; color: #E68526;/*color: #4e4130;*/}

#quicksearch{ float:left; padding:8px 0px 0px 0px; font-size:14px; color:#ffffff; line-height:28px;
	background:url(/images/banner_orange_top.png) no-repeat; height: 43px; width:730px; margin-top:15px;}
#quicksearch .bg{ float:right; width:510px; height:28px; background:url(/images/quicksearch.gif) no-repeat; margin-left:20px}
#quicksearch .submit{ float:right; width:80px; height:28px; cursor:pointer; margin-right:16px;}
#quicksearch .input{ float:right; width:110px; height:14px; font:11px Arial, Helvetica, sans-serif; color:#444444; padding:7px;	border: 0; background:none;}
#quicksearch span {font-weight:bold; color: #ffffff;/*color: #4e4130;*/}

.top_banner {padding-top:10px; text-align:center; background:url(/images/banner_orange_top.png) no-repeat; height: 41px; width:730px; margin-top:15px; cursor:pointer;}
.top_banner a {text-decoration: none; color: #ffffff; font-weight: bold; font-size:16px;}
.top_banner img {margin-top:-4px; margin-right:5px;}