/* Responsive Specific CSS */
/* body.responsivemenu --> responsive dropdown top menu active 
   body.responsivelinkmenu --> responsive link bottom menu active 
   body.responsivewidth-<x> --> indicates the active css media width cutoff point where <x> is the width in pixels
                        <x> --> 1000 | 800 | 780 | 768 | 720 | 540 | 480 | 320
   body.responsivewidth-max --> site is at full width as determined by max-width setting on #wrap1 
   body.responsivewidth-belowmax --> site is smaller than full width as determined by max-width setting on #wrap1 */

html {
	background: #0C3348;
}


body {
	background: url("png/body-bg.png") fixed;
	background-position: center center;
	background-size: auto auto;
	background-repeat:no-repeat;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:12pt;
}


/*_________________SHAREUS_______________ */

.shareus {
	display:none;
}

.supplierloggedout #shopitemproductpricewaslabelspn, .supplierloggedout #shopitemproductpricewasspn {
    display: none !important;
}

#menuultopstd_pid-433 > li {
    box-sizing: border-box;
    float: left;
    height: 33px;
    width: 50%;
}

#menuultopstd_pid-433 {
	width:310px;
}

/*.followus {
}
*/

#btnQuote_CD > span {
    color: transparent !important;
}
#btnQuote_CD > span::before {
    color: #333;
    content: "Send Order";
    display: block;
    padding: 0 2px;
    position: absolute;
    text-align: center !important;
}
div#blog___blogwrapper::after {
	content: " ";
	display: block;
	clear: both;
}
/*_______________ADMIN______________*/


#logged-in {
    background: #f6efb7 none repeat scroll 0 0;
    border: 1px solid #aba96a;
    border-radius: 0 0 30px 30px;
    box-shadow: 1px -1px 2px #aba96a inset, -1px 0 2px #aba96a inset;
    font-family: verdana;
    font-size: 8pt;
    height: 30px;
    left: 50%;
    margin-left: -250px;
    padding-bottom: 5px;
    padding-top: 0;
    position: fixed;
    text-align: center;
    top: -1px;
    width: 600px;
    z-index: 999;
}

.delete-page-tab,
.edit-page-details-tab {
	position:fixed;
	z-index:999;
}

#inner .chunk .tabs {
	left: 0px;
}

/*______________SHOPPING_________________*/

div#shopitemproductoptionsdiv > p span {
    font-family: 'PT Sans Narrow', sans-serif !important;
    line-height: inherit !important;
}

.shoppingbasket {
	top:10px;
	width:215px;
}

#shoppingbasketcheckout {
    background-color: #fff;
    border: 1px solid #0C3348;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    width: 60%;
	border-radius: 0px;
}

#shoppingbasketcheckout a img {
    padding-bottom: 7px;
    padding-right: 10px;
    width: 25px;
}


#shoppingbasketend {
    background-color: #0C3348;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#shoppingbasketend a {
    color: #ebebeb;
    text-decoration: none;
}

.shoppingsearch {
	top:55px;
	width:215px;
}

#shoppingsearchright {
    background-color: #0C3348;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: White;
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}

#shoppingsearchright:hover {
	background-color: #333;
}

#shoppingsearchleft {
    background-color: White;
    border: 1px solid #0C3348;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-sizing: border-box;
    float: right;
    height: 25px;
	line-height:25px;
    padding: 0 10px;
}


#shoppingsearchleft input {
    border: medium none;
    margin-top: 4px;
    width: 140px;
}


.responsivewidth-320 .shoppingbasket {
    width: 40%;
}
.responsivewidth-320 #shoppingbasketend {
    font-size: 9pt;
    width: 30%;
}
.responsivewidth-320 #shoppingbasketcheckout {
    font-size: 9pt;
    text-align: center;
    width: 54%;
}
.responsivewidth-320 #shoppingbasketcheckout img {
    display: none;
}

.responsivewidth-320 .shoppingsearch {
    width: 40%;
}
.responsivewidth-320 #shoppingsearchleft {
    width: 70%;
}
.responsivewidth-320 #shoppingsearchright {
    padding: 0 10px;
    width: 13%;
}
.responsivewidth-320 #shoppingsearchleft input {
    font-size: 10pt;
    width: 70%;
}


/*_______________CHECKOUT_________________*/

.shopheader {
    background: #0c3348 none repeat scroll 0 0;
    color: #ebebeb;
    margin: 0 auto;
}

.dxgvTitlePanel, .dxgvTable caption {
	padding:0px !important;
}


#cartinner {
    padding-bottom: 100px;
}

/*__________SHOPPING BOXES________________*/


#wrap1 #inner .chunk .shopwindowitemtd {
    height: 0 !important;
    text-align: center;
    white-space: normal;
}

#wrap1 #inner .chunk .shopwindowslider {
    height: 330px;
    line-height: normal;
}


#wrap1 #inner .shopwindowitemtab {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
    height: 327px;
    line-height: 1.3em;
    padding-top: 20px;
    width: 100%;
}

.shopitemfoldertitletd {
    background: #0c3348 none repeat scroll 0 0;
    background-image: none;
    height: 30px !important;
    padding: 5px;
	text-align:center;
}

.shopitemfoldertitletd:hover {
	background:#6599BF;
}

.shopitemfoldertitletd > a:hover {
	text-decoration: none !important;
}

.shopitemfoldertitletd > a > h1 {
    color: #fff !important;
    padding-top: 0;
}


#ecommercetemplatebreadcrumb, #ecommercetemplate .shopbreadcrumbtd {
    border-bottom: 1px solid #ccc;
    color: #666 !important;
    margin-bottom: 10px;
    padding: 15px;
}

.shopkeydescription {
    padding: 20px;
}


.shopbreadcrumbtd a { 
	font-weight:bold;
}

.shopmoreinfospn a, .shopaddtobasketspn a {
    background-color: #0c3348;
	transition: all 0.3s;
}

.shopmoreinfospn a:hover, .shopaddtobasketspn a:hover {
    background-color: #6599BF;
	text-decoration: none;
}

.shopspace-top, .shopspace-bottom {
    color: #666;
    padding: 30px 10px 10px;
}

.shopnextprevlink {
	text-decoration: none;
	color: #6599BF;
	font-weight:bold;
	padding:5px;
}
#shopitemviewbasketbtn,
#shopitemcontinueshoppingbtn,
#shopitemaddtobasketbtn {
    background: #0c3348 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #666;
    color: #fff;
    padding: 5px;
	transition: all 0.3s;
}

#shopitemviewbasketbtn:hover,
#shopitemcontinueshoppingbtn:hover,
#shopitemaddtobasketbtn:hover {
    background: #6599BF none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #666;
    color: #0c3348;
    padding: 5px;
	cursor:pointer;
}
.ui-tabs {
    padding: 0px !important;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.ui-widget-header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0c3348 0%, #6599bf 100%) repeat scroll 0 0 !important;
    border: medium none !important;
}

.ui-widget {
    font-family: inherit !important;
    font-size: inherit !important;
}


#tabs-1, #tabs-2, #tabs-3 {
    padding: 15px !important;
}

#logincontent {
    background: #0c3348 none repeat scroll 0 0;
    border-color: black;
    border-radius: 0 0 0 10px;
    color: white;
    display: none;
}

.loginwrapperexpanded #loginmiddle::before {
    color: #fff;
    content: "Close";
}
.loginwrapperexpanded #loginmiddle {
    color: transparent;
}

.responsivewidth-320 #logincontent-inner {
    height: 300px;
    margin-left: 0;
    overflow-y: auto;
	padding:15px;
}
/*_________________Sliders Temp_______________ */

/*.sliderwrap {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fixslide {
    height: auto;
    position: relative;
    width: 100%;
}
.fixslide > img {
    height: auto !important;
    max-width: 100%;
    padding: 0 !important;
    width: auto !important;
}*/

/* #inner .chunk .sliderbody {
    overflow: hidden;
    position: relative;
    height: 100% !important;
	width:100% !important;
}
#inner .chunk .slidergallery {
    overflow: hidden;
    position: relative;
    height: 100% !important;
	width:100% !important;
}
.slidergallery > a > img {
    height: 100% !important;
	width:100% !important;
} */
/*_________________WRAPPERS_______________ */

#wrap1
{
    max-width:100%;
}

#menutoptr .menutopstddiv, #inner
{
      margin: 0 auto;
      max-width: 1200px;
}

#innercontent {
    margin-top: 100px;
}

/*#wrap2 {
}
*/

/*#wrap3 {
}
*/

/*#wrap4 {
}
*/

/*_________________HEADER_______________ */

#header {
	background:#fff;
	position:fixed;
	z-index:999;
	border-bottom: solid 1px #0c3348;
	top: 0px;
}


#headerinner {
    background-color: #fff;
    background-image: url("png/header.png");
    background-position: 50px center;
    background-repeat: no-repeat;
    background-size: 45% auto;
    margin: 0 auto;
    max-width: 1200px;
}

.responsivewidth-320 #headerinner {
    background-color: #fff;
    background-image: url("png/MobileHeader.png");
    background-position: left 5px center;
    background-repeat: no-repeat;
    background-size: 170px auto;
	margin-top:25px;
}

.responsivewidth-768 #headerinner {
	background-size:450px;
	background-position: left 50px top 18px;
}

/* Hide Logo Overlay Links by default */
#logo-overlay-1, #logo-overlay-2
{
    display:none;
}

#logo-overlay-3, #logo-overlay-4 {
	display: none;
}

/*_________________NAV_______________ */

#menutopcentertd {
    background: #0C3348;
}

.menutopstddiv {
	background: #0C3348;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	z-index:1000;
}

.responsivemenu .menutopstddiv {
	height: auto;
	padding-left: 0px;
	padding-right: 0px;
}

#menutopstdbtn {
	background: url(png/MobileBtn.png);
	background-position: center center;
	background-repeat: no-repeat;
	bacgkround-color: transparent;
	background-size:auto 85%;
	color:transparent;
}

#menutopstdbtn:hover {
	background: url(png/MobileBtn.png);
	background-position: center center;
	background-repeat: no-repeat;
	bacgkround-color: transparent;
	background-size:auto 85%;
	color:transparent;
}

.responsivemenu .topstdmenuul {
	position:static;
}

.topstdmenuul > li > a {
	color: #ebebeb;
}

.responsivemenu .topstdmenuul > li {
	background: #0c3348;
}

.topstdmenuul > li:hover > a {
	text-decoration: none;
	color: #009FF4;
}


.topstdmenuul li:hover {
	background:transparent;
	border-bottom:solid 3px #009FF4;

}

.topstdsubmenuul {
    z-index: 999;
}

.topstdsubmenuul li:hover {
	background:#ebebeb;
}

.topstdsubmenuul > li > a:hover {
	text-decoration: none;
}
.topstdsubmenuul > li {
	height:33px;
	box-sizing:border-box;
}

/*_________________INNER H TAGS_______________ */

/*#inner {
}
*/

#inner .chunk h1 {
	font-size:25px;
	color:#0c3348;
}


#inner .chunk h2 {
	color: #6599BF;
	font-size: 18px;
}


/*#inner .chunk h3 {
}
*/

/*_________________TABLES_______________ */
#loginwrapper {
	border-top:3px solid #0C3348;
}
#logininnerwrapper {
    border: medium none;
    display: block;
    margin: 0 auto;
    width: 160px;
}
#loginleft {
    background-color: #0c3348;
    display: none;
    width: 15px;
}
#loginmiddle {
    background-color: #0c3348;
    border-radius: 0 0 10px 10px;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 160px;
}
#loginright {
    background-color: #0c3348;
    display: none;
    width: 15px;
}


#shopitemtab3infodiv td {
    border: 1px solid;
    padding: 10px;
}

/*__________________DIVS________________ */

.supplierloggedout .shopitemofferwrapperdiv {
    display: none;
}

.supplierloggedout .ecommercedetailofferwrapperdiv {
    display: none;
}

/*_________________FOOTER_______________ */

#footer {
    display: none;
}

#footermenu {
    background: #0c3348 none repeat scroll 0 0;
    height: 200px;
}

#designtecstraplinediv, #designtecstraplinediv a {
	color: #333;
	font-size: 9pt;
}

#designtecstraplinediv {
    background: rgba(235,235,235,0.75);
    border-radius: 10px;
    box-shadow: 1px 1px 2px #666 inset, -1px -1px 2px #666 inset;
    margin-top: 175px;
	height: 14px;
	line-height: 13px;
	width:250px;
}


#footeroverlaywrapper {
	margin: -154px auto 0;
}

.footeraddressdiv {
	height: auto;
	border-right: solid 1px #fff;
	padding-right: 50px;
	width: 110px;
	font-size: 10pt;
}

.followus {
    display: block;
    margin: 5px auto -41px;
    max-width: 1200px;
    position: relative;
    text-align: right;
    width: 100%;
	padding-right:15px;
	box-sizing:border-box;
}
/*_________________BOTTOM NAV_______________ */

/*#footertab {
}
*/

/*Header link colour*/
/*.bottomlinkheading {
}
*/

/*Background and link colour*/
/*.menubottomlinkdiv {
}*/

/*___________COOKIES___________*/

.cookies {
    background-color: rgba(192, 192, 192, 0.5);
    border-radius: 0;
    bottom: 0;
    color: #666;
    display: none;
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    font-size: 9pt;
    line-height: 18px;
    margin-bottom: 0;
    margin-left: 0;
    opacity: 1;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
#cookiesinner {
    margin: 0 auto !important;
    max-width: 790px;
    padding: 8px 0;
}
#cookiesinner img {
    padding-left: 10px;
    padding-top: 0px;
    vertical-align: text-bottom;
}
.responsivewidth-320 #cookieswrapper img {
    float: left;
    height: 20px;
    margin: 10px 0 !important;
    padding: 10px;
}
.responsivewidth-320 #cookieswrapper {
    background-color: #333;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    opacity: 1 !important;
    padding: 5px 10px 5px 0;
}
.responsivewidth-320 #cookiesinner {
    padding: 0;
}
.responsivewidth-320 #cookieswrapper a {
    color: #fff !important;
}
.responsivewidth-768 .cookies {
    font-size: 13px;
	line-height:18px;
}
.responsivewidth-768 #cookiesinner {
    padding: 5px 0;
}
.responsivewidth-768 #cookieswrapper img {
	padding-top: 8px !important;
}

.supplier-info-icon::after
{
    content:'\f05a';
    cursor: default;
}