/* 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;}

.Round5 { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}

.RoundLeft { border-radius:3px 0px 0px 3px; -moz-border-top-left:3px; -moz-border-bottom-left:3px; -webkit-border-top-left:3px; -webkit-border-bottom-left:3px; -khtml-border-top-left:3px; -khtml-border-bottom-left:3px;}

.RoundRight { border-radius:0px 3px 3px 0px; -moz-border-top-right:3px; -moz-border-bottom-right:3px; -webkit-border-top-right:3px; -webkit-border-bottom-right:3px; -khtml-border-top-right:3px; -khtml-border-bottom-right:3px;}

.RoundBtm { border-radius:0px 0px 3px 3px; -moz-border-bottom-left:3px; -moz-border-bottom-right:3px; -webkit-border-bottom-left:3px; -webkit-border-bottom-right:3px; -khtml-border-bottom-left:3px; -khtml-border-bottom-right:3px;}



a { 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: 'ubunturegular';

    src: url('fonts/ubuntu-r-webfont.eot');

    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/ubuntu-r-webfont.woff') format('woff'),

         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),

         url('fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'BebasNeueRegular';

    src: url('fonts/BebasNeue-webfont-en.eot');

    src: url('fonts/BebasNeue-webfont-en.eot?#iefix') format('embedded-opentype'),

         url('fonts/BebasNeue-webfont-en.woff') format('woff'),

         url('fonts/BebasNeue-webfont-en.ttf') format('truetype'),

         url('fonts/BebasNeue-webfont-en.svg#BebasNeueRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



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



body { background:#fff url(images/top-bg.png) repeat-x; color:#464646; font-family: 'ubunturegular'; font-size:12px; word-wrap:break-word;}

.Container { width:1000px; margin:0px auto; padding:0px; position:relative;}



.Header { height:80px;}

.Header #Logo { float:left;}

.Header .Basket { float:right; height:80px; border-left:1px solid #1c1c1c; padding-left:15px;}

.Header .Basket a { background:url(images/basket.png) left center no-repeat; line-height:80px; padding-left:40px; text-decoration:none; text-transform:uppercase; font-size:14px; display:block; color:#484848; opacity:0.8;}

.Header .Basket a:hover { opacity:1;}

.Header .Search { float:right; margin-right:15px; padding:25px 0px; height:30px;}

.Header .SearchInput { background:#000; color:#484848; font-size:12px; font-family:'robotomedium'; height:30px; width:200px; float:left; box-shadow:none;}

.Header .SearchBtn { background:url(images/search.png) right center no-repeat; width:30px; height:30px; border-left:1px solid #1c1c1c; float:left; opacity:0.8; transition: all 0.5s ease-in-out 0s;}

.Header .SearchBtn:hover { cursor:pointer; opacity:1;}

.Menu { height:50px;}

.Menu ul { margin:0px; padding:0px; float:left;}

.Menu ul li { list-style:none; float:left; border-left:1px solid #cbcbcb;}

.Menu ul li:first-child { border:none;}

.Menu ul li a { text-decoration:none; line-height:50px; padding:0px 20px; display:block; font-family:'robotomedium'; text-transform:uppercase; color:#111; font-size:13px;}

.Menu ul li a:hover { background:#0b82c4; color:#fff;}

.Menu h3 { float:right; background:url(images/call-icon.png) left center no-repeat; line-height:50px; padding-left:20px; font-family:'robotomedium'; color:#111;}



.Space { height:350px; display:block;}



.TopCats div { float:left; margin:0px 21px;}

.TopCats a { width:290px; height:180px; display:block; -moz-transform:scale(1,1); -moz-transition-timing-function:ease-out; -moz-transition-duration:250ms; -webkit-transform:scale(1,1); -webkit-transition-timing-function:ease-out; -webkit-transition-duration:250ms; -khtml-transform:scale(1,1); -khtml-transition-timing-function:ease-out; -khtml-transition-duration:250ms; box-shadow:0px 0px 3px #000;}

.TopCats a:hover { -moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}



.Featured { margin:15px 0px}

h2.FTitle { color:#3e3e3e; font-family: 'BebasNeueRegular'; font-size:24px; margin-bottom:5px; line-height:30px; text-align:center;}

.Thumbnail { width:220px; float:left; margin:5px 12px 10px;}

.Thumbnail .ProdImg { width:220px; border:2px solid #e5e5e5; height:250px; display:table-cell; vertical-align:middle; position:relative; transition: all 0.5s ease-in-out 0s;}

.Thumbnail .ProdImg:hover { border-color:#0b82c4}

.Thumbnail .ProBtm { margin-top:3px;}

.Thumbnail .ProBtm span { color:#666; font-family: 'robotomedium'; float:left; line-height:24px;}

.Thumbnail .ProBtm .btn { background:#0b82c4; text-decoration:none; color:#fff; font-family: 'robotomedium'; width:90px; height:24px; display:block; float:right; transition: all 0.5s ease-in-out 0s; font-size:11px;}

.Thumbnail .ProBtm .btn:hover { background:#1f1f1f; cursor:pointer;}



.WhiteBG { min-height:450px; margin-top:10px; font:12px/20px 'ubunturegular';}

h2.Title { background:#0e365a; line-height:36px; font-size:20px; color:#fff; font-family: 'BebasNeueRegular'; padding:0px 8px; margin-bottom:10px; border-radius:5px;}



.ContactForm { width:490px; float:right; margin-top:10px;}

.Thanks { margin-bottom:10px; font-size:18px; font-weight:bold; color:#060;}

.FormField { margin-bottom:5px;}

.FormField legend { float:left; width:150px; text-align:right; padding-right:10px;}

.FormField label { float:left; margin-left:5px; line-height:27px; color:#333;}

.FormField input.UpdateBtn { background:url(images/button.png) repeat-x; padding:5px 10px; color:#fff; border:none; font-family:'robotomedium'; 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; 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;}

.FormField input.Button { background:#0e365a; padding:0px 8px; height:28px; color:#fff; border:none; text-align:center; font-size:11px; text-transform:uppercase; margin:10px 0 20px; box-shadow:none; font-weight:normal; font-family:'robotomedium'; cursor:pointer; transition: all 0.5s ease-in-out 0s;}

.FormField input.Button:hover { background:#1c5073;}



.LeftMenuCon { width:230px; float:left;}

.RightSide { width:760px; float:right;}

.LefMenu li.MainLeftCats { list-style:none; background:#0e365a url(images/side-bulit.png) left center no-repeat; line-height:36px; margin-bottom:3px; transition: all 0.3s ease-in-out 0s; border-radius:5px;}

.LefMenu li.MainLeftCats:hover { background-color:#1c5073;}

.LefMenu li.MainLeftCats a { display:block; padding-left:10px; color:#fff;  font-family:'BebasNeueRegular'; font-size:16px; text-decoration:none; text-transform:uppercase;  transition: all 0.5s ease-in-out 0s; letter-spacing:1px;}

.submenu ul { padding:0px; margin:0px;}

.submenu ul li { list-style:none;}

.submenu ul li a { background:#e1e1e1; color:#333; font-size:12px; line-height:24px; text-decoration:none; display:block; padding:0px 5px; margin-bottom:2px; border-radius:3px;}

.submenu ul li:last-child a { border:none;}

.submenu ul li a:hover, .submenu ul li a.active { background:#cacaca; color:#1c5073;}

.submenu ul li a span { margin-right:3px; display:inline-block;}



.Pagination { clear:both; margin:10px 0;}

.Pagination a { background:#0e365a; padding:3px 6px; font-size:11px; 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:#1c5073;}



.ProImgCon { float:left; width:456px;}

.ProdDetailImg { background:#fff; width:450px; height:450px; display:table-cell; vertical-align:middle; border:3px double #cacaca; transition: all 0.5s ease-in-out 0s;}

.ProdDetailImg:hover { border-color:#1c5073;}

.ProDetailsCon { float:right; width:290px;}

.ProDetailsCon h1 { color:#0e365a; font-size:22px; font-family:'robotomedium'; font-weight:normal; text-transform:uppercase;}

.DetailArt { padding:4px 0; font-size:12px; color:#666; font-size:14px; font-family:'robotomedium'; margin:0 0 5px;}

.DetailArt span { color:#999;}

.DetailsCon { padding:0; min-height:100px; margin-bottom:10px; color:#999;}

.DetailsCon span { color:#666; font-size:14px; font-family:'robotomedium'; }

.ProdOpt { padding:0; margin-bottom:8px;}

.ProdOpt span { width:70px; font-size:14px; font-family:'robotomedium'; color:#666; display:inline-block;}

.ProdOpt select, .ProdOpt input { border:1px solid #ccc; min-width:70px; padding:4px; color:#999; background:#fff; border-radius:3px;}

.Button { background:#0e365a; height:28px; color:#fff; padding:0px 5px; border:none; font-family: 'robotomedium'; cursor:pointer; font-size:12px; text-transform:uppercase; margin-bottom:10px; margin-right:5px; transition: all 0.5s ease-in-out 0s; cursor:pointer; border-radius:5px;}

.Button:hover { background:#1c5073;}

.Related { clear:both; padding-top:20px;}



.OrdHisTop { background:#121212;}

.OrdHisTop ul { margin:0px; padding:0px;}

.OrdHisTop li { display:inline-block; font-family:'robotomedium'; font-size:11px; color:#fff; border-right:1px solid #777; 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 'robotomedium'; }

.EmptyCart a { color:#f21b22; text-decoration:none;} .EmptyCart a:hover { color:#424242}

.BasketCon { padding:10px 0px; border:solid #121212; border-width:0px 1px 1px;}

.BasketImg { width:115px; float:left; border-right:1px solid #121212;}

.BasketDetails { float:left; width:53%; padding:0 3px; display:block}

.BasketDetails p { border-bottom:1px solid #121212; 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{ color:#666; font-size:12px; padding:3px 5px; background:#fff; border:1px solid #ccc;}

.BasketTotal a:hover { opacity:0.6;}

.Total { margin:15px 0; padding:0px; font:normal 26px/20px 'BebasNeueRegular'; color:#f21b22; text-align:right; text-transform:uppercase; float:none;}

.Total span { color:#666;}

.Checkout .btn { padding:0; width:110px; height:28px; background:#0e365a; font:normal 12px/28px 'robotomedium'; color:#fff; text-shadow:none; text-transform:uppercase; float:right; text-decoration:none; text-align:center; margin-left:5px;}

.Checkout .btn:hover, .UpdateBtn:hover { background:#1c5073;}

.UpdateBtn { background:#0e365a; padding:2px 6px; color:#fff; border:none; font-family:'robotomedium'; font-size:11px; text-transform:uppercase; cursor:pointer; transition: all 0.5s ease-in-out 0s;}

.SubmitText { font-size:22px; font-family:'robotomedium'; text-transform:uppercase; line-height:150px; text-align:center; color:#090}

.QuoteForm { margin-top:10px;}

.NOFound { font-size:24px; line-height:150px; color:#666; text-align:center; font-family:'BebasNeueRegular'; text-transform:uppercase;}





























#FooterBG { background:#fff url(images/footer-bg.png) repeat-x; margin-top:15px; color:#666; border-top:2px solid #0b82c4;}

#FooterBG h2.FFT { color:#0e365a; font-size:20px; font-family: 'BebasNeueRegular'; margin:15px 0 6px;}

.FLinks { width:130px; float:left;}

.FLinks ul { margin:0px; padding:0px;}

.FLinks ul li { list-style:none; margin-bottom:3px;}

.FLinks ul li a { text-decoration:none; color:#666;}

.FLinks ul li a:hover { text-decoration:underline;}

.NewsColoum { width:250px; float:left; margin-right:25px;}

.NewsColoum .News { margin-bottom:8px;}

.NewsColoum .News span { color:#0e365a; display:block; font-family: 'robotomedium';}

.Newsletter { width:240px; float:left;}

.Newsletter p { line-height:20px;}

.Newsletter .Letter { margin-top:10px;}

.Newsletter .SigInput { background:#fff; box-shadow:0px 2px 2px #ccc inset; border:1px solid #ccc; height:28px; display:block; padding:0px 5px; width:240px;}

.Newsletter .SigBtn { background:#092442; height:26px; float:right; padding:0px 8px; color:#fff; text-transform:uppercase; font-family: 'robotomedium'; font-size:11px; margin-top:5px; transition: all 0.5s ease-in-out 0s;}

.Newsletter .SigBtn:hover { background:#1c5073; cursor:pointer;}

.SoicalIcons { width:110px; float:left; margin-left:25px;}

.SoicalIcons h2 { padding-left:5px;}

.SoicalIcons a { background:url(images/social-icons.png) no-repeat; width:30px; height:30px; display:block; float:left; text-indent:-99999px; margin:5px; 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.IN { background-position:0px -60px;}

.SoicalIcons a.Skype { background-position:0px -90px;}

.FContact { width:220px; float:right;}

.FContact p { line-height:18px; margin-bottom:5px;}

.FContact p span { color:#333; font-family: 'robotomedium'; padding-right:5px;}

.FContact p a { color:#666; text-decoration:none;}

.FContact p a:hover { color:#333;}

.CopyRight { border-top:1px solid #ccc; text-align:center; margin-top:15px; line-height:50px; color:#333;}

.CopyRight a { text-decoration:none; color:#0e365a; font-family: 'BebasNeueRegular'; text-transform:uppercase; font-size:16px;}

.CopyRight a:hover { text-decoration:underline;}