/* 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; font-family:'robotoregular';}
.moveR { float:right;}

/* Break CSS */
.break10 { clear:both; margin:10px 0px; height:1px;}
.break5 { clear:both;s 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;}

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

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

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

}

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

}

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

}

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

body { background:#fff; font-family: 'robotoregular'; font-size:12px; color:#1f1f1f;}


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

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

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

.LOGO {}
.LOGO a { background:url(images/logo.png) no-repeat; width:466px; height:156px; text-indent:-99999px; float:left; margin-top:-5px;}

.Basket { float:right; }
.Basket a { background:url(images/itembasket.png) no-repeat; margin-top:30px; float:right; width:200px; padding-left:30px; height:30px; line-height:30px; text-decoration:none; display:block; font-family: 'robotoregular'; color:#fff;}

.SRCHITEM { float:right; margin-top:20px;}
.SearchInput { background:url(images/SRHBG.jpg) no-repeat; color:#CCC; width:189px; height:24px; float:left; border:none; padding-left:15px; box-shadow:none;}
.SearchBtn { background:url(images/SRHBTN.jpg) no-repeat; width:27px; height:24px; float:left; cursor:pointer;}

.rightside { float:right; width:250px;}

.menu { float:right; margin-top:15px;}
.menu ul { margin:0; padding:0;}
.menu ul li { background:url(images/navBG.jpg) right center no-repeat;  list-style:none; display:inline-block; line-height:25px; }
.menu ul li a { text-decoration:none; color:#ccc; font-family: 'robotoregular'; display:block; transition: all 0.5s ease-in-out 0s; margin-left:5px; margin-right:5px;  padding:0px 15px;}
.menu ul li a:hover { background:#9b1710; color:#fff;}

.FrontCats { float:left; margin-top:15px; margin-bottom:10px;}
.CatsImg  { float:left; margin-top:10px;}
.catpic a { float:left; margin:10px; transition: all 0.5s ease-in-out 0s;}
.catpic a:hover { opacity:0.5;}

.FRTBG { float:left;}
.FRTBG h2 { background:url(images/FRTID.png) no-repeat; width:314px; height:50px;  text-align:center; text-indent:-9999px; display:block; }

.mainPRD { float:left;  width:215px; height:320px;  margin:15px; margin-top:25px; margin-left:35px;}

.PRD a { width:215px; height:220px; vertical-align:middle; display:table-cell; }

.border { width:215px; height:250px; background:#fff; border:1px solid #e5e5e5;}
.zoomer a { background:url(images/zoomer.jpg) no-repeat; width:28px; height:29px; float:right; margin-right:5px;}
.border:hover { border:1px solid #000;}
.pname { font-family:'robotoregular'; color:#1f1f1f; line-height:20px;}
.artdetail { font-family:'robotoregular'; color:#1f1f1f; line-height:20px;}

.prddetails { margin-top:10px;}
.prddetails a { background:#4e4e4e; padding:5px; color:#fff; border-radius:4px; width:100px; text-decoration:none; 
text-align:center; margin-top:10px; font-family:'robotoregular';}
.prddetails a:hover { background:#232323;}

.FooterBG { background:url(images/footerBg.jpg) repeat-x; width:100%; height:348px;}

.newsBG { float:left; width:250px;}
.newsBG h2 { font-family: 'reckonerregular'; color:#fff; font-size:20px; letter-spacing:1px; font-weight:normal; line-height:100px;}
.newsBG p { color:#737373; font-family:'robotoregular'; font-weight:normal;}

.borderline { background:#232323; width:1px; height:200px; margin-top:50px; float:left; margin-left:25px; margin-right:25px;}

.newsBG h1 { color:#737373; font-family:'robotoregular'; font-weight:normal; font-size:12px;}

.SigInput { background:url(images/SGNBG.jpg) no-repeat; width:191px; height:33px; float:left; padding-left:10px; border:none; box-shadow:none; margin-top:40px;}
.SigBtn { background:url(images/SGNBTN.jpg) no-repeat; width:32px; height:33px; float:left; cursor:pointer; text-indent:-9999px; margin-top:40px;}

.SoicalBox a.FB { background:url(images/facebook.png) no-repeat; width:109px; height:38px; float:left; text-indent:-99999px;}
.SoicalBox a.TW { background:url(images/Twitter.png) no-repeat; width:109px; height:38px; float:left; text-indent:-99999px; margin-top:15px;}
.SoicalBox a.LI { background:url(images/linkedin.png) no-repeat; width:109px; height:38px; float:left; text-indent:-99999px; margin-top:15px;}

.SoicalBox a.FB:hover { opacity:0.5}
.SoicalBox a.TW:hover { opacity:0.5}
.SoicalBox a.LI:hover { opacity:0.5}

.Footerlinks { margin-top:60px; width:1100px; float:left;}
.Footerlinks p { color:#737373; font-size:12px; font-family:'robotoregular';}
.Footerlinks a { color:#737373; text-decoration:none;}

h1.Title { font-family:'robotoregular'; float:left; width:1100px; border-bottom:1px solid #1f1f1f; font-weight:normal; line-height:50px;}


.ContactForm { float:left;}
.Thanks { margin-bottom:10px; font-size:18px; font-weight:bold; color:#060;}
.FormField { margin-bottom:5px; color:#000; margin-top:10px;}
.FormField legend { float:left; width:225px; color:#1f1f1f; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:right; padding-right:10px;}
.FormField label { float:left; margin-left:5px;}
.FormField input.UpdateBtn { background:#d3d3d3; padding:3px 6px; color:#1f1f1f; border:none; font-family:'UbuntuR'; cursor:pointer;}
.FormField input.UpdateBtn:hover { box-shadow:none; border:none;}
.FormField input, .FormField select, .FormField textarea { float:left; border:1px solid #ccc; color:#000; 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:#1f1f1f; }

.FormField input.Buttonfeed {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    box-shadow: none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: 'robotomedium';
    font-size: 11px;
    font-weight: normal;
    height: 30px;
    margin: 10px 0 20px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s; margin-right:120px; border-color:#1f1f1f; box-shadow:0px 0px 10px #1f1f1f;
}
.QuoteForm { margin-top:50px;}

.FormField input.Buttonfooter { float:right; color:#1f1f1f;}

.OrdHisTop { background:#1f1f1f; float:left; margin-top:15px; width:1080px; margin-left:10px;}
.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 #2C3137; 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 #2C3137; float:left; width:1078px; margin-left:10px; border-width:0px 1px 1px; margin-bottom:15px;}
.BasketImg { width:115px; float:left; border-right:1px solid #2C3137;}
.BasketDetails { float:left; width:47%; padding:0 3px; display:block}
.BasketDetails p { border-bottom:1px solid #2C3137; 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: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; margin-right:10px;}
.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; margin-bottom:15px; }
.TotalCon p a { background:#1f1f1f; color:#fff; font-weight:bold; padding:7px;}
.TotalCon p a:hover { text-decoration:none;}
.UpdateBtn { background:#000; padding:3px 12px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; border:none; cursor:pointer;}
.UpdateBtn:hover { background:#666; color:#fff;}
.QuoteForm { margin:15px;}
.SubmitText { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#060; padding-top:30px; text-decoration:underline; min-height:250px;}

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

.ProImgCon { float:left; width:550px; margin:5px; margin-left:10px;}
.ProdDetailImg { background:#fff; width:550px; height:550px; display:table-cell; vertical-align:middle; border:1px solid #1f1f1f;}
.ProdDetailImg:hover {}

.ProDetailsCon { float:left; padding:15px; margin-left:20px; width:475px;}
.ProDetailsCon h1 { color:#1f1f1f; font-size:22px; font-family:'robotobold'; font-weight:normal; text-transform:uppercase;}
.DetailArt { 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 #1f1f1f; }
.DetailArt span { color:#333;}
.DetailsCon { padding:7px 5px; min-height:100px; margin-bottom:10px; color:#333; 
box-shadow:0px 0px 2px #1f1f1f; }
.DetailsCon p { color:#333; font-size:12px; font-family:'robotomedium';}
.DetailsCon span { color:#333; font-size:13px; font-family:'robotomedium'; }
.ProdOpt {padding:7px 5px; margin-bottom:8px; box-shadow:0px 0px 2px #1f1f1f; }
.ProdOpt span { width:70px; font-size:13px; font-family:'robotomedium'; color:#333; display:inline-block;}
.ProdOpt select { border:1px solid #ccc; padding:2px; color:#666; background:#f7f7f7;}
.ProdOpt input { border:1px solid #ccc; width:50px; padding:2px; color:#666; background:#f7f7f7;}
.Button { background:#8d8d8d; border:none; padding:4px 6px; color:#fff; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:8px 0 10px 0px; color:#1f1f1f;}
.Button:hover { background:#14171c; cursor:pointer; color:#d8d8d8;}

.relatedPRD { float:left;}
.relatedPRD h2 { font-size:25px; font-weight:normal;}

.name { float:left;}
.name a { background:rgba(0, 0, 0, 0.82); text-align:center; line-height:40px; text-decoration:none; font-family:'robotoregular'; font-size:16px; text-transform:uppercase; color:#fff; width:363px; height:40px; display:block; margin-top:-57px; margin-left:1px;}
.name a:hover { background:rgba(155, 23, 16, 0.86);}

.centercon { float:left; width:870px; margin-left:10px;}

.LeftMenuCon { float:left; width:220px;}
.leftside { float:left; width:220px;}
.LeftMenuCon {float:left; width:220px;}
.LeftMenuCon h2 {   font-family: 'robotoregular';
  float: left;
  border-bottom: 1px solid #1f1f1f;
  font-weight: normal;
  line-height: 50px; width:220px; font-size:22px;}
.LefMenu li.MainLeftCats { list-style:none; float:left; width:220px; margin-top:2px; background:#1f1f1f; border-radius:5px; }
.LefMenu li.MainLeftCats a { display:block; color:#fff; font-family:'robotoregular'; font-size:14px; 
text-decoration:none; transition: all 0.5s ease-in-out 0s; line-height:30px; margin-left:15px;}
.LefMenu li.MainLeftCats a span { padding-right:10px;}
.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { padding-left:7px;}
.submenu ul { padding:0px; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { color:#000; font-size:12px; line-height:28px; text-decoration:none; display:block; 
padding:0px 15px; font-family:'robotomedium'; transition: all 0.5s ease-in-out 0s; 
border-bottom:1px solid #ccc;}
.submenu ul li a:hover { color:#1f1f1f; padding-left:25px;}
.submenu ul li a.active { color:#1f1f1f;}
.submenu ul li a span { margin-right:3px; display:inline-block;}