/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {}
/* IMAGES ---------------------- */	
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}


/* LAYOUT BLOCKS ----------------------- */

body { text-align:center; padding:0 0; margin:0; background:#fff; }

#wrapper { text-align:left; margin:30px auto 0 auto; position:relative; padding:0 0; width:1005px; }

#header { width:100%; height:77px; padding:0 0 0 0;  background: url(../i/box-wrapper-top.gif) no-repeat 0 0; }

#mid { width:100%; padding:30px 0; background: url(../i/box-wrapper-mid.gif) repeat-y 0 0; }

#side { width:272px; padding:0 0 0 0; background:#ededed; float:left; display:inline;margin-left:20px; }
#main { width:643px; padding:0 0 0 0; background:#fff;float:left; display:inline; margin-left:35px; }

#footer { width:100%; height:56px; padding:0 0 0 0; background: url(../i/box-wrapper-bot.gif) no-repeat 0 0; }


/* ----- header ----- */
#logo { position:absolute; top:0; left:0; height:44px; }


/* ----- nav ----- */
#nav { width:100%; background:#fff url(../i/box-nav-mid.gif) repeat-y 0 0;}
#nav ul { display:inline; float:left; padding:10px }
#nav li { float:left; list-style:none;width:100%;padding:2px 10px;}
#nav li a { color:#444; font-size:13px; display:block;font-weight:normal; width:242px;}
#nav li a:hover { /*background:#DBDBDB;*/}

#nav li.cathead {padding:0 0!important; margin-bottom:10px;}
#nav li.cathead a { color:#fff; display:block; height:35px; width:252px;}
#nav li.cathead a em {position:absolute;left:-9999px;top:-9999px;z-index : 3;}

.cat1{ background: url(../i/head-products.gif) no-repeat 0 0; }
.cat2{ background: url(../i/head-calendars.gif) no-repeat 0 0; }
.cat3{ background: url(../i/head-leathergood.gif) no-repeat 0 0; }
.cat4{ background: url(../i/head-ourproducts.gif) no-repeat 0 0; }
.cat5{ background: url(../i/head-homepage.gif) no-repeat 0 0; }


#nav li.ad { margin:0; padding:0;}
#nav li.ad img { display:block;}



#navtop img, #navbottom img { display:block; float:left;}


/* CONTENT  ----------------------- */

/* ----- carousel ----- */

.carousel {  border:#bbb 1px solid; background:#fff; margin:20px 0 0 0;}


/* ----- introbox ----- */

.introbox { margin:20px 0 0 0; }
.introbox-mid {   background:url(../i/box-intro-mid.gif) repeat-y 0 0}
.introbox-mid div { float:left; width:320px;} 
.introbox-mid h1 { padding:5px 20px; font-weight:bold; color:#1B6FBF; font-size:24px;}
.introbox-mid p { padding:5px 20px; color:#2e2e2e; font-size:12px;}
.introbox-top { }
.introbox-bot { }
.introbox img { display:block;}

/* ----- product item ----- */
.product-row { width:100%; background:#fff; margin:20px 0 0 0;}
.prod {width:192px; border:#bbb 1px solid; float:left; background:#fff; margin:0 10px 20px 10px; display:inline;}
.prod:hover {border:#888 1px solid;}
.prod img { padding:5px 20px;}
.prod h3 { padding:10px; background:#f3f3f3 url(../i/prod-back.jpg) repeat-x 0 0; font-size:13px; height:30px; text-align:center; color:#1a1a1a;}


/* ----- footer ----- */

#footer ul { display:inline; list-style:none; float:right; margin-right:20px;}
#footer li {  border-right:#1B6FBF 1px solid;float:left;padding:0 15px; color:#1B6FBF; font-size:12px;}
#footer li a { display:block; color:#1B6FBF}
#footer li a:hover { text-decoration:underline;}

#footer p { display:inline; list-style:none; float:left; color:#1B6FBF; font-size:12px;margin-left:40px;}
#footer li.last { border:none;}


/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{margin:0 0;}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4, h5{font-size:100%;}
hr{display:none;}

#main h3 { color:#444; line-height:130%; margin-bottom:16px; font-weight:bold; }
#main p { color:#444; line-height:130%; margin-bottom:16px; }

strong { font-weight:bold;}

/* ----- global links ----- */
a:link, a:visited, a:active{
	color:#275f81;
	text-decoration:none;
}
a:hover{color:#555;}










/* ----- float fix ----- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after, .box:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner, .products, #pagination, #total, .modules, .box{display:block;}
/*  \*/
.inner, .products, #pagination, #total, .modules, .box {min-height:1%;}
* html .inner, * html .products, * html #pagination, * html #total, * html .modules, * html .box {height:1%;}
 /*  */
/* ----- end float fix ----- */