/*
'************************************************************
'* TERMS & CONDITIONS / COPYRIGHT NOTICE *
'************************************************************
'* By Downloading or using this software, you agree to *
'* the terms and conditions as stated in the Software *
'* License Agreement. An updated copy of this agreement *
'* can be seen at http://www.pagedowntech.com/terms. *
'* *
'* PageDown Technology, LLC., Copyright 2012. *
'* pagedowntech.com / pdshop.com *
'* *
'* (this copyright notice must not be altered or removed) *
'************************************************************
*/

/* General (affects entire page) */
body {margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; background-color: #FFFFFF;}
A:hover {text-decoration: underline;}
div {font-size: 12px;}
form {margin: 0px; background-color: transparent;}
p {margin: 5px; padding:0px;}
img {max-width: 99%;}
sup {font-size: 50%; padding-right: 2px;}

/* Main Page Sections */
.body_container {width: 100%; margin-top: 0px; margin-left: auto; margin-right: auto;}
.content {width: 970px; margin-left: auto; margin-right: auto;}
.columndata_container {margin-top: 0px; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
.columnspacer {}

/* Shop Content Sections */
.topbar {text-align: left; padding-bottom: 3px;}
.topsec {width: auto; background-color: transparent; text-align: left;}
.slogan {text-align: left; }
.menutabs {width: auto;}
.imenu {background-color: #000000;}
.topbanner {background-color: #319cff;}
.bannertxt {color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none;}
.searchbanner {background-color: #017f98;}
.searchbanner img {position: relative; top: 0px; left: 4px;}
.searchbanner form {margin-top: 0px;}
.area1 {text-align: left; background-color: transparent;}
.area2 {text-align: left; background-color: transparent;}
.maincontent {overflow: hidden;}
.botsec {width: auto; background-color: transparent;}

.botbannermenu {background-color: #99CCFF; text-align: center; padding: 10px; color: #99CCFF; font-size: 14px;}
.botbannermenu A {color: #000000;}
.botbannermenu .content {padding: 5px; font-size: 14px;}
.botbanner {text-align: center; background-color: #ffffff;}
.leftcol {min-height: 100%; text-align: left; overflow: hidden;}
.middlecol {text-align: left; overflow: hidden;}
.rightcol {text-align: left; overflow: hidden;}
.sectionspacer {width: auto; height: 10px;}
#leftcol_fill {background-color: #FFFFFF; display: none; margin-top: 10px;}
#middlecol_fill {background-color: #FFFFFF; display: none; margin-top: 10px;}
#rightcol_fill {background-color: #FFFFFF; display: none; margin-top: 10px;}
.searchform {float: left; padding: 5px;}
.checkoutbuttons {float: right; padding: 5px;}
.cartbuttons_container .butts9 { display: inline-block !important; }
.google {float: left; padding-right: 5px;}
.twitter_page {float: left; padding-left: 5px; padding-top: 5px; }
.facebook_page {float: left; padding-left: 5px; padding-top: 5px;}
.twitter_share {float: left; padding-right: 5px; padding-top: 5px; min-height: 25px;}
.facebook_like {float: left; padding-top: 5px; min-height: 25px;}
.pinterest_page {float: left; padding-left: 10px; padding-top: 5px;}
.pinterest_item {float: left; padding-top: 5px; padding-right: 5px; min-height: 25px;}
.googleplus_page {float: left; padding-left: 15px; padding-top: 5px; }
.googleplus_item {float: left; padding-top: 5px; padding-right: 5px; min-height: 25px;}
.minicart {float: right; padding: 5px; vertical-align: text-bottom; text-align: right; color: #000000; font-size: 11px; font-weight: normal; text-decoration: none;}
.minicart A {color: #000000; font-size: 12px; font-weight: bold; text-decoration: underline;}
.currency_div {float: right; padding: 5px; padding-left: 15px; font-size: 11px; font-weight: normal;}
.currency_div select {font-size: 11px; font-weight: normal;}

/* Section Headings */
.headingtextS {text-align: left; padding: 3px; font-size: 10px; font-weight: bold; text-decoration: none;}
.headingtext {text-align: left; padding: 6px; font-size: 12px; font-weight: bold; text-decoration: none;}
.headingtextL {text-align: left; padding: 10px; font-size: 18px; font-weight: normal; text-decoration: none;}
.tabheading {text-align: left; font-size: 10px; font-weight: bold; text-decoration: none;}
.tabheadingL {text-align: left; padding-left: 6px; letter-spacing: 2px; font-size: 13px; font-weight: bold; text-decoration: none;}
.customheading {text-align: left; color: #FFFFFF; background-color: #99CCFF; font-size: 18px; font-weight: normal; padding: 10px; border-color:#CCCCCC; border-style: none; border-width: 1px; text-decoration: none;}
.headingmessages {text-align: left; padding-left: 10px; padding-top: 10px; color: #000000; font-size: 11px; font-weight: normal;} 

/* Shop Section Containers */
.section_container {text-align: left; width: auto; overflow: hidden;}
.section_topdata {width: auto; overflow: hidden; }
.section_messages {float: left; padding-left: 10px; padding-top: 10px; color: #000000; font-size: 11px; font-weight: normal;}
.section_options {float: right; color: #000000; padding-top: 5px; padding-right: 10px; font-size: 11px; font-weight: normal;}
.section_options select {color: #000000; border: 1px solid #EEEEEE; font-size: 10px; font-weight: normal;}
.section_data {text-align: left; width: auto; margin: 10px; overflow: hidden;}

/* Buttons & Links */
.buttonsstandard {font-size: 12px; font-weight: bold; height: 20px; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;}
.textlinks {padding-left: 2px; font-size: 12px; font-weight: bold;}
.textlinks A { font-size: 12px; font-weight: bold;}
.textlinks A:hover {text-decoration: underline;}
.butttxt { font-size: 11px; font-weight: bold; text-decoration: none;}
.custombutton {color: #FFFFFF; background-color: #017f98; font-size:12px; height: 24px; font-weight: bold; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;} 
.custombutton:hover {color: #017f98; background-color: #FFFFFF; font-size:12px; height: 24px; font-weight: bold; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;} 
.formbuttons_container .custombutton {padding: 10px; padding-left: 20px; padding-right: 20px; height: 45px; font-size: 14px;}
.classicbutton {white-space: nowrap; display: inline-block; height: 20px; padding: 1px; margin: 1px;}
.classicbuttontext {border-color: #EEEEEE; border-style: solid; border-width: 1px; padding-right: 8px; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; font-size:11px; font-weight: bold; text-decoration: none;}
.classicbuttontext A:Hover {text-decoration: underline;}
.cartbuttons_container {padding-top: 2px; padding-bottom: 2px;}
.cartbuttons_container img {vertical-align: top;}
.formbuttons_container {text-align: center; margin:15px;}
#searchform_div img {position: relative; top: 5px;}

/* Menu Tabs (Small) */
.menutab {margin-right: 1px; margin-left: 1px; float: left; height: 15px; background-color: #003300;}
.menutabtext A {position: relative; top: 2px; color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none} 

/* Menu Tabs (Large) */
.menutabL {margin-right: 1px; margin-left: 1px; float: left; height: 20px; background-color: #003300;}
.menutabtextL A {position: relative; top: 2px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none} 

/* Menu Tabs (Text Links) */
.menutextlink A {padding: 2px; color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: underline;}
.menutextlinkL A {padding: 4px; color: #FFFFFF; font-size: 16px; font-weight: bold; text-decoration: underline;}

.custom_menutab {float: left; background-color: #003300; padding: 5px;}
.custom_menutab a {color: #FFFFFF; font-size: 14px; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-decoration: none;}
.custom_menutab:hover {background-color: #FFFFFF;}
.custom_menutab:hover a {color: #003300}

/* Item Related */
.itemname {color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.itemname A {color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.itemdesc {color: #000000; font-size: 13px;}
.itemdesc A {color: #000000; font-size: 13px;}
.price {color: #000000; font-size: 14px; font-weight: bold;}
.listname {color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.listname A {color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.listname A:hover {color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline;}
.listimage {padding-top:5px; padding-right:5px; padding-bottom:5px;}
.listdesc {padding-top:5px; padding-right:5px; padding-bottom:5px; color: #000000; font-size: 13px;}
.listprice {color: #000000; font-size: 13px; font-weight: bold;}
.listitemno {color: #000000; font-size: 13px; font-weight: bold;}

/* Item Detail Page */
.itemdescription {color: #000000; font-size: 12px; font-weight: normal;}
.itemqtyinput {background-color: #FFFFFF; color: #000000; font-size: 12px; font-weight: normal;}
.itemstockmessage {margin-top: 5px; margin-bottom: 5px; color: #000000; font-size: 12px; font-weight: normal;}
.itemoptions_container {padding: 2px; }
.itemoptionsgroup {color: #000000; font-size: 14px; font-weight: normal; text-decoration: none;}
.itemoptions {padding: 1px; color: #000000; font-size: 12px; font-weight: bold; text-decoration: none;}
.optionselect {background-color: #FFFFFF; color: #000000; border: 1px solid #000000; font-size: 12px; font-weight: bold;}
.optiontextinput { font-size: 12px; font-weight: normal; background-color: #FFFFFF;}
.optiontextarea {padding-right: 10px; vertical-align:baseline; font-size: 12px; font-weight: normal; background-color: #FFFFFF;}
.optioncheckbox {margin-right: 5px; vertical-align:baseline;}
.optionradiobutton {margin-right: 5px; vertical-align:baseline;}
.optionmonetaryinput {background-color: #FFFFFF; color: #000000; font-size: 12px; font-weight: normal; width: 50px;}

/* Item Reviews Page */
.reviewscolumn_1 {width: 20%; float: left; overflow: hidden;}
.reviewscolumn_2 {width: 60%; float: left; overflow: hidden; padding-bottom: 20px;}
.reviewscolumn_3 {width: 19%; float: left; overflow: hidden; text-align: right;}

/* Category Related */
.catname {color: #000000; font-size: 16px; font-weight: bold; text-decoration: none;}
.catname A {color: #000000; font-size: 16px; font-weight: bold; text-decoration: none;}
.catname A:hover {text-decoration: underline;}
.catdesc {margin: 10px; color: #000000; font-size: 11px; text-decoration: none;}
.catdelim {color: #000000; font-size: 8px; text-decoration: none;}
.subcats {color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.subcats A {padding: 5px; color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.subcats A:hover {text-decoration: underline;}
.subcatlist_div {width: auto; overflow: hidden; padding: 5px;}
.cattable {width: auto !important ; overflow: hidden;}
.cattable br {clear: both;}
.catlist_div {clear: both; margin-bottom: 10px;}
.catitem_div {padding: 10px; overflow: hidden;}
.catitemlist_div {width: 100%; overflow: hidden; padding: 5px;}
.catitemlist_column1 {float: left; margin-right: 5px; overflow: hidden;}
.catitemlist_column2 {float: left; margin-right: 10px; overflow: hidden;}
.catitemlist_column3 {word-wrap: break-word; text-align: left; float: left; margin-right: 10px; overflow: hidden;}
.catitemlist_column4 {text-align: right; float: left; margin-top: 10px; overflow: hidden;}

/* Top Level Category listing */
.toplevelcat {padding-bottom: 2px; color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.toplevelcat A {color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.toplevelcat A:hover {text-decoration: underline;}
.toplevelcatdot {color: #000000; font-size: 13px; font-weight: normal; text-decoration: none;}
.toplevelcatdes {color: #000000; font-size: 13px; text-decoration: none;}
.toplevelsub {padding-left: 14px; padding-bottom: 7px; color: #000000; font-size: 13px; font-weight: normal; text-decoration: none;}
.toplevelsub A {line-height: 18px; color: #000000; font-size: 13px; font-weight: normal; text-decoration: none;}
.toplevelsub A:hover {text-decoration: underline;}
.toplevelsubdot {color: #000000; font-size: 8px; font-weight: bold; text-decoration: none;}
.toplevelsubdes {color: #000000; font-size: 12px; text-decoration: none;}

/* System Text & Error Messages */
.messages {color: #000000; font-size: 13px; font-weight: normal;}
.messages A {color: #000000; font-size: 13px; font-weight: normal;}
.messages2 {color: #000000; font-size: 16px; font-weight: bold;}
.messages3 {color: #000000; font-size: 18px; font-weight: bold; text-align: center;}
.errors {color: red; font-size: 12px; font-weight: bold;}
.paginglinks {padding: 10px; padding-top: 25px; text-align: center; color: #000000; font-size: 18px; font-weight: normal;}
.paginglinks A {color: #000000; font-size: 18px; font-weight: bold;} 

/* Forms */
.form_container {width: auto; background-color: transparent; padding: 15px; padding-left: 25px; padding-right: 25px;}
.formheadings {color: #000000; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 5px;}
.formheadings A {color: #000000; font-size: 12px; font-weight: bold; text-decoration: underline;}
.formheadings2 {padding-top: 10px; padding-bottom: 5px; color: #000000; font-style:italic; font-size: 16px; font-weight: normal; text-decoration: none;}
.formordertotal {color: #000000; font-size: 16px; font-weight: bold; text-decoration: none;}
.rowline {color: #000000; height: 1px;}
.rowline2 {color: #EEEEEE; height: 1px;}
.formfield { font-size: 16px; font-weight: normal; background-color: #FFFFFF; width: 400px; padding: 3px;}
.formfield2 { font-size: 16px; font-weight: normal; background-color: #FFFFFF; width: 150px; padding: 3px;}
.formfield3 { font-size: 16px; font-weight: normal; background-color: #FFFFFF; width: 200px; padding: 3px;}
.formfield4 { font-size: 16px; font-weight: normal; background-color: #FFFFFF; width: 375px; padding: 3px;}
.formfield5 { font-size: 16px; font-weight: normal; background-color: #FFFFFF; width: 50px; padding: 3px;}
.formtextarea1 { font-size: 16px; font-weight: normal; background-color: #FFFFFF; width: 400px; height: 200px; padding: 3px;} 
.formtextarea2 { font-size: 16px; font-weight: normal; background-color: #FFFFFF; width: 400px; height: 200px; padding: 3px;}
.form_container select {font-size: 16px; font-weight: normal; padding: 3px;}
.gatewaylogo {padding: 5px; padding-left: 40px; padding-bottom: 10px;}
.searchselect {margin-right: 3px; background-color: #017f98; color: #FFFFFF; border: 1px solid #EEEEEE; font-size: 13px; font-weight: normal;}
.searchinput { color: #000000; font-size: 13px; font-weight: normal; background-color: #FFFFFF; width: 125px;}
.radiobuttons_container {padding: 1px; color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.radiobuttons {padding-right: 10px; vertical-align:baseline;}
.checkboxes_container {padding: 1px; color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.checkboxes {padding-right: 5px; vertical-align:baseline;}

/* Shopping Cart related */
.cartdata {color: #000000; font-size: 11px; font-weight: bold; text-decoration: none;}
.cartdata A {color: #000000; font-size: 11px; font-weight: bold; text-decoration: none;}
.cartdata2 {color: #000000; font-size: 10px; font-weight: bold; text-decoration: none;}
.cartdata2 A {color: #000000; font-size: 10px; font-weight: bold; text-decoration: none;}
.cartcolumn_1 {width: 50%; float: left; overflow: hidden;}
.cartcolumn_2 {width: 15%; float: left; overflow: hidden;}
.cartcolumn_3 {width: 15%; float: left; overflow: hidden; text-align: right;}
.cartcolumn_4 {width: 19%; float: left; overflow: hidden; text-align: right;}
.carttotalcolumn_1 {width: 80%; float: left; overflow: hidden; text-align: right;}
.carttotalcolumn_2 {width: 19%; float: left; overflow: hidden; text-align: right;}

/* Floating Row */
.td {float: left;}
.tdleft {float: left;}
.tdright {float: right;}

/* End/Clear Table Row */
.tr {clear: both; visibility:hidden ; height: 0px; font-size: 0; line-height: 0px;}

/* Order Status Page */
.orderstatuscolumn_1 {width: 25%; float: left; overflow: hidden;}
.orderstatuscolumn_2 {width: 25%; float: left; overflow: hidden;}
.orderstatuscolumn_3 {width: 25%; float: left; overflow: hidden;}
.orderstatuscolumn_4 {width: 25%; float: left; overflow: hidden;}
.orderdownloadcolumn_1 {width: 33%; float: left; overflow: hidden;}
.orderdownloadcolumn_2 {width: 33%; float: left; overflow: hidden;}
.orderdownloadcolumn_3 {width: 33%; float: left; overflow: hidden; text-align: center;}


/* Order Receipt Page */
.orderheader {margin-top: 5px; background-color: #99CCFF; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none;}
.orderheader2 {color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none;}
.ordertxt {color: #000000; font-size: 11px;}
.ordercolumn_1 {width: 15%; float: left; overflow: hidden;}
.ordercolumn_2 {width: 40%; float: left; overflow: hidden;}
.ordercolumn_3 {width: 15%; float: left; overflow: hidden; text-align: center;}
.ordercolumn_4 {width: 15%; float: left; overflow: hidden; text-align: right;}
.ordercolumn_5 {width: 14%; float: left; overflow: hidden; text-align: right;}
.ordertotalcolumn_1 {width: 85%; float: left; overflow: hidden; text-align: right;}
.ordertotalcolumn_2 {width: 14%; float: left; overflow: hidden; text-align: right;}

/* AFFILIATE REPORT */
.reportcolumn_1 {width: 30%; float: left; overflow: hidden;}
.reportcolumn_2 {width: 14%; float: left; overflow: hidden;}
.reportcolumn_3 {width: 14%; float: left; overflow: hidden; text-align: center;}
.reportcolumn_4 {width: 14%; float: left; overflow: hidden; text-align: right;}
.reportcolumn_5 {width: 14%; float: left; overflow: hidden; text-align: right;}
.reportcolumn_6 {width: 13%; float: left; overflow: hidden; text-align: right;}

/* POPUP BODY STYLE (will override above in the Pop-Up Window) */
.popupbody {width: auto; margin: 10px !important;  background: none !important; background-color: #FFFFFF; text-align: left; } 
.popupbodydiv {width: 97%; padding: 10px;  background-color: #FFFFFF; margin-left: auto; margin-right: auto;}
.popupmessages {color: #000000; font-size: 14px; font-weight: bold; text-align: center; }
.popupimages {text-align: center;}

/* POPUP CONTAINER STYLES */
#popupMask {position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('https://www.floorequipmentparts.com/shop/img/background-trans.png'); background-repeat: repeat; display: none;}
#popupContainer {position: absolute; z-index: 201; top: 0px; left: 0px; display: none; padding: 0px;}
#popupInner {border: 2px solid #CCCCCC; background-color: #ffffff; width: 100%; height: 100%;}
#popupFrame {width: 100%; height: 100%; position: relative; z-index: 202;}
#popupTitleBar {background-color: #017f98; color: #FFFFFF; font-weight: bold; height: 20px; padding: 0px; border-bottom: 2px solid #EEEEEE; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; position: relative; z-index: 203;}
#popupTitle {float:left; font-size: 10px;}
#popupControls {float: right; cursor: pointer; cursor: hand;}


/* DROPDOWN MENU */
#pdmenu {height: 41px; background-color: #000000; margin: 0px; position: relative; left: 1px; z-index: 999; width: 960px;}
.pdm {width: 136px; text-align: left; float: left; background-color: #000000; border-style: none; border-right-color: #FFFFFF; border-right-style: solid; border-right-width: 1px; position: relative; left: -1px; z-index: 9999;}
.pdm:hover {background-color: #FFFFFF;}
.pdm:hover a {color: #000000;}
.pdm:hover .pdm_tabdata {display: block;} /* USE jquery hoverIntent plug-in instead */
.pdm:hover .pdm_tabdata a {color: #FFFFFF;}
#pdmlast {border-right-style: none;}
.pdm_tab {text-align: center; z-index: 9999; margin-top: 12px; margin-bottom: 12px; background-color: transparent;}
.pdm_tab a {color: #FFFFFF; font-weight: normal; font-size: 14px; font-weight: bold; text-decoration: none;}
.pdm_tab a:hover {color: #000000; text-decoration: underline;}
.pdm_tabdata {padding-right: 20px; padding-bottom: 30px; position: absolute; display: none; background-color: #000000; border-color: #FFFFFF; border-style: solid; border-width: 1px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.pdm_tabdata a {text-decoration: none; color: #FFFFFF;}
.pdm_tabdata a:hover {text-decoration: underline; color: #FFFFFF;}
.pdm_tabdata:hover {display: block; }
.pdm_head {margin: 20px; color: #FFFFFF; font-size: 18px; letter-spacing: 4px; font-style:italic;}
.pdm_head a {text-decoration: none;}
.pdm_head a:hover {text-decoration: underline;}
.pdmenu_col_1 {float: left;}
.pdmenu_col_2 {float: left;}
.ul_main {clear: left; list-style-type: none; margin: 10px; margin-right: 10px; font-size: 16px; font-weight: bold; padding-top: 5px;}
.ul_sub {margin: 2px; list-style-type: none; padding-left: 10px; font-size: 12px; font-weight: normal;}
.ul_sub li {float: left; margin-left: 10px;}
.ul_sub2 {list-style-type: none; padding-left: 15px; font-size: 12px; font-weight: normal; display: none;}
.ul_subclear {clear: both; height: 5px;}

.simplesearch_input {background-image: url('https://www.floorequipmentparts.com/shop/img/searchicon.png'); background-position: right; background-repeat: no-repeat; padding: 8px; border-color: #CCCCCC; border-width: 1px; border-style: solid; color: #999999; font-size: 13px; font-weight: normal; background-color: #FFFFFF; width: 315px;}
.simplesearch_button {padding: 8px; position: relative; left: -31px; top: 2px; width: 30px; height: 25px; background-color: transparent; background-image: url('https://www.floorequipmentparts.com/shop/img/pixel.gif'); background-repeat: no-repeat; border-style: none;}

/* e3 design edits */
/* default html tags */
a { color: #017f98 !important; }
body,div,p,a,td { font-size: 16px; color: #363636 !important; }
h1,h2,h3,h4,h5,h6 { font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif; }
table { border: #E8E8E8 !important; }
td, th { padding: 15px; text-align: center !important; }

/* defined sections - text sizes and colors */
.section_messages,.section_options,.section_options select { font-size: 16px; }
.formheadings { font-size: 16px; font-weight: bold; }

.section_topdata { padding: 4px 0 6px 0; background: #E5E5E5; }

/* buttons */
.buttonsstandard { font-size: 16px; font-weight: 600; height: auto; margin: 2px; border-radius: 6px; padding: 4px; }
.buttonsstandard.butts13 { background: #fb7600 !important; font-size: 24px; }

/* header */
#top-header-outer { width: 100%; background: #E7E7E7; padding: 5px 0 0 0; margin: 0 auto; }
#top-header { width: 970px; margin: 0 auto; }
#header-contact { float: left; width: 40%; color: #ff7200 !important; font-size: 20px; font-weight: bold; }
#header-contact { display: flex; vertical-align: middle; }
#header-contact img { margin: 0 6px 0 0; }
#header-contact span { font-size: 13px; color: #777; display: block; margin: 5px 0 0 8px; }
#header-buttons { width: 60%; float: right; }
#header-buttons a.textlinks { font-size: 16px; text-decoration: none !important; padding: 0 0 0 20px; height: 22px; }
#header-buttons a.textlinks:hover { text-decoration: underline !important; color: #000 !important; }
#header-buttons a:nth-child(1)::before { content: ""; width: 22px; height: 22px; display: inline-block; background: url("/images/header-account.png") no-repeat; background-position: center center; margin: 0 4px 0 0; }
#header-buttons a:nth-child(2)::before { content: ""; width: 22px; height: 22px; display: inline-block; background: url("/images/header-status.png") no-repeat center left; }
#header-buttons a:nth-child(3)::before { content: ""; width: 22px; height: 22px; display: inline-block; background: url("/images/header-cart.png") no-repeat center left; }
#logo { float: left; width: 38%; }
#logo img { max-height: 100px; }
#logo span { display: block; font-size: 15px; font-style: italic; font-weight: bold; margin: -26px 0 0 83px; color: #7e7e7e; }
#header-right { float: left; text-align: right; width: 38%; }
#header-right img { max-height: 50px; margin: 10px 0 0 20px; }
.slogan { padding: 8px 0; }
.minicart { float: right; width: 20%; }

/* header discounts */
#header-discounts { background: #C50003; color: #fff !important; text-align: center; padding: 15px 0; font-size: 16px; font-weight: bold !important; width: 100%; text-transform: uppercase; }
#header-discounts span { color: #FFD600; font-size: 20px; }

#upper-menu { clear: both; float: right; text-align: right; margin: -10px 0 0 0; }
#upper-menu a { display: inline-block; margin: 0 0 0 15px; color: #017f98 !important; text-decoration: none; }
#upper-menu a:hover { color: #000 !important; text-decoration: underline; }

#menutabs-outer { width: 100%; background: #f1f1f1; }
.menutabs { padding: 0 0 10px 0; margin: 0 auto; text-align: center; float: none; }
.menutabs div { float: none !important; display: inline-block; }
.menutabs img { margin: 0 10px; }
.menutabs h3, .menutabs h4 { margin: 4px auto; }
.menutabs h4 { font-weight: normal; }

/* top menu */
.searchbanner { text-align: center; margin: 8px 0 0 0; }
#top-menu { color: #fff !important; font-size: 20px; padding: 4px 0; }
#top-menu a { color: #fff !important; display: inline-block; margin: 0 10px; text-decoration: none; font-size: 20px; }
#top-menu a:hover { color: #efefef !important; text-decoration: underline; }

/* search form */
.searchform { float: none; width: 100%; background: #DDDDDD; padding: 8px 0; margin: 0 auto; text-align: center; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif; }
.searchselect { display: none; }
.searchinput { font-size: 30px; width: 500px }
.searchform::before { content: "Enter Part # -or- Part Name: "; display: block; margin: 0 0 8px 0; font-size: 30px; }
#searchform .buttonsstandard { font-size: 26px; color: #fff; background-color: #017f98 !important; height: auto; margin-left: 8px; text-transform: uppercase; }

/* misc classes */
.hidden-area { display: none; }
.cleardiv { clear: both; }
.itemdescription { font-size: 16px; }
.messages { font-size: 18px; font-weight: bold; }

/* item page */
.price { font-size: 22px !important; color: #6da123 !important; margin: 10px 0; }
.cartbuttons_container .butts9 { display: none; }
.itemname { font-size: 28px; font-weight: bold; }
.itemno { font-size: inherit; font-weight: bold; margin: 10px 0; }
#item-page { width: 500px; margin: 0 auto; }
#item-page-buy { font-size: 22px; }
#item-page-buy input[type=text] { font-size: 26px; height: auto; }
#item-page-buy { display: inline-block; vertical-align: middle; }
#item-page-buy img { display: block; margin: 10px 0 0 0; }

/* section headings */
.middlecol .headingtextL { font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif; font-size: 28px; font-weight: 600; text-align: center; background: none !important; border: none !important; color: #017f98 !important; }
.headingtextL { font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif; font-size: 28px; font-weight: 600; text-align: center; background: none !important; border: none !important; }

/* section headings with no padding */
.nopadding-headers h1,.nopadding-headers h2,.nopadding-headers h3,.nopadding-headers h4,.nopadding-headers h5,.nopadding-headers h6 { margin: 8px 0 0 0; padding: 0; }

/* bottom banner */
.botbanner { padding: 25px auto 0 auto; }
.botbanner img { max-height: 60px; margin: 0 20px; }

/* footer */
#footer { width: 100%; background: #f1f1f1; padding: 10px 0; margin: 0 0 15px 0; }
#footer-inner { width: 970px; margin: 0 auto; }
#footer-inner .footer-col { width: 23%; margin: 0 1%; font-size: 14px; float: left; }
#footer-inner .footer-col a { font-size: 14px; text-decoration: none; }
#footer-inner .footer-col a:hover { color: #000 !important; text-decoration: underline; }
.footer-col h3 { -webkit-margin-before: 0; }
.email-desktop { display: block; }
.email-mobile { display: none; }
#footer-lowericons { display: none; }

/* right column */
#rightcol_content .listimage img { max-height: 70px; width: auto; text-align: center; margin: 0 auto; }
#rightcol_content .listdesc { display: none; }
#rightcol_content .listitemno { font-weight: bold !important; }
#rightcol_content .listprice { color: #6da123 !important; font-size: 18px; }
#rightcol_content .butts1 { font-size: 16px !important; }
#rightcol_content .butts8 { font-size: 13px; color: #FF7600 !important; background: none !important; border: none !important; text-decoration: underline; }
#rightcol_content .itemdiv { text-align: center; }

/* bordered links */
.bordered { font-size: 24px !important; padding: 10px !important; margin: 15px auto 0 auto !important; text-align: center !important; display: block !important; max-width: 250px !important; text-decoration: none !important; }

.border-grey { border: 1px solid #333 !important; color: #333 !important; }
.border-grey:focus, .border-white:active { background: #333 !important; color: #fff !important; }
a.border-grey:hover { background: #333 !important; color: #fff !important; }

/* category detail page */
.catitemlist_div { padding: 8px 0; border-bottom: 1px solid #333; text-align: left; }
#catlargeimage { text-align: center; }
#catlargeimage img { text-align: center; margin: 0 auto; max-height: 100px; }
.catitemlist_div .listname a { font-size: 16px; color: #017f98 !important; }
.catitemlist_div .listname a:hover { font-size: 16px; color: #000 !important; }
.catitemlist_div .listitemno { font-size: 14px; }
.catitemlist_div .textlinks.butts8 { font-size: 15px !important; color: #FF7600 !important; background: none !important; border: none !important; text-decoration: underline; }

.catitemlist_column4 { margin-top: 0px !important; }
.catitemlist_div .listprice { font-size: 16px !important; color: #6da123 !important; }

/* section spacer */
.sectionspacer { height: 0px !important; }

/* text size in td */
td, td p, td a { font-size: 14px; }

/*** RESPONSIVE ***/
@media only screen and (max-width: 1000px){
.columndata_container { width: 95% !important; }
.content {width: 95% !important;}
#top-header-outer { width: 100%; }
#top-header { width: 95%; }
#logo span { display: none; }
#upper-menu { float: none; clear: both; width: 100%; text-align: center; padding: 4px 0; background: #f1f1f1; }
#header-right { text-align: left; }
#header-right img { max-height: 40px; margin: 10px 0 0 14px; }
#header-discounts { font-size: 14px; padding: 8px 0; }
#header-discounts span { font-size: 18px; }
.slogan { padding: 8px 0 0 0; }
.slogan .content { width: 100%; }
td.columnspacer { display: none; }
td.leftcol, td.rightcol { display: none !important; }
td.middlecol { width: auto !important; padding: 0px !important; }
#footer-inner { width: 100%; margin: 0 auto; }
#footer-lowericons { display: block; width: auto; margin: 0 auto; text-align: center; }
.botbanner img { max-height: 30px; }
#footer-lowericons img { max-height: 30px; margin: 8px 10px 0 10px; }
.email-desktop { display: none; }
.email-mobile { display: block; }
.searchform, #searchform_div { display: block !important; width: 100% !important; padding: 0px !important; }
.searchinput { font-size: 30px !important; width: 500px !important; }
.searchbanner {background-color: #017f98 !important; text-align: center !important; }
.menutabs { display: block !important; }
.minicart { display: inline-block !important; }
.botbanner { text-align: center !important; }
}


@media only screen and (max-width: 800px){
#header-contact { font-size: 16px; display: block; vertical-align: auto; }
#header-contact img { display: none; }
#header-contact span { display: block; clear: both; float: none; margin: 0px; }
.checkoutbuttons { font-size: 14px; float: right !important; text-align: right; }
#header-buttons a::before { content: ""; width: 16px; height: 16px; }
#logo { width: 40%; }
#header-right { width: 58%; text-align: right; padding: 0 2% 0 0; }
.minicart { display:none !important; }
#header-buttons a.textlinks { font-size: 14px !important; }
#logo img { max-height: 85px; }
#top-menu, #top-menu a { font-size: 16px; }
}

@media only screen and (max-width: 768px){
#footer-inner .footer-col:first-child { display: none; }
#footer-inner .footer-col { width: 31%; }
.searchinput { font-size: 26px !important; width: 400px !important; }
.searchform { padding: 10px 0 !important; }
.searchform::before { font-size: 24px; }
}

@media only screen and (max-width: 680px){
#header-contact {
 width: 30%;
 font-size: 14px;
}
#header-buttons {
 width: 70%;
}
#header-discounts { font-size: 13px; padding: 4px 0; }
#header-discounts span { font-size: 16px; }
#header-buttons a:nth-child(1)::before { width: 20px !important; height: 15px !important; }
#header-buttons a:nth-child(2)::before { width: 20px !important; height: 15px !important; }
#header-buttons a:nth-child(3)::before { width: 20px !important; height: 15px !important; }
#header-buttons a.textlinks { font-size: 15px; text-decoration: none !important; padding: 0 0 0 20px; height: 16px; }
#logo { width: 100%; text-align: center; margin: 0 auto; }
#header-right { display: none; }
#header-right img { max-width: 80px; }
#upper-menu a { margin: 0 4px; font-size: 15px; }
.searchinput { font-size: 24px !important; width: 380px !important; }
#searchform .buttonsstandard {
 font-size: 24px;
}
#item-page { width: 450px; }
.itemname { font-size: 24px; }
}

@media only screen and (max-width: 480px){
#header-contact { display: none; }
#header-buttons { width: auto; margin: 0 auto; text-align: center; float: none; }
.searchinput { font-size: 24px !important; width: 300px !important; }
#item-page { width: 95%; text-align: center; }
.itemname { font-size: 22px; }
}
/* MISSING CSS BELOW */

input:focus,select:focus,textarea:focus,button:focus {outline: none;}
.botbannermenu a:hover {opacity: 0.5;}
.currency_div option {font-weight: bold; }
.rightcol .customheading {font-size: 120%; padding-bottom: 22px;}
.leftcol .customheading {font-size: 120%; padding-bottom: 22px;}
.section_options option {font-weight: bold; }
.modernbutton {line-height: 50px; font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;white-space: nowrap;}
.modernbutton a {color: #FFFFFF; background-color: #017f98; font-size: 98%; font-weight: normal; margin-left: 4px; margin-top: 2px; margin-bottom: 2px; margin-right: 4px; border-style: none; padding: 10px; cursor:pointer; text-decoration: none;}
.modernbutton a:hover {transition: all 0.5s ease; text-decoration: none; color: #017f98; background-color: #FFFFFF; box-shadow: 5px 5px 5px #888888;}
.modernbutton .fa {font-size: 20px !important; color: #FFFFFF; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;}
.modernbutton .faright {padding-left: 10px; padding-right: 0px;}
.modernbutton a:hover .fa {color: #017f98;}
.formbuttons_container .modernbutton {line-height: 75px; }
.formbuttons_container .modernbutton a {padding: 20px; padding-left: 40px; padding-right: 40px; font-size: 110%; }
.formbuttons_container .modernbutton .fa {font-size: 25px !important; }
.classicbuttontext:hover {text-decoration: underline;}
.menutab:hover {background-color: #FFFFFF;}
.menutab:hover a {color: #003300}
.menutabL:hover {background-color: #FFFFFF;}
.menutabL:hover a {color: #003300}
.menutextlink a:hover {opacity: 0.5;}
.menutextlinkL a:hover {opacity: 0.5;}
select option {text-overflow:ellipsis; overflow:hidden;}
.optionselect option {font-weight: bold; }
.subcats td {padding: 5px; color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.subcats a {color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.subcats a:hover {text-decoration: underline;}
.paginglinks a:hover {color: #017f98; background-color: #FFFFFF; box-shadow: 5px 5px 5px #888888;}
.pdm .fa {font-size: 15px !important;}
.pdmicon {display: none;}
#pdm_icontabdata {width: 100%; padding-right: 20px; padding-bottom: 30px; display: none; background-color: #000000; border-color: #FFFFFF; border-style: none; border-width: 0px; box-shadow: 10px 10px 5px #777; }
#pdm_icontabdata ul {clear: left; list-style-type: none; margin: 5px; margin-right: 10px; font-size: 110%; font-weight: normal; padding-top: 5px;}
#pdm_icontabdata a {color: #FFFFFF; font-weight: normal; font-size: 110%; font-weight: normal; text-decoration: none;}
#pdm_icontabdata a:hover {color: #000000; text-decoration: none;}
.modernsearch_input {padding: 5px; padding-left: 8px; padding-right: 8px; border-color: #CCCCCC; border-width: 1px; border-style: none; font-size: 110%; font-weight: normal; color: #FFFFFF; background-color: #017f98; width: 250px; min-height:24px;}
#modernsearch_div {float: right; color: #FFFFFF; background-color: #017f98; }
#modernsearch_div div {color: #FFFFFF; background-color: #017f98; padding-top: 5px; padding-right: 4px;}
#modernsearch_div .tr {width: 0px; margin: 0px; padding: 0px;}
#modernsearch_div div:hover {cursor: pointer;}
#modernsearch_div .fa-search {font-size: 30px !important; color: #FFFFFF; padding-bottom: 5px;}
/* END MISSING CSS  */

/* START MODIFIED CSS  */
/* END MODIFIED CSS  */

/* START ADMIN SETTINGS  */
body {}
.custom_menutab {border-color: #EEEEEE; border-style: solid; border-width: 1px;border-top-right-radius: 10px; border-top-left-radius: 10px;}
.custombutton {border-radius: 10px;}
.botsec {border-color: #30a8ff; border-style: solid; border-width: 1px;}
/* NO ids DATA */
/* END ADMIN SETTINGS  */

/* END */


