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

}

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

}

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

body { background: url(images/bodybg.jpg) top center repeat; font:12px/18px robotoregular; color:#333;}

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

.topcontact { float:right; width:250px;}
.topcontact h1 { font-size:14px; font-family: 'robotoregular'; line-height:30px; color:#eb0100; float:left;} 

.HeaderBG { float:left; background:#383838; height:100px; width:1000px; border-radius:8px 8px 0px 0px;}

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

.SRCHITEM { float:right; margin-right:25px; margin-top:35px;}
.SearchBtn { background:url(images/SRHBTN.jpg) no-repeat; width:31px; height:32px; float:left; cursor:pointer;}
.SearchInput { background:#fff; float:left; width:170px; height:32px; box-shadow:none; border:none;}

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

.position { position:relative; z-index:55;}

.centerBG { background:url(images/centerBG.jpg) repeat-x; width:100%; height:654px; margin-top:470px;}

.Frontcatgries { float:left;}
.Frontcatgries h2 { background:url(images/maincatgories.png) no-repeat; width:1000px; height:50px; float:left; text-indent:-99999px;}

.CatsImg { float:left; width:320px; height:145px; margin:6px;}
.catpic a {}
.catpic a:hover { opacity:0.5;}

.FRTID { float:left; background:#fff; width:1000px; height:auto;  margin-top:20px; }
.FRTID h2 { background:url(images/FRTBG.png) no-repeat; width:1000px; height:68px; float:left; text-indent:-99999px; border-bottom:1px solid #ccc;}

.thumbnail { float:left; width:230px; height:230px; margin:9px; border:1px solid #ccc;}
.Links { padding-top:10px; padding-bottom:10px; margin-top:15px;}
.Links p { color:#000; font-size:14px; text-transform:uppercase;}
.Links a { text-decoration:none; color:#eb0100; line-height:25px;}
.Links a:hover { color:#000;}

.SGNBG { background:url(images/SGNBG.jpg) repeat-x; width:1000px; height:49px; float:left; margin-bottom:15px; border-radius:5px;}
.SGNBG p { font-size:14px; color:#fff; line-height:49px; text-transform:uppercase; font-family:'robotoregular'; margin-left:15px; float:left;}
.SigInput { background:url(images/SGNINPUT.jpg) no-repeat; width:146px; height:31px; float:left; border:none; padding-left:10px; margin-top:10px; margin-left:20px;}
.SigBtn { background:url(images/SGNBTN.jpg) no-repeat; width:60px; height:31px; text-indent:-99999px; cursor:pointer; margin-top:10px;}

.mainSGN { float:left;}

.SoicalBox { float:left;}
.SoicalBox h5 { font-family:'robotoregular'; font-size:14px; color:#fff; float:left; line-height:49px; margin-left:20px;}
.SoicalBox a.FB { background:url(images/FB.png) no-repeat; width:28px; height:27px; float:left; text-indent:-99999px; margin-top:11px; margin-left:8px;}
.SoicalBox a.TW { background:url(images/TW.png) no-repeat; width:28px; height:27px; float:left; text-indent:-99999px; margin-top:11px; margin-left:8px;}
.SoicalBox a.YT { background:url(images/YT.png) no-repeat; width:28px; height:27px; float:left; text-indent:-99999px; margin-top:11px; margin-left:8px;}
.SoicalBox a.SK { background:url(images/SK.png) no-repeat; width:28px; height:27px; float:left; text-indent:-99999px; margin-top:11px; margin-left:8px;}

.SoicalBox a.FB:hover { opacity:0.5;}
.SoicalBox a.TW:hover { opacity:0.5;}
.SoicalBox a.YT:hover { opacity:0.5;}
.SoicalBox a.SK:hover { opacity:0.5;}

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

.footermenu { float:left; width:150px; height:2px;} 
.footermenu h2 { font-size:16px; font-weight:normal; color:#fff; line-height:50px; text-transform:uppercase;}

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

.footermenu ul li { 
list-style:none; 
display:inline-block;  
}

.footermenu ul li a {
color:#fff; 
text-decoration:none; 
font-size:12px; 
font-family:'robotoregular';
font-weight:normal; 
transition: all 0.5s ease-in-out 0s; 
display:block; 
margin-right:5px; 
padding-top:3px; padding-bottom:3px; width:190px;
} 

.footermenu ul li a:hover { color:#eb0100;}

.newsevents { float:left; width:325px; margin-left:45px;}
.newsevents h2 { font-size:16px; font-weight:normal; color:#fff; line-height:50px; text-transform:uppercase;}
.newsevents h5 { font-family:'robotoregular'; font-size:14px; color:#fff; margin-top:20px; font-weight:normal;}
.newsevents p { font-family:'robotoregular'; font-size:12px; color:#fff; margin-top:20px; font-weight:normal;}

.quickcontact { float:left; width:280px; margin-left:70px;}
.quickcontact h2 { font-size:16px; font-weight:normal; color:#fff; line-height:50px; text-transform:uppercase;}

.quickcontact h1 {font-family:'robotoregular'; font-size:12px; color:#fff; margin-top:2px;}

.Footerlinks { float:left; width:520px; margin-top:20px;}
.Footerlinks p { color:#fff; line-height:25px; font-size:12px; font-family:'robotoregular'; font-weight:normal;
 margin-top:10px; text-align:center; display:block;}
.Footerlinks p a { text-decoration:none; color:#fff;}

.CRT { background:url(images/CRT.png) no-repeat; margin-top:-25px; width:347px; height:82px; float:right;}


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

.LeftMenuCon h2 {
background:url(images/cattopbg.jpg) repeat-x;
color:#212121; 
line-height:42px; 
font-family: 'robotoregular';
font-size:18px; 
font-weight:normal;
text-transform:uppercase;

}

.LefMenu li.MainLeftCats { 
	list-style:none; 
	line-height:30px; 
	}
	
	
.LefMenu li.MainLeftCats a {  
	background:#383838; 
	display:block; 
	color:#fff;  
	font-family:'robotoregular';  
	font-size:14px; 
	text-decoration:none; 
	transition: all 0.5s ease-in-out 0s; 
	padding-left:5px; margin-bottom:2px; border-radius:4px;
	
	}
.LefMenu li.MainLeftCats a:hover {
	color:#ccc;}


.submenu ul { 
	padding:0px; 
	margin:0px;
	}
	
	
.submenu ul li { 
	list-style:none;
	 }
	 
	 
.submenu ul li a { 
	background:#AAAAAA; 
	color:#000; 
	font-size:12px; 
	line-height:35px; 
	text-decoration:none; 
	display:block; 
	padding:0px 5px; 
	font-family:'robotoregular';
	font-weight:normal;
	transition: all 0.5s ease-in-out 0s;
	margin-bottom:1px; border-radius:4px;
	
	}
.submenu ul li a:hover, .submenu ul li a.active { 
	color:#eb0100;
	}
	
.submenu ul li a span { 
	margin-right:3px; 
	display:inline-block;
	}

.maincon { float:left; width:1000px; margin-top:480px;}

.WhiteBG  { float:left; width:760px; margin-left:10px;}

h2.Title {color:#212121; line-height:42px; font-family: 'robotoregular';font-size:18px; font-weight:normal;}


.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:#eb0100; box-shadow:0px 0px 10px #eb0100; border-radius:8px; padding:5px;}

.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:#eb0100; margin-top:15px; width:1000; 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 #000; 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 #000; border-width:0px 1px 1px; margin-bottom:15px; width:1000px; margin-left:10px;}
.BasketImg { width:115px; float:left; border-right:1px solid #000;}
.BasketDetails { float:left; width:47%; padding:0 3px; display:block}
.BasketDetails p { border-bottom:1px solid #000; 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:#000; border:1px solid #ccc; padding:5px;}
.TotalQA label { font-weight:bold; color:#fff; 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:#000; color:#fff; font-weight:bold; padding:5px;}
.TotalCon p a:hover { text-decoration:none;}
.UpdateBtn { background:#2C3137; 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:#333; color:#fff;}

.ProImgCon { float:left; width:450px; margin:5px; margin-left:5px;}
.ProdDetailImg { background:#fff; width:450px; height:450px; display:table-cell; vertical-align:middle; border:1px solid #ccc; 
border-bottom:3px solid #009cc9;}
.ProdDetailImg:hover {}

.ProDetailsCon { float:left; padding:15px; padding-right:0px; width:290px;}
.ProDetailsCon h1 { color:#14171c; font-size:22px; font-family:'robotobold'; font-weight:normal; text-transform:uppercase;}
.DetailArt { background:#none; 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 5px #eb0100; }
.DetailArt span { color:#333;}
.DetailsCon { background:#none; border:1px solid #ccc; padding:7px 5px; min-height:100px; margin-bottom:10px; color:#333; 
box-shadow:0px 0px 5px #eb0100; }
.DetailsCon span { color:#333; font-size:13px; font-family:'robotomedium'; }
.ProdOpt { background:#none; border:1px solid #ccc; padding:7px 5px; margin-bottom:8px; box-shadow:0px 0px 5px #eb0100; }
.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:none;}
.ProdOpt input { border:1px solid #ccc; width:50px; padding:2px; color:#666; background:none;}
.Button { background:#1f1f1f; padding:4px 6px; color:#fff; transition: all 0.5s ease-in-out 0s; font-family:'robotoregular'; font-size:12px; text-transform:uppercase;  margin:8px 0 10px 0px; }
.Button:hover { background:#eb0100; cursor:pointer; color:#fff; border-radius:8px; padding:4px; }

.realted { float:left; width:770px;}

.ViewProLeft { border-color:#eb0100; box-shadow:0px 0px 10px #eb0100; float:left;}
.watermark {  background:url(images/watarmart.png) no-repeat; width:450px; height:450px; float:left;}
.PicBox a { float:left; width:230px; height:230px; margin:5px; border:1px solid #f00;}

.MainViewImg { float:left; z-index:-99; position:relative;}

.MoreViewImg { float:left; margin:2px;}

.zoom-desc { float:left; border:1px solid #333; margin:4px;}

.watersmall { background:url(images/smallwater.png) no-repeat; width:227px; height:180px; float:left;}
.thumbnail a { position:relative; z-index:-9999; height:180px;}

.Viewdetailslarge { float:left;}
.Viewdetailslarge a { background:#f00; padding:5px; text-align:center; margin-left:88px; border-radius:4px; text-decoration:none; color:#fff;}
.Viewdetailslarge a:hover { background:#1f1f1f; }
.mainsmall { float:left; width:230px; height:270px; margin:9px;}