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

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

body { background:#e4e4e4 url(images/bg.jpg) top center no-repeat; font-family: 'robotoregular'; font-size:12px; color:#282c2f;}
.Container { width:964px; margin:0px auto; padding:0px;}

.Header { height:131px; padding-bottom:3px;}
.Logo { float:left;}
.Logo a { background:url(images/logo.png) no-repeat; width:330px; height:130px; display:block; text-indent:-99999px;}
.HeadRight { float:right; margin-top:8px;}
.HeadTop { margin-bottom:20px;}
.SocialIcons { float:right;}
.SocialIcons a { background:url(images/soical-icon.png) no-repeat; width:36px; height:36px; display:inline-block; margin-left:10px; text-indent:-99999px;}
.SocialIcons a.FB { background-position:0px 0px; }
.SocialIcons a.TW { background-position:-46px 0px;}
.Search { float:right; background:#fff; border-radius:3px; padding:0px 5px; margin-left:15px; margin-top:3px;}
.Search .SearchBtn { background:url(images/s-icon.png) left center no-repeat; height:30px; border:none; width:20px; float:left; cursor:pointer;}
.Search .SearchInput { background:none; border:none; width:160px; padding-left:8px; height:30px; font-size:11px; color:#282c2f; font-family: 'robotoregular'; box-shadow:none;}
.TopMenu { padding-top:20px;}
.TopMenu ul { margin:0px; padding:0px;}
.TopMenu ul li { list-style:none; display:inline-block; background:url(images/menu-bulit.png) left center no-repeat; margin-right: 20px; padding-left:25px;}
.TopMenu ul li:first-child { background:none;}
.TopMenu ul li:last-child { margin-right:0px;}
.TopMenu ul li a { text-decoration:none; font-size:15px; text-transform:uppercase; color:#282c2f; font-family: 'robotomedium';}
.TopMenu ul li a:hover { color:#0093dd;}

.Banner { margin-top:25px;}
.MainCats { height:120px; width:964px; margin:0px auto 25px;}
.MainCats a { width:472px; height:10px; float:left; display:block; transition:all 0.5s ease-in-out;}
.MainCats a + a { margin-left:20px;}
.MainCats a:hover { opacity:0.5;}

.FrontLeft { width:492px; float:left;}
.FrontAbout { color:#282c2f;}
.FrontAbout h2 { color:#282c2f; font-size:24px; text-transform:uppercase; font-family: 'robotomedium'; font-weight:normal; margin-bottom:10px;}

.FrontRight { margin-bottom:5px;}
.FrontRight h2 { color:#282c2f; font-size:24px; text-transform:uppercase; font-family: 'robotomedium'; font-weight:normal; margin-bottom:10px;}
.FrontAbout a.ReadMore { color:#282c2f; text-transform:uppercase; font-family: 'robotobold'; margin-top:10px;}
.FrontAbout a.ReadMore:hover { text-decoration:none;}
.LeftBtm { margin-top:26px;}
.NewsBox { text-align:center; color:#fff; background:#0093dd; width:225px; height:205px; padding:8px; float:left;}
.NewsBox h2 { text-transform:uppercase; font-weight:normal; font-family: 'robotomedium'; font-size:16px; margin-bottom:8px;}
.NewsBox marquee { text-align:center;}
.NewsBox .NewsDetail { margin-bottom:6px;}
.NewsBox .NewsDetail span { font-family: 'robotobold'; font-size:12px; text-decoration:underline; text-transform:uppercase;}

.ContactText { float:left; width:390px;}

.SignBox { float:left; margin-left:5px; background-color:#282c2f; width:225px; height:205px; text-align:center; color:#fff; padding:8px;}
.SignBox h2 { text-transform:uppercase; font-weight:normal; font-family: 'robotomedium'; font-size:16px; margin-bottom:8px;}
.SignBox h5 { text-transform:uppercase; font-weight:normal; font-family: 'robotomedium'; font-size:24px; margin-bottom:8px; margin-top:15px;}
.SignBox h6 { text-transform:uppercase; font-weight:normal; font-family: 'robotomedium'; font-size:18px; margin-bottom:8px; margin-top:15px;}

.WhiteBG  { min-height:300px;}

.MoreViewImg { float:left; border:1px solid #ccc; margin-left:5px;}

.NewsLetterBox { float:left; margin-left:15px; margin-top:15px;}
.SigInput { height:30px; padding-left:10px; border:none; box-shadow:none; outline:none;}
.SignBtn { float:left; background:url(images/signupBTN.jpg) no-repeat; width:42px; height:30px; cursor:pointer;}



.FooterBG { background:#282c2f; margin-top:30px;}
.CopyRights { text-align:center; line-height:66px; color:#afafaf; text-transform:uppercase;}
.CopyRights a { text-decoration:none; font-family: 'robotobold'; font-size:14px; color:#eee;} 
.CopyRights a:hover { text-decoration:underline;}

.ProductBGPRD {background:#fff; width:230px; height:237px; float:left; margin-right:11px; margin-bottom:10px;}
.ProductBG { background:#fff; width:230px; height:237px; float:left; margin-right:1px; margin-bottom:1px;}
.ProImg { display:table-cell; height: 200px; vertical-align: middle; width: 230px;}

.ProdDetails {}
.ProdDetails span { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#282c2f; display:block;}
a.ViewDetails { text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#282c2f;}

.ProImgCon { float:left; width:500px; padding-bottom:20px; background-color:#fff; border:2px dashed #ccc;}
.ProImgCon:hover {border:2px dashed #0093DD;}

.ProDetailsCon { width:400px; margin-right:20px; float:right;}

.Pagination { clear:both; height:35px; margin-right:10px; float:right;}
.Pagination a { background:#1f1f1f; padding:4px 8px; font-size:12px; font-weight:bold; text-decoration:none; color:#d3d3d3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; font-family:Arial, Helvetica, sans-serif;}
.Pagination a:hover, .Pagination a.paging_act { background:#0093DD; color:#ccc;}

.ProDetailsCon h1 { color:#1f1f1f; font-size:18px;}
.DetailArt { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1f1f1f; font-weight:bold; border-left:5px solid #0093DD; padding:5px; border-bottom:1px solid #1f1f1f; width:400px; margin-top:5px; margin-bottom:15px;}
.DetailsCon { min-height:60px; border-left:5px solid #0093DD; padding:5px; border-bottom:1px solid #1f1f1f; width:400px; margin-top:5px;}
.DetailsCon span { color:#1f1f1f; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.DetailsCon p { color:#000; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
.ProdOpt { margin-bottom:8px; margin-top:10px;}
.ProdOpt span { width:70px; font-size:14px; font-weight:bold; display:inline-block; color:#1f1f1f;}

#qty { width:85px; padding:5px;}
#opt1 { width:85px; padding:5px;}

#frm_cart { margin-top:30px;}


#frm_cart h2 { border-left:5px solid #0093DD; padding:5px; border-bottom:1px solid #1f1f1f; width:400px; font-family:Arial, Helvetica, sans-serif; color:#1f1f1f; margin-bottom:15px;}

.Buttonaddtocart { background-color:#1f1f1f; border:none; width:232px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#D3d3d3; transition: all 0.5s ease-in-out 0s;}
.Buttonaddtocart:hover { background-color:#D3d3d3; color:#1f1f1f;}


.ContactForm { width:560px; float:right;}
.ContactForm h2 { border-bottom:1px solid #999; margin-bottom:8px;}
.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 #1f1f1f; color:#000; font-size:12px; padding:5px; background:#d3d3d3; 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; box-shadow:0px 0px 10px #1f1f1f;}

.Thanks { font-size:16px; text-align:center; margin:0px 0px 10px; font-weight:bold; color:#D90761}

.NOFound { font-size:18px; font-weight:bold; line-height:150px; text-align:center; color:#1f1f1f; font-family:Arial, Helvetica, sans-serif;}

.OrdHisTop { background:#0093DD;}
.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 #1f1f1f; 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 #1f1f1f; border-width:0px 1px 1px; margin-bottom:15px;}
.BasketImg { width:115px; float:left; border-right:1px solid #1f1f1f;}
.BasketDetails { float:left; width:55%; padding:0 3px; display:block}
.BasketDetails p { border-bottom:1px solid #1f1f1f; 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 { background:#f1f1f1; border:1px solid #3d3d3d; 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; padding-bottom:10px;}
.TotalQA { background:#f1f1f1; border:1px solid #666; 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 { color:#1f1f1f; font-weight:bold; padding:0px 5px;}
.TotalCon p a:hover { text-decoration:none;}
.UpdateBtn { background:#d3d3d3; padding:3px 6px; color:#1f1f1f; border:none; font-family:Arial, Helvetica, sans-serif;}

.relatedPRD { float:left;}
.relatedPRD h5 { font-family:Arial, Helvetica, sans-serif; color:#474747; font-family:'robotolight'; font-weight:bold; font-size:20px; border-bottom:1px solid #d3d3d3; }

.Buttonaddtocart { background-color:#1f1f1f; border:none; width:232px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; color:#D3d3d3; transition: all 0.5s ease-in-out 0s; margin-top:10px; padding-right:0px;}
.Buttonaddtocart:hover { background-color:#0093DD; color:#fff;}