/* 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;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}

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

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: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@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;
}

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

}

/*-----------------------------FONTS CSS END-----------------------------*/

body { background:#fefefe; font:12px/18px robotoregular; color:#333;}

.Container { width:1200px; margin:0px auto; padding:0px;}

.enterbg { background:url(images/enterbg.jpg) top center no-repeat; width:100%; height:772px;}

.enterlogo { width:1000px;}
.enterlogo a { background:url(images/enterlogo.jpg) no-repeat; width:205px; height:175px; float:left; display:block; 
margin-left:496px; margin-top:20px;}

.entermain { background:url(images/entercenter.jpg) top center no-repeat; width:100%; height:451px; margin-top:20px;}

.martialart a { background:url(images/martiart.jpg) no-repeat; width:283px; height:441px; float:left; margin-top:5px;
margin-left:250px;  transition: all 0.5s ease-in-out 0s; }
.martialart a:hover { opacity:0.5;}

.sportswear a { background:url(images/sportswear.jpg) no-repeat; width:343px; height:441px; float:left; margin-top:5px;
margin-left:100px;  transition: all 0.5s ease-in-out 0s; }
.sportswear a:hover { opacity:0.5;}

.topheader { background:url(images/headerBG.jpg) repeat-x; width:100%; height:204px; float:left;}

.logo {}
.logo a { background:url(images/logo.jpg) no-repeat; width:212px; height:180px; float:left; margin-top:10px;}

.relatedPRD { float:left; margin-top:20px;}

.QContactmaintop { float:right; margin-top:20px; width:420px; height:20px;}
h1.tell { background:url(images/tell.png) no-repeat; width:150px; height:16px; font-family: 'robotoregular'; color:#8d8d8d;
line-height:16px; padding-left:25px; font-size:12px; float:left; }
h1.email { background:url(images/email.png) no-repeat; width:205px; height:16px; font-family: 'robotoregular'; color:#8d8d8d;
line-height:16px; padding-left:25px; font-size:12px; float:left;}

.iNSidebg { width:950px; background:#fefefe; height:115px; border:1px solid #cdcdcd; border-top:5px solid #fe9b00; float:right;
margin-top:24px; box-shadow:0px 0px 5px #8d8d8d;}

.TopMenu { float:left; width:750px;}
.TopMenu ul { margin:0; padding:0;}
.TopMenu ul li { list-style:none; display:inline-block;}
.TopMenu ul li a { font-family: 'robotoregular'; color:#8d8d8d; line-height:30px; font-size:14px; text-transform:uppercase;}

.SoicalIcon { float:right; width:150px; margin-top:10px;}
.SoicalIcon a.FB { background:url(images/FB.png) no-repeat; width:28px; height:29px; float:left; text-indent:-99999px;}
.SoicalIcon a.TW { background:url(images/TW.png) no-repeat; width:28px; height:29px; float:left; text-indent:-99999px; margin-left:5px;}
.SoicalIcon a.GP { background:url(images/GP.png) no-repeat; width:28px; height:29px; float:left; text-indent:-99999px; margin-left:5px;}
.SoicalIcon a.IN { background:url(images/IN.png) no-repeat; width:28px; height:29px; float:left; text-indent:-99999px; margin-left:5px;}

.SoicalIcon a.FB:hover { opacity:0.5;}
.SoicalIcon a.TW:hover { opacity:0.5;}
.SoicalIcon a.GP:hover { opacity:0.5;}
.SoicalIcon a.IN:hover { opacity:0.5;}

.Search { float:left; margin-top:10px;}
.SInput { background:#fff; width:500px; height:45px; border:1px solid #dddddd; padding-left:15px; float:left; margin-left:20px;
box-shadow:none;}
.Searchbtn { background:url(images/SRHBTN.png) no-repeat; width:60px; height:45px; float:left; border:none; cursor:pointer;}

.Basket { float:left; width:170px; height:43px; background:#fff; border:1px solid #dddddd; margin-top:10px; margin-left:20px;}
.Basket a { background:url(images/itembasket.png) no-repeat; width:100px; height:32px; padding-left:36px; color:#8d8d8d;
font-family: 'robotoregular'; line-height:36px; display:block; margin-top:7px; margin-left:30px; text-decoration:none;}

.WhiteBG { float:left; }

.FrontCats { float:left; margin-top:210px;}

.FRDPRD { float:left; }
.CatsImg { float:left; margin:10px;}

.catpic a { transition: all 0.5s ease-in-out 0s;}
.catpic a:hover { opacity:0.5;}

.FrontCats h2 { color:#747474; font-size:22px; line-height:40px; font-family: 'robotoregular'; font-weight:normal;}
.FRDPRD h2 { color:#747474; font-size:22px; line-height:40px; font-family: 'robotoregular'; font-weight:normal;}
h2.PTitle { color:#747474; font-size:22px; line-height:40px; font-family: 'robotoregular'; font-weight:normal; font-size:16px;}
.mainPRD { float:left;  width:280px; height:300px;  margin:10px; border-bottom:1px solid #83898c;}

.PRD a { width:270px; height:230px; vertical-align:middle; display:table-cell; border:1px solid #e5e5e5; margin-top:5px;
transition: all 0.5s ease-in-out 0s; margin-left:5px;  -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;}
.PRD a:hover {-moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}

.border { width:280px; height:230px; background:#fff; border:1px solid #e5e5e5; padding-bottom:5px; padding-top:5px;}

.zoomer a { background:url(images/zoomer.jpg) no-repeat; width:24px; height:25px; float:right; margin-top:-33px; margin-right:12px;}

.pname { font-family:'robotoregular'; font-size:14px; color:#747474; line-height:25px;}
.artdetail { font-family:'robotoregular'; color:#747474; line-height:25px; float:left; width:180px;}

.prddetails { float:right;}
.prddetails a { background:#f4801d; padding:5px; color:#fff; border-radius:4px; width:100px; text-decoration:none; 
text-align:center; margin-top:10px;}

.abouttext { float:left; width:590px; height:200px; background:#fff; border:1px solid #cdcdcd; box-shadow:0px 0px 5px #8d8d8d;
margin-top:10px;}

.abouttext h2 { color:#848484; font-family:'robotoregular'; line-height:40px; margin-left:15px; font-size:22px;}
.abouttext p { color:#848484; font-family:'robotoregular'; font-size:12px; line-height:20px; margin-left:15px; margin-right:15px; }

.SigInput {background:#fff; width:450px; height:50px; border:1px solid #dddddd; padding-left:15px; float:left; margin-left:15px;
box-shadow:none; margin-top:30px;}
.SigBtn { background:url(images/SGNBTN.png) no-repeat; width:82px; height:50px; cursor:pointer; text-indent:-99999px; float:left;
margin-top:30px;}

.footerBG { width:1200px; background:#282828; height:210px; float:left; margin-top:15px;}

.newsevents { float:left; width:275px;}
.newsevents h2 { color:#fff; font-family:'robotoregular'; line-height:40px; margin-left:15px; font-size:22px;}
.newsevents p {  color:#fff; font-family:'robotoregular'; font-size:12px; line-height:20px; margin-left:15px; margin-right:15px;}

.borderfooter { background:#fff; width:1px; height:150px; margin-top:30px; margin-left:20px; margin-right:15px; display:block; float:left;}

.QContactmain { float:left; width:260px;}
.QContactmain h2 { color:#fff; font-family:'robotoregular'; line-height:40px; margin-left:15px; font-size:22px;}
.QContactmain h1 { font-size:12px; color:#fff; font-family:'robotoregular'; line-height:25px; margin-left:15px;}

.Footerlinks { float:left; width:1200px; height:55px; background:#fe9b00;}
.Footerlinks p { color:#fff; line-height:55px; margin-left:15px; margin-right:15px;}
.Footerlinks a { text-decoration:none; color:#fff;}

.ProDetailsCon { float:right; width:350px;}
.ProDetailsCon h1 { color:#2d9c9c; font-size:24px; font-family:'dosislight'; font-weight:normal; text-transform:uppercase;}
.DetailArt { background:#fafafa; border:1px solid #fe9b00; padding:7px 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; 
font-size:13px; font-family:'robotomedium'; margin:8px 0 10px; box-shadow:0px 0px 2px #fe9b00}
.DetailArt span { color:#999;}
.DetailsCon { background:#fafafa; border:1px solid #fe9b00; padding:7px 5px; min-height:100px; margin-bottom:10px; color:#999; 
box-shadow:0px 0px 2px #fe9b00;}
.DetailsCon span { color:#333; font-size:13px; font-family:'robotomedium'; }
.ProdOpt { background:#fafafa; border:1px solid #fe9b00; padding:7px 5px; margin-bottom:8px; box-shadow:0px 0px 2px #fe9b00}
.ProdOpt span { width:70px; font-size:13px; font-family:'robotomedium'; color:#333; display:inline-block;}
.ProdOpt input, .ProdOpt select { border:1px solid #ccc; min-width:65px; padding:3px; color:#666; background:#fff;}
.Button { background:#fe9b00; border:none; padding:0px 6px; color:#fff; height:26px; font-size:12px; font-family:'robotomedium'; margin:8px 0 10px 0px; transition: all 0.5s ease-in-out 0s;}
.Button:hover { background:#333; cursor:pointer;}

.OrdHisTop { background:#666; width:1200px; margin-top:20px;}
.OrdHisTop ul { margin:0px; padding:0px;}
.OrdHisTop li { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; 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:52%; 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; color:#424242;}
.BasketQty { width:17%; float:left; padding:0 3px;}
.BasketCon .txt_id { background:#f1f1f1; border:1px solid #666; text-align:center; margin-bottom:8px;}
.BasketRate { width:13%; float:left; text-align:center; font-size:14px;}
.BasketTotal { width:19%; 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 { background:#fe9b00; line-height:28px; height:26px; padding:0px 8px; display:inline-block; transition: all 0.5s ease-in-out 0s; text-decoration:none; color:#fff; font-family: 'robotomedium'; font-size:12px; margin-bottom:10px;}
.TotalCon p a:hover { background:#333;}
.UpdateBtn { background:#666; padding:3px 12px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; border:none; cursor:pointer;}
.UpdateBtn:hover { background:#fe9b00;}
.QuoteForm { margin:15px;}
.SubmitText { height:200px; color:#060; font-size:24px; font-family: 'robotomedium'; width:1200px; display:table-cell; vertical-align:middle;}
.PicBox { width:204px; border:1px solid #ccc; padding:2px; display:inline-block; vertical-align:middle; margin:17px; transition: all 0.5s ease-in-out 0s;}
.PicBox { width:204px; border:1px solid #ccc; padding:2px; display:inline-block; vertical-align:top; margin:17px; -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;}
.PicBox:hover { -moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}

.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; text-align:right; padding-right:10px; color:#1f1f1f;}
.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:#fe9b00; height:26px; padding:0px 8px; color:#fff; border:none; text-align:center; font-size:12px; 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:#333}

.Pagination { clear:both; margin-bottom:10px;}
.Pagination a { background:#fe9b00; 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:#333;}

.moveL { width:650px;}
.moveL p { color:#1f1f1f;}

.ViewProLeft { float:left; width:456px; margin-left:15px; margin-top:7px; }
.MainViewImg { width:450px; height:450px; background:#fff; vertical-align:middle; display:table-cell; border:3px double #ccc; transition: all 0.5s ease-in-out 0s; }
.MainViewImg:hover { border-color:#fe9b00;}
.MoreViewImg { width:450px;}
.zoom-desc { width:100px; height:100px; float:left; margin:6px;}

.realted { float:left;}
.realted h2 { font-family:'dosislight'; font-size:24px; font-weight:bold; color:#ba0000; line-height:60px;}

.LeftMenuCon { width:245px; float:left; margin-left:5px;}
.LeftMenuCon h2 {font-size:16px; font-weight:normal; color:#1f1f1f; 
line-height:35px;  padding-left:5px; margin-top:5px; text-transform:uppercase;}
.LeftMenuCon li.MainLeftCats { list-style:none;}
.LeftMenuCon li.MainLeftCats a { display:block; color:#f56b18; font-family:'robotoregular'; 
font-size:18px; text-decoration:none; transition: all 0.5s ease-in-out 0s; line-height:35px; border-bottom:1px solid #e4e4e4; text-transform:uppercase;}
.LeftMenuCon li.MainLeftCats a span { padding-right:10px;}
.LeftMenuCon li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active {}
.LeftMenuCon ul { padding:0px; margin:0px;}
.LeftMenuCon ul li { list-style:none;}
.LeftMenuCon ul li a { background:#fff; color:#1f1f1f; margin-top:2px; font-size:12px; line-height:28px; text-decoration:none; display:block; padding:0px 4px; margin-bottom:2px; font-family:'robotomedium'; 
transition: all 0.5s ease-in-out 0s; border:1px solid #efeeee;}
.LeftMenuCon ul li a:hover { background:#f4801d; padding-left:8px; color:#fff;}
.LeftMenuCon ul li a.active { background:#f4801d; color:#fff;}
.LeftMenuCon ul li a span { margin-right:3px; display:inline-block;}

.rightside { float:left; width:915px; margin-left:25px;}