/* Clear CSS */
.clearfix { }
.clear { clear:both;}
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

/* Float CSS */
.moveL { float:left;}
.moveR { float:right;}

/* Break CSS */
.break10 { clear:both; margin:10px 0px; height:1px;}
.break5 { clear:both; margin:5px 0px; height:1px;}
.break { clear:both; margin:2px 0px; height:1px;}

p, body, div, h1, h2, h3, h4, h5, h6, form { margin:0px; padding:0px;}

img { border:none; outline:none;}
a, input { outline:none;}

@font-face {
    font-family:'UbuntuR';
    src: url('images/fonts/Ubuntu-R-webfont.eot');
    src: url('images/fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/fonts/Ubuntu-R-webfont') format('woff'),
         url('images/fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('images/fonts/Ubuntu-R-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('images/fonts/opensans-semibold-webfont.eot');
    src: url('images/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('images/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('images/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'qlassik_mediumregular';
    src: url('images/fonts/qlassik_tb-webfont.eot');
    src: url('images/fonts/qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/fonts/qlassik_tb-webfont.woff') format('woff'),
         url('images/fonts/qlassik_tb-webfont.ttf') format('truetype'),
         url('images/fonts/qlassik_tb-webfont.svg#qlassik_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { background:#fff url(images/background.jpg) top center no-repeat; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; }

.Container { width:1000px; margin:0px auto; padding:0px; position:relative;}
.WhiteBG { background:#fff; padding:5px;}

.Header { margin-bottom:5px;}
.Top { height:90px;}
#Logo { float:left;}
#Logo a { background:url(images/logo.png) no-repeat; width:525px; height:91px; display:block; text-indent:-99999px;}
.TopRight { margin-top:8px; margin-right:10px;}

.Basket { float:right; margin-bottom:10px; display:block;}
.Basket a { background:url(images/b-icon.png) left center no-repeat; display:inline-block; padding-left:33px; line-height:30px; color:#4f4f4f; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.Basket a span { font-size:20px;}
.SearchBox { clear:both; margin-top:5px;}
.SearchBox .SearchInput { background:#4f4f4f; height:26px; color:#fff; font-family:'UbuntuR'; font-style:italic; font-size:11px; border:none; width:185px; padding-left:5px; float:left;}
.SearchBox .SearchBtn { background:url(images/search-btn.png) no-repeat; width:29px; height:26px; border:none; float:left;}

.CatsMenuBG { color:#000; height:33px; margin-top:10px;}


.SoicalIcons { width:200px;  margin-top:18px;}
.SoicalIcons a { background:url(images/social-icons.png) no-repeat; width:30px; height:30px; display:inline-block; text-indent:-99999px; margin-left:3px; transition:all 0.5s ease-in-out 0s;}
.SoicalIcons a:hover { opacity:0.5;}
.SoicalIcons a.FB { background-position:0px 0px;}
.SoicalIcons a.TW { background-position:0px -30px;}
.SoicalIcons a.Skype { background-position:0px -60px;}


.NavBG { background:url(images/nav-bg.png) repeat-x; height:44px;}
.NavBG ul { margin:0px; padding:0px; float:left;}
.NavBG ul li { list-style:none; float:left; border-right:1px solid #275572; line-height:43px; margin-left:15px; padding-right:15px;} .NavBG ul li:last-child { border:none;}
.NavBG ul li a { color:#fff; text-decoration:none; text-transform:uppercase; font-family:'open_sanssemibold'; font-size:13px;}
.NavBG ul li a:hover { color:#c0c0c0;}
.NavBG .Basket { background:url(images/search-bg.png) repeat-x; height:44px; float:right; width:250px;}
.NavBG .Basket a { background:url(images/b-icon.png) no-repeat; display:inline-block; padding-left:33px; line-height:44px; color:#4f4f4f; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.NavBG .Basket a span { font-size:20px;}

.Banner { border:2px solid #4f4f4f;}
.CatImgBanner { width:100%; position:relative; height:200}
.CatName { background:url(images/flag_end.png) no-repeat; height:67px; position:absolute; left:-15px; top:15px;}
.CatName span { padding:7px 13px 7px 15px; background:#4f4f4f; font-size:24px; text-transform:uppercase; font-family:'qlassik_mediumregular'; color:#fff; line-height:42px;}

.TitleCatsBG { background:#363636; height:30px; line-height:30px; padding:0px; margin:0px 0px 7px; padding:0px 8px; font-family:'open_sanssemibold';}
.TitleCatsBG a { text-decoration:none; color:#fff; font-size:12px; display:inline-block;}
.TitleCatsBG a.HomeIcon { background:url(images/hone-icon.png) left center no-repeat; text-indent:-99999px; width:13px; height:30px;}
.TitleCatsBG a:hover { color:#efa73c; text-decoration:underline;}
.TitleCatsBG span { background:url(images/breadcrumb-arrow.gif) left center no-repeat; width:4px; text-indent:-9999px; display:inline-block; margin:0px 6px;}
.TitleCatsBG cite { font-style:normal; color:#999; font-size:12px; display:inline-block;}

.CatTitle { margin:20px 0px;}
.FrontCats { height:250px;}
.FrontCats .FCategories { float:left; margin-right:15px; position:relative;}
.FrontCats .FCategories a { border:none; display:block; transition:all 0.5s ease-in-out 0s; position:relative; z-index:1;}
.FrontCats .FCategories span { background:url(images/shadow.png) no-repeat; width:222px; height:16px; position:relative; display:block; top:-5px; z-index:0;}
.FrontCats .FCategories a:hover { opacity:0.5;}

.FeaturedCon { margin:5px 0 20px;}
.FeaturedCon h2 { padding-bottom:7px; font-size:26px; font-family:'qlassik_mediumregular'; color:#4f4f4f; text-transform:uppercase;}
.WelcomeText { padding:5px; color:#000; font-family: 'open_sanssemibold';}
.WelcomeText .ReadMore { text-decoration:underline; float:right; margin-right:10px; color:#4f4f4f; font-family: 'open_sanssemibold';} .WelcomeText .ReadMore:hover { text-decoration:none;}
.ProductCon { width:182px; display:inline-block; height:260px; margin:0px 8px;}
.ProdImg { width:180px; height:222px; background:#fff; border:1px solid #d3d3d3;}
.ProdImg a { height:180px; display:block;}
.ProdImg p { font-size:12px; color:#383838; font-family: 'open_sanssemibold';}
.Zoom { width:148px; margin:0px auto;}
.Zoom a { background:url(images/add-icon.png) no-repeat; width:148px; height:32px; display:block; text-indent:-99999px;}

.ContentPage { min-height:450px; color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.ContentPage h1 { font-family: 'open_sanssemibold'; text-decoration:underline; font-size:24px; color:#666; margin:10px 0px; }
.ContactForm { width:490px; float:right;}
.FormField { margin-bottom:5px; color:#999;}
.FormField legend { float:left; width:150px; color:#666; font-family:'open_sanssemibold'; text-align:right; padding-right:10px;}
.FormField label { float:left; margin-left:5px; line-height:27px;}
.FormField input.Button, .FormField input.UpdateBtn { background:url(images/nav-bg.png) repeat-x; padding:5px 10px; color:#fff; border:none; font-family:'UbuntuR'; box-shadow:none; border:none;}
.FormField input, .FormField select, .FormField textarea { float:left; border:none; color:#333; font-size:12px; padding:6px 10px; background:#f1f1f1; transition: all 0.5s ease-in-out 0s; box-shadow:0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(0, 0, 0, 0.6) inset; border-radius:5px;}

.LeftMenuCon { width:215px; float:left;}
.LefMenu a.MainLeftCats { width:210px; height:80px; display:block; margin-bottom:3px; border:1px solid #4f4f4f; padding:1px;transition: all 0.5s ease-in-out 0s; position:relative; text-decoration:none; }
.LefMenu a.MainLeftCats span { background:url(images/black.png) repeat; padding:5px; display:block; position:absolute; bottom:1px; left:1px; width:200px; color:#fff; text-transform:uppercase; font-family:'open_sanssemibold';}
.LefMenu a.MainLeftCats:hover { opacity:0.5;}
.submenu ul { margin:0px; padding:0px;}
.submenu ul li { list-style:none; margin-bottom:1px;}
.submenu ul li a { background:#191919 url(images/cat-bulit.png) left center no-repeat; padding:5px; padding-left:10px; display:block; text-decoration:none; color:#ccc; transition: all 0.5s ease-in-out 0s; font-family:'open_sanssemibold'; font-size:12px}
.submenu ul li a:hover { color:#666; background-color:#313131; color:#fff;}

.NewsBox {}
.NewsTitle { background:url(images/nav-bg.png) repeat-x; height:35px; line-height:35px; padding-left:8px; color:#ccc; text-transform:uppercase; font-size:16px; font-family:'qlassik_mediumregular';}
.NewsBox marquee { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:5px;}


/*.LefMenu a.MainLeftCats { background:url(images/cat-bg.png) repeat-x; height:30px; line-height:30px; display:block; text-decoration:none; color:#999; font-family:'open_sanssemibold'; font-size:13px; margin-bottom:3px;}
.LefMenu a.MainLeftCats span { background:url(images/cat-bulit.png) left center no-repeat; display:block; padding-left:12px;}
.LefMenu a.MainLeftCats:hover { color:#fff;}
*/

.RighSide { float:right; width:770px;}
.PageNav { margin-bottom:5px; background:#363636; padding:3px;}
.PageNav label { font-size:11px; font-family:'open_sanssemibold'; text-transform:uppercase; color:#ccc}
.PageNav select { border:1px solid #999; background:#f1f1f1;}
.holder a { background:#666; padding:3px 6px; color:#fff; text-decoration:none; font-family:'open_sanssemibold'; margin:0px 2px; display:inline-block;}
.holder a:hover { background:#db8d1b; color:#fff; cursor:pointer;}
.holder a.jp-previous { }
.holder a.jp-next { }
.holder a.jp-current, a.jp-current:hover { background:#c70000;}
.holder a.jp-disabled, a.jp-disabled:hover { background:#c70000; color:#fff;}
.holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover {cursor:default; background:#999; padding:3px 4px; font-size:11px;}
.holder span { margin: 0 5px; }

ul#itemContainer { margin:0px; padding:0px;}
ul#itemContainer li { list-style:none; width:182px; display:inline-block; height:260px; margin:18px 6px;}
ul#itemContainer li .ProdImg { width:180px; height:222px; background:#fff; border:1px solid #d3d3d3; transition:all 0.5s ease-in-out 0s;}
ul#itemContainer li .ProdImg:hover { opacity:0.7}
ul#itemContainer li .ProdImg a { height:180px; display:block;}
ul#itemContainer li .ProdImg p { font-size:12px; color:#383838; font-family: 'open_sanssemibold';}
ul#itemContainer li .ArtNo { background:#2e2e2e; height:36px; font-size:13px; padding:0px 10px; float:left; line-height:36px; width:115px }
ul#itemContainer li .Zoom { width:148px; margin:0px auto;}
ul#itemContainer li .Zoom a {  background:url(images/add-icon.png) no-repeat; width:148px; height:32px; display:block; text-indent:-99999px;}

.Title { background:url(images/title-bg.png) repeat-x; border:1px solid #2d2d2d; height:30px; line-height:30px; color:#ddd; font-size:14px; font-family:'open_sanssemibold'; text-transform:uppercase; padding-left:10px; margin-bottom:5px;}
.Title span { font-size:14px;}

.CenterCon { margin-top:5px; min-height:500px;}
.Pagination { clear:both; height:35px;}
.Pagination a { background:url(images/search-bg.png) left top repeat-x; padding:4px 8px; font-size:12px; font-weight:bold; text-decoration:none; color:#4f4f4f; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; display:inline-block; margin-left:3px;}
.Pagination a:hover, .Pagination a.paging_act { background-position:left bottom; }

.ProImgCon { float:left; width:510px; position:relative;}
.ProdDetailImg { background:#fff; width:500px; border:3px double #ccc; height:450px; vertical-align:middle; display:table-cell; transition: all 0.5s ease-in-out 0s; position:relative;}
.ProdDetailImg:hover { border-color:#1a4764;}
.MoreTitle { background:#333; padding:5px; border:1px solid #232323; color:#999; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:3px 0px;}
.MoveViews a { display:inline-block; background:#fff; border:1px solid #999;}

.ProDetailsCon { float:right; width:465px;}
.ProDetailsCon h2 { color:#113952; font-size:18px; font-family:'open_sanssemibold';}
.DetailArt { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:bold; margin:8px 0 10px;}
.DetailsCon { min-height:100px; margin-bottom:10px; color:#999;}
.DetailsCon span { color:#666; font-size:13px; font-weight:bold; margin-bottom:5px; display:block;}
.ProdOpt { margin-bottom:8px;}
.ProdOpt span { width:70px; font-size:13px; color:#666; display:inline-block; font-weight:bold;}
.Button { background:url(images/search-bg.png) repeat-x; padding:5px 6px; color:#4f4f4f; border:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; margin-bottom:15px; margin-top:5px; text-transform:uppercase;}

.RelatedTitle { background:url(images/nav-bg.png) repeat-x; width:250px; height:35px; line-height:35px; padding-left:8px; color:#ccc; text-transform:uppercase; font-size:16px; font-family:'qlassik_mediumregular'; margin-bottom:5px;}

.OrdHisTop { background:#f1f1f1;}
.OrdHisTop ul { margin:0px; padding:0px;}
.OrdHisTop li { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000; border-right:1px solid #ccc; padding:5px 0px; width:17%; text-align:center; list-style:none}
.OrdHisTop li:first-child { width:25px;}
.OrdHisTop li:last-child { border:none; width:145px;}

.EmptyCart { margin:20px 0px; text-align:center; font-size:14px; font-weight:bold;}
.EmptyCart a { color:#F00;} .EmptyCart a:hover { text-decoration:none;}
.BasketCon { padding:10px 0px; border:solid #f1f1f1; border-width:0px 1px 1px; margin-bottom:15px;}
.BasketImg { width:115px; float:left; border-right:1px solid #f1f1f1;}
.BasketDetails { float:left; width:52%; padding:0 3px; display:block}
.BasketDetails p { border-bottom:1px solid #f1f1f1; padding-bottom:3px; margin-bottom:8px; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.BasketQty { width:17%; float:left; padding:0 3px;}
.BasketCon .txt_id { background:#f1f1f1; border:1px solid #f1f1f1; text-align:center; margin-bottom:8px;}
.BasketRate { width:13%; float:left; text-align:center; font-size:14px;}
.BasketTotal { width:13%; float:left; text-align:center; padding:0 3px;}
.BasketTotal p { font-size:14px; margin-bottom:10px;}
.BasketTotal a { color:#F00;} .BasketTotal a:hover { text-decoration:none}
.TotalCon { float:right; margin-top:15px; font-family:Arial, Helvetica, sans-serif;}
.TotalQA { background:#f1f1f1; border:1px solid #ccc; padding:5px;}
.TotalQA label { font-weight:bold; color:#000; float:left; margin-right:10px;}
.TotalQA span { float:right; font-size:14px; font-weight:bold; color:#900}
.TotalCon p { margin-top:8px; }
.TotalCon p a { color:#ce871b; font-weight:bold; padding:0px 5px;}
.TotalCon p a:hover { text-decoration:none;}
.UpdateBtn { background:#113952; padding:2px 4px; color:#fff; border:none; font-family:'open_sanssemibold';}
.SubmitText { font-size:18px; font-weight:bold; line-height:150px; text-align:center; color:#060}
.NOFound { font-size:18px; font-weight:bold; line-height:150px; text-align:center; color:#ccc}

.Thanks { font-size:16px; text-align:center; margin:0px 0px 10px; font-weight:bold; color:#0C0}
















.FooterBG { background:url(images/footer-bg.png) repeat-x; padding-top:16px;}
.FooterLinks { width:200px; float:left;}
.FooterLinks ul { margin:0px; padding:0px;}
.FooterLinks ul li { list-style:none; margin-bottom:5px;}
.FooterLinks ul li a { text-decoration:none; padding-bottom:2px; color:#fff; font-weight:bold;}
.FooterLinks ul li a:hover { text-decoration:underline; color:#E59115;}

.SoicalSignBox { width:275px; float:left;}
.CerfIcon { width:250px; float:left;}

.FooterBG h2 { color:#fff; font-family:'qlassik_mediumregular'; font-size:18px; margin-bottom:8px; text-transform:uppercase}
.SignupCon { width:280px;}
.NewsCon { width:245px; float:left; color:#fff; margin-left:50px;} 
.QuickContact { width:230px; float:left; margin-left:85px;}
.SignupCon p { font-size:13px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.SignupCon p span { font-size:20px; font-weight:bold;}
.NewsLetter .SigInput { background:#fff; border:none; height:37px; color:#333; padding-left:5px; width:200px; float:left;}
.NewsLetter .SigBtn { background:url(images/sign-btn.png) no-repeat; width:42px; height:37px; border:none;}
.QuickContact p { margin-bottom:10px; color:#fff;}
.QuickContact p span { font-weight:bold; margin-right:5px; }
.QuickContact p a { color:#fff;} .QuickContact p a:hover { text-decoration:none;}
.DesignBY { border-top:1px solid #353b38; line-height:37px; margin-top:15px; text-align:center; color:#dadada; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold;}
.DesignBY a { color:#e59115; text-decoration:none;} .DesignBY a:hover { text-decoration:underline;}

.NewsBar { background:#656565; color:#fff; font-size:13px; margin-top:2px; font-family:'open_sanssemibold'; font-weight:bold; line-height:25px;}

















