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

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;

}


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

body { background:url(images/bg.jpg) top center repeat; font-family: 'robotomedium'; font-size:12px; color:#1f1f1f;}


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

.SoicalBox { float:right; margin-top:10px; margin-bottom:10px;}

.SoicalBox a.FB { 
background:url(images/FB.png) no-repeat;
background-position:0 0; 
text-decoration:none; 
width:29px; 
height:29px;
float:left; 
margin-left:5px; 
transition: all 0.5s ease-in-out 0s; 
text-indent:-9999px;
display:inline-block; margin-left:45px;
}


.SoicalBox a.TW {  
background:url(images/TW.png) no-repeat; 
text-decoration:none; 
width:29px; 
height:29px; 
float:left; 
margin-left:5px; 
transition: all 0.5s ease-in-out 0s; 
text-indent:-9999px;
}


.SoicalBox a.YT {  
background:url(images/YT.png) no-repeat; 
text-decoration:none; 
width:29px;
height:29px;
float:left; 
margin-left:5px; 
transition: all 0.5s ease-in-out 0s; 
text-indent:-9999px;
}
   
.SoicalBox a.SK { 
background:url(images/SK.png) no-repeat; 
text-decoration:none;
width:29px; 
height:29px; 
float:left; 
margin-left:5px; 
transition: all 0.5s ease-in-out 0s;
text-indent:-9999px;
}
  
.SoicalBox a.FB:hover { background-position:5px;}
.SoicalBox a.TW:hover { background-position:-5px;}
.SoicalBox a.YT:hover { background-position:5px;}
.SoicalBox a.SK:hover { background-position:-5px;}

.HeaderBG { background:#222222; width:1000px; height:100px; float:left;}

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

.SRCHITEM { float:right; margin-top:35px; margin-right:20px;}
.SearchBtn { background:url(images/srhbtn.jpg) no-repeat; width:29px; height:32px; float:left; cursor:pointer;}
.SearchInput { background:url(images/SRHBG.jpg) no-repeat; width:182px; height:32px; float:left; border:none; box-shadow:none;}

.TopMenu { float:left; background:#505050; height:40px; width:1000px; }
.TopMenu ul { margin:0px; padding:0px;}
.TopMenu ul li { list-style:none; display:inline-block;  line-height:30px;}
.TopMenu ul li a {color:#fff; text-decoration:none; font-size:14px; font-family:'robotoregular'; padding:0px 10px;
 text-transform:uppercase; transition: all 0.5s ease-in-out 0s; display:block; margin-right:15px; margin-left:0px;
  font-weight:normal; border-top:5px solid #505050;} 
.TopMenu ul li a:hover { border-top:5px solid #f7a901; color:#f7a901;}
.TopMenu ul li:last-child{ background:none;}
.TopMenu ul li:second-child a:active {}

.footermenu { float:left; border-top:1px solid #858585; border-bottom:1px solid #858585; width:1000px; margin-top:25px; }
.footermenu ul { margin:0px; padding:0px;}
.footermenu ul li { list-style:none; display:inline-block;  line-height:40px;}
.footermenu ul li a {color:#fff; text-decoration:none; font-size:14px; font-family:'robotoregular'; padding:0px 10px;
 text-transform:uppercase; transition: all 0.5s ease-in-out 0s; display:block; margin-right:15px; margin-left:0px;
  font-weight:normal;} 
.footermenu ul li a:hover { border-top:5px solid #f7a901; color:#f7a901;}
.footermenu ul li:last-child{ background:none;}
.footermenu ul li:second-child a:active {}

.centercon { background:#f0f0f0; width:1000px; float:left; margin-top:30px; min-height:300px;}
.centercon h2 { font-family:'robotoregular'; color:#f7a901; font-size:20px; margin-left:15px; font-weight:normal; line-height:50px;}

.cat { width:283px; height:300px; float:left; margin:24px; background:#fff; border:1px solid #ccc;}
.cat .img a { background:url(images/cat.jpg) no-repeat; width:283px; height:200px; float:left;
-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;}
.cat .img a:hover {-moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}
.cat p { text-align:center; line-height:30px; font-family:'robotoregular'; font-size:14px; color:#221e1f; font-style:italic;}
.cat a { text-align:right; display:block; font-family:'robotoregular'; font-size:14px; margin-right:15px; color:#f7a901; float:right; text-decoration:none;}


.cat1 { width:283px; height:300px; float:left; margin:24px; background:#fff; border:1px solid #ccc;}
.cat1 .img a { background:url(images/cat1.jpg) no-repeat; width:283px; height:200px; float:left;
-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;}
.cat1 .img a:hover {-moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}
.cat1 p { text-align:center; line-height:30px; font-family:'robotoregular'; font-size:14px; color:#221e1f; font-style:italic;}
.cat1 a { text-align:right; display:block; font-family:'robotoregular'; font-size:14px; margin-right:15px; color:#f7a901; float:right; text-decoration:none;}

.cat2 { width:283px; height:300px; float:left; margin:24px; background:#fff; border:1px solid #ccc;}
.cat2 .img a { background:url(images/cat2.jpg) no-repeat; width:283px; height:200px; float:left;
-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;}
.cat2 .img a:hover {-moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}
.cat2 p { text-align:center; line-height:30px; font-family:'robotoregular'; font-size:14px; color:#221e1f; font-style:italic;}
.cat2 a { text-align:right; display:block; font-family:'robotoregular'; font-size:14px; margin-right:15px; color:#f7a901; float:right; text-decoration:none;}


.cat3 { width:283px; height:300px; float:left; margin:24px; background:#fff; border:1px solid #ccc;}
.cat3 .img a { background:url(images/cat3.jpg) no-repeat; width:283px; height:200px; float:left;
-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;}
.cat3 .img a:hover {-moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}
.cat3 p { text-align:center; line-height:30px; font-family:'robotoregular'; font-size:14px; color:#221e1f; font-style:italic;}
.cat3 a { text-align:right; display:block; font-family:'robotoregular'; font-size:14px; margin-right:15px; color:#f7a901; float:right; text-decoration:none;}


.cat4 { width:283px; height:300px; float:left; margin:24px; background:#fff; border:1px solid #ccc;}
.cat4 .img a { background:url(images/cat4.jpg) no-repeat; width:283px; height:200px; float:left;
-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;}
.cat4 .img a:hover {-moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}
.cat4 p { text-align:center; line-height:30px; font-family:'robotoregular'; font-size:14px; color:#221e1f; font-style:italic;}
.cat4 a { text-align:right; display:block; font-family:'robotoregular'; font-size:14px; margin-right:15px; color:#f7a901; float:right; text-decoration:none;}


.cat5 { width:283px; height:300px; float:left; margin:24px; background:#fff; border:1px solid #ccc;}
.cat5 .img a { background:url(images/cat5.jpg) no-repeat; width:283px; height:200px; float:left;
-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;}
.cat5 .img a:hover {-moz-transform:scale(1.05,1.07); -webkit-transform:scale(1.05,1.07); -khtml-transform:scale(1.05,1.07);}
.cat5 p { text-align:center; line-height:30px; font-family:'robotoregular'; font-size:14px; color:#221e1f; font-style:italic;}
.cat5 a { text-align:right; display:block; font-family:'robotoregular'; font-size:14px; margin-right:15px; color:#f7a901; float:right; text-decoration:none;}

.SignupBox { background:#f7a901; width:1000px; float:left; height:50px;}
.SubsBG { width:800px; margin-left:40px; border:none; padding-left:25px; box-shadow:none; float:left; margin-top:5px; height:40px;}
.SubsButton { background:url(images/SGNBTN.jpg) no-repeat; width:122px; height:40px; text-indent:-9999px; margin-top:5px; cursor:pointer; float:left;}

.footerbg { background:#505050; width:100%; height:480px; float:left;}

.timber h2 { color:#eaeaea; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:40px;}

.footerleeft { background:#fff; width:680px; height:300px; float:left; border:3px solid #f7a901;}

.insideleft { float:left; margin-left:10px; width:235px; margin-top:25px;}
.insideleft h2 { color:#f7a901; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px;}

.company { background:url(images/company.jpg) no-repeat; transition: all 0.5s ease-in-out 0s; width:183px; height:92px; float:left; margin-top:10px;}
.company:hover { opacity:0.5;}
.insideleft p { color:#221e1f; font-family:'robotoregular'; line-height:20px; float:left;}

.insideleft a { color:#f7a901; font-family:'robotoregular'; line-height:20px; float:right; text-decoration:none; margin-right:35px;}
.new { background:url(images/new.jpg) no-repeat; width:183px; transition: all 0.5s ease-in-out 0s; height:92px; float:left; margin-top:10px;}
.new:hover { opacity:0.5;}

.fsc { background:url(images/fsc.jpg) no-repeat; width:133px; height:240px; float:left; margin-top:25px;}

.tree { background:url(images/tree.jpg) no-repeat; width:301px; height:148px; float:right;}

.quickcontact { float:right; width:301px; height:148px;}
.quickcontact h2 { font-family:'robotoregular'; color:#fff; font-size:16px; line-height:40px; font-weight:normal;}
.quickcontact h1 { font-family:'robotoregular'; color:#fff; font-size:12px; line-height:25px; font-weight:normal;}

.Footerlinks { float:left; margin-top:25px;}
.Footerlinks p { font-family:'robotoregular'; color:#fff; font-size:12px; line-height:25px; font-weight:normal;}
.Footerlinks a { text-decoration:none; font-size:14px; font-family:'robotoregular'; color:#fff;}

h1.Title { font-family:'robotoregular'; color:#f7a901; font-size:20px; margin-left:5px; font-weight:normal; line-height:50px;}

.Padding { margin-left:15px; margin-right:15px; line-height:25px;}

.ContactForm { float:left;}
.Thanks { margin-bottom:10px; font-size:18px; font-weight:bold; color:#060;}
.FormField { margin-bottom:5px; color:#000;}
.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:#f7a901; box-shadow:0px 0px 10px #f7a901;}

.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:#666;}
.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 #666; border-width:0px 1px 1px; margin-bottom:15px;}
.BasketImg { width:115px; float:left; border-right:1px solid #666;}
.BasketDetails { float:left; width:47%; padding:0 3px; display:block}
.BasketDetails p { border-bottom:1px solid #666; 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;}
.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 { color:#da261e; font-weight:bold; padding:0px 5px;}
.TotalCon p a:hover { text-decoration:none;}
.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:#2b726c; 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;}

	
.Pagination { clear:both; margin-bottom:10px;}
.Pagination a { background:#0651c2; 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; color:#fff;}
.Pagination a:hover, .Pagination a.paging_act { background:#7a7a7a;}

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

.ProDetailsCon { float:left; padding:15px; padding-left:0px; width:239px;}
.ProDetailsCon h1 { color:#0651c2; font-size:22px; font-family:'robotobold'; font-weight:normal; text-transform:uppercase;}
.DetailArt { background:#EFEFEF; border:1px solid #ccc; 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 #ccc;}
.DetailArt span { color:#333;}
.DetailsCon { background:#EFEFEF; border:1px solid #ccc; padding:7px 5px; min-height:100px; margin-bottom:10px; color:#333; box-shadow:0px 0px 2px #ccc}
.DetailsCon span { color:#333; font-size:13px; font-family:'robotomedium'; }
.ProdOpt { background:#EFEFEF; border:1px solid #ccc; padding:7px 5px; margin-bottom:8px; box-shadow:0px 0px 2px #ccc}
.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:#0651c2; border:none; padding:3px 6px; color:#fff; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:8px 0 10px 0px;}
.Button:hover { background:#7a7a7a; cursor:pointer; color:#fff;}

.mainfactory { float:left; width:200px; height:200px; border-radius:8px; margin:22px;}

.centertext { float:left;}
.centertext ul { margin:0; padding:0px;}
.centertext ul li { list-style:none; display:block; width:1000px; border-bottom:2px solid #f7a901; float:left; margin-top:20px;}
.centertext ul li a { background:url(images/pdf.png) no-repeat; width:500px; height:25px; padding-left:35px; font-family:'robotoregular'; transition: all 0.5s ease-in-out 0s; display:block; color:#505050; font-size:16x; margin-left:5px; line-height:30px; text-decoration:none; float:left;}
.centertext ul li a:hover { padding-left:25px;}

.soft1 {background:url(images/pdf.png) no-repeat;}

.hardw1 { background:url(images/harw1.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}
.hardw2 { background:url(images/harw2.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}
.hardw3 { background:url(images/harw3.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}

.imgw { float:left; width:1000px;}
.hardw4 { background:url(images/harw4.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}
.hardw5 { background:url(images/harw5.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}

.logs_1 { background:url(images/logs_1.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}
.logs_2 { background:url(images/logs_2.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}
.logs_3 { background:url(images/logs_3.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}

.veener { background:url(images/veener.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}
.veener_2 { background:url(images/veener_2.jpg) no-repeat; width:310px; height:200px; margin:10px; float:left;}