@import url(css/megamenu.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);
/* 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, input, button, select, label { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}

img { border:none; outline:none;}
a, input { border:none; outline:none;}

.Round { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}


/*------------------------------------Common CSS END------------------------------------*/

body { background:#fff url(images/background.jpg) top center no-repeat; color:#666; font:12px/18px 'Roboto', sans-serif; position:relative; font-weight:400;}
.Container { width:1000px; margin:0px auto; padding:0px;}

.LoginForm { width:330px; margin:25px auto 0;}
.FromField { height:30px; margin-bottom:10px;}
.FromField .Text { background:#fff; height:30px; color:#333; padding:0px 5px; box-shadow:1px 1px 2px rgba(0,0,0,0.6) inset; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:400; width:97%;}
.FromField .SBtn { background:#004ebf; color:#fff; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:500; float:left; padding:0 5px; height:30px; text-transform:uppercase; transition: all 0.5s ease-in-out 0s;}
.FromField .SBtn:hover { cursor:pointer; background:#bf0000;}

#HeaderBG { background:url(images/top-bg.png) repeat-x; height:180px;}
#Logo { width:240px; float:left;}
.TopMenu { padding-top:60px; float:left;}
.TopMenu ul { margin:0px; padding:0px;}
.TopMenu ul li { list-style:none; float:left; background:url(images/menu-line.png) left center no-repeat; line-height:12px; margin-right:14px; padding-left:14px;}
.TopMenu ul li:first-child { background:none;}
.TopMenu ul li a { text-decoration:none; color:#2b2b2b; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:400; border-top:6px solid #cc0001; padding-top:32px !important; transition: all 0.7s ease-in-out 0s;}
.TopMenu ul li a:hover { border-color:#014694; text-decoration:underline;}

.TopRight { float:right; padding-top:52px;}
.SocialIcons { margin-top:4px; float:left;}
.SocialIcons a { background:url(images/soical-icons.png) no-repeat; width:25px; height:25px; display:inline-block; text-indent:-99999px; transition: all 0.5s ease-in-out 0s; margin-right:8px;}
.SocialIcons a:hover { opacity:0.5;}
.SocialIcons a.FB { background-position:0px 0px;}
.SocialIcons a.TW { background-position:0px -25px;}
.SocialIcons a.IN { background-position:0px -50px;}
.SocialIcons a.GP { background-position:0px -75px;}
.SocialIcons a.IG { background-position:0px -100px;}
.Skype { position:fixed; top:160px; left:-76px; z-index:999; transition: all 0.5s ease-in-out 0s;}
.Skype:hover { left:0px;}
.Skype a { background:#00aff0 url(images/skype.png) right center no-repeat; padding-right:50px; padding-left:5px; line-height:50px; text-decoration:none; text-transform:uppercase; color:#fff; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:500; display:block;}

.Search { background:#fff; border:1px solid #838383; height:30px; width:250px; float:right;}
.Search .SInput { background:none; height:30px; padding:0px 5px; width:208px; float:left; border:none; box-shadow:none; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px;}
.Search .SBtn { background:url(images/search-icon.png) center no-repeat; width:40px; height:30px; float:right; cursor:pointer;}

.Banner { height:440px; position:relative; margin-bottom:25px;}
.Banner i { background:url(images/banner-shadow.png) center no-repeat; display:block; width:1000px; height:36px; position:absolute; bottom:-36px; left:0px;}

.CatFeature { clear:both; border-top:1px dotted #ccc; margin-top:8px; padding-top:8px;}
.CatFeature h4 { text-transform:uppercase; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:500; line-height:20px; color:#cc0001; margin-bottom:8px;}
.ProductBox { float:left;}
.ProductBox + .ProductBox { margin-left:10px;}
.ProductBox .ProdImg { width:100px; height:100px; display:table-cell; vertical-align:middle; border:1px solid #ccc; background:#fff; padding:10px 0px; transition: all 0.5s ease-in-out 0s;}
.ProductBox .ProdImg a { display:block; width:100px; padding:0px;}
.ProductBox .ProdImg:hover { border-color:#014694;}

.FTitle { text-align:center; font-family: 'Roboto', sans-serif; font-weight:500; font-size:18px; color:#cc0001; text-transform:uppercase; margin:10px 0px;}
.WhiteBG { background:#fff; border:3px solid #eaeaea; padding:12px; min-height:450px;}

h2.Title { color:#014491; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:500; font-size:18px; margin-bottom:8px; padding-left:2px;}
.ContactForm { width:490px; float:right;}
.Thanks { margin-bottom:10px; font-size:18px; font-weight:bold; color:#060;}
.FormField { margin-bottom:5px;}
.FormField legend { float:left; width:150px; color:#666; text-align:right; padding-right:10px;}
.FormField label { float:left; margin-left:5px;}
.FormField input.Button {background:#014694; height:28px; text-transform:uppercase; color:#fff; padding:0px 5px; border:none; font-family: 'Roboto', sans-serif; font-weight:500; cursor:pointer; font-size:11px;}
.FormField input.Button:hover, .FormField input.Button:focus { background:#cc0001; box-shadow:none; border:none;}
.FormField input, .FormField select, .FormField textarea { float:left; border:1px solid #ccc; color:#666; font-size:12px; padding:5px; background:#fff; transition: all 0.5s ease-in-out 0s;}
.FormField input:hover, .FormField select:hover, .FormField textarea:hover, .FormField input:focus, .FormField select:focus, .FormField textarea:focus { border-color:#014694; box-shadow:0px 0px 10px #0b60c0;}
.Thanks { font:normal 18px/24px 'Roboto'; font-weight:700; text-align:center; margin:0px 0px 10px; color:#060;}

.LeftMenuCon { width:244px; float:left; margin-top:23px;}
.RightSide { width:746px; float:right;}
.LefMenu li.MainLeftCats { list-style:none; margin-bottom:3px;}
.LefMenu li.MainLeftCats a { display:block; position:relative; color:#fff; font-family: 'Roboto', sans-serif; font-weight:500; text-decoration:none; font-size:16px; text-transform:uppercase;}
.LefMenu li.MainLeftCats a span { background:rgba(0,0,0,0.5); width:234px; padding:0px 5px; line-height:26px; display:block; position:absolute; left:0px; bottom:0px;}
.LefMenu li.MainLeftCats a:hover { color:#cc0001;}
.submenu ul { padding:0px; margin:0px;}
.submenu ul li.Sub { list-style:none; position:relative; margin-bottom:2px}
.submenu ul li.Sub a { background:#fff; color:#393939; font-size:12px; line-height:28px; text-decoration:none; display:block; padding:0px 5px; font-family: 'Roboto', sans-serif; font-weight:400; transition: all 0.5s ease-in-out 0s; border:1px solid #eaeaea;}
.submenu ul li a.ArrowRight { background:#fff url(images/menu-arrow.png) right center no-repeat;}
.submenu ul li.Sub a:hover, .submenu ul li.active a { padding-left:10px; color:#cc0001}
.submenu ul li.Sub a span { margin-right:3px; display:inline-block;}
.submenu .Sub:hover .CatMenu { display:block;}
.submenu ul.CatMenu { position:absolute; left:244px; top:0px; min-width:215px; display:none;}
.submenu ul.CatMenu li { list-style:none; margin-bottom:2px;}
.submenu ul.CatMenu li a { background:#eaeaea; color:#393939; margin:0px; font-family: 'Roboto', sans-serif; font-weight:400;}
.submenu ul.CatMenu li a:hover { color:#014491}


.ProductCont { width:225px; height:275px; border:2px solid #ccc; transition: all 0.5s ease-in-out 0s; float:left; margin:6px 6px 12px;}
.ProductCont:hover { border-color:#014694;}
.ProductCont .ProdImg { width:225px; height:225px; vertical-align:middle; display:table-cell;}
.ProductCont .ProdImg a { display:block;}
.ProductCont p { font:normal 12px/16px 'Roboto'; margin:8px 0px;}
.ProductCont p span { color:#014694;}

ul.breadcrumb { padding:0 0 3px; margin:0;}
ul.breadcrumb li { list-style:none; display:inline-block; line-height:20px; font-family: 'Roboto', sans-serif; font-weight:500; font-size:11px; text-transform:uppercase;}
ul.breadcrumb li a { color:#333; text-decoration:none;}
ul.breadcrumb li a:hover { color:#cc0001;}
.breadcrumb li .divider { color:#e5e5e5; padding:0px 5px;}
.breadcrumb .active { color:#999}

.Pagination { clear:both; margin:10px 0;}
.Pagination a { background:#014694; padding:3px 6px; font-size:11px; font-family: 'Roboto', sans-serif; font-weight:500; text-decoration:none; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; transition: all 0.5s ease-in-out 0s;}
.Pagination a:hover, .Pagination a.paging_act { background:#cc0001;}

.ProDetailsCon { float:right; width:300px;}
.ProDetailsCon h1 { color:#cc0001; font-size:22px; font-family: 'Roboto', sans-serif; font-weight:400;}
.DetailArt { padding:5px 0; font-size:12px; color:#333; font-size:13px; font-family: 'Roboto', sans-serif; font-weight:500; margin:0;}
.DetailArt span { color:#444;}
.DetailsCon { padding:5px 0 0; min-height:100px; margin-bottom:10px; color:#666;}
.DetailsCon span { color:#014491; font-size:13px; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; }
.ProdOpt { padding:5px 0px; margin-bottom:8px;}
.ProdOpt span { padding-right:10px; font-size:12px; font-family: 'Roboto', sans-serif; font-weight:500; color:#666; width:60px; text-align:right; display:inline-block;}
.ProdOpt select { border:1px solid #ccc; padding:3px 10px; color:#666; background:#fff; box-shadow:0 0 2px #ccc inset;}
.ProdOpt input { border:1px solid #ccc; box-shadow:0 0 2px #ccc inset; width:50px; padding:3px; color:#666; text-align:center;}
.ProdOpt .Button { background:#014491; border:none; padding:3px 6px; width:120px; border:none; color:#fff; font-weight:bold; font-size:12px; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; margin:0 0 0 10px; box-shadow:none; transition: all 0.5s ease-in-out 0s;}
.Button:hover { background:#cc0001; cursor:pointer;}

.ProImgCon { float:left; width:406px;}
.ProdDetailImg { background:#fff; width:400px; height:400px; display:table-cell; vertical-align:middle; border:2px dashed #ccc; transition: all 0.5s ease-in-out 0s;}.ProdDetailImg:hover, .MoreViewImg a:hover { border-color:#014491;}
.MoreViewImg { clear:both; margin-top:5px;}
.MoreViewImg a { border:1px dashed #ccc; display:inline-block; margin:0px 5px; transition: all 0.5s ease-in-out 0s;}

.OrdHisTop { background:#f1f1f1;}
.OrdHisTop ul { margin:0px; padding:0px;}
.OrdHisTop li { display:inline-block; font-family: 'Roboto', sans-serif; font-weight:500; font-size:11px; color:#666; border-right:1px solid #ccc; padding:3px 0px; width:17%; text-align:center; list-style:none; text-transform:uppercase;}
.OrdHisTop li:first-child { width:25px;}
.OrdHisTop li:last-child { border:none; width:145px;}

.EmptyCart { margin:20px 0px; text-align:center; font:normal 24px/120px BebasNeueRegular, Arial, Helvetica, sans-serif; }
.EmptyCart a { color:#f21b22; text-decoration:none;} .EmptyCart a:hover { color:#424242}
.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:53%; 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 { 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;}
.BasketCon .txt_id{ border:none; color:#666; font-size:12px; padding:6px 10px; background:#fff; 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;}
.BasketTotal a:hover { opacity:0.6;}
.Total { margin:15px 0; padding:0px; font:normal 24px/20px 'Roboto'; font-weight:700; color:#cc0001; text-align:right; text-transform:uppercase; float:none;}
.Total span { color:#444;}
.Checkout .btn { margin-bottom:40px; padding:0; width:150px; height:40px; background:#014491; font:normal 13px/40px 'Roboto'; font-weight:700; color:#fff; text-shadow:none; text-transform:uppercase; float:right; text-decoration:none; text-align:center;}
.Checkout .btn:hover { background:#cc0001;}
.UpdateBtn { background:#014491; padding:2px 6px; color:#fff; border:none; font-family: 'Roboto', sans-serif; font-weight:500; font-size:11px; text-transform:uppercase; cursor:pointer; transition: all 0.5s ease-in-out 0s;}
.UpdateBtn:hover { background:#cc0001;}
.SubmitText { font-size:22px; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; line-height:150px; text-align:center; color:#090}
.QuoteForm { margin-top:10px; position:relative; left:125px;}
h4.Fill { text-transform:uppercase; line-height:20px; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:400;}
.NOFound { font-size:22px; line-height:150px; color:#555; text-align:center; font-family: 'Roboto', sans-serif; font-weight:700; text-transform:uppercase;}

.PicBox { background:#fff; width:300px; display:inline-block; vertical-align:middle; margin:10px 8px; border:1px solid #ccc; padding:1px; position:relative; transition: all 0.5s ease-in-out 0s;}
.PicBox:hover { border-color:#014491;}
.PicBox span { background:rgba(0,0,0,0.8); position:absolute; left:1px; bottom:0px; width:300px; color:#999; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; text-align:center; padding:6px 0px;}
.PicBox i { background:url(images/shadow.png) bottom center no-repeat; width:300px; height:11px; position:absolute; left:0px; bottom:-11px;}

#FooterBG { background:url(images/footer-bg.png) repeat-x; min-height:250px; margin-top:20px; }
.FooterTop {}
.FooterTop h2 { color:#014491; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; margin-bottom:10px;}
.FLinks { width:170px; float:left; padding-right:30px; margin-right:30px; background:url(images/menu-line.png) right top repeat-y; min-height:200px;}
.FLinks ul { margin:0px; padding:0px;}
.FLinks ul li { list-style:none; background:url(images/left-arrow.png) left center no-repeat; padding-left:12px; margin-bottom:6px;}
.FLinks ul li a { text-decoration:none; text-transform:uppercase; color:#444; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; transition: all 0.5s ease-in-out 0s;}
.FLinks ul li a:hover { color:#222; text-decoration:underline;}
.NewsEvents { float:left; padding-right:30px; margin-right:30px; background:url(images/menu-line.png) right top repeat-y; min-height:200px; width:220px;}
.NewsName { margin-bottom:10px; color:#444;}
.NewsName span { color:#014694; font-family: 'Roboto', sans-serif; font-weight:500;}
.NewsLetter { width:260px; float:right;}
.NewsLetter .SubsBG { background:#fff; border:solid #838383; border-width:1px 0px 1px 1px; height:38px; width:200px; padding:0px 5px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#666; float:left;}
.NewsLetter .SubsButton { background:#014694; color:#fff; width:50px; height:38px; float:left; font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px;}
.NewsLetter .Icons { margin-top:20px;}
.NewsLetter .Icons i { background:url(images/chat-icon.png) no-repeat; width:36px; height:36px; display:inline-block; text-indent:-99999px; margin:0 5px 7px; cursor:pointer;}
.NewsLetter .Icons i.Whatsap { background-position:0px 0px;}
.NewsLetter .Icons i.Viber { background-position:0px -36px;}
.NewsLetter .Icons i.Telegram { background-position:0px -72px;}
.NewsLetter .Icons i.Kakao { background-position:0px -108px;}
.NewsLetter .Icons i.Swisscom { background-position:0px -144px;}
.NewsLetter .Icons i.ChatON { background-position:0px -180px;}
.NewsLetter .Icons i.Kik { background-position:0px -216px;}
.NewsLetter .Icons i.Talkray { background-position:0px -252px;}
.NewsLetter .Icons i.Line { background-position:0px -288px;}
.CopyRights { background:url(images/f-btm.png) repeat-x; height:70px;}
.CopyRights p { line-height:50px; text-align:left; color:#444; font-family: 'Roboto', sans-serif; font-weight:500; float:left; width:670px;}
.CopyRights p a { color:#014491; text-transform:uppercase; text-decoration:none;}
.CopyRights p a:hover { text-decoration:underline;}
.CopyRights .Paypal { float:right; width:327px; padding-top:3px;}