﻿body {
    padding-top: 100px;
}

.pfTopWhiteBuffer {
    height: 120px;
}

.pfStickyToc {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    z-index: 20;
}

#cartW {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 20;
}


.popWindow {background: white; padding-top: 25px; padding-bottom: 25px; border-top-color: blue; border-top-width: 1px; border-top-style: solid;}
.pfCheckboxFixAll {padding-left: 20px;}

.deButton {
    padding: 15px;
    background-color:#651111;
    color: white;
    font-size: 1.4em;
    font-weight: normal;

}
    .deButton:hover {
        color: white;
    }

.realSmall {
    font-size: .8em;
    font-weight: normal;
   
}

.pfborderbox {
	border: 1px solid black;
	background: #b0b0f0;
	padding: 3px;	
	height: 125px;
	color: black;
	margin-bottom: 10px;
	box-shadow: inset 0 0 90px #0000C0;
	-moz-box-shadow: inset 0 0 90px #0000C0;
    -webkit-box-shadow: inset 0 0 90px #0000C0;
}
.pfborderbox a { color: black; text-decoration: underline; }


@media only screen and (min-width:220px) and (max-width:479px){
.popWindow {margin: auto; padding: 0px; overflow: auto; display: none;}
.btn-group{font-size:12px;}
.HideMain {display: none;}
.centerSmall {text-align: center !important;}
.right-phone-center {text-align: center;}
.pfCheckboxFix {padding-left: 20px;}
h2{font-size:22px;}
h3{font-size:13px;}
h4{font-size:12px;}
.small{height:90%;}
.btn1 {background: rgb(241, 241, 241);border: 2px solid #888888;font-family: 'Open Sans', sans-serif;text-align: center;font-size: medium;color: #e84c22;padding: 2px 6px 2px 6px; margin-top:4px;}
}


@media only screen and (min-width:480px) and (max-width:767px){

.popWindow {margin: auto; padding: 0px; overflow: auto; display: none;}
.HideMain {display: none;}
.centerSmall {text-align: center;}
.right-phone-center {text-align: center;}
h2{font-size:22px;}
h3{font-size:15px;}
h4{font-size:15px;}

.btn1 {background: rgb(241, 241, 241);border: 2px solid #888888;font-family: 'Open Sans', sans-serif;text-align: center;font-size: medium;color: #e84c22;padding: 2px 8px 2px 8px;margin-top:4px;}

}
@media only screen and (min-width:768px) and (max-width:991px){

.popWindow {margin: auto auto auto -250px; padding: 0px; border-radius: 10px; border: 2px solid black; border-image: none; left: 50%; top: 50px; width: 500px; text-align: left; overflow: auto; font-size: 8pt; display: none; position: absolute; z-index: 9998; box-shadow: 6px 6px 4px #888888;
}
.HideMain {display: block;}
.right-phone-center {text-align: right;}
.pfCheckboxFix {padding-left: 0px;}
#pfOverLay {left: 0px; top: 0px; width: 100%; height: 100%; bottom: 0px; display: none; position: fixed; z-index: 5000; opacity: 0.42; background-color: rgb(0, 0, 0); -moz-opacity: 0.42;}
.centerSmall {text-align: right;}
h2{font-size:25px;}
h3{font-size:15px;line-height:19px;}
.btn1 {background: rgb(241, 241, 241);border: 2px solid #888888;font-family: 'Open Sans', sans-serif;text-align: center;font-size: large;color: #e84c22;padding: 2px 6px 2px 6px;margin-top:4px;}
}

@media only screen and (min-width:992px) and (max-width:1199px){
.btn1 {background: rgb(241, 241, 241);border: 2px solid #888888;font-family: 'Open Sans', sans-serif;text-align: center;font-size: large;color: #e84c22;padding: 2px 6px 2px 6px;margin-top:4px;}
.popWindow {margin: auto auto auto -250px; padding: 0px 25px 25px; border-radius: 10px; border: 2px solid black; border-image: none; left: 50%; top: 50px; width: 500px; text-align: left; overflow: auto; font-size: 8pt; display: none; position: absolute; z-index: 9998; box-shadow: 6px 6px 4px #888888;}
.HideMain {display: block;}
.right-phone-center {text-align: right;}
#pfOverLay {left: 0px; top: 0px; width: 100%; height: 100%; bottom: 0px; display: none; position: fixed; z-index: 5000; opacity: 0.42; background-color: rgb(0, 0, 0); -moz-opacity: 0.42;}
.centerSmall {text-align: right;}
h2{font-size:25px;}
h3{font-size:15px;line-height:21px;}
}

@media only screen and (min-width:1200px){
.btn1 {background: rgb(241, 241, 241);border: 2px solid #888888;font-family: 'Open Sans', sans-serif;text-align: center;font-size: large;color: #e84c22;padding: 2px 6px 2px 6px;}
.popWindow {margin: auto auto auto -250px; padding: 0px 25px 25px; border-radius: 10px; border: 2px solid black; border-image: none; left: 50%; top: 50px; width: 500px; text-align: left; overflow: auto; font-size: 8pt; display: none; position: absolute; z-index: 9998; box-shadow: 6px 6px 4px #888888;}
.HideMain {display: block;}
.right-phone-center {text-align: right;}
#pfOverLay {left: 0px; top: 0px; width: 100%; height: 100%; bottom: 0px; display: none; position: fixed; z-index: 5000; opacity: 0.42; background-color: rgb(0, 0, 0); -moz-opacity: 0.42;}
.centerSmall {text-align: right;}
  h3{font-size:20px;line-height:28px;}
}

/*---------------------*/
.pfheader {background-color:#3B0000; border-bottom-color: white; border-bottom-width: 15px; border-bottom-style: solid; min-height: 70px;
}
.pfFooter {background: rgba(77, 77, 77, 0.91); border-top-color: #a4a3a3;color:#fff;}
.pfFooter {color: white;}
.pfFooter a {color: white; }
.pfFooter2 {background: #4d4d4d; border-top-color: white; border-top-width: 1px; border-top-style: solid;}
.pfFooter2 {color: white;}
pfFooter2 a {color: white;}
.pfWarning {color: orange;}
.pfCritical {color: red;}
body{background-color:white;}
.whiteback {background: white; border-top: 2px solid #c20b0b;}
.border {border: 1px solid black; border-image: none;}
.border-black {border-radius: 10px; border: 1px solid black; border-image: none;}
.border-gray {border: gray; border-image: none;}
.border-red {border-radius: 10px; border: 1px solid red; border-image: none;}
.border-bottom {border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: solid;}
.border-top {border-top-color: black; border-top-width: 1px; border-top-style: solid;}
.padding5 {padding: 5px;}
.orderpage-menu-item-image {width: 70px;}
.orderpage-menu-item-image-size {height: 60px;}
.orderpage-menu-item {width: 100%; padding-top: 10px; padding-bottom: 10px; clear: both;}
.list-group-item:hover {background: rgb(255, 255, 160);}
.orderpage-menu-item-name {color: black; font-size: 1em; font-weight: bold; float: left;}
.orderpage-menu-item p {margin: 0px; padding: 0px; color: black; line-height: 1.4em;}
.orderpage-menu-item-price {color: black; font-size: 0.9em; float: right;}
.orderpage-menu-item-minqty {padding-right: 5px; font-size: 0.7em; font-style: italic; vertical-align: bottom;}
.orderpage-menu-item-detail {color: black; clear: both; font-size: 0.9em;}
.orderpage-menu-item-optionsxxx {background: rgb(241, 241, 241); border: 1px solid black; border-image: none; width: 100%; margin-bottom: 10px; float: left; display: none;}
.orderpage-menu-item-options {background: rgb(241, 241, 241); border: 1px solid black; border-image: none; margin-bottom: 10px;}
.menu-type-on {background: rgb(204, 255, 204); padding: 2px; border: 1px solid black; border-image: none; font-size: 0.8em; font-weight: bold;}
.orderpage-menu-group {background: rgb(238, 255, 238); padding-top: 3px; padding-bottom: 3px; clear: both; border-top-color: black; border-bottom-color: black; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.orderpage-menu-group p {text-align: center; padding-bottom: 0px; margin-bottom: 0px;}
.orderpage-menu-group h1 {text-align: center; line-height: 1.2em; padding-top: 0px; padding-bottom: 0px; font-size: 1.2em; margin-top: 0px; margin-bottom: 0px;}
#orderpage-menu {display: none;}
.cart-title {background: rgb(209, 209, 209); text-align: center; padding-top: 5px; padding-bottom: 5px; font-size: 1.2em; font-weight: bold;}
.black {color: black;}
.minwidth100 {min-width: 200px;}
.table-scott > td {	border: 0px currentColor !important; border-image: none !important;}
.table-no-border {width: 100%;}
.pfModal {display: none;}
.red {color: red;}
.green {color: green;}
.bold {font-weight: bold;}
.glyphicon-none::before {color: transparent !important; content: "\e094";}
.tanback {background: rgb(255, 255, 238);}
.product .img-responsive {margin: 0px auto;}
.loading_bar_1 {background: url("../PF_ajax-loader-1.gif") no-repeat 50% 50%; width: 100%; height: 100%;}
.loading_bar_inline {margin-left: 10px; display: inline;}
.loading_bar_body {background: url("../PF_ajax-loader-2.gif") no-repeat 50% 50%; left: 0px; top: 0px; width: 100%; height: 100%;}
.ui-ios-overlay {background: rgba(0, 0, 0, 0.8); border-radius: 20px; left: 50%; top: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; position: fixed; z-index: 99999; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.ui-ios-overlay .title {left: 0px; width: 100%; text-align: center; bottom: 30px; color: rgb(255, 255, 255); font-size: 26px; font-weight: bold; display: block; position: absolute;}
    .ui-ios-overlay img {margin: 20% auto 0px; display: block;}
.ui-ios-overlay .spinner {left: 50% !important; top: 40% !important;}
.ios-overlay-show {animation-name: ios-overlay-show; animation-duration: 750ms; -webkit-animation-name: ios-overlay-show; -webkit-animation-duration: 750ms; -moz-animation-name: ios-overlay-show; -moz-animation-duration: 750ms; -o-animation-name: ios-overlay-show; -o-animation-duration: 750ms;}
.ios-overlay-hide {	animation-name: ios-overlay-hide; animation-duration: 750ms; animation-fill-mode: forwards; -webkit-animation-name: ios-overlay-hide; -webkit-animation-duration: 750ms; -moz-animation-name: ios-overlay-hide; -moz-animation-duration: 750ms; -o-animation-name: ios-overlay-hide; -o-animation-duration: 750ms; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards;}
.com {color: rgb(118, 126, 126);}
.lit {color: rgb(25, 95, 145);}
.pun {color: rgb(118, 126, 126);}
.opn {color: rgb(118, 126, 126);}
.clo {color: rgb(118, 126, 126);}
.fun {color: rgb(220, 50, 47);}
.str {color: rgb(38, 139, 210);}
.atv {color: rgb(38, 139, 210);}
.kwd {color: rgb(25, 95, 145);}
.tag {color: rgb(25, 95, 145);}
.typ {color: rgb(203, 75, 22);}
.atn {color: rgb(203, 75, 22);}
.dec {color: rgb(203, 75, 22);}
.var {color: rgb(203, 75, 22);}
.pln {color: rgb(118, 126, 126);}
.prettyprint {padding: 15px 15px 15px 30px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(254, 251, 243); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
ol.linenums {margin: 0px 0px 0px 40px;}
ol.linenums li {padding: 0px 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.15); line-height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

.prettyprint-dark {padding: 10px; border: 0px currentColor; border-image: none; background-color: rgb(29, 31, 33);}
.prettyprint-dark .linenums li {color: rgb(68, 68, 68);}
.prettyprint-dark .linenums li:hover {background-color: rgb(40, 42, 46);}
.prettyprint-dark .kwd {color: rgb(204, 102, 102);}
.prettyprint-dark .tag {color: rgb(204, 102, 102);}
.prettyprint-dark .typ {color: rgb(222, 147, 95);}
.prettyprint-dark .atn {color: rgb(222, 147, 95);}
.prettyprint-dark .dec {color: rgb(222, 147, 95);}
.prettyprint-dark .var {color: rgb(222, 147, 95);}
.prettyprint-dark .str {color: rgb(181, 189, 104);}
.prettyprint-dark .atv {color: rgb(181, 189, 104);}
.com {color: purple;}
.linkred {color: red;}
.linkred:hover {color: red;}
.linkgray {color: gray;}
.linkgray:hover {color: gray;}
.white {color: rgb(255, 255, 255);}
.white a {color: rgb(255, 255, 255);}
.white2 {background-color: rgba(255, 255, 255, 0.46);}
.bold2{font-weight: bold;color:white;}
#bd14 {background-image: url(Banner2.jpg);color:#e84c22;}


.popupbox {margin: auto; 
max-width: 550px; 
width: 100%; 
background-color: rgba(194, 11, 11, 0.71); 
color: #fff; 
padding: 20px; 
border: 4px inset #c20b0b; 
border-radius: 5px; 
margin-top: 10px; 
margin-bottom: 10px;}

.btn2 {background-color: rgba(255, 255, 255, 0.98);
    color: black;
    padding: 4px 7px 4px 7px;
    font-size: medium;
    border: solid 2pt #c20b0b;}
.input-medium2 {padding: 5px;border-radius: 3px; color: #888888;}

.input-medium2 a:link
.input-medium2 a:hover
            {color: rgba(0,0,0,0.1);}
.fa-clock-o{color:#e84c22;}
.fa-fighter-jet {color:#e84c22;}
.fa-cutlery{color:#e84c22;}
.fa-smile-o {color: #e84c22;}
.fa-heart{color:#e84c22;}
.fa-toggle-on {color:#e84c22;}
.fa-dollar {color:#e84c22;}
.fa-server{color:#e84c22;}
.fa-share-alt {color:#e84c22;}

.minheight {min-height:140px;}
.minheight2 {min-height:380px;}

.yellowback{background-color:rgba(233, 214, 101, 0.31); border-bottom: 1px inset rgb(118, 126, 126);}
.grayback{background-color:rgba(121, 120, 120, 0.28);
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;}
.orangeback{background-color:rgba(243, 144, 36, 0.31);
    border-top: 1px inset rgb(118, 126, 126);
    border-bottom: 1px inset rgb(118, 126, 126);}
.nobackground{background-color:none;}
.panel2 {background-color:none;
    color:rgb(41, 42, 42);
    padding:18px;
    font-size:16px;
    font-weight:300;}
.panel2 h3{background-color:none;color:black;}
.highlight{text-shadow:1px 1px 2px white;}
.panel-body{padding:10px;font-size:16px;}
.panel-heading h2{color:#c20b0b;}

.panel1 {padding:12px;border: 2px solid rgb(118, 126, 126);background-color:#fff;}
.panel-footer{background-color:none;background:none;border:none;}

.icon-bar{background-color:#000;}

.navbar-toggle{
    background-color:#989797;
    border:2px solid #fee332;
    margin-top:15px;}
.navbar-toggle a:focus{border:2px solid #fff;}


