/* 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, figure { margin:0px; padding:0px;}

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

* { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -khtml-transition: all 0.5s ease-in-out 0s;}

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

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----------------------------Fonts CSS END-----------------------------*/

body { background:url(images/background.jpg) top center repeat; font-family: 'robotoregular'; font-size:12px; color:#333;}
.Container { width:1000px; margin:0px auto; padding:0px; position:relative; z-index:0}

.Header { height:126px;}
#Logo { float:left;}
#Logo a { background:url(images/logo.png) no-repeat; width:500px; height:126px; display:block; text-indent:-99999px;}
.HeadRight { float:right; width:500px;}
.Top { margin-top:30px;}
.Search { float:right;}
.SocialIcons { float:right; margin-right:15px; padding-top:3px;}
.SocialIcons a { background:url(images/soical-icons.png) no-repeat; width:30px; height:28px; display:inline-block; text-indent:-9999px;} .SocialIcons a:hover { opacity:0.5;}
.SocialIcons a.FB { background-position:0px 0px;}
.SocialIcons a.TW { background-position:-35px 0px;}
.SocialIcons a.YT { background-position:-70px 0px;}
.SocialIcons a.Skype { background-position:-105px 0px;}
.Search { background:#fff; border-radius:3px; height:34px; width:180px; box-shadow:0 2px 2px #999 inset}
.Search .SearchBtn { background:url(images/s-icon.png) center no-repeat; width:34px; height:34px; float:left; cursor:pointer}
.Search .SearchInput { background:none; color:#333px; font-size:11px; height:34px; float:left; width:143px; padding:0 5px 0 0;}
.Language { float:right; margin-right:10px; padding-top:4px;}

ul.TopMenu { margin:15px 0px 0px; padding:0px;}
ul.TopMenu li { list-style:none; float:left; background:url(images/menu-bulit.png) left center no-repeat; margin-right:5px; padding-left:5px;}
ul.TopMenu li:first-child { background:none;}
ul.TopMenu li a { line-height:40px; text-decoration:none; font-size:13px; color:#000; text-transform:uppercase; padding:0px 10px; display:block; font-family: 'robotomedium';}
ul.TopMenu li a:hover { background:#000; color:#219cef;}

.WhiteBG { background:#fff; padding:5px 5px 50px; box-shadow:0px 0px 6px #666;}
.Banner { height:356px;}
.FrontTitle { background:url(images/title-bg.png) center no-repeat; line-height:68px; text-align:center; font-size:16px; font-weight:normal; color:#292929; font-family: 'robotobold'; text-transform:uppercase;}

.FrontCatsBG { background:#eee; border-bottom:2px solid #d3d3d3; padding-bottom:25px;}
.MainCats { width:348px; display:inline-block;}
.MainCats + .MainCats { margin-left:20px;}
.MainCats:hover { transform:rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); opacity:0.5;}

.Feature { margin-bottom:15px;}
.ProductBG { background:#fff; border:1px solid #eaeaea; width:193px; padding:7px; float:left; margin:0px 19px;}
.ProImg a { border:2px solid #e9e9e9; height:210px; display:table-cell; vertical-align:middle; width:190px;}
.ProImg a:hover { border-color:#219cef; opacity:0.5;}
.ProdDetails { padding:7px 0px 0px;}
.ProdDetails p { color:#848484; font-size:13px;}
.ProdDetails a { background:#219cef; color:#fff; font-size:13px; font-family: 'robotobold'; text-decoration:none; text-align:center; line-height:30px; display:block; width:106px; margin-top:7px;}
.ProdDetails a:hover { background:#666}

h2.Title {font-size:18px; font-weight:normal; color:#219cef; font-family: 'robotomedium'; text-transform:uppercase; border-bottom:1px solid #ccc; margin-bottom:10px; line-height:34px;}
.ContactForm { width:460px; float:right;}
.FormField { margin-bottom:5px; color:#333;}
.FormField legend { float:left; width:150px; color:#333; font-family:Tahoma,Arial,sans-serif; text-align:right; padding-right:10px;}
.FormField label { float:left; margin-left:5px;}
.FormField input.Button, .FormField input.UpdateBtn { background:#219cef; height:30px; text-align:center; color:#fff; box-shadow:none; border:none; line-height:30px; text-transform:uppercase; cursor:pointer; font-family: 'robotobold'; font-size:13px}
.FormField input.Button:hover, .FormField input.UpdateBtn:hover { background:#666}
.FormField input, .FormField select, .FormField textarea { float:left; border:none; color:#333; font-size:12px; padding:6px; 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:3px;}
.Thanks { font-size:16px; text-align:center; margin:0px 0px 10px; font-weight:bold; color:#060;}

.LeftMenuCon { width:220px; float:left; }
.RightSide { width:760px; float:right;}
.LefMenu li.MainLeftCats { list-style:none; background:#219CEF; line-height:35px;}
.LefMenu li.MainLeftCats a {  background:url(images/side-bulit.png) left center no-repeat; display:block; padding-left:10px; color:#fff;  font-family:'robotomedium'; font-size:12px; text-decoration:none; text-transform:uppercase;  transition: all 0.5s ease-in-out 0s;}
.LefMenu li.MainLeftCats a:hover { padding-left:15px; color:#ccc;}
.submenu ul { padding:0px; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { background:#383838; color:#ccc; font-size:14px; line-height:30px; text-decoration:none; display:block; padding:0px 8px; margin-top:2px; font-family:'calibriregular'; transition: all 0.5s ease-in-out 0s;}
.submenu ul li:first-child a { margin-top:0px;}
.submenu ul li a:hover, .submenu ul li a.active { background:#717171; color:#fff; padding-left:15px;}
.submenu ul li a span { margin-right:3px; display:inline-block;}

.Pagination { clear:both; margin-bottom:10px;}
.Pagination a { background:#219cef; padding:3px 6px; font-size:12px; font-family:'robotomedium'; text-decoration:none; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;}
.Pagination a:hover, .Pagination a.paging_act { background:#666; color:#fff}

.ViewProLeft { float:left; width:458px;}
.MainViewImg { width:450px; height:450px; background:#fff; border:3px double #444; vertical-align:middle; display:table-cell; position:relative; transition: all 0.5s ease-in-out 0s; }
.MainViewImg:hover { border-color:#d7d7d7}
.ProDetailsCon { float:right; width:275px; padding:12px; min-height:432px;}
.ProDetailsCon h2 { color:#666; font-size:24px; font-family:'robotomedium'; font-weight:normal;}
.DetailArt { font-size:14px; font-family:'robotomedium'; text-transform:uppercase; color:#219cef; margin:8px 0 10px;}
.DetailArt span { color:#999; padding-left:5px;}
.DetailsCon { min-height:100px; margin-bottom:10px; color:#999;}
.DetailsCon span { color:#219cef; font-size:12px; font-family:'robotomedium'; text-transform:uppercase; margin-bottom:3px; display:block;}
.ProdOpt { margin-bottom:8px;}
.ProdOpt span { width:70px; font-size:12px; font-family:'robotomedium'; text-transform:uppercase; color:#219cef; display:inline-block;}
.ProdOpt select, .ProdOpt #qty, .BasketCon .txt_id{ border:none; color:#999; font-size:12px; padding:6px 10px; background:#f1f1f1; 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;}
.Button { background:#219cef; height:30px; font-family:'robotomedium'; text-transform:uppercase; color:#fff; padding:0px 6px; font-size:12px; cursor:pointer; transition: all 0.5s ease-in-out 0s; margin-top:10px;}
.Button:hover { background:#666;}

.OrdHisTop { background:#d7d7d7;}
.OrdHisTop ul { margin:0px; padding:0px;}
.OrdHisTop li { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333; 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 #ccc; border-width:0px 1px 1px; margin-bottom:15px;}
.BasketImg { width:115px; float:left; border-right:1px solid #ccc;}
.BasketDetails { float:left; width:54%; padding:0 3px; display:block}
.BasketDetails p { border-bottom:1px solid #ccc; 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;}
.BasketTotal a { color:#F00; font-family:'robotomedium'; text-decoration:none; font-size:11px;} .BasketTotal a:hover { text-decoration:underline}
.TotalCon { float:right; margin-top:15px; font-family:Arial, Helvetica, sans-serif;}
.TotalQA { background:#d7d7d7; 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 { background:#219cef; line-height:30px; color:#fff; display:inline-block; padding:0px 6px; text-decoration:none; font-family:'robotomedium'; font-size:12px; text-transform:uppercase; }
.TotalCon p a:hover { background:#666;}
.UpdateBtn { background:#717171; padding:2px 6px; color:#fff; border:none; font-family:'robotomedium'; font-size:11px; text-transform:uppercase;}
.SubmitText { font-size:18px; font-weight:bold; line-height:150px; text-align:center; color:#060}
.QuoteForm { margin-top:10px;}
.NOFound { font-size:18px; font-weight:bold; line-height:150px; color:#000; text-align:center; font-family:'robotobold'; text-transform:uppercase;}













#Footer { margin:-36px 0px 0px; position:relative; z-index:1;}
.FooterBG { background:#fff url(images/footer-bg.png) repeat-x; min-height:181px; width:980px; margin:0px auto 15px; box-shadow:0px 0px 6px #666;}
.FColoum { width:325px; border-right:1px dashed #262525; float:left; min-height:139px;}
.FColoum h2 { font-size:14px; font-weight:normal; color:#fefefe; font-family: 'robotobold'; text-transform:uppercase; margin:15px 0px;}
.FColoum h2 i { background:url(images/for.png) center no-repeat; width:26px; height:23px; display:inline-block; padding:0px 5px;}
.Signup { margin:8px 0px; background:#fff; width:246px; height:30px; padding:4px; border-radius:3px; box-shadow:0px 0px 4px #333 inset;}
.Signup .SubsBG { background:none; border:none; box-shadow:none; height:30px; text-align:left; float:left; width:180px;}
.Signup .SubsBtn { background:#219cef; color:#fff; float:right; text-align:center; width:60px; height:24px; text-transform:uppercase; border-radius:2px; margin:3px 2px 0 0; cursor:pointer;}
.FColoum cite { color:#c3c2c2; font-family: 'robotomedium'; font-style:normal; padding-top:5px; display:block;}
.QContact {}
.QContact p { font-size:13px; color:#c3c2c2; margin-bottom:5px;}
.QContact p span { padding-right:5px; text-transform:uppercase;}
.QContact p a { color:#c3c2c2; text-decoration:none;}
.QContact p a:hover { border-bottom:1px solid #c3c2c2;}
.FColoum .News { padding:0px 20px; margin-bottom:8px; color:#c3c2c2;}
.FColoum .News span { display:block; font-family: 'robotomedium'; color:#219cef; font-size:13px;}
.CopyRights { line-height:42px; text-align:center; color:#6c6b6b; font-family: 'robotobold';}
.CopyRights a { text-decoration:none; color:#219cef; text-transform:uppercase;}
.CopyRights a:hover { border-bottom:1px solid #219cef}