body {background-clip: border-box;background-origin: padding-box;background: #e9f2f9 url(../images/bg-01.png) repeat-x scroll 0 0 !important;background-size: auto auto; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; line-height: 21px;margin: 0;padding: 0;}
a{text-decoration:none}
a:hover { color: #CC5500; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; text-decoration: none; }
img { border: 0 none; margin: 0; padding: 0; }
hr { background-color: #EBEBEB; border: medium none; clear: left; color: #EBEBEB; height: 1px; margin: 15px 30px 10px; padding: 0; }
h1 { color: #007700; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding: 17px 0 10px 30px; }
h2 { color: #007700; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 0; padding: 17px 0 10px 30px; }
h3 { color: #007700; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; margin: 0; padding: 5px 0 5px 15px; }
h4 { color: #CC5500; font-size: 17px; font-weight: 400; line-height: 21px; margin: 0; padding: 10px 0 5px 30px; }
h4 a { color: #CC5500 !important; }
h5 { color: #CC5500; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; margin: 0; padding: 10px 0 0 30px; }
h6 { color: #CC5500; font-size: 13px; font-style: normal; font-weight: 700; line-height: 21px; margin: 0; padding: 5px 0 0 30px; }
p { }
form { margin: 0; padding: 0; }
input { background: url(../images/bg-02-2.png) repeat-x scroll 0 -1365px #FFFFFF; border-color: #A8B7C5 #E1E7EC #E1E7EC #CED8E1; border-style: solid; border-width: 1px; color: #333333; font-size: 11px; height: 15px; line-height: 15px; margin: 0; padding: 3px 0 3px 3px; width: 200px; }
select { color: #333333; font-size: 12px; width: 180px; }
label { display: block; font-size: 12px; margin-right: 6px; }
textarea { risize:none; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url(../images/bg-02-2.png) repeat-x scroll 0 -1365px #FFFFFF; border-color: #A8B7C5 #E1E7EC #E1E7EC #CED8E1; border-style: solid; border-width: 1px; color: #333; font-size: 12px; height: 60px; margin-bottom: 5px; padding: 4px; width: 285px; min-height:60px; min-width:285px; }
fieldset { border: 0 none; color: #000000; display: block; float: none; font-size: 13px; line-height: 21px; margin: 0; padding: 5px 0 5px 30px; }
input.radiobox, span.radiobox input, table.radiobox input, div.radiobox input, fieldset.radiobox input { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll !important; background-clip: border-box !important; background-color: transparent !important; background-image: none !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; border-bottom-color: -moz-use-text-color; border-bottom-style: none; border-bottom-width: medium; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: -moz-use-text-color; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: none; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: medium; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: -moz-use-text-color; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-style-value: none; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-width-value: medium; border-top-color: -moz-use-text-color; border-top-style: none; border-top-width: medium; display: inline; float: left; height: 15px; line-height: 21px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 4px; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; width: 15px !important; }
label.radiobox, span.radiobox label, table.radiobox label, div.radiobox label, fieldset.radiobox label { color: #000000; display: inline; float: left; line-height: 21px; margin-left: 8px; padding-right: 20px; padding-top: 1px; text-align: left; width: auto; }
label.radiobox i { color: #333333; display: block; font-size: 11px; font-style: normal; }
label.radiobox b { color: #000000; font-weight: 400; }
label.info { background: url(../images/bg-19.gif) no-repeat scroll right -118px transparent; }
label.addressBook { margin-right: 0; padding-right: 0; width: 158px; }
ol { margin-bottom: 5px; margin-left: 22px; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 30px; padding-right: 0; padding-top: 0; position: relative; }
ol li { margin-bottom: 15px; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; }
ul, ul li, dl, dt, dd { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; }
*:focus{outline:none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
a:link, a:visited, a:active{color:#04C}
.priceQuote input.radiobox{background:none; border:none; margin-top:3px; margin-right: 5px;}
.ItalicizedTxt {font-family:Georgia,Times,Times New Roman;font-size:14px;font-style:italic;margin-top:30px;}

/*Header*/
.header {background: #E9EDF2 url(../images/bg-02-2.png) repeat-x; height: 130px; position: absolute; z-index: 2; left:10px; top:0; width:970px;}
.header .logo {}
.header .logo a { display:block; width: 205px; height:62px; background: url(../images/logo.gif) no-repeat top left; overflow:hidden; text-indent: -999px; float:left; margin:15px 0 0 20px}
.header .right{ float:right; position:absolute; right:0; width: 60%}
#topNav { line-height: 16px; text-align: right; margin:8px 20px 0 0}
#topNav ul { float:right; font-style:normal }
#topNav ul li { border-right:1px solid #D8D8D8; padding:0 12px; display:block; float:left; margin-left:3px}
#topNav ul li a{text-decoration:none}
#topNav ul li.menu {margin-right: 0;border: none;padding-right: 0;}
#topNav .tNFirst { padding: 0 0 0 12px; height:50px; border:none }
#topNav .tNLast { border-left: medium none; padding: 0 12px; font-weight: bold;}
#topNav .tNLast a{font-weight: normal;}
#topNav .tNLast span{padding-right: 10px}
#topNav .cartLink { background: url(../images/bg-19.gif) no-repeat 0 -96px; padding-left: 22px; }
#topNav ul.submenu{position: absolute;right: 0;z-index: 300;width: 110px;text-align: left;padding: 7px 0; top:18px; border:1px solid #6788be; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; background-color:#fff}
#topNav ul.submenu li {margin: 2px 0;float: left; border:none}
#topNav ul.submenu li a {color:#333; font:normal 12px "Segoe UI", Arial, Sans-serif; border:none; display:block }
#topNav ul.submenu li a:hover{text-decoration:underline}
.telNum { color: #555; font-size: 11px; right: 18px; text-align: right; float:right; margin:15px 20px 0 0; width:355px; clear:both}
.telNum b { font-size: 13px; }
.telNum a.offline { color: #697680; }
.telNum a.btnChat { border-right: 1px solid #999; color: #04c; font-size: 14px; margin: 0; padding: 2px 8px 4px 0; text-align: left; float:left}
.telNum a{margin-top: 2px;display: block;width: 184px;float: left;}
.telQ{float: right;width: 171px;text-align: right; font-weight:bold}
.telQ span{line-height:18px; font-weight:normal}
/*.storeCredit{color: #04C}*/

/* Menu Navigation */
ul#mainNav { /*background-color: #247ECA; height: 39px; left: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; top: 91px; width: 970px; z-index: 999;*/}
ul#mainNav li { background-attachment: scroll; background-clip: border-box; background-color: #247ECA; background-image: url(../images/nav-divider.png); background-origin: padding-box; background-position: left top; background-repeat: no-repeat; background-size: auto auto; float: left; height: 45px; }
ul#mainNav li:hover { background-attachment: scroll; background-clip: border-box; background-color: #FFFFFF; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; }
ul#mainNav li:first-child { background-image: none; }
ul#mainNav li a { cursor:pointer; display: block; height: 35px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 10px; text-align: center; }
ul#mainNav li a#nav-home { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/icon-home-off.gif); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; width: 72px; }
ul#mainNav li a#nav-products { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/products-off.png); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; width: 155px; }
ul#mainNav li a#nav-services { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/services-off.png); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; width: 155px; }
ul#mainNav li a#nav-coupons { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/coupons-off.png); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; width: 150px; }
ul#mainNav li a#nav-orderStatus { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/orderStatus-off.gif); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; width: 180px; }
ul#mainNav li a#nav-contactUs { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/contactUs-off.png); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; width: 165px; }
ul#mainNav li:hover a#nav-home { background-image: url(../images/icon-home-on.gif); }
ul#mainNav li:hover a#nav-products { background-image: url(../images/products-on.gif); }
ul#mainNav li:hover a#nav-services { background-image: url(../images/services-on.png); }
ul#mainNav li:hover a#nav-coupons { background-image: url(../images/coupons-on.png); }
ul#mainNav li:hover a#nav-orderStatus { background-image: url(../images/orderStatus-on.gif); }
ul#mainNav li:hover a#nav-contactUs { background-image: url(../images/contactUs-on.gif); }
ul#mainNav li.hovering .dropdown { display: block; }
ul#mainNav .dropdown { display: none; padding-bottom: 12px; padding-left: 12px; padding-top: 0; position: absolute; top: 45px; left: 0; z-index: 777; font-style:normal }
ul#mainNav .bg-right { padding-right: 13px; float:left; }
ul#mainNav .bg-btm { height: 12px; }
ul#mainNav .dd-content { background-color:#fff; padding:20px 5px; max-width: 867px; overflow: hidden;
	-webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.36);
	-moz-box-shadow:    0px 3px 9px 0px rgba(50, 50, 50, 0.36);
	box-shadow:         0px 3px 9px 0px rgba(50, 50, 50, 0.36);
}
ul#mainNav #dd-services .dd-content{width: 867px}
ul#mainNav .bg-btm img { display: block; height: 12px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 100%; }

.dd-content-group{ float: left; margin:0 15px;}

/*For Old Header Navigation*/
.old-navigation-container {
    height: 45px;
    display: block;
    position: absolute;
    top: 91px;
    background-color: #247ECA;
    width: 100%;
    box-shadow: 0 4px 5px -2px grey;
}
.old-navigation-container .nav-list > li {
    width: 16%;
    height: 45px;
    text-align: center;
    color: white;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.old-navigation-container .nav-list > li:not(:last-child) {
    border-right: 1.5px solid #2579c2;
}
.nav-list > li > a .fa-chevron-down, .nav-list > li > span .fa-chevron-down {
    font-size: 12px;
    margin-left: 5px;
    top: 16.5px;
    position: absolute;
}
.nav-list .title {
    margin-left: -15px;
}
.nav-list > li > a, .nav-list > li > span {
    font-size: 15px;
    cursor: pointer;
    color: white;
    width: 100%;
    height: 45px;
    padding-top: 13px;
    box-sizing: border-box;
}
.nav-list > li:hover > a,
.nav-list > li:hover:not(.has-dropdown) > span,
.nav-list > li:focus > a,
.nav-list > li:focus:not(.has-dropdown) > span,
.nav-list > li.expand:hover > span,
.nav-list > li.expand:focus > a {
    color: #247ECA;
    background-color: white;
}
.nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
}
.old-navigation-container .dropdown {
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0 4px 5px -2px grey;
    text-align: left;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1;
}
.old-navigation-container .dropdown-title {
    color: #1B5F98;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
.old-navigation-container .main-list-container {
    display: flex;
}
.old-navigation-container .list-container > a, .old-navigation-container .list-container > span  {
    display: block;
    color: #555555;
    padding: 1px 5px;
    font-size: 12px;
}
.old-navigation-container .list-container > a:hover, .old-navigation-container .list-container > a:focus {
    background-color: #247ECA;
    color: white;
}
.old-navigation-container .list-container {
    color: #555555;
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
}
.old-navigation-container .list-container:not(:last-child) {
    padding-right: 15px;
}
.nav-list > li .dropdown {
    padding: 20px;
    display: none;
}
.nav-list > li.expand .dropdown {
    display: block;
}
.old-navigation-container .dropdown .col-4-dropdown {
    display: flex;
}
.old-navigation-container .col-4-dropdown > a {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}
.old-navigation-container .nav-list > li.search-container {
    width: 36%;
}
.search-widget-container {
    padding: 8px;
    width: 100%;
}
.search-widget-container .search-result-container {
    width: calc(100% - 16px)!important;
}
.empty-search-message {
    text-align: left;
}
#search_bar {
    color: #333333;
    box-sizing: border-box;
    height: 30px;
    font-size: 14px;
    padding-right: 25px;
    background-color: white;
    border: none;
}
#search_icon {
    left: 10px;
    top: 9px;
}
#search_clear_icon {
    right: 8px;
    top: 11px;
    cursor: pointer;
}

#dd-products { left: -66px; }
#dd-products h2, #dd-products .h2 { color: #1B5F98; font-size: 14px; font-weight: bold; line-height: normal; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 17px; padding-left: 0; padding-right: 0; padding-top: 0; display:block}
#dd-products ul { border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #E7E7E7; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: solid; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 1px; float: left; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 15px; padding-top: 0; width:152px}
#dd-products ul li { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; float: none; height: auto; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; }
#dd-products ul li a, #dd-products ul li span { color: #555555; font-size: 11px; height: auto; letter-spacing: normal; padding-bottom: 1px; padding-left: 5px; padding-right: 12px; padding-top: 0; text-align: left; text-decoration: none; }
#dd-products ul li a:hover { background-attachment: scroll; background-clip: border-box; background-color: #247ECA; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #FFFFFF; }
#dd-products li:hover { position: static; }
ul#first-col { border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: -moz-use-text-color; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: none; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 0; }
#dd-services { left: -248px; width: 885px; }
#dd-services .dd-content ul { display: block; height: auto; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; }
#dd-services ul li { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #E5E7E9; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: solid; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 1px; float: left; height: auto; line-height: normal; margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 30px; padding-right: 30px; padding-top: 0; }
#dd-services ul li a { display: block; height: auto; line-height: normal; }
#dd-services ul li:first-child { border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: -moz-use-text-color; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: none; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 0; }
.holiday-marketing-banner { height: 120px; margin-bottom: 15px; margin-left: 0; margin-right: 0; margin-top: 10px; width: 790px; }

/* Left Navigation */
.leftNav { margin-top: 5px; margin-right: 15px; width: 165px; position: relative; float: left; display: inline; padding-top: 1px; overflow: hidden; z-index: 1; }
.leftNav a, .leftNav ul li .subprodlink li span { position: relative; display: inline-block; width: 145px; text-decoration: none; line-height: normal; color: #0567a4; padding: 3px 0 3px 18px; font-size: 12px; border-bottom: 1px solid #FFF; }
.leftNav a:hover { color: #fff; background: #247eca; }
.leftNav .fade { height:30px; background:#FFF url(../images/bg-02-2.png) repeat-x 0 -1500px; }
.leftNav ul { margin: 0; padding: 0 0 10px 0; }
.leftNav ul li { margin: 0; padding: 0; line-height: normal; }
.leftNav ul li.sel a{color:#333; font-weight:bold}
.leftNav ul li.sel a:hover{background:none; color:#333}
.leftNav a#view-all { font-weight: bold; color: #464646!important; }
.leftNav a#view-all:hover { color: #fff!important; }
.leftNav li.category { width: 163px; height: 32px; margin: 0 0 5px 0; padding: 0 2px 4px 0; background: url(../images/prodCat-dropShad.png); line-height: normal; }
.leftNav li.category span { width: 145px; height: 12px; display: block; padding: 9px 0 11px 18px; /*background: #d4edfe;*/ background: #EEE; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #363636; }
.leftnavheader { height:22px; line-height:22px; padding-left:21px; font-size:13px; font-weight: bold; }
.newsm { color:#990000; font-size:10px; font-style:italic; padding-left:3px}
.leftNav ul li .subprodlink{ margin:0 0 0 10px; padding:0;}
.leftNav ul li .subprodlink li{}
.leftNav ul li .subprodlink li a{ font-weight:normal; color:#0567A4}
.leftNav ul li .subprodlink li a:hover{ color: #fff; background: #247eca;}

/* news letter email popup */
.subsWrap{}
.subsWrap p{margin:auto;text-align: center;padding-top: 15px}
.subsWrap span.subsBtn {background: url(../images/bg-11.gif) no-repeat scroll -705px -89px transparent;display: block;height: 39px;margin: auto;width: 100px;cursor:pointer}

/* Footer */
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../assets/fonts/google-fonts/OpenSans/ttf/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local('Open Sans Bold'), url(../assets/fonts/google-fonts/OpenSans/ttf/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');}
.footer {line-height: 150%; background-color: #f7f7f7;float: left;margin-bottom: 0;margin-top: 0;padding-bottom: 10px;width: 970px;border-top: 2px solid #d6d6d6;font-size: 16px;font-family: 'Open Sans',sans-serif !important;}
.footer ul li { display: inline; float: left; padding: 30px 24px 30px 30px !important;}
.footer ul li span { font-size: 16px; color: #3383C2; font-weight: bold; font-stretch: expanded; }
.exclusive { font-size: 13px !important;}
.footer ul li p a { font-size: 14px; color: #676767; cursor: pointer;}
.footer ul li p a:hover { color: #3383C2; }
.social-links { padding-top: 20px; height: 85px;}
.pr-fb-icon { width: 38px; height: 38px;margin-right: 3px; background: url(../images/pr_social.png) no-repeat scroll 0 -4px; float:left; }
.pr-twitter-icon { width: 38px; height: 38px;margin-right: 3px; background: url(../images/pr_social.png) no-repeat scroll -41px -4px; float:left; }
.pr-google-icon { width: 38px; height: 38px;margin-right: 3px; background: url(../images/pr_social.png) no-repeat scroll -82px -4px; float:left; }
.pr-pinterest-icon { width: 38px; height: 38px;margin-right: 3px; background: url(../images/pr_social.png) no-repeat scroll -123px -4px; float:left; }
.pr-feeds-icon { width: 38px; height: 38px;margin-right: 3px; background: url(../images/pr_social.png) no-repeat scroll -164px -4px; float:left; }
.pr-bbb-icon { width: 38px; height: 42px;margin-right: 3px; background: url(../images/pr_social.png) no-repeat scroll -236px 0; float:left; margin-top: -4px; margin-left: 30px;}
.footer #subscribe {color: #fff;padding: 5px 12px;border: 0;cursor: pointer;display: inline-block;text-decoration: none;width: 105px !important;height: 34px !important; background-color: #ed921d; float:left;}
.footer #newsletterForm { margin-top: 5px;}
.footer #newsletterForm input[name="email"] {border-radius: 0;height: 22px;padding: 5px 12px;font-size: 11px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;float:left;width: 150px;}
.copyright {font-size: 13px;text-align: right;color: #A6A2A3;}
.section-border{margin-top: 13px;margin-bottom: 0;background-color: #D6D6D6;height: 2px;}
.section-border div{margin-top: 13px;margin-bottom: 0;background-color: #3283C2;width: 45px;height: 2px;}
.payment-method-icons {display: none; width: 281px; margin-top: 10px;}
.payment-method-icons img {width: 271px; height: auto; padding: 5px;}

/*Body*/
#outerShell { background: url(../images/bg-13.png) no-repeat scroll 0 0 transparent; margin: 10px auto; padding-top: 12px;width: 990px;position:relative}
.pageBody { background: url(../images/bg-13.png) repeat-y scroll -990px 0 transparent; padding: 0 10px; float:left;}
.pushdown{padding-top:130px;}
.content { background-color: #fff;; width: 970px; float:left}

/*auto-complete*/
.ac_results{background:#fff; border:#ccc solid 1px; border-top:none; }
.ac_results ul li{cursor:pointer; padding:0 3px;}
.ac_over{background:#eee;}

/*Global*/
ul.greenSquare { clear: left; float: none; list-style: none outside none; margin: 0 0 8px 30px; padding: 10px 0 0; }
ul.greenSquare li { background: url(../images/bg-28.gif) no-repeat scroll -42px -169px transparent; display: block; float: none; line-height: 18px; list-style: none outside none; margin: 0; padding: 0 0 7px 15px; }
ul.greenSquare li a { display: inline}
.center, #checkoutCrumbs li { text-align: center; }
.clearLeft { clear: left; position: relative; }
.clearRight { clear: right; position: relative; }
.clearBoth { clear: both; position: relative; }
.clearNone { clear: none !important; position: relative; }
.padImgLeft { margin:0 12px 5px 30px; z-index:0 !important;}
.padImgRight { margin-bottom: 5px !important; margin-left: 12px !important; margin-right: 30px !important; margin-top: 5px !important; }
.floatLeft { clear: none !important; float: left !important; position: relative; /* z-index: 10; */ }
.floatRight { clear: none !important; float: right !important; position: relative; /*z-index: 10;*/ }
.floatNone { float: none !important; z-index: 10; }
.floatCenter { margin-left: auto; margin-right: auto; position: relative; }
.floatLc { clear: none !important; float: left !important; }
.topMargin { margin-top: 14px !important; }
.displayNone { display: none !important; }
.note { color: #333333; font-size: 11px; }
.bit { font-size: 11px; line-height: 18px; }
.scrollBox { border: 1px solid #CED8E1; height: 220px; margin: 10px 30px; overflow: auto; padding: 10px 10px 10px 0; position: relative; }
.bold { font-weight: 700 !important; }
.indent { line-height: 24px; padding: 10px 0 0 126px; }
.halfColumn, .floatColumn { display: inline; float: left; overflow: hidden; position: relative; width: 400px; }
.leftColumn { display: inline; float: left; overflow: hidden; position: relative; width: 394px; }
.rightColumn { display: inline; float: right; overflow: hidden; position: relative; width: 394px; }
.thirdColumn { display: inline; float: left; overflow: hidden; position: relative; width: 250px; }
.infoBtn { display:inline; float: left; height:34px; margin:4px 15px 3px 17px; position:relative; width:32px; }
.infoPop { display:block; float:right; height:18px; text-indent:-400px; width:14px; }
.endCap { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/bg-13.png); background-origin: padding-box; background-position: -1980px 0; background-repeat: no-repeat; background-size: auto auto; height: 12px; float:left; width:100%; clear:both}
a.arrow, p.arrow a { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/bg-19.gif); background-origin: padding-box; background-position: right -44px; background-repeat: no-repeat; background-size: auto auto; padding-right: 12px; /*white-space:nowrap;*/ position:relative; }
a.arrow:hover, p.arrow a:hover, ul.arrow li a:hover { background-position: right -70px; }
a.topIcon { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/bg-19.gif); background-origin: padding-box; background-position: 0 -145px; background-repeat: no-repeat; background-size: auto auto; padding-left: 13px; }
#___plusone_0 { display: inline !important; float: left !important; }
.googPO { border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: #D8D8D8; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-style-value: solid; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-width-value: 1px; float: right; }
.footer ul li em, .tabContent ul li em, .simpleTable td em, em.sep, .sorter em, .expressOptions em, .orderInfo em, label em { color: #CCCCCC; font-style: normal; font-weight: 400; margin-bottom: 0; margin-left: 8px; margin-right: 8px; margin-top: 0; }
b, .Qpon p b { color: #000000; }
b.red, span.red, label.red, .redBox h3, table.subTotal tr.discountRow td, fieldset.warning label, .incomplete .charSeparator {color: #EE0000;}
.noTxt, #shipMethodFields, #productCategory, #commentThanks, .introTextBox h1, .introTextBox p, #creditfooter, span.noLabel label, .subFooterText, .backTemplate br, #nodisplay { display: none; }
.mainNav ul li, .infoBoxes input.email, #checkoutCrumbs ul li { float: left; }
.watermarked { color: #969696 !important; }
.bgWavy4 {background: url(../images/bg-17.jpg) no-repeat scroll -2730px 0 #FFF;padding: 30px 0 20px;position: relative; min-height:800px}
.bgWavy3 {background: white url(../images/bg-17.jpg) no-repeat -790px 0;}
#okButton{background: url(../images/btn-ok.png) no-repeat center center; width:153px; height:47px; text-indent:-999px; overflow:hidden; margin:auto; display:block}
.prodFeatures {width: 480px;display: block;padding: 10px 0 0; clear:both; margin-left: 29px;}
.prodFeatures a{clear:none}
.prodFeatures a.cursor_auto{cursor: text;}
.autoHeight {height: auto!Important;}
.tabContent ul.greenSquare{margin-left:0;}
.tabContent ul.greenSquareAdd {margin-left:29px;}

/* Information and Customer feedback - frame full template */
.infoBoxes { background-attachment: scroll; background-clip: border-box; background-color: #F5F8FC; background-image: url(../images/bg-02-2.png); background-origin: padding-box; background-position: 0 -576px; background-repeat: repeat-x; background-size: auto auto; border-top-color: #CED8E1; border-top-style: solid; border-top-width: 1px; clear: both; height: 135px; margin-bottom: 0; margin-top: 0; position: relative; }
.infoBoxes fieldset { display: block; float: left; margin-bottom: 0; margin-left: 16px; margin-right: 0; margin-top: 12px; overflow-x: hidden; overflow-y: hidden; width: 320px; }
.infoBoxes .commentTextarea{background:#fff url(../images/footerWatermakTextarea.png) no-repeat left top }
.infoBoxes .emailcommentTextarea{background:url(../images/footerWatermakEmail.png) no-repeat left top}
.infoBoxes .nobg{background:none}
.infoBoxes #feedback_form fieldset{margin:12px 0 0 0;}
.infoBox a.arrow { background-position: right -43px; }
.commentBox { display: inline; float: left; margin-top: 15px; position: relative; width: 320px; margin-right:39px}
.commentBox span, .helpBox span { color: #007700; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 5px; padding-left: 15px; padding-right: 0; padding-top: 5px; position: relative; }
.commentBox p { font-size: 12px; line-height: 18px; padding-bottom: 0; padding-left: 15px; padding-right: 0; padding-top: 5px; }
#helpbox a.offline, #helpbox a.btnChat { background: none repeat scroll 0 0 transparent !important; border: medium none !important; color: #0044CC !important; display: inline; font-size: 14px !important; line-height: normal; margin: 0; overflow: hidden; padding: 0 !important; text-align: left; }
.helpBox { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/bg-06.gif); background-origin: padding-box; background-position: -199px -75px; background-repeat: no-repeat; background-size: auto auto; display: inline; float: right; height: 120px; margin-bottom: 0; margin-left: 0; margin-right: 20px; margin-top: 15px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0; padding-left: 37px; padding-right: 0; padding-top: 0; position: relative; width: 190px; }
.helpBox p { font-size: 14px; line-height: 24px; margin-left:13px}

/* Body Content - standard template */
.contentContainer { display: block; float: left; margin-bottom: 5px; margin-left: 0; margin-right: 0; margin-top: 5px; position: relative; width: 790px; min-height:800px}
/* width: auto - used in help center overview */
.contentContainer h1.greyBar { padding-bottom: 0; padding-left: 30px; padding-right: 0; padding-top: 17px; width: auto; line-height:48px } 
.contentContainer p, .tabContent p { margin: 0;padding: 5px 0 5px 0;}
.contentContainer ul, .tabContent ul { margin-right: 30px; }
.contentContainer .leftColumn, .contentContainer .rightColumn { width: 394px; }
.contentContainer .leftColumn .contentBox, .contentContainer .rightColumn .contentBox, .contentContainer .contentBox { margin-top: 0; }
.contentContainer .leftColumn .contentBox, .leftColumn .expressOptions { margin-right: 15px; }
.contentContainer .rightColumn .contentBox, .rightColumn .expressOptions { margin-left: 15px; }
.contentContainer .wideColumn { float: left; width: 480px; }
.contentContainer .narrowColumn { float: right; width: 305px; }
.contentContainer .narrowColumn .contentBox { margin-left: 0; }
.contentContainer .simpleTable { margin-bottom: 10px; margin-left: 30px; margin-right: 0; margin-top: 10px; clear:both }
.contentContainer .simpleTable td { padding-bottom: 8px; }
.contentContainer .floatColumn, .content .floatColumn { width: 310px; }
.contentContainer .floatColumn p {padding:5px 30px 10px}
.contentContainer .rightColumn h4 { padding-left: 15px; }
.contentContainer .rightColumn h4.arrow { padding-left: 50px; }

/* tab Content */
div.tabNav { position: absolute; right: 12px; top: 27px; /*z-index: 10;*/ }
div.tabNav a { background: url(../images/bg-07.gif) no-repeat scroll right -118px transparent; display: inline; float: left; font-size: 14px; height: 38px; line-height: 38px; margin-left: -1px; padding-right: 20px; position: relative; }
div.tabNav a b { background: url(../images/bg-07.gif) no-repeat scroll 0 -118px transparent; display: block; float: left; height: 38px; position: relative; width: 20px; }
div.tabNav a.tabOn { background-position: right -80px; color: #000000; text-decoration: none; }
div.tabNav a.tabOn b { background-position: 0 -80px; }
div.mainArticle { border-top: 1px solid #58BBDD; color: #F2AF32; display: block; margin: 12px 0 0 7px; }
h1.greyBar { background: url(../images/bg-02-2.png) repeat-x scroll 0 -786px #CCEEFF; display: block; width: 526px; }
.tabContent { clear: left; /* position: relative; */}
.tabContent h2 { font-size: 24px; line-height: 30px; padding: 17px 0 10px 30px; }
.tabContent h3 { font-size: 18px; line-height: 24px; padding-top: 0; }
.tabContent p.bigArrow { background: url(../images/bg-08-2.gif) no-repeat scroll -48px -115px transparent; display: block; font-size: 14px; font-weight: 700; line-height: 30px; margin-left: 30px; padding: 6px 0 6px 30px; }
.tabContent ul li fieldset { margin-bottom: 20px; }
.tabContent .leftColumn, .tabContent .rightColumn { width: 270px; }
.tabContent span.imageLink { text-align: center; display:block; padding-top:10px; margin-bottom: 10px}

/*Design for supported files */
a.appPDF, a.appPSD, a.appQRK, a.appIND, a.appILL { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(../images/bg-22.png); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; display: block; float: left; height: 35px; line-height: 35px; margin-bottom: 14px; margin-top: 6px; padding-left: 40px; position: relative; width: 160px; }
a.appPSD { background-position: 0 -105px; }
a.appQRK { background-position: 0 -140px; width: 130px; }
a.appIND { background-position: 0 -70px; width: 130px; }
a.appPDF { background-position: 0 -35px; float: none; width: 320px; }

/*Mailing*/
.contentContainer p.alignp, .tabContent p.alignp{margin: auto; width: 92%;}

/*Sample Kit*/
.sk{position: relative;float: left;width: 790px;margin: 5px 0;display: block; background-color:#fff; min-height:800px}
.sk .btnSubmit{width: 205px;height: 48px;border: none;padding: 0; float:right; margin:0 39px 20px 35px}

.artSet{width:789px; float:right; margin-right:1px;}

/*BreadCrumbs*/
.breadcrumbs {clear: both;float: left;margin-top:15px}
.breadcrumbs ul {margin: 0 0 4px;padding: 0;}
.breadcrumbs ul li {color: #333;display: inline;font-size: 10px;}
.breadcrumbs ul li a {font-size:1em;text-decoration: underline; display:inline; clear:none}
.breadcrumbs ul li a:hover {text-decoration: underline;}

.watermarkedsamplekit{background:url(../images/reqValidation.png) no-repeat left center}
.disabledwatermarked{background:none; background:url(../images/reqValidationOn.png) no-repeat left center}

.req-red{color:#cc0000; margin:0 6px}
.req-text{width: 96%;text-align: right;margin-top: -29px;float: right;margin-right: 33px;}

/*Hover ToolTip*/
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px;}
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { background: #fefed1; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#fefebd), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fefebd,  #fff); /* for firefox 3.6+ */ 
-moz-box-shadow: 1px 1px 10px #83919D;
-webkit-box-shadow: 1px 1px 10px #83919D;
box-shadow: 1px 1px 10px #83919D;
border:3px solid #fff; color:#333;padding:10px;}
#tiptip_content h6{color:#cc5500; font-weight:bold; font-size:12px; margin:0; padding:0}
#tiptip_content p{margin:0; padding:0; font-size:11px}
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: #fff;}
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color:#fff; }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: #fff; }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: #fff; }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #fff; border-top-color: #fff; }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #fff; border-bottom-color: #fff;}
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #fff; border-right-color: #fff; }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #fff; border-left-color: #fff; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {padding: 4px 8px 5px 8px;background-color: #fff;}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {border-bottom-color: #ccc;}
#tiptip_holder.tip_top #tiptip_arrow_inner {border-top-color: #ccc;}
}

/*geo targeting*/
#geo-target-info{ float: right;margin: 3px 12px 0 0; }
#geo-target-info span{ background:url(../images/geoipIMG.png) no-repeat; }
#geo-target-info span.ship{ display: block;padding: 7px 5px 4px 51px;background-position: left -55px;line-height: 18px;text-align: center;width: 161px; }
#geo-target-info span.ship span{ display: block;color: #257DC4;font-size: 16px;font-weight: bold;background:none }
#geo-target-info span.pickup{ text-align: center;line-height: 18px;display: block;padding: 3px 0 0 62px;background-position: 3px -3px;margin-top: 9px;min-width: 140px; }
#geo-target-info span.pickup span{ display: block;color: #9D6920;font-size: 16px;font-weight: bold;background: none; }
#geo-target-info span.notax{ display: block;padding: 3px 6px 7px 65px;background-position: 11px -113px;text-align: center;line-height: 18px;min-width: 111px;margin-top: 8px; }
#geo-target-info span.notax span{ display:block; color:#8b9558; font-size:16px;background:none; font-weight:bold }

/*tunaround calendar*/
select.jacsHead{width:auto}

/*Search Widget - Position*/
#sw-position #search_widget input{width: 90%; font-size: 14px; display: inline; height: 16px; background: #ffffff url(../images/sw-magnifying.png) no-repeat left center; padding:9px 0 9px 30px; float:left; margin-left:1px; margin-top:6px;}
#sw-position{padding: 0 20px;width: 305px;}
ul#mainNav li#sw-position:hover ,ul#mainNav li#sw-position .hovering{background:url(../images/nav-divider.png) no-repeat scroll left top #247ECA;}
#sw-position #search_widget .dropdown-menu{margin-top:5px; padding:10px 0;}
#sw-position #search_widget .dropdown-menu li a {padding-left: 22px}
#sw-position #search_widget .dropdown-menu li a .spcs {font-size: 12px}
#sw-position #search_widget .dropdown-menu li.active a .spcs{font-size: 13px}
#sw-position #search_widget .dropdown-menu li.noSelect{padding-left:22px; height: auto;}
div.holiday_message { background-color: rgb(251, 255, 165);font-weight: bold;text-align: center;top: -22px;}

/*SMS PREVIEW*/
.preview {text-align: center; background-color: rgb(222, 253, 53); color: rgb(0, 0, 0);}
.preview a {color: rgb(255, 0, 0);cursor: pointer;font-size: 13px;font-weight: bold;}

/*404*/
.notav div{height:521px;padding: 20px;}
.notav h1{margin: 0px; font-size: 23px; padding-bottom: 10px}
.notav p{margin: 0pt; padding: 0pt}

/*terms page*/
.terms ul{margin-left: 30px}

/*file help*/
.helpSection{ background-color: #EEEEEE;border-bottom: 1px solid #E1E7EC;border-top: 1px solid #CED8E1;margin: 0 30px;padding: 10px 0 8px;position: relative;}
.helpSection .rightColumn {width: 398px;}
.helpSection .leftColumn{width:330px;}
.last-update-terms{padding-left: 15px;}

.discount-highlight{color: #ff0000;}

/*pickup locations*/
.htxt { font-size: 14px; font-weight: bold;}
.atxt { font-size: 12px; font-weight: bold;}
p.txt { line-height: 15px; padding: 0 5px 10px 5px;}
.topTxt { margin: 0; padding: 5px 0;}

h2.h2-body {padding: 17px 0;}
p.p-body {margin-right: 45px;}
ul.greenSquare {margin-right: 45px;margin-left: 10px;}

/*GTS CONTAINER*/
.gts-container {clear: both;margin: 0 auto;width: 100%;}
.gts-badge {text-align: center}
 #gts-c{ z-index: 999 !important;  }
 /*shipping banner*/
.shipping-wrapper{  border: none; }
.shippingBanner div{  background:#FF0000;text-align: center;  color:#FFFFFF;  font-weight: bold;  }
/* Design Services Modal Styles */
.overlay-container {
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.design-services-modal-container {
    color: #333333;
    display: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    margin: auto;
    position: relative;
    opacity: 1 !important;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    top: 70px !important;
    z-index: 15000;
}

#gray_box .design-services-modal-container {
    opacity: 1;
}

.design-services-modal-container .row {
    margin-right: -15px;
    margin-left: -15px;
}

.design-services-modal-container .row:before {
    display: table;
    content: '';
}
.design-services-modal-container .row:after {
    clear: both;
    display: table;
    content: '';
}
.design-services-modal-container .modal-dialog {
    margin: 10px;
    margin-top: 100px;
    position: relative;

    -webkit-transform: translate(0,0) !important;
    -moz-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    transition: transform .3s ease-out;

    width: auto;
}
@media(min-width: 768px) {
    .design-services-modal-container .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}
.design-services-modal-container a,
.design-services-modal-container a:hover {
    color: white;
    text-decoration: none;
}
.design-services-modal-container .close-button {
    background: none;
    border: 0;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 35%;
    right: 5%;
}
.design-services-modal-container .close-button .fa-times:before {
    color: #247eca;
    font-size: 30px;
}
@media (max-width: 500px) {
    .design-services-modal-container .close-button .fa-times:before {
        font-size: 20px;
    }
}
@media (max-width: 500px) {
    .design-services-modal-container .close-button {
        top: 3%;
        right: 1%;
    }
}
.design-services-modal-container .modal-content {
    border: none;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
}
.design-services-modal-container .modal-header {
    border-bottom: none !important;
    min-height: 16.43px;
    padding: 15px;
    position: relative;
}
.design-services-modal-container .modal-body {
    position: relative;
    padding: 15px;
}
.design-services-modal-container .modal-header h3 {
    color: #0f4c8d;
    font-size: 24px;
    font-weight: 600;
    line-height: 26.4px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}
@media (min-width: 501px) {
    .design-services-modal-container .modal-header h3 {
        padding-bottom: 0;
        padding-left: 4%;
        padding-top: 0;
    }
}
@media (max-width: 500px) {
    .design-services-modal-container .modal-header h3 {
        text-align: center;
    }
}
.design-services-modal-container .modal-body .content h5 {
    font-size: 16px;
    font-weight: bold;
}
.design-services-modal-container .modal-body .content {
    box-sizing: border-box;
    float: none;
    width: auto;
}
.design-services-modal-container .modal-body .content.image {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
@media (min-width: 768px) {
    .design-services-modal-container .modal-body .content.image {
        float: left;
        width: 41.66666667%;
    }
}
.design-services-modal-container .modal-body .content.image img {
    height: auto;
    vertical-align: middle;
    width: 75%;
}
@media (max-width: 767px) {
    .design-services-modal-container .modal-body .content.image img {
        width: 35%;
    }
}
@media (max-width: 500px) {
    .design-services-modal-container .modal-body .content.image img {
        width: 60%;
    }
}
.design-services-modal-container .modal-body .content.message {
    font-size: 14px;
    padding-right: 2%;
    padding-top: 2%;
}
.design-services-modal-container .modal-body .content.message h5 {
    color: #333333;
    line-height: 17.6px;
    margin-top: 15px;
    padding: 0;
}
.design-services-modal-container .modal-body .content.message p {
    margin: 0;
    padding: 0;
    padding-right: 2%;
}
@media (min-width: 768px) {
    .design-services-modal-container .modal-body .content.message {
        float: left;
        padding-left: 0;
        padding-right: 3%;
        width: 58.33333333%;
    }
}
@media (max-width: 767px) {
    .design-services-modal-container .modal-body .content.message {
        padding-left: 5%;
        padding-right: 5%;
        text-align: center;
    }
}
.design-services-modal-container .modal-footer {
    border: 0;
    padding: 10px 35px 35px !important;
}
.design-services-modal-container .modal-footer .action {
    background-color: #ff9b0b;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.design-services-modal-container .modal-footer .action:hover {
    background-color: #f09200;
    cursor: pointer;
    font-weight: bold;
}
.design-services-modal-container .modal-footer .action .fa {
    margin-right: 10px;
}
.design-services-modal-container .modal-footer .action .fa:before {
    color: #ffffff;
    font-size: 22px;
}
.design-services-modal-container .modal-footer .action .ds-phone-no
, .design-services-modal-container .modal-footer .action .ds-email {
    font-size: 16px;
}
.design-services-modal-container.visible {
    display: block;
}
.design-services-modal-container .modal-footer .design-services-email {
    background-color: #ebeef3;
    color: #247eca;
    margin-top: 2%;
}
.design-services-modal-container .modal-footer .design-services-email:focus {
    background: #cacdd5;
    color: #0f4c8d;
}
.design-services-modal-container .modal-footer .design-services-email:hover {
    background: #dfe4f0;
    color: #0f4c8d;
}
.design-services-modal-container .modal-footer .design-services-email .envelope-icon:before {
    color: #247eca;
}
.design-services-modal-container .modal-footer  a {
    cursor: pointer;
}