/*frameowrk and nav*/
#wrapper {position:relative; left:0px; background:#eee;}
#mobNav {position:fixed; width: 260px; right:-260px; top:0; bottom:0; z-index:100; background:#fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
#navBtn {position: absolute; left: -62px; top: 12px; background: rgba(255,255,255,0.2); padding: 6px 10px; border-radius: 6px; font-size: 32px; color: #bccb09; cursor:pointer;}
#navBtn:hover {font-size:28px; padding:8px 12px 8px 11px; opacity:0.9;}
#navBtn:active {font-size:34px; padding:5px 9px 5px 9px; opacity:1;}
.siteSearch {z-index:100; border-bottom:1px solid #000; width: 100%; left: 5px;padding:10px; position:relative;}
.siteSearch .fa-search {position:absolute; top: 16px; left:17px; color:#666;}
.siteSearch .fa-times-circle {position:absolute; top: 15px; right: 17px; cursor:pointer; font-size: 16px; color:#666;}
.siteSearch .fa-times-circle:hover {color:#000;}
.siteSearch input {width: 100%; padding-left: 30px !important;}

.mobNavOn {right:0px !important;}
.wrapperOn {left:-260px !important;}

#mobNav .nav_first {padding-bottom:100px;  min-width:110%; display:block;}
#mobNav .nav_first>li {}
#mobNav .nav_first>li>a {font-size: 16px; width: 100%; display:block; color:#0075bf; padding: 5px 10px 5px 20px; border-bottom: 1px solid rgba(255,255,255,0.1); font-weight:600;}
#mobNav .nav_first>li>a:hover {color:#afa051;}
#mobNav .nav_first>li>.staticNav {position:relative;}

#mobNav .nav_second>li>a{padding: 10px 5px 0px 30px; margin-bottom: 5px; line-height: 0.8;display:block; width: 100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 14px;}
#mobNav .nav_second>li>a:before {position:absolute; content:">"; left: 14px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_second>li>a:hover {padding-left:40px;}
#mobNav .nav_second>li>a:hover:before {left:24px; color:#fff;}

#mobNav .nav_third>li>a{padding: 8px 5px 0px 45px; margin-bottom: 4px; line-height: 0.8;display:block; width: 100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 12px;}
#mobNav .nav_third>li>a:before {position:absolute; content:">"; left: 30px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_third>li>a:hover {padding-left:50px;}
#mobNav .nav_third>li>a:hover:before {left:36px; color:#fff;}

#mobNav .nav_fourth>li {margin-left: 5px;}
#mobNav .nav_fourth>li>a{padding: 8px 5px 0px 55px; margin-bottom: 4px; line-height: 0.8;display:block; width:100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 11px;}
#mobNav .nav_fourth>li>a:before {position:absolute; content:">"; left: 40px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_fourth>li>a:hover {padding-left:60px;}
#mobNav .nav_fourth>li>a:hover:before {left:46px; color:#fff;}

.nav_second .staticNav { color:#a68f55 !important; font-size: 18px !important;}
.nav_third .staticNav {color:#a68f55 !important; font-size: 16px !important;}
.nav_second .staticNav:before,.nav_third .staticNav:before  {content:" " !important;}
.noTopNav {display:none !important;}

.totalNavStrap {position:absolute; left:0px; top:0px; width:6px; bottom:0px;}
.searchHeader { background:url(files/image/assets/videoSwirls.jpg); background-size:cover; background-position:center center;}
.miniHeader {position: relative; overflow: hidden; height: 172px; background:url(files/image/assets/videoSwirls.jpg); background-size:cover; background-position:center center;}

.siteHeader .contained {position:relative;}
.headTelephone {width:300px; text-align:center; position:absolute; font-size: 26px; top:23px; left: 30%;color:#ffd; font-weight:600;}
.headTelephone i { color:#bccb09 !important;}
.headDelivery {width:300px; text-align:center; position:absolute; font-size: 16px; top:54px; left: 30%; font-weight: 400; color:#fff}

@media (max-width:962px){
.siteHeader nav {display:none;}
.headTelephone {top: 52px; left: auto; right: 162px; font-size: 20px;}
.headDelivery {top: 60px; right: 15px; left: auto; font-size: 13px; text-align:right;}

}
@media (min-width:680px) and (max-width:962px){
.miniHeader {height:130px !important;}
.searchHeader video {left:-10% !important; right:-10% !Important; width:120% !important;}
}
@media (max-width:680px) {
.searchHeader video {left:-50% !important; right:-50% !Important; width:200% !important;} 
#accountNav p {font-size: 0px;}   
#accountNav p a {font-size: 14px;}  
.headTelephone {top: -8px; left: 16px; text-align:left; font-size: 16px;}
.headDelivery {top: 70px;left: 16px; text-align:left; font-size: 12px;}


}

/*search results*/
#searchResults {background:#06191e; position: relative; z-index: 999;}
#searchResults li {color:#999; font-weight: 100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding: 6px 10px 6px 30px; border-bottom:1px solid rgba(255,255,255,0.1);}
#searchResults li a {color:#fff; font-weight: 200; font-size: 14px;}
#searchResults li:hover {background-color:#0a2933;}
#searchResults .search_Event:before {position:absolute; content:"\f02c"; color:#9d8847; left: 6px; top: 5px; font-size: 18px; font-family:'fontAwesome';}
#searchResults .search_News:before {position:absolute; content:"\f1ea"; color:#00919c; left: 6px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .search_Navigation:before {position:absolute; content:"\f054"; color:#ddd; left: 10px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .search_Shop:before {position:absolute; content:"\f07a"; color:#583658; left: 6px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .selected {background-color:#0a2933;}



/*COLOURS*/
.totalDarkBlue {color:#1f286d;}
.totalDarkBlueBG {background-color:#1f286d;}
.totalBlue {color:#0075bf;}
.totalBlueBG {background-color:#0075bf;}
.totalGreen {color:#bccb09;}
.totalGreenBG {background-color:#bccb09;}
.totalBlack {color:#000;}
.totalBlackBG {background-color:#000;}
.totalWhite {color:#fff;}
.totalWhiteBG {background-color:#fff;}
.totalGrey {color:#748d9b;}
.totalGreyBG {background-color:#748d9b;}
.lightGrey {color:#ddd;}
.lightGreyBG {background-color:#ddd;}

/*TEXT FORMATS*/

body, h1, h2, h3, h4, h5, p, a, li, strong, div, span, input, select {font-family: 'Work Sans', sans-serif; line-height: 1.2;}

.heading1 {font-size:32px; font-weight:300; margin-bottom:16px;}
.heading2 {font-size:24px; font-weight:300; margin-bottom:12px;}
.heading3 {font-size:18px; font-weight:600; margin-bottom:9px;}
.heading1a {font-size:36px; text-transform:uppercase; font-weight: 300; padding-bottom: 20px;}
strong {font-weight:600;} span {font-weight:inherit;}
.copy {font-size:15px; margin-bottom:7.5px;}

@media (min-width:769px) and (max-width:962px){
.heading1 {font-size:26px; margin-bottom:13px;}
.heading2 {font-size:20px; margin-bottom:10px;}
.heading3 {font-size:16px; margin-bottom:7px;}
.heading1a {font-size:30px; padding-bottom: 15px;}
.copy {font-size:13px; margin-bottom:6.5px;}
}
@media (max-width:768px){
.heading1 {font-size:20px; margin-bottom:10px;}
.heading2 {font-size:16px; margin-bottom:8px;}
.heading3 {font-size:14px; margin-bottom:7px;}
.heading1a {font-size:24px; padding-bottom: 12px;}
.copy {font-size:12px; margin-bottom:6px;}
}

/*HEADER*/
.siteHeader {position:absolute !Important; padding-top:10px; height: 130px; z-index:10;  width:100%;  top:0px; left:0px; border-bottom:3px solid #bccb09;}
.siteHeader .logo {max-width:280px; }
.searchItems {position:absolute; z-index:100; top:55%; width:100%; text-align:center;}
.searchItems input[type=text] {font-size: 28px; width: 500px; min-width: 280px; padding: 8px 30px; border-radius:30px;  outline:none; border:5px solid #bccb09; color:#0075bf; font-weight:600; }
.searchItems input[type=button] {font-size: 28px; padding: 8px 30px; border-radius:30px; outline:none; background-color:#1f286d;  border:5px solid #0075bf; color:#fff; font-weight:600;}
.searchItems select { -webkit-appearance: caret; -moz-appearance:caret; appearance:caret;
border-radius: 20px; padding: 5px 40px 5px 15px; width: 240px; font-size: 16px; font-weight:600; color:#1f286d; margin-top: 10px;
background:#bccb09 url(files/image/assets/selectArrows.png) no-repeat right 7px / 24px;}
#category {margin-right: 170px;}

.searchItems input[type=text]:focus {background-color:#bccb09; color:#1f286d;}
.searchItems input[type=button]:hover {background:#000;}
.siteHeader .row>div {position:static;}
#accountNav {position:absolute; bottom: 3px; right: 15px;  }
#accountNav p {ont-size: 16px; font-weight: 600; color:#fff;} 
#accountNav a {position:relative; top:0px; cursor:pointer; text-shadow:0px 1px 0px rgba(255,255,255,0.4); background:#bccb09; color:#1f286d;  font-weight: 600 !important; padding: 5px 10px; margin-left: 10px; border-radius: 6px 6px 0px 0px;}
#accountNav a i {margin-right: 10px;}
#accountNav a:hover {padding-bottom: 10px; top:-4px; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.3);}


@media (min-width:570px) and (max-width:768px){
.searchItems {top: 67%;}
.searchItems input[type=text] {font-size: 16px; width: 50% !important; border-width: 3px;}
.searchItems input[type=button] {font-size: 16px;  width: 20% !important; border-width: 3px;}
.searchItems select {width: 35% ;}
#category {margin-right: 0%;}
.searchHeader {padding-top: 50% !important;}
}
@media (max-width:571px){
.searchItems {top: 67%;}
.searchItems input[type=text] {font-size: 16px; width: 50% !important; border-width: 3px;}
.searchItems input[type=button] {padding: 7px 0px; font-size: 16px;  width: 20% !important; border-width: 3px;}
.searchItems select {width: 39%; font-size: 12px; padding-right: 25px; background-size: 16px;}
#category {margin-right: 0%;}
.searchHeader {height: 300px;}
}
@media (max-width:360px){
.searchItems input[type=text] {width: 90% !important; margin-bottom: 5px;}
.searchItems input[type=button] {width: 90% !important;}
.searchHeader {height: 320px;}
.searchItems {top: 60%;}
.searchItems select {width: 45%; font-size: 10px !important;}
}



#checkout {position:absolute; top: 12px; right: 90px; font-size: 14px; background:rgba(255,255,255,0.3);font-weight: 600; color:#fff; padding:6px 10px; border-radius: 6px;}
#checkout a {cursor:pointer; background:#0075bf; color:#fff; padding: 4px 8px; border-radius: 6px; font-size: 13px; display:inline-block; margin-left: 10px;}
#checkout a:hover {background:#bccb09; color:#1f286d;}

#breadcrumbs {background-color:#bccb09; padding:5px 0px; font-size: 9px; white-space:nowrap; color:rgba(255,255,255,0.5); overflow:auto; }
#breadcrumbs a {color:#fff; font-weight: 600; font-size: 12px; padding:0px 10px;}
#breadcrumbs a:hover {text-decoration:underline;}

#topNav { text-align:center; background:rgba(188,205,0,0.8); position:absolute; bottom: -45px; width: 100%; border-bottom:3px solid #bccb09 }
#topNav .noTopNav {display:none;}
#topNav {marign:-5px 0px;}
#topNav li {display:inline-block; margin-right:-5px; font-weight: 700; padding:10px 10px; border-left:4px solid #bccb09}
#topNav li:last-child {border-right:4px solid #bccb09;}
#topNav li a {color:#1f286d;}
#topNav li:hover {background:#1f286d;}
#topNav li:hover a { color:#bccb09 !important;}

#megaMenu {position:absolute; width:100%; z-index:999; top: 172px; border-bottom:4px solid #bccb09;}
.megamenu {min-height:100px; padding: 20px 0px 10px 0px;}
.megamenu ul li {cursor:pointer; line-height: 1.4; position:relative; left:0px; margin-bottom: 10px; font-size: 14px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.megamenu ul li:before {content:"\f054"; font-family:fontAwesome; margin-right: 8px; color:#bccb09;}
.megamenu ul li:hover {left:5px;}
.megamenu ul li a {color:inherit;}
.megamenu h2 {color:#bccb09; font-size: 32px; margin-bottom: 15px;}


@media (max-width:680px){
 .logo {width:230px;}
 .siteHeader {height:175px;}
 .miniHeader {height: 175px !Important;/* width:130%; */}
 #checkout {left: 10px; width:300px; right:auto !important; top:105px; text-align:center;}
}



/*FOOTER*/

footer ul li {color:#fff; font-size: 14px; line-height: 1.5;}
footer ul li a {color:#fff;}
footer ul li img {margin-top: 10px;}

/*MODULES*/
.section {padding:25px 0px;}
.homeCatBox {position:relative; background-size:cover; border:1px solid #eee; box-shadow:0px 0px 2px rgba(0,0,0,0.1); padding:32% 0%; margin-bottom: 15px;}
.homeCatBox span {position:absolute; width:100%; padding:10px; bottom:0px; background:rgba(0,0,0,0.4); color:#fff; background-position:50% 0%; left:0px;}
.homePopularBox {text-align:center; background:#fff; padding: 5px; border-radius:6px; border:1px solid #ccc; margin-bottom: 10px;}
.homePopularBox img {max-width:100%; max-height: 150px;}
.homePopularBox h3 {color:#bccb09; font-weight:600; text-align:center; margin-bottom: 6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.homePopularBox p {padding:2px 10px; font-size: 14px;color:#333; font-weight:300; text-align:left; margin-bottom: 6px; overflow:hidden; height: 36px;}

.homePopularBox:hover .viewBtn {background:#bccb09; color:#1f286d;}
.viewBtn {background:#0075bf; border-radius:3px; padding:4px; width:100%; display:inline-block; text-align:center; font-weight:600; color:#fff;}
.viewBtn:hover {background:#bccb09; color:#1f286d;}

/*form classes*/
.formTextBox {outline:none; font-size: 16px; background:#f5f5f5; font-weight:300; font-family:'Work Sans'; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444; min-width: 60px;}
.formTextBox:hover,.formTextarea:hover {border-color:#bccd00; box-shadow:0px 0px 5px rgba(255,255,255,0.3);}
.formTextBox:focus,.formTextarea:focus {border-color:#1f286d; background:#bccd00; box-shadow:0px 0px 5px gold;}
.formButton {cursor:pointer; outline:none; font-size: 16px; font-family:'Work Sans'; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#fff; color:rgba(255,255,255,0.8); background:#0075bf;}
.formButton:hover {color:#fff; opacity:0.9; }
.formButton:active {color:#fff; opacity:1; text-shadow:0px 1px 1px rgba(0,0,0,0.4); background:#000 !important;}
.w100p {width: 100%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
fieldset {padding: 3px; border:1px solid rgba(0,0,0,0.05); border-radius: 3px;}
fieldset label {padding:10px; font-size: 14px; color:#333; display:block; font-family:'Work Sans'; font-weight: 300;}
fieldset select {width: 100%; font-size: 16px; background:#f5f5f5;}
fieldset input[type="checkbox"] {margin:0px; margin-top:-2px;}
fieldset a {font-weight: 600; color:inherit;}

.formButton {font-weight: 600; padding: 4px 20px;}
.formButton:hover {background:#bccd00 !important; color:#1f286d;}
.mandatoryError {background:#fdd; color:#f00}
.formTextarea {width: 100%; height: 80px; outline:none; font-size: 16px; background:#f5f5f5; font-weight:300; font-family:'Work Sans'; border-radius: 5px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444;}
.topLabel {color:#666; font-size:10px; text-align:center; background:#f5f5f5; padding:2px;}
.formError {text-align:center; color:#f00; font-weight:600; font-size: 14px; padding: 10px;}


/*popbox*/
#popBoxbg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:9999;}
.popBoxShell {position:absolute; background:#fff; padding: 0px; border-radius: 6px; border:2px solid #bccd00; box-shadow:5px 5px 20px #000;}
.popBoxShell h2 {font-size:16px; text-align:center; background:#bccd00; color:#1f286d; font-weight:600; padding:5px 0px;}
.popBoxShell h2 i {cursor:pointer; opacity:0.5; position:absolute; right: 3px; top: 3px; font-size: 18px; color:#000;}
.popBoxShell h2 i:hover {color:#f00; opacity:1;}
.popBoxContent {padding: 15px;}
.popBoxContent fieldset {border:0px; padding:0px; margin-bottom: 10px;}
.popBoxContent input {width:100%;}
.popBoxContent p {font-size:12px;}
.popBoxContent p a {display:inline-block; background:#bccd00; color:#1f286d; padding: 3px 10px; border-radius: 20px; font-weight: 600;}
.popBoxContent p a:hover {background:#1f286d; color:#bccd00;}
.popGo {transform:scale(0.5); opacity:0;}

@media(min-width:768px){ .signUpForm {width:700px !important;} }
.signUpForm h3 {text-align:center; margin-bottom: 10px; font-weight:600; color:#666;}
.signUpForm .topLabel {background:#fff; color:#999; letter-spacing:1px; text-align:left;}

/*ACCOUNT AREA*/
.accountArea {padding:25px 0px;}

.accountArea .tabs {border-bottom:3px solid #ddd;}
.accountArea .tabs li {cursor:pointer; display:inline-block; font-weight:300; color:#444; text-shadow:0px 1px 0px rgba(255,255,255,0.6); margin-right: 10px; font-size: 14px; padding: 10px 15px; text-align:center; background:#ddd; border-radius:4px 4px 0px 0px;}
.accountArea .tabs .disabled {cursor:default; opacity:0.4;}
.accountArea .tabs .selected {background-color:#1f286d; color:#fff; text-shadow:0px -1px 1px rgba(0,0,0,0.5); }

@media (max-width:640px){
.accountArea .tabs li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 12px; text-align:left;width:48%; margin-right:1%; margin-bottom: 5px; border-radius:4px;}
.tabs {border-bottom: none !important;}    
}
.tabsContent {padding-top:15px;}
.accountDetails .topLabel {background:none; text-align:left;}
.accountDetails fieldset {border:none ;}

.liveOrderLine { position:relative; font-size:20px; margin:0px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 100px 10px 10px; }
.note {font-size:12px; padding:10px 0px; color:#666; text-align:center;}
.liveOrderLine span {display:inline-block; padding:3px 10px; border-radius:6px;}
.liveOrderLine .orderRef {background:#1f286d; color:#fff; }
.liveOrderLine .orderTime {color:#666; font-size: 16px;}
.liveOrderLine .orderItems {color:#333; font-size: 16px;}
.liveOrderLine .orderValue {color:#000; font-weight:600; font-size: 18px;}
.liveOrderLine .orderEdit {position:absolute; right: 10px; top: 13px; color:#1f286d; background:#bccd00; font-weight:600; font-size: 14px; cursor:pointer;}
.liveOrderLine .orderEdit:hover {background:#1f286d; color:#bccd00;}

.liveOrderLine .orderTime:before {content:"TIME"; font-size: 10px; position:relative; top: -1px; padding-right: 5px;}
.liveOrderLine .orderItems:before {content:"ITEMS"; font-size: 10px; position:relative; top: -1px; padding-right: 5px;}
.liveOrderLine .orderValue:before {content:"£"; font-weight:300; font-size: 10px; position:relative; top: -1px; padding-right: 5px;}


/*CATS AND PRODUCT LISTINGS */

.categoryHeader {padding-top: 20%; background:#000; border-bottom:3px solid #bccd00; background-size: cover;} 
.categoryHeader .contained {position:relative;}
.categoryHeader h1 {position:absolute; bottom: 0px; left: 0px; padding: 10px 40px 10px 0px; background:#bccd00; font-size:24px; font-weight: 600; color:#1e256f; text-shadow:0px 1px 0px rgba(255,255,255,0.5); border-radius:0px 30px 0px 0px;}
.categoryHeader h1:after {position:absolute; content:"."; color:#bccd00; background:#bccd00; left:-600px; width:600px; top: 0px; bottom: 0px;}
@media (max-width:1170px){ .categoryHeader h1 {padding-left: 15px; }}

.categoryList {padding: 40px 0px 25px 0px;}
.subCategory {margin-bottom: 15px;padding-top: 50%; background:#eee; background-size:cover; border-radius: 3px; overflow:hidden; position:relative;}
.subCategory h3 {position:absolute; width:100%; top:0px; left:0px; text-align:center; background:#bccd00; color:#1e256f; font-weight:600; font-size:18px; padding: 5px;}
.subCategory .infoBlock {overflow:hidden; position:absolute; border-top:2px solid #bccd00; bottom:-58px; height: 60px; background:rgba(0,0,0,0.7); color:#fff; padding: 15px; font-size: 14px; width:100%;}
.subCategory:hover .infoBlock {bottom: 0px;}

.productListing {padding: 40px 0px 25px 0px;}
.productListing a {color:inherit;}
.productList {position:relative; background:#fff; margin-bottom: 15px; height: 290px; overflow:hidden;}
.productImage {position:relative; height: 130px; overflow:hidden; background-size:contain; background-position:center center; background-repeat: no-repeat; margin: 10px 0px;}
.productImage img {width:1px; height: 1px; position:relative; left:-1px; }
.productInfo {background:#f5f5f5; padding: 15px;}
.prodShortDesc {font-size: 13px; color:#000; line-height: 1.5; height: 90px;}
.productList h3 {background:#00aaf0; color:#000; text-align:center; font-size: 16px; font-weight: 600; padding: 5px; max-height:50px;}
.prodQuantity {}
.prodAdd {position:absolute; z-index:99; cursor:pointer;  bottom: 0px; right: 0px; border-radius:6px 0px 0px 0px; font-size: 14px; background:#1e256f; padding: 4px 8px; color:#fff !important; font-weight:bold;}
.prodPrice { position:absolute; bottom: 0px; left: 0px; font-size: 14px; border-radius:0px 6px 0px 0px; font-size: 14px; background:#bccd00; padding: 4px 8px; color:#1e256f !important; font-weight:bold;}

.subHeading {font-size:24px; padding: 10px 20px 10px 5px; font-weight: 600; display:inline-block; position:relative; background:#fff; top:-40px; border-radius:0px 0px 10px 0px;}
.subHeading:before {position:absolute; width: 500px; left:-500px; content:" "; background:#fff; height: 100%; top:0px;}
.totalBlueBG .subHeading {background:#bccd00; color:#1e256f;}
.totalBlueBG .subHeading:before {background:#bccd00;}
.totalGreenBG .subHeading {background:#1e256f; color:#fff;}
.totalGreenBG .subHeading:before {background:#1e256f;}


.productDisplay  {padding: 40px 0px;}
.productMainImg {width: 100%;overflow:hidden;background-repeat:no-repeat;background-color:#fff;background-size:90%;border: 1px solid #ccc;border-radius:3px;padding-top: 80%;background-position: 50% 50%;} 
.productMainImg img {position:absolute; width: 1px; height: 1px; left:-1px;}

.productPics {padding: 5px; border:1px solid #ddd; border-radius: 3px; margin-top: 10px;}
.productPicsWrap {width: 100%; height: 80px; overflow:auto; text-align:center; background:#eee; white-space:nowrap;}
.productPicsWrap div {position:relative; margin-right: 5px; display:inline-block; width: 100px; background:#fff; cursor:pointer; height: 80px; border:1px solid #ddd; overflow:hidden; text-align:center;}
.productPicsWrap div img {height:80%; margin-top: 10%;}
.productPicsWrap div:after {position:absolute; content:"\f00e"; font-family:'fontAwesome'; color:rgba(0,0,0,0.6); right: 5px; bottom: 5px;  }

.productDisplay h1 {font-size: 32px; font-weight: 600; position:relative; padding-right: 90px; border-bottom: 1px solid #999; color:#1e256f; padding-bottom: 5px; margin-bottom: 20px;}
.productDisplay h1 span {position:absolute; right: 0px; font-size:14px; color:#555;}
.productDisplay p, .productDisplay li {font-size: 16px; color:#333; line-height: 1.5; margin-bottom: 8px;}
.productDisplay li {list-style:disc; margin-left: 25px;}
.productDisplay p a {color:#0075bf; font-weight: bold; text-decoration:underline; }


.productPromo input {padding: 3px;}
.productPromo input[type="button"] {background:#bccd00; color:#1e256f; border:0px; margin-left:10px; padding: 5px 10px; font-weight:600; border-radius: 4px;}
.productPromo input[type="button"]:hover {background:#1e256f; color:#bccd00; }
.productPromo {padding: 10px 10px 5px 10px; margin-bottom:10px;  background:#f5f5f5; border-radius: 5px; font-size: 10px; }
.productPromo p {font-size: 12px;}
.productPromoFlag {background:#c00; color:#fff; text-align:center; font-weight:600; padding: 5px; border-radius: 20px; margin-bottom: 10px;}

.productShop {width:100%;}
.productShop .prodQ {float:right; border-radius: 20px; background:#bccd00; padding:2px 3px 3px 3px; position:relative; }
.productShop .prodQ input { position:relative; top:-2px;width: 20px; text-align:center; color:#1e256f; text-shadow:0px -1px 0px rgba(255,255,255,0.5); border:none; background:none; font-weight:bold; outline:none; font-size:14px;}
.productShop .prodQ i {cursor:pointer; position:relative; top: 1px; color:#0075bf; background:rgba(255,255,255,0.5); font-size:20px; padding: 1px 2px; border-radius: 20px;}
.productShop input[type="button"] {float:right; margin-left: 10px;}
#productAdd {border:none; background:#0075bf; color:#fff; font-weight:600;  outline:none !important; font-size: 18px; padding: 3px 20px; border-radius: 20px; margin:0px 10px; cursor:pointer;}
#productAdd:hover {background:#1e256f;}

.addProdCartBox {width: 280px; text-align:center;}
.addProdCartBox h3 {text-align:center; font-size: 20px; font-weight:600; margin-bottom: 12px;}
.addProdCartBox img {width: 100% !Important; max-width:240px;}
.addProdCartBox p {font-size: 16px; margin:10px 0px;}
.addProdCartBox select {}
.addProdCartBox .productShop {text-align:center;}
.addProdCartBox .productShop .prodQ {float:none; display:inline-block; margin-bottom:10px;}
#addContinue {text-shadow:0px 1px 0px rgba(0,0,0,0.3); margin-bottom: 10px; background:#0075bf; color:#fff; border:none; padding: 5px; border-radius: 4px; font-weight:bold; font-size: 16px; outline:none;}
#addCheckout {text-shadow:0px 1px 0px rgba(0,0,0,0.3); background:#1f286d; color:#fff; border:none; padding: 5px; border-radius: 4px; font-weight:bold; font-size: 16px;  outline:none;}
#addContinue:hover {background:#bccd00; color:#1e256f; text-shadow:none;}
#addCheckout:hover {background:#bccd00; color:#1e256f; text-shadow:none;}
.prodDisplayPrice {float:right; font-size: 24px; font-weight: 600; color:#1f286d; margin-right: 10px;} 




.checkout {padding-bottom: 20px; min-height: 400px;}
.checkout td, .checkout th {padding:0px;} 
.checkout h2 {padding-top: 40px;}
.checkout .contained>table {margin:0px !important; background:#fff; width:100%; max-width: 962px; border-radius:6px; border:1px solid #ddd; border-collapse:collapse;}
.checkout .contained>table>tbody>tr>td {padding:4px 2px !important; border-bottom: 1px solid #ddd;}
.co_line_left, .co_line_right {width:100%;}
.co_line_left td, .co_line_right td,.co_line_right th {padding:4px !Important;}
.co_code {font-size:12px; color:#333; font-weight:600; width:15%;}
.co_name {font-size:16px; color:#333; font-weight:600; width:85%; text-align:left; /*white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis;}
.co_desc {font-size:14px; color:#555; font-weight:300; width:10%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.co_line_right th {font-size: 10px; text-align:center; padding-top: 10px; font-weight: 600; color:#666;}
.co_line_right td {font-size: 16px; text-align:center; padding-bottom: 10px;}
.co_line_right .co_num:last-child {font-weight:bold;}
.co_line_right i {color:red; cursor:pointer;}
.co_line_right i:hover {color:#333;}
.cartTotal {float:right;  font-weight:bold; font-size: 22px; position:relative; margin-bottom:-40px; top:8px; height: 36px; border-radius:0px 0px 6px 6px; background:#ddd; padding: 5px 20px 0px 20px; right:-18px; }
.co_num {width:20%;}
.shippingTotal {float:right; font-size: 16px; font-weight:bold; position:relative;  padding: 5px 40px 0px 0px; right:-18px; }
#continueBut input { float:right; background:#bccf00; color:#000; font-weight:bold; height: auto; font-size: 24px; width: auto; padding:3px 20px;}
#continueBut input:hover {color:#fff; background:#0073c2;}

.recalculateBtnDiv {position:relative;}
.recalculateBtnDiv input { padding-right: 45px; float:right; margin-top: 2px;}
.recalculateBtnDiv:after {transition:all 1s; position:absolute; right: 15px; top: 7px; color:#fff; content:"\f021"; font-family:fontAwesome;}
.recalculateBtnDiv:active:after {transform:rotate(360deg);}



.checkoutOption {border-radius: 3px; background:#fff; padding: 0px; border:1px solid #ddd; box-shadow:0px 0px 3px #eee;}
.checkoutOption h2 {background:#0075bf; color:#fff; text-align:center; font-size: 20px; padding: 5px; }
.checkoutOption p {fontsize: 16px; padding: 15px; text-align:center;}
.buttonA {display:block;margin: 15px 10%; border-radius: 6px; padding: 5px 10px; text-align:center; font-weight:600; color:#1e256f;}
.buttonA:hover {background:#1e256f; color:#fff;}


/*NEWS*/
.newsStoryImg {position:relative; padding: 20px; background:#a8914c; overflow:hidden; max-height: 600px;}
.newsStoryImg span {position:absolute; z-index:0; opacity:0.4; top:0; left:0;width: 100%; height: 100%; background-size:cover; filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); }
.newsStory {padding:20px 5px;}
.newsStoryImg p {position:relative; z-index:10;}
.newsStoryImg img {border:2px solid #fff; width: 100%; max-width:600px;}
.newsStory p {font-size: 15px; color:#111; margin-bottom: 10px; line-height: 1.8;}
.newsStory h2 {font-size: 24px; margin-bottom: 12px; color:#003b4f;}
#newsStoryShell h1 {font-size: 32px; color:#font-size: 48px !important;; margin:20px 0px;}
.newsStory p a, .newsStory li a {color:#0075bf; font-weight: 600;}
.newsStory p a:hover {color:#000;}

.newsPanel {background:#fff; border:1px solid #eee; border-radius:3px; padding: 15px; margin:20px 0px;}
.newsPanel a {color:inherit;}
.newsPanel .newsNanoImage,.newsPanel iframe {width: 100%; height: 220px !important; background-size:cover;}
.newsPanel .newsTitle {margin:15px 0px 10px 0px; font-size: 22px; color:#003b4f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsPanel p {overflow:hidden; width: 100%; height: 36px; font-size: 14px; color:#444; line-height: 1.4;}

.newsStory ol li {margin-left: 25px; font-size: 14px; padding-left: 10px; list-style-type:decimal; margin-bottom: 12px; }
.newsGridHeader {padding: 25px 0px 0px 0px; }
.newsGridHeader h2 {font-size: 32px !important; color:#003b4f;}
.newsPanel:hover {transform:rotate(2deg) scale(1.05); -webkit-transform:rotate(2deg) scale(1.05); -moz-transform:rotate(2deg) scale(1.05); -ms-transform:rotate(2deg) scale(1.05);}


.content p, .content li {font-size: 16px; line-height: 1.7; font-weight: 300; margin-bottom: 14px; color:#333;}
.content h1 {margin-bottom: 30px;} 
.content h2 {font-weight:normal; font-style:italic; text-shadow:0px 1px 0px rgba(0,0,0,0.15); font-size: 32px;}
.content h3 {font-size: 20px; color:#444; margin-bottom: 12px;}
.content .fa-li {color:#f90 !important; font-size: 16px; top: 6px;}
.content p a {color:#0075bf; font-weight:600;}
.content p a:hover {color:#000; text-decoration:underline;}
section.content {padding: 40px 0px; border-bottom: 1px solid #eee;}
.content ol li {margin-left: 25px; padding-left: 15px; list-style:decimal;}
.hideFAQ {display:none;}
.hideFAQ {display:block; display:none; padding-left: 40px; }
.faqPage h3 {position:relative; cursor:pointer; background:#bccb09; color:#1f286d; border-radius: 5px; padding: 5px 10px 5px 40px; margin-top: 10px; font-weight:bold;}
.faqPage h3:before {content:"\f056"; color:#fff; font-family:fontAwesome; position:absolute; left: 10px;}
.faqOpen:before {content:"\f055" !important; color:#fff; font-family:fontAwesome; position:absolute; left: 10px;}


.checkoutOptions {margin-bottom: 25px;}
.checkoutOptions input {width:105px; height:47px; border:1px solid #ddd; padding-top:29px; background-color:#fff; border-radius: 4px; font-size: 10px;}
#checkoutPayPal {background:url(files/image/assets/checkoutPayPal.png); background-size:cover;}
#checkoutBarclays {background:url(files/image/assets/checkoutBarclays.png); background-size:cover;}
#checkoutCOD {background:url(files/image/assets/checkoutCOD.png); background-size:cover;}
.checkoutOptions input:hover {box-shadow:0px 0px 3px #ccc; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05);}
.checkoutForm fieldset {margin-bottom: 3px; background:#f1f1f1; padding: 4px;}
.checkoutForm fieldset p  {padding-left: 5px !important;}



.injectCheckoutItems { max-height: 300px; overflow-y:auto;}
.injectCheckoutItems {background:#fff; border-radius: 5px; margin:5px 0px; }
.injectCheckoutItems i {display:none;}
.injectCheckoutItems .co_remove {display:none;}
.injectCheckoutItems .prodQuantity {pointer-events:none;  padding-right: 15px !Important; width:80px !important; padding:0px; position:relative !important; top: 5px; background-color:none !important;}
.injectCheckoutItems .prodQ {padding:0px !Important; background:#fff !important;}
.injectCheckoutItems .cartTotal {display:none;}



.injectCheckoutItems { max-height: 300px; overflow-y:auto;}
.injectCheckoutItems {background:#fff; border-radius: 5px; margin:5px 0px; }
.injectCheckoutItems i {display:none;}
.injectCheckoutItems .co_remove {display:none;}
.injectCheckoutItems .prodQuantity {pointer-events:none;  padding-right: 15px !Important; width:80px !important; padding:0px; position:relative !important; top: 5px; background-color:none !important;}
.injectCheckoutItems .prodQ {padding:0px !Important; background:#fff !important;}
.injectCheckoutItems .cartTotal {display:none;}

.orderHistoryList {max-width: 960px;}
.orderHistoryList span {font-size: 12px; width: 110px; display:inline-block;}
.orderHistoryList a {font-size: 12px; width: 80px; display:inline-block; color:red;}
.orderHistoryList a:hover {color:#000; text-decoration:underline;}
.orderHistoryList .orderNo {width: 40px;}
.orderHistoryList  .orderItems {width:60px;}
.orderHistoryList .orderValue {width: 60px;}
.orderHistoryList .lab {display:inline-block; font-size: 10px; color:#666; width: 58px; padding: 0px 5px 0px 0px; text-align:right;}
.orderHistoryList li {padding: 5px 0px; border-bottom: 1px solid #ddd;}
.orderHistoryList i {display:none;}
.orderHistoryList .co_remove {display:none;}
.orderHistoryList .prodQuantity {pointer-events:none; width:80px !important; padding:0px; position:relative !important; top: 5px; background-color:none !important;}
.orderHistoryList .prodQ {padding:0px !Important; background:#fff !important;}
.orderHistoryList .cartTotal {display:none;}
.orderHistoryList .pdfDownload, .orderHistoryList .pdfNone {width: 115px;}
.orderHistoryList .proPrice {width: 50px; padding-right: 10px;}
.orderHistoryList .code {width: 90px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.orderHistoryList .prodTitle {width: 200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}





/*PRODUCT DETAIL*/
.productDetail {margin-bottom: 30px;}
.productDetail .fa-ul {margin-left: 10px !important; font-family:inherit;}
.productDetail .fa-ul li {margin-left:0px; position:relative; font-family:inherit; display:block;}
.productDetail .fa-ul li:before {font-family:fontAwesome; padding-right: 6px; color:#0065ab;}
.productDetail .fa-ul li:nth-child(2n):before {color:#bccf00;}
.reviewList textarea {padding: 5px !important; font-size: 10px !important; width: 70% !important; margin-top: 5px !important;  height: 48px !important;}
.hideProdBlock {display:none;}
.videosBlock {margin:10px 0px 30px 0px;}
.reviewsBlock {position:relative; margin-bottom: 30px;}
.reviewsBlock ul {background:#eee; padding: 10px; display:block; border-radius: 6px; }
.reviewsBlock li {margin:0px; padding: 0px; list-style:none; position:relative; border-bottom: 1px dashed #aaa; margin-bottom: 10px;}
.reviewsBlock li:last-child {border:none;}
.reviewsBlock p {font-size: 14px; line-height: 1.3;}
.reviewsBlock .venue {margin-bottom: 6px; font-size: 18px; font-weight: 600; width: 100%; display:block; padding-right: 100px;}
.reviewsBlock .dates {font-size: 14px; font-weight: 600; margin-bottom: 10px; display:block; color:#666;}
.reviewsBlock .stars {position:absolute; right: 0px; top: 0px; color:#bccd00;} 
.reviewsBlock .stars i {margin-right: 2px;}
.reviewsBlock .stars .fa-star-o {color:#bbb;}

.productNav {margin-bottom: 10px; }
.productNav a {display:inline-block; border-right: 1px solid #ccc; background:#eee; margin-right:-5px; padding: 5px 10px; color:#666; font-size:14px; width: 25%; text-align:center;}
.productNav a i {padding-right: 5px;}
.productNav a:first-child {border-radius: 6px 0px 0px 6px;}
.productNav a:last-child {border-radius: 0px 6px 6px 0px; border-right: none; }
.productNav a:hover {background:#bccb09; color:#fff;}
.productNav .selected, .productNav .selected:hover {color:#bccb09; background-color:#0075bf; font-weight: 600;}
.productNav .disabled {color:#ccc; cursor:default; pointer-events:none; }

.downloadsBlock {margin:15px 0px 30px 0px;}
.downloadsBlock h2 {font-size: 18px; margin-bottom: 10px; font-weight: 600; color:#666;}
.downloadsBlock a {display:block; margin-bottom: 5px; color:darkBlue; font-weight: 600;}
.downloadsBlock a:before {font-family:fontAwesome; color:#bccd00; content:"\f054"; padding-right: 5px;}







#productResults {background:rgba(255,255,255,0.8); margin:10px auto; width: 320px; overflow:auto; border:3px solid #bccd00; border-radius: 6px; max-height: 130px; z-index:99999; }
#productResults li {padding: 2px 2px; border-bottom: 1px solid #ddd; text-align:left; padding-left: 10px; white-space:nowrap;}
#productResults li a {color:#000; font-size: 12px;}
#productResults .selected {background:#0073c2; }
#productResults .selected a {color:#fff;}
#productResults li:hover {background:#0073c2; }
#productResults li:hover a {color:#fff;}



@media (max-width:1075px){
 #topNav .hideipad {display:none !Important;}   
}


#adminBespoke td {padding: 10px !Important;}
#adminBespoke td label {min-width: 50px; text-align:right; font-size: 12px !important; color:#666; display:inline-block;}
#adminBespoke td input[type="button"] {background:#bccf00; border:0px; padding: 4px 12px; border-radius: 12px; color:#000; font-weight: bold;}
#adminBespoke td input[type="text"] {outline:none; padding: 4px 10px; border-radius: 5px; border:1px solid #bbb;}
#adminBespoke td input[type="text"]:focus {box-shadow:0px 0px 3px #aaa; background:#f5f5f5;}
#bespokeDetail {width: 50%;}
#bespokeValue {width: 80px;}


.tabsContent table {font-size: 14px; width:100%; max-width:600px;}
.tabsContent table tr {border-bottom: 1px solid #ddd;}
.tabsContent table tr td:nth-of-type(3),.tabsContent table tr td:nth-of-type(4) {text-align:right !important;}
.tabsContent table tr th:nth-of-type(3),.tabsContent table tr th:nth-of-type(4) {text-align:right !important;}
.tabsContent table input[type="button"] {background:#09f; border:none; float:right; font-weight:bold; color:#fff; padding:4px 8px; border-radius: 3px;}
.tabsContent table input[type="button"]:hover {background:#05a;}

.orderYears {background:#fff; padding: 10px 20px; display:inline-block; border-radius: 10px; margin:10px 15px;}
.orderYears span {font-size: 20px; cursor:pointer; width:auto; padding: 3px 10px; background:#eee; margin:0 10px; border-radius: 6px;}
.orderYears span:hover {background:#05a; color:#fff;}
.orderYears span.selected {color:#fff; background:#bccf00;}

.special {overflow:hidden; position:relative;}
.special:after {content:"SPECIAL"; position:absolute; left:0; top:0; background:red; width:100%; text-align:center; color:#fff; padding: 6px; font-weight:bold; transform-origina:50%; transform:rotate(-45deg); left:-100px; top:20px; box-shadow:5px 5px 10px rgba(0,0,0,0.5); }
.productMainImg.special:after {width:180px; left:-50px;}
.homePopularBox.special:after {left: -70px;}


#gcList {width: 240px; border-right:1px solid #ccc;}
#gcHistory {padding-left: 25px;}
#gcList h2 {font-size: 24px; color:#025; margin-bottom: 8px;}
#gcList p {font-size: 12px;}
#gcList a {display:inline-block; margin-bottom: 10px; background:#bccf00; padding: 5px 18px 5px 12px;; font-size: 14px !important; border-radius: 20px; font-weight: 600;}
#gcList a:before {content: "\f105"; font-family:fontAwesome; margin-right: 5px;}
#gcList a:hover {background:#09f; color:#fff;}
#gcList a.selected {background:black; color:#fff;}
#onStop {text-align:center; color:yellow; font-weight:bolder; background:red; padding:5px; font-size:20px; position:relative; z-index:100;}