/************************************** Reset CSS **************************************************/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
.Wrapper *,.Wrapper *:before,.Wrapper *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;outline:none;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
img,object,embed {max-width: 100%;}
html {overflow-y: scroll;-webkit-text-size-adjust: 100%;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {color:#4780FE; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none;}
a:hover {color:#000;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button,input[type=button] {width: auto; overflow: visible;}
.hide-text {overflow: hidden;text-indent: 100%;white-space: nowrap;text-decoration:none;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.hide,.HideOnDesktop{display:none;}

/************************************** Buttons and Headers **************************************************/
h1 {border-top:1px solid #e8e8e8; color:#000; font-size:30px; font-weight:normal; line-height:30px; margin:0 0 20px;padding:20px 0 0; text-align:center; text-transform:uppercase;}
h2 {color:#000; font-size:25px; font-weight:700; line-height:40px; margin:0 0 15px;padding:0px;}

a.Button{background-color:#4780fe;color:#fff!important;font-size:12px;padding:8px 10px;text-transform:uppercase; white-space:nowrap;}
a.Button:hover{background-color:#000;}

a.Button2{background-color:#4780fe;color:#fff!important;font-size:15px;padding:8px 20px;text-transform:uppercase; white-space:nowrap;}
a.Button2:hover{background-color:#000;}

/************************************** Global Styles && Forms **************************************************/
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="search"]::-ms-clear {display: none;}

input.txtBox {padding:4px;font-size:13px;font-family:Arial,Tahoma,Verdana;font-weight:normal;border:1px solid #000;}
select.txtBox {padding:4px;font-size:13px;font-family:Arial,Tahoma,Verdana;font-weight:normal;border:1px solid #000;}
textarea.txtBox {padding:4px;font-size:13px;font-family:Arial,Tahoma,Verdana;font-weight:normal;border:1px solid #000;resize:none;overflow:auto;}

.floatLeft {float:left;}
.floatRight {float:right;}
.AlignRight {text-align:right;}
.AlignCenter {text-align:center;}
.AlignLeft {text-align:left;}
p{margin:0 0 15px;}

body {background:#1b1b1b; color:#000; font-family:'Ubuntu',sans-serif; font-size:14px; font-weight:normal; line-height:25px;}
.Wrapper{margin:auto;width:1180px;}
.Wrapper:before,.Wrapper:after {display: table;  content: " ";}
.Wrapper:after {clear: both;}

/******************************************************** Header ************************************************/
#Header{margin:0px; padding:0px;}
#Header .topHeader{background:#000; color:#b3b3b3; font-size:12px; height:31px; line-height:31px; text-transform:uppercase;}
#Header .topHeader .ctrSpace{margin-left:200px;}
#Header .topHeader a{color:#b3b3b3; margin-left:20px;}
#Header .topHeader a:hover,#Header .topHeader .Active{color:#fff}

#Header .logo{margin-top:10px;}
#Header .cart{background:url(../images/cart.jpg) no-repeat;  color:#fff; float:right; font-size:11px; font-weight:700; height:43px; margin:60px 10px 0 0; width:137px;}
#Header .cart span.qty{margin:6px 0 0 44px;}
#Header .cart span.price{font-size:16px; margin:12px 0 0 20px;}
#Header .search{background:#fff; float:right; height:43px; margin:60px 0 0; padding:3px; width:377px;}
#Header .search input{border:none; color:#000; font:300 14px 'Ubuntu'; float:left; margin:8px 0 0 10px; width:60%;}
#Header .search a{background:#193772; color:#fff; float:right; font-weight:700; padding:5px 10px; text-transform:uppercase;}
#Header .search a img{margin-left:5px; vertical-align:middle;}

#Header .bottomHeader{background:#4780fe; height:46px; margin-top:11px;}
#Header .category{float:left; height:29px; margin:7px 0 0; width:311px;}
#Header .category span{float:left; height:29px; line-height:29px;}
#Header .category span{background:#193772; color:#fff; font-size:12px; text-align:center; text-transform:uppercase; width:45%;}
#Header .category select{float:left; font:300 14px/24px 'Ubuntu'; height:29px; padding-left:10px; width:55%;}

/******************************************************** Banner Area ************************************************/
#MainBnr{height:325px; margin:auto; overflow:hidden; position:relative;width:1260px;}
#MainBnr img{display:block;}
#MainBnr .BnrTxt{font-size:34px; line-height:38px; padding:40px 0; position:absolute; right:30px; text-align:center; text-transform:uppercase; top:70px; width:678px; z-index:999;}
#MainBnr .BnrTxt span{font-size:45px; font-weight:700; display:block;}

.cycle-prev, .cycle-next{position:absolute; top:0; width:10%; opacity:0; filter:alpha(opacity=0); z-index:800; height:100%; cursor:pointer;}
.cycle-prev{left:0; background:url(../images/arrow_left.png) 50% 50% no-repeat;}
.cycle-next{right:0; background:url(../images/arrow_right.png) 50% 50% no-repeat;}
.cycle-prev:hover,.cycle-next:hover{opacity:.7; filter:alpha(opacity=70)}
.disabled{opacity:.5; filter:alpha(opacity=50);}

/***************************************************** Breadcrumb Section  *********************************************/
.Breadcrumb{font-size:10px; color:#000; margin:20px 0 10px; padding:0 5px 5px; position:relative; text-transform:uppercase;}
.Breadcrumb a:after{content:""; display:inline-block; border-style:solid; border-width:4px 0 4px 5px;border-color: transparent transparent transparent #4780FE; padding:0 8px 0 0;}
.Breadcrumb .paging{float:right; font-size:11px; color:#fff; padding:0 0 0 5px;}
.Breadcrumb .paging a:after{padding:0 0 0 5px; border-style:none;} 

/******************************************************** Body Container ************************************************/
#MainContent{background:#fff; margin:0px; padding:10px 0 20px;}
#MainContent.InnerPage h1{text-align:left;}
#MainContent .products li{box-shadow:0px 0px 5px #000000; color:#000; float:left; font-size:17px; line-height:22px; margin:0 31px 25px 0; text-align:center; width:23%;}
#MainContent .products li:nth-child(4n){margin:0px;}
#MainContent .products li div{background:#ECF2FF; border-top:1px solid #d2d2d2; padding:10px 10px 20px;}
#MainContent .products li div p{height:40px; margin-bottom:10px;}
#MainContent .products li div a{width:46%; padding:3px 10px;}
#MainContent .products li div a.floatRight{background:#000;}
#MainContent .products li div a.floatRight:hover{background-color:#000;}
#MainContent .products li div.T13{font-size:13px;}

#MainContent .products2{height:315px; margin:auto; overflow:hidden; width:94%;}
#MainContent .products2 .slide{box-shadow:0px 0px 5px #d1d1d1; color:#000; display:inline-block; font-size:17px; line-height:22px; margin:5px 4px; text-align:center; width:270px !important;}
#MainContent .products2 .slide div{background:#f9f9f9; border-top:1px solid #d2d2d2; padding:10px 10px 20px;}
#MainContent .products2 .slide div p{height:40px; margin-bottom:10px; white-space:normal;}
#MainContent .products2 .slide div a{width:46%; padding:3px 10px;}
#MainContent .products2 .slide div a.floatRight{background:#193772;}
#MainContent .products2 .slide div a.floatRight:hover{background-color:#000;}
#MainContent #Outer{position:relative;}
#MainContent #Outer .cycle-prev,#MainContent #Outer .cycle-next {height:30px; top:40%; width:30px; opacity:1; filter:alpha(opacity=1);}

#MainContent .homeTxt{background:#f9f9f9; margin:15px 0 25px; padding:20px 0;}
#MainContent .homeTxt p{margin:0px;}
#MainContent .homeTxt span{color:#193772;}

#MainContent .big_img{font-size:12px; line-height:20px; width:40%;}
#MainContent .big_img img{border:1px solid #d3d3d3;}
#MainContent .big_img .sm_img{margin:10px 0 0 0; padding:0px;}
#MainContent .big_img .sm_img ul{list-style:none; margin:0 0 10px; padding:0px; overflow:auto;}
#MainContent .big_img .sm_img li{cursor:pointer; float:left; margin:0 10px 0 0; padding:0px;}
#MainContent .big_img .sm_img li.nopad{margin:0px;}
#MainContent .big_img .sm_img li img{width:72px;}
#MainContent .P_Detail{margin:0 0 30px; padding:0px; width:58%}
#MainContent .P_Detail .Head{font-size:14px; font-weight:700;}
#MainContent .P_Detail select{padding:5px; width:200px;}
#MainContent #cont_form{float:left; margin:0 0 15px; width:65%;}
#MainContent .address{float:right; margin:0 0 15px; width:30%;}
#MainContent .address span{font-weight:bold;}

/******************************************************** Footer  ************************************************/
#Footer{color:#fff; font-size:13px; line-height:22px; margin:20px 0 10px; padding:0px;}
#Footer .floatLeft.info{width:20%;}
#Footer .floatLeft .head{color:#4780fe; font-size:18px; margin-bottom:15px;}
#Footer .floatLeft.newsletter{margin-right:100px; width:26%;}
#Footer .floatLeft.newsletter input{background:#fff; border:none; font:400 11px 'Ubuntu'; height:34px; float:left; padding:0 10px; width:70.8%;}
#Footer .floatLeft.newsletter a.btn{background:#193772; color:#fff; float:left; font-size:15px; padding:6px 15px; text-transform:uppercase;}
#Footer .floatLeft.newsletter img{float:right; margin-top:10px;}
#Footer .floatLeft a{color:#fff;}
#Footer .floatLeft a:hover,#Footer .floatLeft .Active{color:#4780fe;}
#Footer .floatLeft a.mail{color:#4780fe;}
#Footer .floatLeft a.mail:hover{color:#fff;}
#Footer .floatLeft .social a{margin-right:10px;}
#Footer .floatLeft.space{margin-left:50px; width:20%;}

#Footer .copy{border-top:1px solid #2f2f2f; color:#a4a4a4; margin-top:15px; padding-top:10px;}
#Footer .copy a{color:#a4a4a4;}
#Footer .copy a:hover{color:#4780fe;}

.DesTxt{background:#f2f2f2; clear:both; font-size:12px; padding:10px;}
#DivTab ul {list-style:none; margin:0; padding:0;}	
#DivTab li {background:#f7f7f7; float:left; font-family:Arial, Helvetica, sans-serif; margin:0 2px 0 0; padding:0px;}	
#DivTab a {color:#5c5c5c; display:block; font-weight:bold; font-size:13px; padding:5px 10px; text-decoration:none;}
#DivTab a:hover {color:#000;}
#DivTab li.selected {background:#f2f2f2;}

/************************************* GRID ********************************************/
.GridMain{width:100%;font:bold 13px/20px Arial;border-collapse:collapse;background:#efeff0;border-bottom:solid 1px #efeff0;}
.GridMain tr th{border-left:solid 1px #efeff0;border-bottom:solid 1px #efeff0;border-top:solid 1px #efeff0;}
.GridMain tr td{border-left:solid 1px #efeff0;border-bottom:solid 1px #efeff0;}
.GridMain tr th:first-child,.GridMain tr td:first-child{border-left:solid 1px #efeff0;}
.GridMain tr th:last-child,.GridMain tr td:last-child{border-right:solid 1px #efeff0;}
#CartTotals tr:last-child td{border-bottom:none;}

.GridMain td{padding:7px 5px;}
.GridMain .GridHeader, .GridMain .GridHeader th{color:#535353;background:#efeff0;}
.GridMain .GridHeader a{text-decoration:none;}
.GridMain .GridHeader th{text-align:left;font:bold 13px/30px Arial;padding:0px 5px; white-space:nowrap;}
.GridMain .GridRow, .GridMain .GridRow td{background-color:#f6f7f8;;font-weight:normal;}
.GridMain .GridRow a{text-decoration:none;font-weight:bold;}
.GridMain .GridAlternateRow, .GridMain .GridAlternateRow td{background-color:#f6f7f8;font-weight:normal;}
.GridMain .GridAlternateRow a{text-decoration:none;font-weight:bold;}
.GridMain .AlignRight{text-align:right;}

.GridMain .SrNo{width:80px;text-align:center!important;}
.GridMain .QtyColumn{width:70px;text-align:center!important;}
.GridMain .QtyColumn input{width:40px;text-align:center;}
.GridMain .PriceColumn{width:80px;text-align:right!important;}
.GridMain .RedButton{padding:1px 0px;margin:0px 5px;color:#fff;}
.GridMain blockquote{display:inline;font-style:italic;color:#555;}
.GridMain blockquote:before{content:"\"";}
.GridMain blockquote:after{content:"\"";}

/************************************* Tabular ********************************************/
.TableMain{width:100%;border-collapse:collapse;font:bold 13px/20px Arial;background:#efeff0;}
.TableMain tr td,.TableMain tr th{padding:5px 7px;text-align:left;border-bottom:solid 1px #efeff0;}
.TableMain tr th{font-weight:bold;width:37%;border-right:solid 1px #efeff0;background-color:#efeff0;color:#535353;line-height:30px;}
.TableMain tr th span{font-weight:bold;color:red;display:inline-block;margin-left:2px;font-size:17px;}
.TableMain tr td{background-color:#f6f7f8;font-weight:normal;width:49%;line-height:30px;}
.TableMain tr td input.txtBox{width:100%;border-color:#aaa;*width:90%;display:block;margin:2px 0px;}
.TableMain tr td select.txtBox{width:100%;border-color:#aaa;display:block;margin:2px 0px;}
.TableMain tr td .textarea{width:100%;height:100px;border:1px solid #aaa;*width:90%;display:block;margin:2px 0px;}
.TableMain.tdWidth tr td{width:30%;}
.TableMain.tdWidth tr td:nth-child(2n){width:70%;}

.ButtonPanel{text-align:center;margin:20px 0px;}
.ButtonPanel .Button{display:inline-block;margin:0px 5px;padding:3px 10px;white-space:nowrap;}

/************************************* Styled Box 1 ********************************************/
.StyledBox {background-color: #F6F7F8;margin-top:10px;font-size:13px;border: 1px solid #efeff0;padding:1px;position:relative;}
.StyledBox h2{margin:0px;color:#535353;background:#efeff0;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px; border:none;}
.StyledBox h2 span{font-size:12px;display:inline-block;margin-left:5px;}
.StyledBox label{width:50%;margin:1.5% 1%;}
.StyledBox input.txtBox{width:40%;margin:1.5% 1%;border-color:#aaa;}
.StyledBox textarea.txtBox{width:97%;margin:1.5%;height:100px;border-color:#aaa;*width:95%;display:block;}
.StyledBox .RadioGroup{margin:1% 1.5%;*margin-top:1%;}
.StyledBox .RadioGroup label{display:block;margin:0px;color:#000}
.StyledBox .RadioGroup label input{margin-top:4px;margin-right:4px;display:inline;}
.StyledBox .txt{margin:7px;}

/************************************** Login Page **************************************************/
#LoginPage{}
#LoginPage .StyledBox {height:160px;margin:0px 0px 10px 0px;}
#LoginPage .StyledBox .txt{margin:5px 10px 10px 8px;}
#LoginPage .StyledBox .Button,#SkipLoginBox .Button{position:absolute;right:10px;bottom:10px;padding:3px 10px;}
#LoginPage #RegisterBox{width:49.3%;}
#LoginPage #LoginBox{width:49.3%;}
#LoginPage #LoginBox legend{display:none}
#LoginPage #LoginBox label{display:block;color:#000;font-weight:bold;width:15%;margin:7px 0px;line-height:26px;}
#LoginPage #LoginBox input.txtBox{width:78%;margin:7px 0px;}
#LoginPage #LoginBox div.floatLeft{margin-top:7px;}

/************************************* Address Panel ********************************************/
#AddressPanel {}
#AddressPanel h2{margin:0px;color:#535353;background:#efeff0;padding:5px;font-size:15px;position:relative;border:none;}
#AddressPanel h2 label{position:absolute;right:10px;top:5px;font-size:11px;line-height:12px;color:#535353;font-style:italic;height:14px;overflow:hidden;}
#AddressPanel h2 label input{display:inline;margin-right:2px;*float:left;vertical-align:middle;}
#AddressPanel h2 span{font-size:12px;display:inline-block;margin-left:5px;}
#AddressPanel .LeftPanel{width:49.3%;border: 1px solid #efeff0;padding:1px;}
#AddressPanel .RightPanel{width:49.3%;border: 1px solid #efeff0;padding:1px;}
#AddressPanel td.right{text-align:right;}
#AddressPanel td.center{text-align:center;}

/************************************ Styled Form ************************************************/
.styledForm{margin:5px 10px 10px 10px;}
.styledForm legend{display:block;text-align:right;}
.styledForm label{display:block;color:#000;font-weight:bold;width:20%;margin:7px 0px;line-height:26px;white-space:nowrap}
.styledForm label span{font-weight:bold;color:red;display:inline-block;margin-left:2px;font-size:17px;}
.styledForm input.txtBox,.styledForm select.txtBox,.styledForm textarea.txtBox{width:78%;margin:7px .5%;}


.cart{background:url(../images/cart.jpg) no-repeat;  color:#fff; float:right; font-size:11px; font-weight:700; height:43px; margin:60px 10px 0 0; width:137px;}
.cart span.qty{margin:6px 0 0 44px;}
.cart span.price{font-size:16px; margin:12px 0 0 20px;}

/*#MiniCart {position:relative;margin-top:0px;}
#MiniCart h2{padding-left:32px;}
#MiniCart h2 span{background:url(../images/IconBasket2.png) left top no-repeat;position:absolute;left:5px;top:10px;display:block;width:20px;height:20px;}
#MiniCart .RedButton{padding:1px 10px;margin:10px;}*/

/************************************** My Account Page **************************************************/
#MyAccountPage{}
#MyAccountPage ul{}
#MyAccountPage ul li{display:block;width:28%;margin:0px 2% 1% 0px;padding:1px;background-color:#fff;border:solid 1px #aaa}
/*#MyAccountPage ul li a{display:block;text-decoration:none;padding:10px;color:#000;background:#F6F6F6 url(../images/GreyBg.jpg) left top repeat-x;font-weight:bold;}*/
#MyAccountPage ul li a{display:block;text-decoration:none;padding:10px;color:#000;font-weight:bold;}
#MyAccountPage ul li a span{width:60px;height:60px;display:block;background-color:Red;vertical-align:middle;margin-right:10px;border:solid 1px #aaa;background-color:#fff;background-position:center center;background-repeat:no-repeat;}
#MyAccountPage ul li a .IconHistory{background-image:url(../images/history.gif)}
#MyAccountPage ul li a .IconPassword{background-image:url(../images/password.gif)}
#MyAccountPage ul li a .IconProfile{background-image:url(../images/profile.gif)}
#MyAccountPage ul li a .IconLogout{background-image:url(../images/logout.gif)}
#MyAccountPage ul li a p{font-weight:normal;font-size:11px;font-style:italic;margin:5px 0px 10px 0px;color:#777;}

/************************************* Styled Box 2 ********************************************/
.ItemPager{border:solid 1px #CFCFCF;padding:3px 5px;font-size:11px;font-weight:bold;}
.ItemPager .floatLeft{width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;}
.ItemPager .floatRight{width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0px;}
.ItemPager .floatRight *{float:right;display:block;text-decoration:none;margin-left:5px;padding:3px 6px;line-height:14px;color:#000;}
.ItemPager .floatRight .PageNumbers{float:right;white-space:nowrap;margin:0px;padding:0px;}
.ItemPager .floatRight .PageNumbers *{float:left;background-color:#bbb;color:#fff;font-weight:normal;}
.ItemPager .floatRight .PageNumbers a:hover,.ItemPager .floatRight .PageNumbers .PagingActive{background-color:#555;}
.ItemPager a.Disabled{opacity:0.8;color:#bbb;}

#TopPager {margin:10px 10px 5px 5px}
#BottomPager {margin:5px 10px 10px 5px}

/*Next/prev buttons*/
#slides .next,#slides .prev{position:absolute;top:157px;left:3px;right:0px;width:17px;height:45px;display:block;z-index:101;}
#slides .next{left:920px;}
#slides{z-index:100; position:relative; width:920px; padding:0px 10px 0px 10px;  height:305px;}

#slider-wrapper {width:500px; height:200px;}
#slider {width:500px; height:200px; position:relative;}
.sp {width:500px; height:200px; position:absolute;}

#nav {margin-top:20px; width:100%;}
#button-previous {float:left;}
#button-next {float:right;}