@font-face { font-family: 'MavenProRegular'; src: url('../assets/fonts/maven_pro_regular-webfont.eot'); src: url('../assets/fonts/maven_pro_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/maven_pro_regular-webfont.woff') format('woff'), url('../assets/fonts/maven_pro_regular-webfont.ttf') format('truetype'), url('../assets/fonts/maven_pro_regular-webfont.svg#MuliRegular') format('svg'); font-weight: normal; font-style: normal; }
html,body{height:100%;margin:0;padding:0}
body{font-family:MavenProRegular, Arial, Helvetica, sans-serif;font-size:13px;line-height:1.5em;background-color:#F9F9F9;color:#555;background-image:url(../images/bg.png);background-repeat:repeat-x;background-position:left top;margin:0;padding:0}
a{color:#000000;text-decoration:none;outline:none}
a:hover{color:#888;text-decoration:none}
img{border:0}
.flleft{float:left}
.flright{float:right}
.left,th.left,td.left{text-align:left}
.right,th.right,td.right{text-align:right}
hr{background-image:url(../images/divider.png);background-repeat:no-repeat;background-position:bottom;padding-bottom:5px;margin-bottom:10px;background-color:transparent;height:22px;border-width:0}
.clear{display:block;line-height:0;clear:both;height:0;visibility:hidden}
.none{display:block;line-height:0;clear:none;height:0;visibility:hidden}
.wrap{width:960px;margin-right:auto;margin-left:auto}
.wrapper{min-height:100%;height:auto!important;margin:0 auto -4em}
p.msg{text-align:center;color:#FFF;margin:0;padding:5px}
ul.alt-li li{padding-left:12px;background-image:url(../images/gray-li.png);background-repeat:no-repeat;background-position:0 7px;list-style-type:none;margin:0}


/* == Form Elements == */
.input-out{display:inline-block;background-color:#FFF;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;line-height:20px;min-height:20px;border:1px solid #B8B8B8;padding:4px}
select{border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;padding:4px 8px}
input,textarea,select,.inputbox-sml{font-family:MavenProRegular, Arial, Helvetica, sans-serif;font-size:13px;outline:none}
.inputbox,textarea,.inputbox-sml{border:1px solid #ccc;-moz-border-radius:5px;border-radius:5px;color:#666;background-color:#FFF;background-image:url(../images/inputbox.png);background-repeat:repeat-x;background-position:top;padding:8px 5px}
.inputbox-sml{padding:5px}
textarea{overflow:auto}
span.inputbox{display:inline-block;margin:0}
.inputbox:focus,textarea:focus{border:1px solid #aaa;background-color:#fff;background-image:none}
.inputbox.error{border:2px solid red;background-color:#FFF2F2;background-image:none}
.button,.button-alt,.button-sml,.button-alt-sml{border-radius:5px;background-color:#545454;border:1px solid #515151;color:#FFF;-webkit-box-shadow:0 1px 3px 2px #ccc;-moz-box-shadow:0 1px 3px 2px #ccc;box-shadow:0 1px 3px 2px #ccc;background-image:url(../images/button.png);background-repeat:repeat-x;background-position:left top;cursor:pointer;text-shadow:1px 1px 1px rgba(0,0,0,.2);text-decoration:none;padding:6px 10px}
.button-sml,.button-alt-sml{border-radius:3px;-moz-border-radius:3px;font-size:12px;text-decoration:none;padding:2px 5px}
.button:hover,.button-sml:hover{background-position:left -30px;background-color:#484848;text-decoration:none;}
.button-alt,.button-alt-sml{text-shadow:1px 1px 10px #fff;background-image:url(../images/button-alt.png);text-decoration:none;border:1px solid #AAA;color:#777}
.button-alt:hover,.button-alt-sml:hover{background-position:left -30px;text-decoration:none;}
a.button-sml,a.button-alt-sml{padding:3px 6px}
a.button,a.button-alt{padding:7px 11px}
label img{vertical-align: middle}
.ez-hide{opacity:0;filter:alpha(opacity=0)}
.ez-checkbox{display:inline-block;background-color:transparent;background-image:url(../images/checkbox.png);background-repeat:no-repeat;background-position:0 0}
.ez-radio{display:inline-block;background-color:transparent;background-image:url(../images/radio.png);background-repeat:no-repeat;background-position:0 0}
.ez-checkbox,.ez-radio{zoom:1;*display:inline;_height:46px;width:23px;height:23px}
.ez-checked,.ez-selected{background-position:0 -23px}


	
	
/* == Box Elements == */
.box{border:1px solid #E4E4E4;border-bottom:1px solid #B7B7B7;background:#F9F9F9;box-shadow:0 2px 3px #DEDEDE;-moz-box-shadow:0 2px 3px #DEDEDE;-webkit-box-shadow:0 2px 3px #DEDEDE;border-radius:5px;padding:10px}
.box2{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);border-color:#fff #CECECE #CECECE #fff;border-style:solid;border-width:1px;padding:10px}
.fullbox{background-color:#FFF;border:1px solid #E2E2E2}
.fullbox .outer{background-color:#EEE;margin:1px;padding:5px}
.fullbox .inner{background-color:#F4F4F4;padding:10px}
.fullboxlast{background-image:url(../images/full-box-bg.png);background-repeat:no-repeat;height:9px;width:960px}
.thumb,.thumb2{background-image:url(../images/thumb-overlay.png);background-repeat:repeat-x;background-position:left top;display:inline-block;border-radius:5px;border:1px solid #C9C9C9;background-color:#E9E8E8;box-shadow:0 1px 1px 1px #e2e2e2;padding:5px}
.thumb2{border-radius:2px;padding:2px}
.thumb img,.thumb2 img{border:1px solid #FEFEFF;border-radius:5px}
.thumb:hover,.thumb2:hover{background-image:url(../images/thumb-overlay-hover.png);background-color:#FFF}
.shadow{box-shadow:0 2px 3px #DEDEDE;-moz-box-shadow:0 2px 3px #DEDEDE;-webkit-box-shadow:0 2px 3px #DEDEDE}
<!--.add-to-cart{background-image:url(../images/add-to-cart.png);background-repeat:no-repeat;background-position:left center;padding-left:20px;text-shadow:#ddd 1px 1px 1px}-->
.add-to-cart{background-image:url(../images/add-to-cart-gray.png);background-repeat:no-repeat;background-position:left center;padding-left:20px;text-shadow:#ddd 1px 1px 1px; border:none;cursor: pointer;color: #2F98D0;background-color: transparent;}


.leftblock{margin-right:325px}
.rightblock{float:right;width:300px}
a.preview{ background-color: #F9F9F9; border-radius: 5px; display: inline-block; width: 120px; margin-top: 4px; background-image: url(../images/preview.png); background-repeat: no-repeat; background-position: 4px center;font-weight:600;border:1px solid #BFBFBF;padding:5px 10px 5px 35px;text-shadow:#ddd 1px 1px 1px}

/* == Header == */
#header{background-image:url(../images/overlay.png);background-repeat:no-repeat;background-position:center top;height:170px}
#header .logo{float:left;width:350px;height:70px;font-size:24px;font-weight:lighter;color:#FFF;line-height:70px}
#header .logo img{padding-top:10px;padding-left:10px}
#header .logo a{color:#fff}
#header .logo a:hover{text-decoration:none}
#header .ajax-search{float:right;margin-top:12px;position:relative;z-index:8000; width:276px;}
#header .ajax-search input{background-image:url(../images/ajax-search.png);background-repeat:no-repeat;height:45px;width:229px;background-color:transparent;font-size:16px;line-height:16px;color:#FFF;padding-right:40px;padding-left:10px;border-width:0}
#header .topmenu{heigh:35;line-height:35px;float:left}
ul.pagemenu{margin:0;padding:0}
ul.pagemenu li{display:inline-block;list-style-type:none;margin:0;padding:0}
ul.pagemenu li a{text-decoration:none;color:#FFF;margin-right:8px;font-size:13px;background-image:url(../images/bullet-white.png);background-repeat:no-repeat;background-position:left center;padding-left:10px}
ul.pagemenu li a:hover{color:#FFF;text-decoration:underline}
#header .usermenu{heigh:35;line-height:35px;float:right;color:#fff}
#menu span.home{float:left;display:inline-block;height:36px;line-height:36px;width:50px}
#header .usermenu span.cart-status{color:#F90;font-weight:600}
#menu span.home img{vertical-align:middle;padding-left:5px;padding-top:5px}


.sidebar{background-color:#FFF;border-radius:5px;margin-bottom:15px;border-color:#E7E7E7 #E7E7E7 #B7B7B7;border-style:solid;border-width:1px;padding:1px}
.sidebar .inner{background-color:#F4F4F4;padding:0 8px 8px}
.sidebar h4{display:block;color:#888;background-image:url(../images/hr.png);background-repeat:repeat-x;background-position:left bottom;font-style:normal;line-height:40px;height:40px;margin:0;padding:0}
.sidebar .content{background-color:#fff;padding:5px}
.sidebar h4 img{float:left;margin-right:10px;padding-top:7px}
ul{margin:0;padding:0}
ul li{list-style-type:square;margin:0 0 0 20px;padding:0}
p{margin:0 0 10px;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:400;font-family:MavenProRegular, "Segoe UI", Arial, Helvetica, sans-serif;text-shadow:#fff 1px 1px 0;margin:0 0 10px;padding:0}
h1{font-size:28px;line-height:28px}
h2{font-size:25px;line-height:25px;margin-top:20px;background-image:url(../images/stripes.gif);background-repeat:repeat-x;background-position:center center;padding-left:15px;color:#888}
h2 em{font-style:normal;display:inline-block;background-color:#F9F9F9;padding-right:5px;padding-left:5px}
h2 span img{padding-left:5px;background-color:#F9F9F9;margin-top:-7px;margin-right:5px;padding-right:5px;}
h3{font-size:21px;line-height:21px;color:#00617D}
h4{font-size:18px;line-height:18px}
h5{font-size:16px;line-height:16px}
h6{font-size:14px;line-height:14px}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{float:right;font-size:13px}

/* == Menu == */
#menu{height:43px;background-image:url(../images/menu-bg.png);background-repeat:repeat-x;position:relative;z-index:500;border-radius:8px}
#menu ul{height:42px;list-style:none;margin:0 0 0 30px;padding:0}
#menu ul li{display:block;float:left;text-shadow:#eee -1px 1px 0;background-image:url(../images/pixel.gif);background-repeat:no-repeat;height:43px;line-height:43px;margin:0;padding:0 5px 0 0}
#menu ul li a{display:block;float:left;height:43px;line-height:43px;color:#333;font-size:14px;text-decoration:none;background:none}
#menu ul li a span{float:left;display:block;height:35px;cursor:pointer;padding:0 9px}
#menu ul li a span.down{padding-right:20px;background:url(../images/menu-down.png) no-repeat right 20px}
#menu ul li a.active{color:#FFF;background-color:#1A222C;text-shadow:#666 1px 1px 0}
#menu ul li:hover a{color:#FFF;text-shadow:none;background-color:#1A222C}
#menu ul li:hover a span.down{background:url(../images/menu-down-hover.png) no-repeat right 20px}
#menu ul li:hover{position:relative;z-index:200}
#menu ul li:hover ul{left:0;top:43px;width:210px;height:auto;z-index:300;background:#1A222C;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;box-shadow:3px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);margin:0;padding:10px}
#menu ul li:hover ul li{display:block;float:left;position:relative;width:210px;height:30px;line-height:30px;text-transform:none;margin:0;padding:0}
#menu ul li:hover ul li a{display:block;width:210px;color:#fff;text-decoration:none;line-height:29px;height:30px;padding-right:0;padding-left:0;font-size:13px;-moz-border-radius:0;border-radius:0;-webkit-border-radius:0}
#menu ul li ul li a.fly span{display:block;width:210px;background-image:url(../images/sub_menu-arrow.png);background-repeat:no-repeat;background-position:195px center}
#menu ul li:hover ul li a:hover{color:#FFF;background-color:#000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#menu ul li:hover ul li a.fly:hover{background:url(../images/sub_menu-hover.gif) repeat-x left top}
#menu ul li:hover li:hover ul,#menu ul li:hover li:hover li:hover ul,#menu ul li:hover li:hover li:hover li:hover ul,#menu ul li:hover li:hover li:hover li:hover li:hover ul{left:206px;top:0;width:205px;z-index:400;height:auto;margin:0;padding:0}
#menu ul ul,#menu ul li:hover ul ul,#menu ul li:hover li:hover ul ul,#menu ul li:hover li:hover li:hover ul ul,#menu ul li:hover li:hover li:hover li:hover ul ul{position:absolute;left:-9999px;top:-9999px;width:0;height:0}
#menu ul li:hover li:hover a.fly,#menu ul li:hover li:hover li:hover a.fly,#menu ul li:hover li:hover li:hover li:hover a.fly,#menu ul li:hover li:hover li:hover li:hover li:hover a.fly{color:#CCC;border-bottom:0}

/* == Content == */
#content{background-image:url(../images/content-bg.png);background-repeat:repeat-x;background-position:left top;padding-top:20px;padding-bottom:20px}
#content p.info{background-color:#fff;border-radius:5px;border:2px solid #DDD;background-image:url(../images/info.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px}
#content .display,#content .forms{width:100%;border:1px solid #ddd;background-image:url(../images/th-bg.png);background-repeat:repeat-x;background-position:left top;border-radius:5px}
#content .display thead tr th,#content .forms thead tr th{font-size:15px;text-shadow:#fff 1px 1px 0;line-height:53px;height:53px;padding:0 8px}
#content .display thead tr th span,#content .forms thead tr th span{position:absolute;right:5px}
#content .display tr td img,#content .forms tr td img{padding-right:2px;padding-left:2px}
#content .display tr td,#content .forms tr td{background-image:url(../images/td-bg.png);background-repeat:repeat-x;background-position:left top;text-shadow:#fff -1px 1px 0;padding:8px}
#content .display tbody tr th,#content .forms tbody tr th{text-shadow:#fff -1px 1px 0;text-align:left;font-weight:400;background-image:url(../images/th-bg2.png);background-repeat:no-repeat;background-position:right top;padding:8px}
#content .display tfoot tr td,#content .forms tfoot tr td{background-image:url(../images/bg-fade.png);background-repeat:repeat-x;background-position:top;background-color:#FFF;border-radius:0 0 5px 5px;padding:8px 5px}
#content .display tfoot tr:hover{background:transparent}
#content .forms tr td.none td{padding:0}
#content .utility{padding:5px}
#content p.info img,#content .display img,#content .forms img{vertical-align:middle}


#latest ul li{list-style-type:none;width:25%;float:left;margin:0;padding:0}
#latest ul li div.box{border:1px solid #E4E4E4;text-align:center;margin:2px}
#latest ul li div.box span.price{display:block;margin-top:3px;font-weight:600;color:#999}
#latest ul li div.box strong{display:block;line-height:25px;color:#333}
#latest ul li div.box strong a{color:#333;text-shadow:#eee 1px 1px 1px}
#latest ul li div.box img{text-align:center;margin-right:auto;margin-left:auto;position:relative;z-index:4999}
#latest ul li div.box p{line-height:1.3em;overflow:hidden;height:45px;font-size:12px;margin:0;padding:0}
#latest ul li div.box em{margin-top:5px;line-height:25px;font-style:normal;display:block;background-image:url(../images/hr.gif);background-repeat:repeat-x;background-position:left top}
#latest ul li div.box em a{line-height:25px;height:25px}

/* == Shopping Cart == */
ul.cart li{display:block;list-style-type:none;background-color:#FFF;background-image:url(../images/hr.png);background-repeat:repeat-x;background-position:bottom;height:auto;margin:0 0 1px;padding:5px 0 5px 5px}
ul.cart li img.thumb2{float:left}
ul.cart li div{margin-left:auto;margin-right:22px}
ul.cart li span{display:block;background-image:url(../images/hr.gif);background-repeat:repeat-x;background-position:left top;margin-top:2px;padding-top:2px}
ul.cart li img.remove-item{float:right;margin-top:15px;margin-right:5px}
.subtotal{font-size:14px;font-weight:600;background-color:#FFF;padding:5px}
.subtotal span{float:right;display:inline-block}
.subtotal span img{float:right;margin-left:3px}

/* == Category View == */
.toolbar{margin-bottom:10px;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:3px solid #959595;border-left:1px solid #d4d4d4;background:#ebebeb url(../images/meta-grad.png) repeat-x 0 bottom;text-shadow:0 1px #fff;-moz-box-shadow:inset 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:5px 5px 6px}
.toolbar ul li{float:left;list-style-type:none;line-height:20px;margin:0;padding:0 0 0 5px}
.toolbar ul li a:hover{text-decoration:none}
.toolbar ul li img{vertical-align:middle;margin-right:5px}
#catlist .toolbar ul li.addcart{float:right}


#catlist .toolbar ul li.addcart a.add-to-cart{background-image:url(../images/add-to-cart-gray.png);padding-left:20px;color:#555;text-shadow:0 1px #fff}

#catlist .toolbar ul li.addcart a.add-to-cart{background-image:url(../images/add-to-cart-gray.png);padding-left:20px;color:#555;text-shadow:0 1px #fff}
#catlist .toolbar ul li a.download-small{background-image:url(../images/download-gray.png);padding-left:20px;color:#555;text-shadow:0 1px #fff}
#catlist .description{margin-left:140px}
#catlist .catview-wrap{position:relative}
#catlist span.readmore{display:inline-block;position:absolute;right:10px;bottom:15px}
#catlist .ruler{background-color:#EDEDED;border:1px solid #C9C9C9;height:7px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-box-shadow:inset 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;margin:10px 0 20px}

/* == Item View == */
#itemshow .thumb{margin-right:15px;margin-bottom:5px;position:relative}
#itemshow .toolbar{margin-left:135px}
#itemshow div.pricebox{float:right;background-color:#DADADA;border:1px solid #959595;margin-bottom:10px;margin-left:10px;border-radius:5px;background-image:url(../images/meta-grad.png);background-repeat:repeat-x;background-position:top;text-align:left;padding:10px 15px}
#itemshow div.pricebox a.add-to-cart,#itemshow div.pricebox a.download-small{display:block;background-color:#F9F9F9;border-radius:5px;background-image:url(../images/add-to-cart-big.png);background-repeat:no-repeat;background-position:left center;font-size:14px;font-weight:600;border:1px solid #BFBFBF;padding:5px 10px 5px 35px}
#itemshow div.pricebox a.download-small{background-image:url(../images/download-big.png)}
#itemshow div.pricebox h4{font-weight:600;text-align:center;color:#555;text-shadow:none}
#itemshow div.pricebox h4 span{float:none;display:inherit}
#itemshow .moreinfo{padding-top:10px;padding-bottom:5px;background-image:url(../images/hr.gif);background-repeat:repeat-x;background-position:top}
#itemshow .moreinfo span{float:right;display:inline-block;margin-left:20px}


/* Live Search */
#searchresults{width:255px;position:absolute;right:5px;z-index:8500;border:1px solid #888;background-color:#454E58;border-radius:5px;z:index:9999;background-image:url(../images/search-bg.png);background-repeat:repeat-x;background-position:bottom;box-shadow:0 0 2px 3px #222;-webkit-box-shadow:0 0 2px 3px #222;-moz-box-shadow:0 0 2px 3px #222;padding:5px}
#searchresults a{display:block;text-decoration:none;background-image:url(../images/dark-hr.png);background-repeat:repeat-x;background-position:bottom;margin-top:1px;margin-bottom:1px;padding:2px}

/* F.A.Q. */
#faq{margin-top:15px}
#faq a.expand{float:right;font-weight:600}
#faq p.question{background-image:url(../images/q.png);background-repeat:no-repeat;background-position:left center;padding-left:20px;font-size:14px}
#faq p.question1{background-image:url(../images/comment-gray.png);background-repeat:no-repeat;background-position:left center;padding-left:20px;font-size:14px;}

#faq p.question a{color:#555}
#faq p.question1 a{color:#000;}
#faq div.answer{margin-bottom:10px;display:none;background-image:url(../images/hr.gif);background-repeat:repeat-x;background-position:bottom;margin-left:20px;padding-bottom:5px}

/* == Pagination == */
.pagination{padding:0}
.pagination .inner{display:inline-block;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:3px solid #959595;border-left:1px solid #d4d4d4;background:#ebebeb url(../images/meta-grad.png) repeat-x 0 bottom;text-shadow:0 1px #fff;-moz-box-shadow:inset 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:5px 10px 6px}
.pagination a{text-decoration:none;display:inline-block;line-height:20px;height:20px;padding-right:5px;padding-left:5px;font-weight:600;margin:0 5px 0 0}
.pagination a.number:hover,.pagination a.current{color:#444;background-color:#fff;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px}
.pagination a.current{text-decoration:none;color:#444;background-color:#f9f9f9}
.pagination a.current:hover{text-decoration:none}



/* == Messages == */
#msgholder,#alt-msgholder{position:absolute;z-index:100;top:15px;right:20px}
.msgAlert,.msgInfo,.msgError,.msgOk{background-image:url(../images/msg-bg.png);border:3px;color:#fff;-webkit-text-shadow:#444 -1px -1px;-moz-text-shadow:#444 -1px -1px;text-shadow:#444 -1px -1px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border-style:solid;padding:8px 10px}
.msgAlert{background-color:#7b3700;border-color:#4b2b10}
.msgAlert span{background-image:url(../images/alert-ico.png)}
.msgInfo{background-color:#315862;border-color:#29363a}
.msgInfo span{background-image:url(../images/info-ico.png)}
.msgError{background-color:#801c1c;border-color:#721d1d}
.msgError span{background-image:url(../images/error-ico.png)}
.msgOk{background-color:#486231;border-color:#323e26}
.msgOk span{background-image:url(../images/ok-ico.png)}
.msgError span,.msgOk span,.msgAlert span,.msgInfo span{background-repeat:no-repeat;background-position:0 center;display:inline-block;padding-right:5px;padding-left:25px;font-weight:700}
.msgError .error li{background-image:url(../images/required.png);background-repeat:no-repeat;background-position:left 3px;padding-left:15px;margin-left:15px;list-style-type:none}
#tooltip{color:#444;font-size:12px;text-shadow:1px 1px 0 #fff;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;box-shadow:0 0 4px #bbb;line-height:1.2em;position:absolute;z-index:100000;display:none;background-color:#DDD;background-image:url(../images/tooltip.png);background-repeat:repeat-x;background-position:top;padding:5px}
#loader{background-image:url(../images/ajax-loader.gif);background-repeat:no-repeat;background-position:50% 50%;height:20px;width:26px;position:absolute;z-index:99;display:inline-block;top:25px;right:20px}

/* == Footer == */
.push{height:4em;clear:both}
#footer{text-align:center;background-image:url(../images/hr.png);background-repeat:repeat-x;background-position:left top;height:4em;color:#FFF;background-color:#161B20}
#footer .inner{padding-top:10px}




/*=====================SOHAN RESPONSIVE CSS==============================*/



.rightblock.right_infoblock{ display: none; }



/*TOGGLE ICON CSS*/
.toggle-icon {
  border-radius: 3px;
  display: none;
  padding: 0 4px;
  position: absolute;
  right: 40px;
  top: 30px;
  width: 27px;
  z-index: 9;
}

.toggle-icon span{float:left; width:100%; height:3px; background:#fff; margin:3px 0; border-radius:5px; -webkit-border-radius:5px;}






@media screen and (max-width:1170px){

.wrapper{width:auto; margin:0 10px;}	



}



@media (min-width:768px) and (max-width:992px) {
.wrapper{width:744px; margin: 0 auto;}
.wrap{ width:100%;}

#menu { background-image:none;
  background: #e0e0e0;
  border-radius: 8px;
  height: auto;
  position: relative;
  z-index: 500;
}

#menu ul li{ padding:0; border-right:1px solid #666;} 

#menu ul li a span{ padding:0 7px;}
#menu ul{ margin:0 8px;}


}
	
	
@media (max-width:767px) {
	
	.toggle-icon{display:block;}
.topmenu{position:fixed; top:0; left:-100%; width:78%; border-right:1px solid #535353; z-index:9999; background:#fff; height:100%; margin:0; -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;}
.topmenu.show_menu{left:0;}
.topmenu ul{float:left; width:100%; background: #1F262E;}
.topmenu ul li{float:left; width:100%; margin:0; border:1px solid #535353; border-width:1px 0 0; padding:0;}
ul.pagemenu li a{ padding:5px 10px;}
.toggle_menu{ margin-top:20px;}
.toggle_menu ul li{float:left; width:100%; margin:0; border:1px solid #d9d9d9; border-width:1px 0 0; padding:10px;}

#header .topmenu{ background: #fff; }

#header .logo {
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 24px;
  font-weight: lighter;
  height: auto;
  line-height: normal;
  margin-top: 15px;
  text-align: center;
  width: 33%;
}

.sidebar h4{ height: auto;  font-size: 16px;}


#header .logo img {
  padding-left: 0;
  padding-top: 10px;
  width: 100%;
}

.wrapper{margin: 0 15px; width:auto;}		

#content{ float:left; width:100%; background:#fff;}
.wrap {
  box-sizing: border-box;
  float: left;
  padding: 0 6px;
  width: 100%;
}

.leftblock {
    float: left;
    margin: 30px 0 0;
    width: 100%;
}

.rightblock {
  float: left;
  width: 100%;
}

#menu { background-image:none;
  background: #e0e0e0;
  border-radius: 8px; display: none;
  height: auto; margin-bottom: 10px;
  position: relative;
  z-index: 500;
}

#content .display thead tr th, #content .forms thead tr th{ font-size:13px;}


#header .ajax-search {
  display: inline-block;
  float: none;
  margin:20px 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 8000;
}

#header{ background-image:none; height: auto;}

body{ background-image:none; background:#1F262E;}	


.rightblock{ display: none; }

.rightblock.right_infoblock{ display: block;  }

.box{  display: none; }
.leftblock.table_info{ margin-top: 0; }

.subtotal span img {
  float: right;
  margin: 10px 0 0 6px;
}

}
	

@media (max-width:640px) {
	
	#menu ul{ margin:0;}

#menu ul li{ line-height:28px; height:auto;}
#menu ul li a{ height:auto; line-height:28px;}
#menu ul li a span{ height:auto; line-height:28px;}

#menu {
  background: #e0e0e0;
  border-radius: 8px;
  height: 50px;
  overflow-x: scroll;
  width: 100%;
  z-index: 500;
}


.toggle-icon span{ height: 1px; }


}


@media (max-width:420px) {
#header .logo img{ width:100%; padding:0;}

#content .display, #content .forms {
  background-color:#EEEEEE; background-image:none;
  background-position: left top;
  background-repeat: repeat-x;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: left;
  width: 100%;
}

#content .display tr td, #content .forms tr td{ float:left; width:90%;}	
#content .display tbody tr th, #content .forms tbody tr th{ float:left; width:90% !important;}
.inputbox, textarea, .inputbox-sml{ float:left; width:100% !important;}
.box2{ float:left; width:100%; padding:0;}
.button, .button-alt, .button-sml, .button-alt-sml{ display:block; }
	
	
#content .table_info .display tr td{ width:auto; float:none;}
 #content .table_info .forms tr td{ width:auto; float:none;}
 

#content .table_info .display tbody tr th{ width:auto; float:none;}
#content .table_info .forms tbody tr th{ width:auto; float:none;}


.toggle-icon {
  padding: 1px 8px;
  position: absolute;
  right: 20px;
  top:15px;
  width: 23px;
  z-index: 9;
}

#header .logo{ width:50%;}

}
	
	
	@media (max-width:340px) {
#header .logo img{ width:100%; padding:0;}

	

.box2{ float:left; width:100%; padding:0;}
.button, .button-alt, .button-sml, .button-alt-sml{ display:block; }

#content .display tr td, #content .forms tr td {
   float:left;
  max-width: 80%;
  width: 100%;
}	

	
	#content .display tbody tr th, #content .forms tbody tr th {
 float:left;
  max-width: 80%;
  width: 100%;
}

#content .table_info .display tr td{width:auto; max-width:none; float:none;}	
#content .table_info .forms tr td {width:auto; max-width:none; float:none;}	
	

#content .table_info .display tbody tr th{ width:auto; max-width:none; float:none;}
 #content .table_info .forms tbody tr th { width:auto; max-width:none; float:none;}

.table_info .inputbox, textarea, .inputbox-sml { width:auto; max-width:none; float:none;}


.inputbox, textarea, .inputbox-sml {
  display: inline-block;
  max-width: 80%;
  width: 100% !important;
}

#content .display, #content .forms{ background:#EBEBEB; background-image:none;}

#header .ajax-search input{ padding:0 14px;}

#header .logo{ line-height:none; height:auto;}
#header{ background-image:none;}


}