* { margin:0; padding:0; font-size: 14px; font-family: open_sansregular, Arial}

html { overflow-y: scroll; }

body{ }

.wrapper {font-style: normal; font-weight: 400; max-width: 1280px; width:100%; margin: 0 auto;}

a {text-decoration:none; color:black}
b, strong, h3 {font-family:open_sanssemibold}

input, select, textarea{ }
.input-button, .input-button-green {background-color:#10bad2; color:white; font-family:open_sanssemibold;  padding:5px; width:135px; text-align:center; border:0; cursor:pointer; margin:1px 0}
.input-button-green {background-color:#3BB44B;}
.fredesc {color:#990000}

img {border:0px; vertical-align:middle;}
ul { list-style-type: none;}

button::-moz-focus-inner {   padding: 0 !important;   border: 0 none !important; }

.clear, .clear_div {clear:both;}

.responsive{display:none}

.left{float:left}
.right{float:right}
.alignright {text-align:right}

.col75{width:75%}
.col50{width:50%}
.col33{width:33%} 
.col25{width:25%} 

.sitemap { clear:both;display:inline-block;width:100%; }
.sitemap div { float:left;width:50%; }
.sitemap .cat0, .sitemap .cat1 { width:100%;display:block; }
.sitemap .cat2 { padding-left:5%;width:45%; }

.header .part1 {padding:25px 0 10px 0}

.header .part1 span, .header .part1 span a{font-family:open_sanssemibold; margin:5px}

.socials img, .cart img {margin-top:-5px; margin-right: 5px;width:28px}

.blackicon {background: #000;border-radius: 13px;-moz-border-radius:13px;-webkit-border-radius:13px;width: 25px;display: inline-block;height: 25px;text-align: center;color: #fff;}
.blackicon i {color:#fff;line-height:25px}
.whiteicon {background: #fff;border-radius: 13px;-moz-border-radius:13px;-webkit-border-radius:13px;width: 25px;display: inline-block;height: 25px;text-align: center;color: #0c91a4;}
.whiteicon i {color:#0c91a4;line-height:25px}
.header .part3 .cart-icon {background:#10bad2;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px}
.acct-back i {color:#000;font-size:40px;vertical-align:middle}
.blueicon {display:inline-block;float:right;vertical-align:middle;margin-right:5px}
.blueicon i {color:#10bad2;font-size:22px;cursor:pointer;}

.header .part2{background-color:#10bad2; padding:20px 20px 10px 20px}
.header .part2 .logo {width:280px; margin-top:5px}
.header .part2 .logo img{width:100%}
.header .part2 .search-div { background-color:white; width:220px; padding: 5px; margin:20px; position:relative  }
.header .part2 .search-div input{ border:0; margin:2px; vertical-align:top; width:180px; color:grey}
.header .part2 .search-div img { width:24px; position:absolute; right:5px; top:5px}
.header .part2 .topicon{width: 80px; text-align: center; margin-top:-10px;position:relative; }
.header .part2 .topicon a {color:white; font-family:open_sanssemibold;}
.header .part2 .topicon img{width:60px}
.header .part2 .topicon #livesupport { display:none; }
.header .part2 .login-div {width:275px}
.header .part2 .login-div .top-login {    width: 200px;     margin:  0px }
.header .part2 .login-div .top-login div {margin:2px 5px}
.header .part2 .login-div .top-login input {    width: 135px;    padding: 5px;    margin: 2px 5px;    border: 0; color:grey }
.header .part2 .login-div .btn { width: 75px;    margin: 0;}
.header .part2 .login-div .btn img{width:75px}
.header .part2 .login-div a{color:white; font-family:open_sanssemibold; font-size:12px}


.header .part3 {margin:5px 0}
.header .part3 .cart { display:inline-block;  font-family:open_sanssemibold;}
.header .part3 .qty { background: url(/content/TipTop/images/skin/Quantity-Icon.jpg) no-repeat; background-size:contain; width:28px;  text-align: center;    padding: 5px 0; color:white; }
.header .part3 .qty span {padding-right: 5px; font-size:13px}
.header .part3 .cart div {display:inline-block}
.header .part3 .cart-icon{ /*   background: url(/content/TipTop/images/skin/Cart-Icon.png) no-repeat;*/
     background-size: cover;     width: 15px;     padding: 5px;     margin-left: 5px; }

.header .part3 .menu ul li {float:left; text-align:center; font-family:open_sanssemibold; padding:5px 15px; }
.header .part3 .menu ul li a {font-family:open_sanssemibold; padding:1px 2px}

/* navigation menu */
#imenus0 { margin:0; padding:0; }
#imenus0 li {border:0}
#imenus0 li a {font-family:open_sanssemibold; text-transform: uppercase;}

#imenus0 .imatm1 { width:95px; position:relative }
#imenus0 .imatm1>span>span>a{ font-family:open_sanssemibold;  text-transform: Capitalize;}
#imenus0 .imatm1 .span1 .span3 div {display:inline-block; }
#imenus0 .imatm1 .span1 .span3 div img{width:10px; margin:2px}

#imenus0 .imsubc1 {margin:10px 0}
#imenus0 #menucat15722, #imenus0 #menucat15131 {border-right:1px solid #ccc }
#imenus0 #menucat15722 .imsubc1 > ul  { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 10px;}
#imenus0 #menucat15131 .imsubc1 > ul  { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px;}
.catlisting .catlist {-moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; padding:0 30px; }
.catlisting .subcatlist ul {list-style-type: none;}
.catlisting .subcatlist ul li { float:left;width:23%; }

#imenus0 #menucat15722 > .imsc1 { width:1000px;     box-shadow: 0px 0px 30px -2px #a1a3a4;} 
#imenus0 #menucat15131 > .imsc1 { width:1000px;     box-shadow: 0px 0px 30px -2px #a1a3a4;}

#imenus0 #menucat15722 .imsubc1 > ul  li  { width:200px; float:none}
#imenus0 #menucat15131 .imsubc1 > ul li {width:320px; float:none}

#imenus0 .imsc1 div ul li {    text-align: left;     line-height: 16px;     padding: 5px 15px;  }

#imenus0 .imsc1 li.imli2 a:hover {background-color:#414042; color:#FFFFFF}

/*
#imenus0 .imsc1 li.imli2:hover > span >span>a, #imenus0 .imsc2 li.imli3:hover > span >span>a {color:#FFFFFF}
#imenus0 .imsc2 li.imli3:hover > span >span>a {color:#FFFFFF}
*/

#imenus0 .imsc1 {top:35px}
#imenus0 .imsc1,#imenus0 .imsc2,#imenus0 .imsc3,#imenus0 .imsc4,#imenus0 .imsc5,#imenus0 .imsc6 {position:absolute;top:30px; left:0;width:320px;opacity:0.95; background-color:#FFFFFF; z-index:100; display:none}

.imclear {display:none}

.menu ul li {   display: inline-block;     float: left;    width: 95px;    padding: 6px 20px; }
.menu ul li.responsive {   display: none;}
.menu ul li a {font-family: open_sanssemibold}

.menuarrow {width: 0;border-top: 8px solid #000;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: transparent;}

.catlisting   { margin: 10px 0 20px 0;}
.catlisting .catlist li, .catlisting .subcatlist li { min-width:200px; padding: 3px 0; text-indent: -1em; padding-left: 1em; text-transform:uppercase; font-weight: bold; break-inside:avoid;}
.catlisting .subcatlist .subcatlistlink { font-weight:bold; color:#0b7f8f; font-size:14px;}

.maincontent{border-top: 1px solid #888;min-height:500px; padding:0 10px }
.title, .customerportal .portal-title, .page-title, .acctactivation h1{     font-size: 20px;     font-family: open_sanssemibold, arial;     margin:20px 0 10px 0; }

.acctactivation {width:300px; margin:0 auto}
.acctactivation td {padding:1px 0}


/*homepage*/
#slides {margin:2px 0 0 0}
.transbox {width:300px; position: absolute;   left: 30px;   top: 50px;   z-index: 1000;} 
.transbox .welcome{    font-size: 35px;    font-family: open_sansbold;}
.transbox p{margin:15px 0}

#features {margin: 10px 0;}
#features .left{width:33.33%}
#features .block{margin:0 4px }
#features .first {margin: 0 8px 0 0;}
#features .last { margin: 0 0 0 8px;}
#features .block img{width:100%}

#features .prod-block {  border-left: 1px solid #414042;     margin: 15px 5px;}
#features .item {padding: 5px 20px }
#features .item .prod-detail {float:left; width:55%; min-width:140px}
#features .item .prod-image {float:right; width:30%}
#features .item .prod-image img {width:100%; max-width:120px; max-height:120px; text-align:center}
#features .item .prod-detail h1{font-family:open_sansbold_italic; font-size:18px; color:#10bad2}
#features .item .prod-detail .name {font-family: open_sanssemibold;}
#features .item .prod-detail .sku {color: #8A8A8A; font-family:open_sansitalic}

#brands {background-color: #10bad2;     padding: 10px 30px;     margin-bottom: 10px;}
#brands .left{width:12.5%; max-width:160px; text-align:center}
#brands .left img{width:100%}

/*login*/

.login {width:250px; margin:75px auto; }
.login div {margin:10px 0; font-family:open_sanssemibold }
.login div .input-text {padding:3px 0; width:100%}
.login div  span a {color:#10bad2}

/*account*/

.static {padding: 0 30px 0 0; margin-bottom: 30px;}
.static h3 {color:#10bad2; font-family:open_sanssemibold; margin:15px 0;   font-size: 16px;}
.static h4 {line-height:25px}
.static p {margin:15px 0}
.static div {vertical-align:middle}
.static div img{float:left; width: 140px;     margin: 30px;}
.static ul{padding: 0px 40px;   list-style-type: disc;}

.blog{width:75%}
.blog .pdf {padding: 30px 0;     border-bottom: 1px solid #ccc;}
.blog h3 a {color:#10bad2; font-family: open_sansregular;   font-weight: 400;}

.account hr {width:75%; text-align:left}
.acct-section {padding:20px 0 30px 0}
.acct {float:left; text-align:center; min-width:150px; width: 12.5%; }
.acct div,  .acct-back span {margin:10px 0;} 
.acct div,  .acct div a,  .acct-back span { font-family:open_sanssemibold, arial; font-size:16px; vertical-align:middle; }
.acct div a {border-bottom:3px solid #cccccc; padding-bottom:5px; font-family: open_sansregular, arial;     font-size: 16px; }
.acct div a:hover, .acct div.active a {border-bottom:3px solid #414042;}
.acct img{ width:100px; }
.acct img:hover { -ms-transform:scale(1.15); -webkit-transform:scale(1.15); transform:scale(1.15)}
.acct-back {    margin: 0 0 100px 10px; }
.acct-back img {     padding: 40px 10px 40px 0;     width: 45px; }

.contact {}
.emailform .inputfield{border:1px solid #888; margin:1px 0; padding:5px}
.emailform .inputfield label{color:#888}
.emailform .inputfield input, .emailform .inputfield textarea{border:0}
.emailform .inputfield textarea {width:100%}

.googlemap {margin-top:50px; margin-bottom:20px; border:1px solid #888; padding:2px}

.dealers {margin-left:75px}
.dealers .section{margin:20px  0}
.dealers .section hr {width:100%}
.dealers .section .top {background-color:#37b189; padding:15px 0; text-align:center; color:white; margin-top:40px; }
.dealers .section .top .title{margin: 10px 0 10px 0;}

.dealer {margin:20px 0}
.dealer h3 {font-size:16px}
.dealer p{margin:15px 0; }
.dealer p a {color:#10bad2}

.note {    border-top: 1px solid #888;     margin: 10px 0; }
.note p {margin-top: 15px; line-height:20px; font-style:italic;}
.note p.dealername {color:#10bad2 }

.actionbar {background-color:#e5e6e7}

#breadcrumb { margin: 10px 0; color: #0b7f8f;}
#breadcrumb a{color: #0b7f8f;}

table.content-grid{width:100%}

/* search-prod-grid*/
.prod-grid {margin: 20px 0}
.prod-grid .prod {float:left; width:25%; min-width:315px; height:330px; }
.prod-grid .prod .item {margin:20px; }
.prod-grid .prod .item .image{margin:10px; text-align:center }
.prod-grid .prod .item .name{ width: 90%;  margin: 20px auto 0 auto; text-align:center; min-height:72px}
.prod-grid .prod .item .name a {font-family: open_sanssemibold; font-size: 12px;}
.prod-grid .prod .item .sku {text-align:center;}
.prod-grid .prod .item .sku a{font-weight:bold;color:#0b7f8f}
.prod-grid .prod .item .price {font-family: open_sanssemibold;}
.prod-grid .prod .item .tocart {border-top:1px solid black; padding:5px 0; margin-top:10px}
.prod-grid .prod .item .tocart>div {margin:5px 0}
.prod-grid .prod .item .tocart input {text-align:center}
.prod-grid .prod .item .tocart .availability { font-size:10px; color: #ad; }

.pagenav {padding: 3px 0;}
.pagenav .pagenumbers{font-family: open_sansbold;}
.pagenav .num {}


/* catalog-print*/


/*product*/

.product, .moreinfo {margin:30px 0}
.product .image {text-align:center; padding: 30px 15px;}
.product .image img { width:100%; }
.product .image .productthumbnail { width:50px; }
.product .name, .product .price {font-family:open_sanssemibold; font-size:20px;} 
.product .price span { vertical-align:middle; margin:auto 0; }
.product .sku {color:#0e9cb0; font-weight: bold;} 
.product hr, .product .desc, .product .price, .product .optional, .product .btns  {margin:10px 0}
.product .qty {padding:6px 0}
.product .qty input {text-align:center}
.product .tocart,  .product .towishlist {margin: 0 5px}

#pricebreak {width:200px}
#pricebreak .darkheadingsm {font-family:open_sanssemibold}
#pricebreak td {text-align:left; padding: 2px 10px;}

#tabs {border-bottom:1px solid black; margin: 0 0 20px 0;}
#tabs ul li {float:left; padding: 5px 10px; font-family:open_sanssemibold; cursor:pointer; border:1px solid black; border-bottom:0;border-left:0}
#tabs ul li.first{border-left:1px solid black}
#tabs ul li.active {color:white; background:black}


#productinfo {min-height:280px;}
#productinfo .description ul {list-style-type:disc; margin-left:20px; }
#relateditems, #documentation, #media, #topbought{min-height:280px; display:none}
#media iframe {width:100%; max-width:420px}

/*** shippingcart ***/

.cart-grid {margin: 10px 0 }

.cart-grid .col {float:left}
.cart-grid .col-header { margin:5px 0 }
.cart-grid .col-header div{font-family: open_sanssemibold; }
.cart-grid .col-data {margin:5px 0}
.cart-grid .item .prod {width:60%; }
.cart-grid .item .prod .sku{color:#10bad2}
.cart-grid .item .prod a {color: #414042; font-family: open_sanssemibold; } 
.cart-grid .item .price {width:12%; text-align:right}
.cart-grid .item .qty {width:6%; text-align:center}
.cart-grid .item .qty input{text-align:center}
.cart-grid .item .cancel {width:10%; text-align:center}
.cart-grid .item .cancel input{margin-top:3px}

.cart-action {margin:20px 0;}
.cart-action .col { width:25%; text-align:right; float: left; min-width:104px}

/*** Checkout***/

.checkout {margin:15px 0 }

.checkout .nav table {width:100%}
.checkout .nav td {width:25%}
.checkout .row {margin-top:20px}

/*.checkout .input-text{width:100%}*/

.checkout .carriers{width:50%; margin:20px auto}
.checkout .carriers input {margin:0 10px; vertical-align: middle; }
.checkout .checkout-btn {min-height: 30px;}
.checkout select {width:222px}

.checkout  span input[type="button"] {    margin: 0 10px;    padding: 0 5px 1px 0;    width: 80px;    height: 24px;    font-size: 11px;}

.itemlist  .col {float:left}
.itemlist  .col-header, .itemlist .col-footer  { margin:5px 0 }
.itemlist  .col-header div{font-family:open_sanssemibold;}
.itemlist  .col-data {margin:5px 0}

.itemlist  .item.promo { display:none; }
.itemlist  .item .prod {width:60%;}
.itemlist  .item .price, .itemlist  .item .linetotal {text-align:right;}
.itemlist  .item .price { width:13%;}
.itemlist  .item .linetotal {width:10%;}
.itemlist  .item .qty {width:4%; text-align:center;}

.itemlist  .item .subtotal-label {width:90%; } 

.disclaimer {margin-top:30px}
.disclaimer p {margin:20px 0}
.disclaimer p a {color:#10bad2}

/*quick order*/
.quickorder_div {width:75%}


.quickorder-grid .col{float:left}

.quickorder-grid .col-header, .quickorder-grid .col-data {    padding-top: 5px;    border: 1px solid black;     border-top: 0;}
.quickorder-grid .col-header {border-left:0; border-right:0}

.quickorder-grid .col-header > div, .quickorder-grid .col-data > div{padding:2px 5px; width:15%; }
.quickorder-grid .col-header .clear, .quickorder-grid .col-data .clear {padding:0}   
.quickorder-grid .col-header div {font-family:open_sanssemibold;}

.quickorder-grid  .col-header .image, .quickorder-grid  .col-data .image {display:none}

.quickorder-grid  .col-header .name, .quickorder-grid  .col-data .name {width:25%;}

.quickorder-grid  .col-header .qty, .quickorder-grid  .col-data .qty {width:75px; text-align:center}
.quickorder-grid  .qty input {text-align:center; width:50px}

.quickorder-grid  .col-header .price, .quickorder-grid  .col-data .price,
.quickorder-grid  .col-header .amount, .quickorder-grid  .col-data .amount,
.quickorder-grid  .col-header .cancel, .quickorder-grid  .col-data .cancel   {min-width:100px}
.quickorder-grid  .col-header .price, .quickorder-grid  .col-data .price,
.quickorder-grid  .col-header .amount, .quickorder-grid  .col-data .amount {text-align:right}
.quickorder-grid  .col-header .cancel, .quickorder-grid  .col-data .cancel {text-align:center}

.quickorder-grid  .col-data .price .input-price {width:100px;border:0px;text-align:right}

#quickaddtocart {margin:20px 0; text-align:right}
#running_totalcost {width:60px; text-align:right; border:0}

/*salesrep*/

#OE1{margin: 10px 0; color: #10bad2;}
#OE3, #OE5 {font-size: 20px; font-family: open_sanssemibold, arial; margin: 20px 0 10px 0;}
#OE4 {width:75%}
#OE6 {width:75%; margin: 0 0 20px 0;}
#OE64 table {width:100%}
#custterms {width:300px}


.salesrep-button-short, .salesrep-button-long { color:white; font-family:open_sanssemibold;  padding:2px; text-align:center; border:0; cursor:pointer; margin:1px 0}
.salesrep-button-short {background-color:#3BB44B; width:70px}
.salesrep-button-long {background-color: #10bad2; width:180px; padding:5px 0} 

#retsr_div {margin:10px 0}
#retsr_div a {     color: #10bad2;     font-size: 16px;     font-family:open_sanssemibold;}

/*Portal*/
.portal-action {margin:20px 80px}

/*******default template style**************/
.def-content-grid .row-header {width:15%; min-width:150px; float:left; padding: 2px 5px 2px 0}
.def-content-grid .row-data {min-width:170px; float:left; text-align:left; width:auto; padding: 2px 5px 2px 0}
.def-content-grid .row-data .input-button { margin-top:-2px}
.def-content-grid .row-data .sub{clear:both}
.def-content-grid  .row-data .country-select{width:220px}
.def-content-grid .row-data .state-select{width:150px}
.def-content-grid .col-header, .def-content-grid .col-footer {font-family:open_sanssemibold, arial; padding:10px 0}

h1.shiptos {display :none}
h2.changecontact, h2.shiptos {font-size: 24px; font-family:open_sanssemibold, arial; padding-top:30px}
h1.changecontact{display :none}

.defcenteredtbl .page-title {padding-top:30px}
.defcenteredtbl .iframe td {line-height:30px}
.defcenteredtbl .iframe .row-name, defcenteredtbl .iframe .row-data {width:50%} 

/*footer*/

.footer { background-color:#0c91a4; padding:20px; color:white }
.footer .logo {width:70px}
.footer .links {margin:10px 0}
.footer .socials {margin-top:20px}
.footer .socials span{margin:0 10px}
.footer ul { list-style-type: disc}
.footer ul li {float:left;     margin: 0 10px 0 20px; }
.footer ul li a {font-size:12px; color:white }


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

.responsive{display:block}
.hideinmobile  {display:none}

.left,  .right {float:none}

.col75, .col50, .col33, .col25{width:96%; margin-bottom:3px } 

.header .part1 {padding-left:20px}
.header .part2 {padding:10px 20px 1px 20px;}
.header .part2 .search-div {width:100%; margin:10px auto; padding: 5px 0; }
.header .part2 .search-div input{width:90%}
.header .part2 .login-div {width:100%; display: none; }
.header .part2 .login-div .top-login {width:100%}
.header .part3 {background-color: #10bad2;    padding: 5px 20px 15px 20px;    margin: 0; position:relative}
.header .part3 #menuicon img{ width:100%}
.header .part3 .menuicon img{ width:100%}
.header .part3 .menuicon a {color:white}

.header .part3 .nav {position:absolute; top:50px; left:0; width:100%; z-index:10;}

.header .part3 .cartinfo {width:50%; float:right}

/*.header .part3 .qty {    background: url(/content/TipTop/images/skin/Qty-Box-White.png) no-repeat;   background-size:contain;   padding:  8px;  color: black; width:20px}*/

.header .part3 #menuicon {font-size: 30px;    color: white;    display:inline-block;    width: 40px; margin-top:0px; vertical-align:middle;}
.header .part3 .menuicon {font-size: 30px;    color: white;    display:inline-block;    width: 40px; margin-top:0px; vertical-align:middle;}

.header .part3 .cart-total {color:white}
/*.header .part3 .cart-icon{     background: url(/content/TipTop/images/skin/Shopping-Cart-White.png) no-repeat;     background-size: cover;}*/
.header .part3 .cart-icon{     background: url(/content/TipTop/images/skin/Cart-Icon.png) no-repeat;     background-size: cover;}

.maincontent {min-height:0; padding: 10px;}

/*navigation menu*/
.menu ul li.responsive {   display: inline-block;}
.nav ul li { float:none;  width:100%;  background-color: #F0F0F0; padding: 5px 0; border:0; border-top:1px solid white}
.header .part3 .menu ul li {padding: 15px 20px; text-align:left;}
.header .part3 .menu ul li a{padding: 5px 20px; }
#imenus0 #menucat15722, #imenus0 #menucat15131 {width:100%}

#imenus0 .imsc1, #imenus0 .imsc2, #imenus0 .imsc3, #imenus0 .imsc4, #imenus0 .imsc5, #imenus0 .imsc6 {border:0;  width: 100%;    background-color: #F0F0F0;  }
#imenus0 .imsc1 li.imli2:hover, #imenus0 .imsc2 li.imli3:hover, #imenus0 .imsc3 li.imli4:hover,#imenus0 .imsc4 li.imli5:hover,#imenus0 .imsc5 li.imli6:hover {background-color:#414042;}
#imenus0 .imsc1 li.imli2:hover > span >span>a, #imenus0 .imsc2 li.imli3:hover > span >span>a,  #imenus0 .imsc3 li.imli4:hover > span >span>a, #imenus0 .imsc4 li.imli5:hover > span >span>a, #imenus0 .imsc5 li.imli6:hover > span >span>a {color:#FFFFF}
#imenus0 .imsc1 div ul li {   text-align: left;   line-height: 24px; padding:5px 0 5px 20px;  border-bottom:1px white solid}

#imenus0 .imsc1 {   left:0px; top: 30px; }


.catlisting .catlist { -moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 20px; column-count: 1; column-gap: 10px; }
.catlisting .subcatlist { -moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 20px; column-count: 1; column-gap: 10px; }
.catlisting .catlist  li {float:none; margin:10px 0}

/**/
.static {padding:0}
.static div {    padding: 5px; }

.blog {margin:0 auto; width:96%}

.acct {width:100%; margin:0 auto; float:none}
.account hr {width:100%}

.dealers {margin:0}
.dealer {   margin: 20px auto;     width: 280px;}

#features {margin:0}
#features .left {    width: 100%;}
#features .block, #features .prod-block  {margin:2px auto; max-width:500px}
#features .prod-block {border:0}
#brands {margin-bottom:2px}
#brands .left {    width: 50%;    float: left;}

/**/
.product .image img { width:auto; }
.product .detail .left {float:left}
.product .detail .qty {width:100%}
.product .tocart, .product .towishlist {margin: 0; margin-right:5px} 


#tabs {border:0}
#tabs ul li {float:none; border:1px solid #000; border-top:0}
#tabs ul li.first { border:1px solid #000; }
#tabs ul li .go  {display:inline-block}


#productinfo, #relateditems, #documentation, #media{min-height:10px}
#relateditems .prod-grid .prod {height:210px}

/**/

/*.pagenav {display:none}*/
.prod-grid .prod {float:none; width:25%; min-width:300px; margin:0 auto  }
.prod-grid .prod .item {margin:10px}
.prod-grid .prod .item .left {float:left}
.prod-grid .prod .item .col50 {width:50%}
.prod-grid .prod .item .name {min-height:0}


/****Shopping cart******/

.cart-grid .col-header {display:none}

.cart-grid .col-data {border-bottom: 1px solid #e6e6e6}
.cart-grid .col-data div.col {margin:5px 0}
.cart-grid .col-data div span {display:inline-block}

.cart-grid .item .prod, .cart-grid .item .price, .cart-grid .item .qty, .cart-grid .item .cancel {width:100%; text-align:left }

.cart-action .col {width:100%}

/*****checkout***************/
.checkout .col50, .checkout .carriers  {width:100%}

.itemlist .col-header {display:none}

.itemlist .col-data {border-bottom: 1px solid #e6e6e6}
.itemlist .col-data div.col {margin:5px 0}
.itemlist .col-data div span {display:inline-block}

.itemlist .item .prod, .itemlist .item .price, .itemlist .item .qty, .itemlist .item .linetotal {width:100%; text-align:left }
.itemlist .item .subtotal-label { width: 50%; }
.itemlist .col-footer .linetotal {width: 20%;     text-align: right;}

.itemlist .item .hidemobile {display:none}

/*quick order*/
.quickorder_div {padding:0 10px; width:96%}

.quickorder-grid .col {float:none}
.quickorder-grid .col-header >div{display:none}
.quickorder-grid .col-data > div {width:100%; } 
.quickorder-grid .col-data .image, .quickorder-grid .col-data .name,
.quickorder-grid .col-data .qty, .quickorder-grid  .col-data .price, .quickorder-grid  .col-data .amount, .quickorder-grid  .col-data .cancel{float:none; text-align:left; width:100%; max-width:200px;} 
.quickorder-grid .col-data .name > div, .quickorder-grid .col-data .price > div, .quickorder-grid .col-data .amount > div, .quickorder-grid .col-data .cancel > div {width:100%;  text-align:left}
.quickorder-grid  .col-data .price .input-price {text-align:left}

.quickorder-grid .col-data .price  span, 
.quickorder-grid .col-data .amount span, 
.quickorder-grid .col-data .cancel span {display:inline-block; width:50%; text-align:left}
.quickorder-grid .col-data .cancel input {vertical-align:middle}
.quickorder-grid .col-data .price  span.responsive, 
.quickorder-grid .col-data .amount span.responsive, 
.quickorder-grid .col-data .cancel span.responsive {font-family:open_sanssemibold}

.footer .logo, .footer .links {float:left} 
.footer .links {width:60%}
.footer .socials {text-align: center;     width: 280px;     margin: 0 auto;}
.footer ul li {float:none;     margin: 3px 10px 3px 20px;}

}