@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
body 
{
    font-family: Rotis Sans Serif,Arial,Helvetica,Geneva;
    margin:0;
    
   -webkit-text-size-adjust: 90%;
        -ms-text-size-adjust: none;
}

/*********************************************************
Default Transistion

************************************************************/
/*topnav {
  transition: width:1200px 0.5s ease;
 
}
topnav:hover {
  width: 400px;
}*/


 .mediafloat{
    background-color: transparent;
    position: fixed;
    top:40%;
    z-index: 1;
    display:block;
    left:19%;
    text-align: center;
    }
.wrapper 
{
    padding-top:10px;
    width:1000px;
    margin:0 auto;
    background-color:#fff;
    min-height:100%;
    padding-bottom:60px;
}

  .container
    {
        color:#6d6d6d;
        font-size:10pt;
    }

.contentdiv
  {
       float:right;
        width:805px;
        height:auto;
  }
  
 #totalcontent
{
    width:800;
    padding-left:35px;
}
 
 #cartdiv
 {
    display:none;  
 }
  .contentdiv span .popitem
  {
    display:none;
  }
  
  
 .rotatorpanel
  {
   /*need to uncomment to turn rotator back on

height:420px;
  */
    padding:20px 10px 20px 20px;
  }
   
 .rotatorpanel img
  {
  padding-left:10px;
  
  }

.rotatorpanel span
    {
      display:block;         
      text-align:justify;
       font-size:10pt;
      
      }
  
  .rotatorpanel #slideshow
      {
       display:none;
      }
 
   .rotatorpanel #navblock
      {
          display:none;
      }
 
 
 /*************Warning Panels***********************/
    .logPnl
    {
    background-color:#ffffff;
    border: 1px solid #7f7f7f;
    box-shadow: 2px 2px 2px #000;
    font-size: 10pt;
    position: absolute;
    right: 35%;
    text-align: center;
    top: 180px;
    width: 550px;
    z-index: 30; 
    padding:20px;
    margin:auto;
    }
    
    
 
 .logPnl #heading
{
    font-size:12pt;font-weight:bold;padding-top:20px; width:350px;color:#ff6d2e; float:right;
}
 
 
/*****************************************************
Imprint in progress warning panel
*******************************************************/
.impPnl
{
    text-align:center;
    font-size:10pt;
    height:130px;
    width:350px;
    position:absolute;
    right:40%;
    top:180px;
    z-index:30;
    background-color:#fff;
    border:1px solid #7f7f7f;
    box-shadow: 2px 2px 2px #000;
}
.impPnl div
{
    padding:5px;
    color:#fff;
    background-color:#123053;
    font-size:14pt;
    margin-bottom:.5em;
}
.impPnl a
{
    padding:5px;
    color:#17365d;
    text-decoration:none;
    
}

.chatDiv 
{
    clear:both;
    display:inline-block;
   float:right;
   padding-top:5px;
   font-size:11px; 
   font-weight:bold; 
   color:#9a9da1 !important;
   /*width:200px; */
   
}

.chatDiv a 
{
    text-decoration:none;
    color:#9a9da1 !important; 
}
  
  
header 
 {
 height:130px;
  max-width: 1000px;
  display: inline-block;
  width:980px;
  padding: 15px 5px 0px 5px;
  }

header #cflheader a
   {
       text-decoration:none;
       color:Gray;
   }
header #cflheader
{
    width:400px;
    height:22px;
}
   
header p
{
    color:#6d6d6d;
    padding-top:5px;
    font-size:10pt;
    padding-top:0px;
    width:680px;
    
}

.cfl
{
    color:#ff6d2e;font-size:24pt;font-weight:bold;
}

.com
{
   color:#6d6d6d;font-weight:normal;font-size:22pt; 
}

.timepanel
{
  width:350px;
   left:40%; 
}

.Obutton
{
    float:right; 
    display:inline-block;
   /* margin-right:10px;*/
    width:140px;
    margin-top:40px;
    text-align:center;
    padding:20px 10px 20px 10px;
    
    background: #a3cdf5; /* Old browsers */
    background: -moz-linear-gradient(top,  #a3cdf5 0%, #4da1eb 5%, #0564a3 29%, #2f91e7 86%, #61aced 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3cdf5), color-stop(5%,#4da1eb), color-stop(29%,#0564a3), color-stop(86%,#2f91e7), color-stop(100%,#61aced)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a3cdf5 0%,#4da1eb 5%,#0564a3 29%,#2f91e7 86%,#61aced 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a3cdf5 0%,#4da1eb 5%,#0564a3 29%,#2f91e7 86%,#61aced 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a3cdf5 0%,#4da1eb 5%,#0564a3 29%,#2f91e7 86%,#61aced 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a3cdf5 0%,#4da1eb 5%,#0564a3 29%,#2f91e7 86%,#61aced 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3cdf5', endColorstr='#61aced',GradientType=0 ); /* IE6-9 */
    
    text-decoration:none;
    color:#fff;
    border-radius:6px;
    font-weight:bold;
    text-shadow: 1px 1px 1px #000000;
    font-size:16pt;
    /* border:1px solid #000; */
}

.popover 
{
    /*position:absolute;
    top:100px;
    left:40%;*/
    margin:60px auto;
            
	height: 300px;
	width: 300px;
	background-color: #fff;
	text-align:center;
	color:#000;
	padding:5px;
	border-radius:10px;
	border: 1px solid #cacaca;
	box-shadow: 2px 2px 2px #000;
}
        
.popover img 
{
    max-width:300px;
    max-height:280px;
}
#topnav 
 {
  margin: auto;
  max-width: 1000px;
  display: block;
  height:auto;
  font-size:10pt;
   }

 .orangebutton
{
    font-size: 10pt;
	margin-top: 4px;
	margin-bottom: 1px;
	font-weight: 700;
	color: #fff;
	background-color: #f69d1e;
	cursor: pointer;
	padding:3px 6px 2px 6px;
	float:right;
}

.redbutton
{
    font-size: 10pt;
	margin-top: 4px;
	margin-bottom: 1px;
     text-decoration:none;
	font-weight: 700;
	color: #fff;
	background-color: #ed1c24;
	cursor: pointer;
	padding:2px 6px;
    border-radius:4px;
    box-shadow: 1px 1px 1px #888888;
    -webkit-appearance: none;
}
.redbutton:hover
 {
   box-shadow: 0 1px 2px #666, /*bottom external highlight*/
   0 -1px 1px #fff, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
 }    
.spanCustContinueButton
{
 float:right;
 display:inline;
}

  .greenbutton
{
   font-size: 10pt;
	margin-top: 4px; text-decoration:none;
	margin-bottom: 1px;
	font-weight: 700;
	color: #ffffff;
	background-color: #78a31a;
	cursor: pointer;
	padding:2px 6px;
	border-radius:4px;
    box-shadow: 1px 1px 1px #888888;
    -webkit-appearance: none;
} 

.greenbutton:hover
 {
     /*color:#ff6d2e; */
     box-shadow: 0 1px 2px #666, /*bottom external highlight*/
   0 -1px 1px #fff, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
     
    
 }    
 .bluebuttons:hover
 {
     box-shadow: 0 1px 2px #666, /*bottom external highlight*/
  0 -1px 1px #fff, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
     
    
 }    
.bluebuttons
{
    background-color:#1b5e8c; 
    background: linear-gradient(to bottom, #3186c0 0%,#1b5e8c 100%); 
   padding:7px;
    border-radius:4px;
    color:#fff;
    box-shadow: 1px 1px 1px #888888;
    height:20px;
    text-decoration:none;
    
    
}


.bluebutton
{
 font-size: 10pt;
	margin-top: 4px;
	margin-bottom: 1px;
	font-weight: 700;
	color: #ffffff;
	 background-color:#1b5e8c; 
    background: linear-gradient(to bottom, #3186c0 0%,#1b5e8c 100%); 
	cursor: pointer;
	padding:2px 6px;   
	
}

.bluebutton:hover
 {
     /*color:#ff6d2e; */
     box-shadow: 
  0 1px 2px #666, /*bottom external highlight*/
  0 -1px 1px #fff, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
     
    
 }    
.graybutton
{
    font-size: 10pt; text-decoration:none;
	margin-top: 4px;
	margin-bottom: 1px;
	font-weight: 700;
	color: #fff;
	background-color: #939393;
	cursor: pointer;
	padding:2px 6px;
	border-radius:4px;
    box-shadow: 1px 1px 1px #888888;
    -webkit-appearance: none;
}

.graybutton:hover
 {
     box-shadow: 0 1px 2px #666, /*bottom external highlight*/
  0 -1px 1px #fff, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
 }  
.vcm h2, h3
{
    color:#123054;
    font-size:11pt;
}


.vcm p
{
    text-align:justify;
    font-size:10pt;
    color:#6d6d6d;
}

.vcm img
{
   float:right;/**/
   cursor:pointer;
  
}
.vcm
{
    height:auto;
   padding-bottom:20px;
    padding-left:0px;
}
#pnlInfo
{
    Width:850px; 
}

.enlargelink
{
    text-decoration:none;
   font-weight:bold;/* */
   color:#1b5e8c;
   vertical-align:middle;
   padding-top:30px;
   cursor:pointer;
}
#enlarge:hover
{
    text-decoration:underline;
}
/*****************************************************************
About the company
******************************************************************/
#header1 h2, #header2 h2, #header3 h2,#header4 h2,#header5 h2,#header6 h2, #header7 h2, #header8 h2 {font-size:10pt;color:#123053; font-weight:bold; width:750px; border-bottom:1px solid #bbbab8;}

 .content{font-size:10pt; color:#6d6d6d; width:725px;text-align:justify;padding: 0 8px 10px 8px;}


.collapse{
  cursor: pointer;
  display: block;
 
}
.collapse + input{
  display: none; /* hide the checkboxes */
}
.collapse + input + div{
  display:none;
  
}
.collapse + input:checked + div{
  display:block;
 
}


/*************************************************************************
/* Footer
*************************************************************************/
footer
{

  /*position: fixed ;
  left: 0 ;
  bottom: 0 ;
  z-index: 1 ;*/

  margin: auto;
  padding: 0px 0px 5px 0px;
  min-height: 100px;
}

footer span
{
    text-align:center;
    font-size:8pt;
   /* padding:50px 20px 20px 20px;*/
   padding-top:10px;
    clear:both;
    display:block;
    color:#6d6d6d;
}

footer #footercontainer
{
    padding:20px 0px 10px 0;
    padding-left:160px; /**/
    border-top:7px solid #123054;
    text-align:center;
    height:auto; width:auto;
}

footer #footercontainer div 
{
    float:left;
    text-align:left;
   width:200px;
   
}

footer #footercontainer div p
{
    margin:0;
    padding:0 0 10px 0;
    font-weight:bold;
    color:#123053;
    font-size:10pt;
}

footer #footercontainer li
{
    padding-bottom:2px;
    
}
footer #footercontainer div ul
{
    list-style:none;
    margin:0;
    padding:0;
    font-size:10pt;
}

footer #footercontainer li a
{
    color:#6d6d6d;
    font-size:10pt;
    text-decoration:none;
}
footer #footercontainer li a:hover
{
    text-decoration:underline;
}

div.certs
{
    float:right; 
    text-align:center; 
    width:125px; 
    margin-right:20px; 
    background-color:#fff;
    padding:4px;
    border-radius:4px;
}

.inputfield
{
    margin-top: 1px;
	margin-bottom: 1px;
	border: 1px #dcdcdc solid;
	font-size: 10pt;
	font-family: Rotis Sans Serif, Arial, Helvetica, Geneva;

}


 /*** the little bar next to the search bar that has the main categories ***/
.catbar 
{
   background-color:#1b5e8c; 
    background: linear-gradient(to bottom, #3186c0 0%,#1b5e8c 100%); 
   padding:12px 8px 11px 9px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    color:#fff;
    font-weight:bold;
    float:left;
    width:169px;
    text-align:center;
 height:auto;
  position: relative;
 z-index: 1000; 
}
.catbar img
{
    float:right;
    
}

.catpanel
{
    float:left;
    color:#6d6d6d;
   background-color:#fff;
    z-index:11;
    font-size:10pt;
    position:absolute;
    box-shadow: 1px 1px 1px #888888;
    padding:4px 0 4px 0;
   
}

.sidepanel
{
   width:184px;
   /*margin-top:460px;*/
   float:left; display:block;
}  
   
#GuideLink
{
 display:block;
}

   /* the bar containing the AccountLogin, Order Status, Reorder View Cart links */
.searchbar 
{
    
    box-shadow: 3px 3px 3px #888888;
    background-color:#123053; /* gray */
   /* background-image:url('/sharedimages/hgrad_g.png');*/
    background-repeat:repeat-x;
    padding:10px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    color:#fff; font-weight:bold;
}

.searchbar a
{
     width:20%;
}

.sbarnav
{
     float:left; 
     text-align:center; 
     width:630px;
     margin-top:3px;
     margin-left:30px;
    
}

.sbarnav span
{
    width:55px;
    display:inline-block;
    font-size:12pt;
}

.sbarnav a
{
    color:#fff;
    text-decoration:none;
  position: relative;
 z-index: 1000;
   
}

.sbarnav a:hover
{
    color:#cc7502;
}

/*** The search box and button ***/
.sbarsearch
{
    text-align:right;
    float:right;
    font-size:11pt;
    box-shadow: 2px 2px 2px #888888;
    border-radius:4px;
    background-color:#123053;
    padding:0;
   
    white-space:nowrap;
}

.sbarsearch a
{
    text-decoration:none;
    color:#fff;
    margin-left:15px;
    margin-right:20px;
    margin-bottom:3px;
    font-size:10pt;
    display:inline-block;
}
.sBox
{
    border:1px solid #4c4c4c; 
    width:200px;
    margin:0;
   
    font-size:11pt;
    
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

.searchpanel
{
    padding-top:10px;
}

.rightdtpanel 
{
    float:right; 
    text-align:right; 
    font-size:10pt;
    width:300px;
    padding:0px;
    color:#6d6d6d;
    position:relative;
    top:-50px;
}


.rightdtpanel a
{
    text-decoration:none;
}

#searchMBpanel
{
    display:none;
}

.sBoxButton
{
  color:#fff; 
  background-color:#123053; 
}

/* the view cart text and link */
.cLinkDiv
{
   padding-top:3px;
   white-space:nowrap;
   margin-top:0px;
   display:inherit;
    
}
.cLinkDiv a
{
    color:#fff;
    text-decoration:none;
    display:block;
}

.cLinkDiv a:hover
{
    color:#cc7502;
}


/*burger icon
.cLinkDiv span
{
    display:inline-block;
    padding-bottom:5px;
   
}
.cLinkDiv img
{
    float:left;
}*/
/************************************************
slidebar links
**************************************************/

ul.sbnav
{
    list-style:none;
    margin:0;
    padding:0;
    font-size:11pt;
}

.sbnav li
{
    border-bottom:1px solid #c3c3c3;
    padding:5px 0 5px 30px;
}

.sbnav a
{
    text-decoration:none;
    display:block;
    color:#fff;
    width:100%
}

/** sub list **/
.sbnav ul
{
    list-style:none;
    margin:0;
    padding:0;
    font-size:11pt;
    display:none;
}
.sbnav ul li
{
    border:none;
    padding:5px 0 5px 10px;
    font-weight:normal;
}

.has-sub
{
    font-weight:bold;
}

.state_inactive
{
     visibility:visible;
     display:inline;
     vertical-align:middle;
}
.state_active
{
     visibility:hidden;
     display:none;
     vertical-align:middle;
}

.active span.state_inactive
{
     visibility:hidden;
     display:none;
}

.active span.state_active
{
     visibility:visible;
      display:inline;
}




/**********************************************
Chat container
*************************************************/
 .bcContainer
        {
            text-align: right; 
            float:right;
            white-space: nowrap; 
          /*  margin-bottom:1em;*/
            clear:right;
             font-size:8pt;
              padding-top:.5em;
              width:300px;
              height:20px;
        }
        
.bcContainer a
{
    text-decoration:none;
    color:#7e7a7a;
}



/************************************************************************
home page cat panels
**************************************************************************/

#MostPopular
{
    padding-left:20px;
}

#MostPopular span
{
  padding-top:7px;  
   padding-bottom:7px;
}

.capitalize
{
    text-transform:capitalize;
}

/*used for the home page carasoul datalist*/
.cPanel
{
    width:359px;
    font-size:10pt;
    text-align:center;
    float:left;
    height:auto;
    min-height:200px;
    box-shadow: 2px 2px 6px #000;
    padding:20px 5px 10px 5px;
    margin:10px;
    text-align:left; 
    
    
}

 .cPanel #priceblock
    {
       padding-top:10px; float:right;padding-right:56px; 
    }

.cPanel #copy
{
   display:block;margin-left:120px;font-size:10pt; color:#6d6d6d;border-bottom:1px solid #000; padding-bottom:8px; margin-right:20px;
}

 .cPanel #priceblock #btnOrder
    {
        display:inline-block;margin-top:10px;vertical-align:bottom;
    }
 .cPanel #title
    {
       margin-left:120px; font-weight:bold;font-size:12pt; color:#5e5e5e;
     
    }  
.cPanel span
{
 
  font-size:10pt;
 font-weight:normal;
 
 
}
.cPanel h2
{
     
     margin-top:0;
}
.cPanel p
{
     margin-top:0;
}

.cPanel img
{
    border:0;
   
}
.cPanel a
{
    text-decoration:none;
    color:#6d6d6d;
   
}


/* used for the category pages*/

/*used for the category page Categoryview list*/
.ctPanel
{
    width:45%;
    font-size:10pt;
    text-align:center;
    height:160px;
    box-shadow: 2px 2px 2px #000;
    padding:10px 5px;
    margin:10px;
    text-align:left; 
  
  
}



 .ctPanel #priceblock
    {
       padding-top:10px; float:right;padding-right:80px; 
    }

.ctPanel #copy
{
   display:block;margin-left:140px;text-align:justify; font-size:10pt; color:#6d6d6d;
}

 .ctPanel #priceblock #btnOrder
    {
        display:inline-block;margin-top:10px; padding-left:5px;vertical-align:bottom;
    }
 .ctPanel #title
    {
       margin-left:140px; font-weight:bold;font-size:12pt; color:#5e5e5e;
     
    }  
.ctPanel span
{
 
  font-size:10pt;
 font-weight:normal;
 
 
}
.ctPanel h2
{
     
     margin-top:0;
}
.ctPanel p
{
     margin-top:0;
}

.ctPanel img
{
    border:0;
}

.ctPanel #image
{
    display:inline-block;float:left; height:120px;
}
.ctPanel a
{
    text-decoration:none;
    color:#6d6d6d;
   
}

/****************************************************
home page messages
******************************************************/

.homepagemessage
{
    border-radius: 5px;
    border:2px solid #DD2929;
    text-align:left;
    font-size: 10pt;
    padding:10px;
    width:736px;
    margin-bottom:20px;
}

span.messagelabel 
{
    display:block;
    color:#DD2929;
    font-size:14pt; 
    font-weight:bold;
    padding-bottom:10px;
}

/***************************
 bread crumb trail on cat page
*******************************/

.bcPanel
{
    font-size:9pt; padding:4px; border-bottom: 1px solid #123053; margin-bottom:1em;
}
   
.bcPanel a
{
    color:#1B5E8C;
    text-decoration:none;
}


.bcPanel a:hover
{
    color:#CC7502;
}

/****************************
section and category pages heading banner 
**********************************/

.CatHeadingPanel
{
  
    padding-top:4px;
}
.CatHeadingPanel h1
{
    font-weight:bold; 
    font-size:18pt;
    margin:0;
    padding-top:8px;
}
.CatHeadingPanel span
{
    font-size:10pt;
}
.CatHeadingPanel img
{
    margin-right:10px;
}

.clink a
{
    color: #000;
    font-size: 9pt;
    font-weight: bold;
    text-decoration:none;
}
.clink img
{
   width:140px;
   border:0px solid white;
    
}
.clink a:hover
{
    text-decoration:underline;
}
.catHeading
{
    color:black;
    font-weight:bold;
    font-size:20px;
    
}


/****************************************************
check config pages
*****************************************************/
table.chkcfg
{
    width:100%;
    border-collapse:collapse;
    padding-top:20px;
}

table.chkcfg th
{
   
    padding-top:15px;   
}

.chkcfg tr
{
    vertical-align:top;
     width:1000px;
}
.chkcfg th
{
    /*background: linear-gradient(to bottom, #676767 0%,#4c4c4c 100%);  W3C */
    background: linear-gradient(to bottom, #123053 0%,#123053 100%); 
    color:#fff;
    font-weight:normal;
    padding:10px;
   
    text-align:center;
}

.chkcfg td
{
   margin:0;
   vertical-align:top;
   padding-top:15px;
   /*padding-right:15px; */
}

#ctl00_MainContentPlaceHolder_StartNo
{
    width:175px;
}

.chkcfg th
{
    
    width:500px;
}


.chkcfg td#scrollimage
{
    text-align:center; padding-left:15px;
}

.revcolpanel
{
  width:140px;
}

.cellpad
{
padding-right:15px; padding-top:15px;
}

.hideme
{
    /*display:inline-block;*/
}

.showme
{
 display:none;   
}

.tplheading
{
    text-decoration:none;
    color:Red;
    
    font-size:9pt;
    
    
}
.lnkCheckFormat
{
  text-decoration:none;
  border: 0px solid white; 
  color:#176fa9; 
  vertical-align:middle;
  font-size:12px;/**/
}
.lnkCheckFormat:hover
{
  text-decoration:underline;
}
.showUploadPnl
{
color:#1b5e8c;text-decoration:none; display:none;float:right;padding-bottom:5px;position:relative;padding-top:20px;
}

.kit
{
  margin-bottom:1em; border-bottom:0px solid #000;  
}


.fixed {  /*used for the checkimprint.aspx page*/
        position: fixed;
        text-align:center;
        top: -50px; 
        width:500px; 
        margin-left: 0px;
     /*  background-color: #0f0 ! important; */ }
       
.fixedformat {  /*used for the format.aspx page*/
        position: fixed;
        text-align:center;
        top: -50px; 
       width:490px; 
        margin-left: 0px;
 }

.fixedpadding
{
    padding-right:15px;
}
.fixedcell /*used for the format.aspx page to correct the left panel during scrolling*/
{
 height: 635px;   
}

.imagestyle {
    font-weight: bold;
    padding-left: 0px;
}
.alertmsg {
    color: Red;
    font-weight: bold;
    /*display:inline-block;*/
}
.requiredAlert
{
    color:Red;
    display:none;
}

.hide
{
    
 display:none; 
   
}
.show
{
    display:inline;
   
}

.bluHeader
{
    padding:4px;
    background-color:#123053 ;
    color:#fff;
    font-weight:bold;
}

.bluHeader div
{
    float:right;
    font-weight:normal;
}

.bluHeader a
{
    text-decoration:none;
    color:#fff;
    font-weight:normal;
}

.bluHeaderLine
{
    color: #1B5E8C;
    border-bottom:1px solid #1B5E8C;
    font-size:11pt;
    font-weight:bold;
    margin-bottom:4px;
}
.bluHeaderLine a
{
    font-weight:normal;
    color:Blue;
    font-size:10pt;
}


.revlab
{
    display:inline-block;
    width:150px;
    font-weight:bold;
    
}

#OnlineProof
{
    width:440px; margin:0 auto;
}

#ctl00_MainContentPlaceHolder_lblproofmessage
{
    padding-left:27px;font-size:12px;
}

.pager, .bottomPager
{
    font-size:9pt;
     text-align:center; 
     padding-top:10px;
     padding-bottom:4px;
     width:auto;
     margin-bottom:1em;
     /* border-top:1px solid #1B5E8C; */
}


#ctl00_MainContentPlaceHolder_StockLogoGridPanel
{
    width:650px;
    height:450px;
     padding-left:10px;
     padding-top:5px;
}

#ctl00_MainContentPlaceHolder_StockLogoList_tblProducts
{
     padding:10px;
}
.imgsize
{
    width:85px;
}   

/***************************************
Product Details
******************************************/
.Customize
{
    padding:0px 0px 10px 0px;/**/
}
.InstPanel
{
    border-left: 1px solid #e1e1e1;
    box-shadow: 3px 3px 3px #888888;
    font-size:10pt;
    width:500px;
    margin-top:20px;
    float:right;
}

.InstPanel #name
{
   width:230px; float:left; font-weight:bold;
}

.ProductHeading
{
    font-weight:bold;
    font-size:16pt;
   color:#ff6d2e;  /* */
    border-top:1px solid #1B5E8C;
    padding:8px 0 8px 0;
}

.ProductContainer
{
    padding-left:20px;
    padding-right:20px;
    width:780px;
   /* height:200px;*/
}

.pImageContainer
{
   width:240px;
    margin-right:20px;
    display:inline-block;
    text-align:center;
 
}
.pImageContainer img
{
     border:0; 
     width:200px;
}


.pImageContainer a span
{
    display:inline-block;
     width:200px;
     text-align:center;
}
.pDetailContainer
{
    padding-top:10px;
    padding-left:20px;
    clear:left;
    font-size:10pt;
}
.pDetailContainer h2
{
    color:#1B5E8C;
    font-size:14pt;
    margin:0;
}
.qtyContainer
{
     float:right; 
   /* vertical-align:middle;
     
     padding-top:25px;*/
     width:510px;
     text-align:justify;
}
.headingcontainer
{
     float:right; 
     width:500px;
     text-align:justify;
}

.qtyContainer table
{
    /*width:500px;*/
      
}

.PriceLabel
{
    color:Red;
    font-size:16pt;
}
.UnitLabel
{
    font-size:9pt;
}
.QtyBox
{
    font-size:12pt;
    width:50px;
    padding:4px;
    margin-top:4px;
}


/* tabbed product info */

.infoTabList 
{
    padding:0;
    margin:0;
    list-style-position:inside;
}
/**********************************************************************
    address table
**********************************************************************/

.addressDiv
{
    font-size:10pt;
}
.addresstable,
.addresstableL
{
    font-size:10pt;
}

.addresstable th,
.addresstableL th
{
    font-weight:normal;
    text-align:left;
    vertical-align:top;
    width:114px;
}

.addresstable td
{
    padding-bottom:6px;
}

.addresstableL td
{
    width:300px;
    padding-right:20px;
}

.addresstable input,
.addresstableL input
{
    margin-top: 1px;
	margin-bottom: 1px;
	border: 1px #dcdcdc solid;
	font-size: 10pt;
}

.fullwidth
{
    width:100%;
}

.addresstable select,
.addresstableL select
{
    margin-top: 1px;
	margin-bottom: 1px;
	border: 1px #dcdcdc solid;
	font-size: 10pt;
	width:100%;
}

.bluheading
{
    background-color:#123053;
    color:#fff;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    font-weight:bold; 
    font-size:11pt; 
    margin-left:-20px; 
    margin-top:0;
    padding:4px;
    width:220px;
    border-left: 1px solid #e1e1e1;
}

.bluheadingNoOffset
{
    background-color:#123053;
    color:#fff;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    font-weight:bold; 
    font-size:11pt; 
    margin-top:0;
    padding:4px;
    width:220px;
}

.bluheadingdiv
{
    background-color:#123053; 
   /*background: linear-gradient(to bottom, #1b5e8c 0%,#123053 100%);  W3C */
    color:#fff;
    font-weight:bold; 
    font-size:11pt; 
    margin-top:0;
    padding:4px;
}

a.headerlink,
.bluheadingdiv a
{
    font-size:9pt;
    font-weight:normal; 
    color:#fff;
    margin-left:20px;
}


/*********************
faq page
************************/
.faqtable a
{
    /*color:#5176B0;*/
    color:#000;
    text-decoration:none;
}
.faqtable a:hover
{
    text-decoration:underline;
    color:Blue;
}
.faqtable ul
{
    list-style:none;
    margin-top:4px;
    padding-left:0;
}


/************************ 
 cart display 
**************************/
.yourcart
{
    font-size:10pt;
    border-bottom:1px solid #1B5E8C;
    padding-bottom:4px;
    margin-bottom:10px;
    text-align:right;
}
.cartitemcontainer
{
    border-bottom:1px solid #1B5E8C;
    padding-bottom:10px;
    padding-top:1px;
    clear:both;
    /*
    border-left:1px solid #1B5E8C;
    border-right:1px solid #1B5E8C;
*/
}

.cartitemcheader
{
    padding:4px;
    margin-bottom:10px;
    background-color:#1B5E8C;
    color:#fff;
    font-size:11pt;
}

.CartItemTable
{
    width:100%;
    border-left: 1px solid #e1e1e1;
    box-shadow: 3px 3px 3px #888888;
}


.CartItemTable th
{
    font-size:10pt;
    font-weight:bold;
    color:#fff;
    text-align:left;
    background-color:#123053;
    padding:4px 10px;
    white-space:nowrap;
}
.dropPanel
{
    border-left: 1px solid #e1e1e1;
    box-shadow: 3px 3px 3px #888888;
}
.cImageDiv
{
    float:left;
    margin-right:10px;
   width:60px;
    text-align:center; /**//*removed due to the Kits needing more room in the cart*/
    margin-bottom:10px;
}

.CartItemTable td
{
    border-top:1px solid #123053;
    padding:10px;
    font-size:11pt;
    vertical-align:top;
    font-size:10pt;
    
}

.CartItemTable #tdprice
{
     text-align:right;
} 
.dLink
{/*delete button*/
    font-size:9pt;
    color:#1B5E8C;
      font-weight:bold;
    display:inline-block;
   padding-bottom:5px;
   /*  text-decoration:none;*/
}

.rLink
{
    font-size:9pt;
    color:#1B5E8C;
    font-weight:bold;
    display:inline-block;
   padding-bottom:0px;
   /*  text-decoration:none;*/
}
.uLink
{
    font-size:10pt;
    color:#1B5E8C;
}

.unitpricespan
{
    font-size:11pt;
    white-space:nowrap;
    font-weight:bold;
}
.unitlabel
{
    font-size:9pt;
}

/* review page edit links */
.eLink
{
    color:Blue;
    /*text-decoration:none;*/
    font-size:8pt;
}
a.eLink:hover
{
    text-decoration:underline;
}

/* table style used bt the radiobuttonlist for shipping and production methods */
.radTable td
{
    margin:0;
    padding:0;
    border:none;
}

/******************************************************
cart totals
*******************************************************/

.ctContainer
{
    /* width: 220px; */
    width:100%;
     text-align: left; 
     float:right; 
      border-left: 1px solid #e1e1e1;
    box-shadow: 3px 3px 3px #888888;
     margin-bottom:10px; 
     font-size:10pt;
}
.ctHeading
{
    text-align:center; 
    padding:4px; 
    font-weight: bold; 
    color:#fff; 
    background-color:#123053; 
    margin-bottom:10px;
    
}
.ctLabel
{
     float:left;
     width:200px; 
     padding-left:10px;
     padding-bottom:7px;
}
.ctValue
{
    float:right;
    text-align:right; 
    clear:right; 
    padding-right:10px;
}
.ctRuler
{
     border-bottom:1px solid #000; 
     margin-left: 10px;
     margin-right: 10px;
     margin-bottom: 4px;
}
.ctTotLabel
{
     float:left;
     width:80px; 
     padding-left:10px;
     font-size:10pt;
     font-weight:bold;
}
.ctTotValue
{
    float:right;
    text-align:right; 
    clear:right; 
    padding-right:10px;
    font-size:10pt;
    font-weight:bold;
}

.sSpan
{
    color:#1B5E8C;
    font-size:8pt;
    font-style:italic;
}
.sLabel
{
    font-style:italic;
    color:Red;
}

#OrderNotesPanel
{
    width: 350px; text-align: left; float:left; margin-bottom:10px;
}

#divCarttotal
{
    float:right; width:360px;
   /* float:left; width:360px;*/
}

#divShipNotes
{
  width:350px; text-align: left; float:left; margin-bottom:10px; font-size:10pt;
  /*width:350px; text-align: left; float:right; margin-bottom:10px; font-size:10pt; */
}

/****************************************************
FAQ
*****************************************************/
.faqcontainer
    {
        color:#123053;
        font-size:10pt;
       width:770px;
       padding-left:30px;
    }

.faxpnl1
{
    width:380px; 
    text-align:left;
    float:left;
    
}
        
.faxpnl1 div
{
    margin-bottom:1em;
}
        
.faxpnl1 span 
{
    display:block; 
    font-weight:bold;
    font-size:12pt;
    padding-bottom:10px;
    
} 
        
.faxpnl1 a, .tplink
{
    color:#6d6d6d;
    display:list-item;
    list-style-type: disc;
    list-style-position:outside;
    margin-left:10px;
    text-decoration:none;
    font-size:10pt;
    padding-bottom:3px;
   
   
}

        
.faxpnl1 a:hover
{
   text-decoration:underline;
   
    
}

.faxpnl2
{
    width:380px; 
    text-align:left;
    float:right;
}
        
.faxpnl2 div
{
    margin-bottom:1em;
}
        
.faxpnl2 span 
{
    display:block; 
    font-weight:bold;
    font-size:12pt;
     padding-bottom:10px;
  
} 
        
.faxpnl2 a, .tplink
{
    color:#6d6d6d;
    display:list-item;
    list-style-type: disc;
    list-style-position:outside;
    margin-left:10px;
    text-decoration:none;
    font-size:10pt;
     padding-bottom:3px;
}
  
  .tplink
{
   
    display:inline-block;
    list-style-type:none;
    list-style-position:inherit;
   
}
  
        
.faxpnl2 a:hover
{
    text-decoration:underline;
}


/****************************************************
            TRANSITIONS
******************************************************/
@media all and (max-width: 1980px) {
    
}
@media all and (max-width: 1760px) {
   
     .mediafloat {
        left: 15%;
    }
     .timepanel {
       
    }
   
}
@media all and (max-width: 1520px) {
   
   .mediafloat {
        left: 10%;
    }
   
}
@media all and (max-width: 1324px) {
   
    .mediafloat {
        left: 8%;
    }
   
}

@media all and (max-width: 1264px) {
   
    .mediafloat {
        left: 10px;
    }
   
}
@media all and (max-width: 1070px) {
   
    .mediafloat {
        left: 5px;
    }
   
}
@media all and (max-width: 1060px) {
   
    .mediafloat {
        left: 21%;
    }
   
}
@media all and (max-width: 1010px) {
   
    .mediafloat {
        left: 20%;
    }
   
}
@media all and (max-width: 980px)
 {
    .mediafloat {
        left: 22%;
        }
.wrapper 
{
    width:950px;    
}
header
{
    width:940px;
    padding:15px 10px;
}
.sbarnav
{

margin-top: 0px;
padding-left: 15px;
width: 550px;

}

 .sbarnav span
{
    width:35px;
}
.contentdiv
  { 
     width:750px;
    
  }
.cPanel
{
    width:325px;
}
#ctl00_MainContentPlaceHolder_MostPopularList
{
    padding-left:150px;
}
.chkcfg th
{
   
    width:500px;
   
}/**/
  .ProductContainer
{
    padding-left:20px;
    padding-right:0px;
    padding-top:30px;
    width:770px;
   
}
.pImageContainer
{
   width:220px;
    margin-right:20px;
    display:inline-block;
 
}


.qtyContainer
{
     
    vertical-align:middle;
     float:right; 
     padding-top:25px;
     padding-right:50px;
     width:460px;
}

.qtyContainer table
{
    width:450px;
      
}
.InstPanel {
    
    width: 460px;
}
     /*************Warning Panels***********************/
    
    .logPnl
    {
    left: 160px;
    }
.homepagemessage
{
    width:auto;
}
footer #footercontainer {
   
    padding: 20px 0 10px 140px;
   
}
/*****************************************************************
About the company
******************************************************************/
#header1 h2, #header2 h2, #header3 h2,#header4 h2,#header5 h2,#header6 h2,#header7 h2,#header8 h2 {width:675px;}
.content{width:625px;}
 }

/******************************************************************************************************************************************************************************************************/
@media all and (max-width: 950px) {

    .mediafloat {
        left: 21%;
    }
}

@media all and (max-width: 900px)
 {

    .mediafloat {
        left: 24%;
    }
 .wrapper 
{
    width:860px;    
}
header
{
    width:850px;
    padding:15px 10px;
    height:110px;
}

.contentdiv
{
 width:670px;   
}
 
 .ProductContainer
 {
    width:660px; 
    margin-left:30px;
 }
.qtyContainer
 {
     float:left;
     padding-left:0px;
     width:520px;
 }
.InstPanel {
    float: none;
    width: 610px;/**/
}

.pImageContainer
{
 width: 520px;   
}


/* the cart image 
.cLinkDiv
{
    padding-right:24px;
    font-size:9pt;
    position:relative;
    right:50px;
}*/
.cLinkDiv
{
display: inherit;
    margin-top: 0;
    padding-top: 3px;
    white-space: nowrap;
   
}

.sbarnav
{

margin-top: 0px;
padding-left: 0px;
width: 500px;

}

 .sbarnav span
{
    width:25px;
}
   
.chkcfg th
{
    width:410px;
}

.chkcfg td
{
    padding-right:0;
}
.showme
{
 display:none;   
}
.fixedpadding
{
    padding-right:2px;
}

footer #footercontainer {
   
    padding: 20px 0 10px 160px;
   
}
footer #footercontainer div 
{
    width:150px;
}
/*****************************************************************
About the company
******************************************************************/
#header1 h2, #header2 h2, #header3 h2,#header4 h2,#header5 h2,#header6 h2,#header7 h2,#header8 h2 {width:600px;}
.content{width:575px;}
}

 header p a
{  
    display:none;   
}

 .impPnl
{
    right:30%;}
  
 

 /****************************************************************************************************************************************************************************************************/
@media all and (max-width: 890px) {

    .mediafloat {
        left: 23%;
    }
}
 
 @media all and (max-width: 810px) {

    .mediafloat {
        left: 24%;
    }
}
 @media all and (max-width: 800px)
 {
   .mediafloat {
        left: 6%;
    }  
 .wrapper 
{
    width:600px; 
}


header #cflheader
{
    position:absolute;
    left:20px;
    height:25px;
}
   header
    {
        min-height: 135px;/* */
        height: 0px;
        width:100%;
    }   
    
header p
{     
    position:absolute;
    top:35px;
    left:20px;
    text-align:left;
    width:400px;
    padding-top:15px;
 
} 

header p a
{  
    display:inline-block;   
    padding: 35px 0 5px 150px;
}


 .ctLabel
{  
   width:150px; 
}
 
   
   .contentdiv
  {
    width:610px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom:0px;
    float:none;
  }
  
  
    .container
    {
        width:auto;
        padding:10px;
     /* width:560px;*/  
    }

    .container h1,h2
    {
    font-size:10pt;
    }
    .contentdiv span .popitem
    {
    width:100%;
    }
  
   
    .rotatorpanel
    {
        height:auto;
        /*margin-top:40px;*/
        padding-left:10px;
        
    }
    .rotatorpanel #slideshow
    {
        display:none;
    }
 
    .rotatorpanel #navblock
    {
        display:none;
    }
 
 
    .rotatorpanel img
    {
    max-width:490px;
    max-height:200px;
    padding-left:5px;
    display:none;
      
    }
  #MostPopular span 
  {
    /* padding-left:30px;*/
  }

#ctl00_MainContentPlaceHolder_MostPopularList
{
    padding-left:50px;
}
    header, footer {
    max-height: 200px;
    max-width:560px;
    }
   
  
   
 /*** the little bar next to the search bar that has the main categories ***/
    #topnav
    {
      
      width:auto;
      margin: auto;
      max-width: 600px;
      height:auto;
    }
    #topnav #catbardiv
    {
       position: relative; width: 0; height: 0; 
    }
    
   .catbar
    {
        display:none;
    }
    
 
    .catpanel
    {
    display:none;
    }

    .sidepanel
    {
        display:none;
    }  
   
    
 /* the bar containing the topnav buttons */
    .searchbar 
    {
        padding:4px;
        width:100%;
        height:17px;
    
    }
   
    .sbarnav
    {
        width:100%;
        margin-left:0px;
        font-size:8pt;
    }

        /*pipes*/
    .sbarnav span
    {
        width:25px;
        display:inline-block;
        font-size:8pt;
    }

    /*topnav links*/
    .sbarnav a
    {
        font-size:10pt;
      padding-bottom:5px;
    }

    .sbarnav #lastpipe
    {
        display:none;
    }

 
    /*** The search box and button ***/   
    #searchMBpanel
    {
        display:inline-block;
        position:absolute;
        left:190px;
        top:197px;
    }
    
    .searchbutton
     {
        display:inline-block;
        vertical-align:bottom;
        box-shadow: 2px 2px 2px #888888;
        border-radius:4px;
        background-color:#123053;
     }
    
    /*** The search textbox ***/
    .sBox 
    {   
        box-shadow: 2px 2px 2px #888888;
        border-radius:4px;
    }

    .rightdtpanel /*Login, chat, search panel*/
    {
        display:none;
    }

    /* the cart image */
    .cLinkDiv
    {
        float:right;
        padding-right:14px;
        font-size:9pt;
        white-space:nowrap;
        position:relative;
        margin-top:-74px;
    }
    .cLinkDiv a
    {
        color:Navy;
        text-decoration:none;
    }
    .cLinkDiv span
    {
        display:inline-block;
        color:Navy;
    }

    .cLinkDiv #viewcart
    {
      display:none;
    }

    .cLinkDiv img
    {
        float:right;
    }
.scrNav
{
  display:none;
  
}
  #cartdiv
 {
   display:inline-block;position:absolute;left:480px;top:50px;
 }
 
  .impPnl
{
    right:25%;}
   
/************************************************************************
breadcrumb trail

*************************************************************************/
 .bcPanel
   {
       position:relative;
       top:30px;
   }
   
   
   
 /************************************************************************
    home page cat panels
 **************************************************************************/
 
 .CatHeadingPanel
{
    border-top:0px solid #1B5E8C;
}
 
 #MostPopular
{
   padding-left:35px;
   width:auto;
   height:auto;
}

.stopwrap
{
   display: table-cell;
    white-space: nowrap; 
}

.cPanel
{
    width:425px;
}
.cPanel #priceblock
{
    padding-right:80px;
}
    
.cPanel #priceblock #btnOrder
{
    margin-top:7px;
}
    
.cPanel #copy
{
    margin-left:180px;
}
    
.cPanel #title
{
        
}
.cPanel span
{
    font-weight:normal;
}
.cPanel h2
{
        margin-top:0;
}
.cPanel p
{
        margin-top:0;
}

.cPanel img
{
    border:0;
        
}
    
  
  /**********************************************
Chat container
*************************************************/
 .bcContainer
        {
            display:none;
        } 
        
  
  /*****************************************************************
About the company
******************************************************************/

/*#header1:click > .content {height: 300px;}
#header2:click > .content {height: 300px;}
#header3:click > .content {height: 300px;}
#header4:click > .content {height: 300px;}*/


  .vcm
  {
      padding-left:3px; padding-bottom:0px;
  }
.vcm h2, h3
{
    font-size:12pt;
}
  
  
.vcm p
{
    font-size:12pt;
    padding:5px;
     text-align:left; 
}

#totalcontent
{
    Width:100%; 
    padding:0px;
}


/****************************************************
Product Details
*****************************************************/
.InstPanel
{
     width:560px;
     float:none;
   
}

.InstPanel #name
{
    width:60px;
}
.qtyContainer
{
     padding-top:25px;
     width:auto;
     padding-right:0px;
}
  
  .qtyContainer table
  {
      width:auto;
      
  }
  
.ProductContainer
{
    padding-left:0px;
    padding-right:20px;
    padding-top:30px;
    width:560px;
   
}

.pImageContainer
{
   padding-left:30%;
    margin-right:0px;
    width: 260px;
}



/****************************************************
            CHECK CONFIG PAGES
*****************************************************/

.revlab
{
   font-size:9pt;
}

.chkcfg td#scrollimage
{
    display:none;
}
table.chkcfg
{
    margin-top:10px;
}
table.chkcfg th
{ 
   width:100%;
    padding:5px; margin:0;
    text-align:center;
}

.chkcfg td
{
   
   padding-right:5px;
}

/*used for the mobile version*/
.hideme
{
   display:none /**/
}
.showme
{
 display:inline-block;/**/ 
}
.fixedpadding
{
    padding-right:2px;
}



/****************************************************
            CART TOTALS
*****************************************************/


#divCarttotal
{
   width:220px;
}

#OrderNotesPanel
{

width:100%; 
}

.addresstableL td {
   
    width: 200px;
}

/****************************************************
FAQ
*****************************************************/
.faxpnl1
{
    width:380px; 
    text-align:left;
    float:left;
}
        
.faxpnl1 div
{
    margin-bottom:1em;
}
        
.faxpnl1 span 
{
    display:block; 
    font-weight:bold;
    font-size:12pt;
} 
        
.faxpnl1 a, .tplink
{
    color:#000;
    display:block;
    margin-left:10px;
    text-decoration:none;
    font-size:10pt;
}
        
.faxpnl1 a:hover
{
    text-decoration:underline;
}

.faxpnl2
{
    width:380px; 
    text-align:left;
    float:left;
}
        
.faxpnl2 div
{
    margin-bottom:1em;
}
        
.faxpnl2 span 
{
    display:block; 
    font-weight:bold;
    font-size:12pt;
} 
        
.faxpnl2 a, .tplink
{
    color:#000;
    display:block;
    margin-left:10px;
    text-decoration:none;
    font-size:10pt;
}
        
.faxpnl2 a:hover
{
    text-decoration:underline;
}


.faqcontainer
    {
       width:440px;
    }
    
 /*used for logo selector*/

#ctl00_MainContentPlaceHolder_StockLogoGridPanel
{
    width:650px;
    height:450px;
     padding-left:10px;
     padding-top:5px;
}


#ctl00_MainContentPlaceHolder_StockLogoList_tblProducts
{
     padding:10px;
}
.imgsize
{
    width:65px;
}   
  /*************Warning Panels***********************/
    
    .logPnl
    {
    left: 90px;
    }
   
#taxPanel
{
width:520px;
}
/********************************
FOOTER
*********************************/     
        
  footer
   {
   margin: 5px;
   max-width: 560px;
   height :auto;
   width:560px;
   padding: 0 0 5px 5px;
  /*padding-top:190px;
   min-height:0px;*/
   }


footer #footercontainer
{
 padding:15px 0px 5px 90px;
}
    
 footer #footercontainer div
{
   /**/ width:230px;
}       
        
footer #footercontainer li a
{
    font-size:9pt;
}
  
  
  footer #footercontainer > div:nth-child(3) {
    display:none;
}

footer #footercontainer > div:nth-child(4) {
    display:none;
}   

footer #footercontainer > div:nth-child(5) {
    display:none;
}     
 

}
 
@media all and (max-width: 670px)
{
     /*************Warning Panels***********************/
 .mediafloat {
     left: 4%;
    }
     .rotatorpanel
    {
        height:auto;
    }  
    .logPnl
    {
    left: 10px;
    text-align: center;
    top: 140px;
    width: 600px;
    }

.logPnl #heading
{
    font-size:12pt;font-weight:bold; color:#ff6d2e; float:right;
    padding-right:0px;width:420px;
}

 #MostPopular span 
  {
    padding-left:20px;
  }

 footer #footercontainer div ul
{
    font-size:12pt;
} 
.container
{
   
}

.rotatorpanel span
    { 
       font-size:11pt;}

.sbarnav span{
    width:35px;
}

}


 
  /********************************************************************************************************************************************************************************************************/
   @media all and (max-width: 640px)
 {
    .mediafloat {
        left: 3%;
    }
    .impPnl{
    text-align:center;
    font-size:9pt;
    width:400px;
    position:absolute;
    right:16%;
    top:100px;
    z-index:30;
    background-color:#fff;
    border:1px solid #7f7f7f;
    box-shadow: 2px 2px 2px #000;
    }
    .sbarnav a {
    font-size: 9pt;
     padding-right: 0px;
    }
    
    #ctl00_MainContentPlaceHolder_lblproofmessage
    {
        padding-left:5px;
    }
    
    header p a {
    padding: 35px 0 5px 140px;
}

#searchMBpanel {
    left: 180px;
}
/*************Warning Panels***********************/
    
    .logPnl
    {
    left: 25px;
    width: 550px;
    }

.logPnl #heading
{
    width:380px;
    
}
 /*used for logo selector*/

#ctl00_MainContentPlaceHolder_StockLogoGridPanel
{
    width:530px;
    height:330px;
     padding-left:5px;
     padding-top:5px;
}


.bluheadingdiv {
    font-size: 10pt;
}


.imgsize
{
    width:45px;
}

.addresstableL td {
    padding-right: 20px;
    width: 200px;
    font-size:9pt;
}


.addresstableL th {
   
    font-size:9pt;
}

footer {
 
    width: 560px;
}

footer #footercontainer div {
   /* width: 112px;*/
}

 }
 
 @media all and (max-width: 604px)
 {
    .mediafloat {
        left: 2%;
    }
     .wrapper 
    {
        width:550px; 
    } 

.contentdiv {
   
    width: 560px;   
    }  
.homepagemessage{
 margin-bottom:0px;
 margin-top:20px;
}
    
 header p a {
padding: 40px 0 5px 130px;
}

#searchMBpanel {
    left: 170px;
}
/*************Warning Panels***********************/
    
    .logPnl
    {
    left: 25px;
    width: 500px;
    }

.logPnl #heading
{
    width:440px;
}


/****************************************************
Product Details
*****************************************************/
.ProductContainer
{
    width:500px;
}
.InstPanel {
   
    width: auto;
}
/*****************************************************************
About the company
******************************************************************/
#header1 h2, #header2 h2, #header3 h2,#header4 h2,#header5 h2,#header6 h2,#header7 h2,#header8 h2 {width:550px;}
.content{width:525px;}


/***************************/
    #divCarttotal
{
    float:left; width:550px;
}

#divShipNotes
{
  width:100%; text-align: left; float:right; margin-bottom:10px; font-size:10pt;
}
/***************************/
}

@media all and (max-width: 550px) {

    .mediafloat {
        left: 1%;
    }
}
 @media all and (max-width: 480px)
 {
     .mediafloat {
        left: 2%;
    }
     .wrapper
     {
       width: 460px;
     } 
  .sbarnav span {
    width: 5px;
}
     header
    {
        height: 0px;
        padding:0px;
        padding-bottom:10px;
        margin:auto;
        width:460px;
        min-height: 145px;
    }
    header p
    {
        width:300px;
        top: 15px;
    }
    header p a {
    padding: 40px 0 5px 70px;
    }


   .searchbar {width: 98%;}

   #searchMBpanel{left:110px;top:185px;}
    #MostPopular span {
    padding-left: 10px;
    }
   .scrNav
    {
      display:inline-block;
      visibility:hidden;
    } 
  
   .container
    {
      padding:20px 0 0 0;
    }
    
    #cartdiv {
    display: inline-block;
    left: 360px;
    position: relative;
    top: 30px;
    }
    .cfl
    {
      font-size:20pt;
    }

    .com
    {
       font-size:18pt; 
    }
    
   
    
    .contentdiv 
    {
    padding-top:15px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 450px;}

.rotatorpanel
{
    padding:0px;
    margin-bottom:40px;
}

 .cPanel
    {
        width:400px;
    }

#MostPopular {padding-left: 0px;}
#totalcontent {padding: 10px;}
.impPnl{
    text-align:center;
    font-size:9pt;
    width:400px;
    position:absolute;
    right:10%;
    top:100px;
    z-index:30;
    background-color:#fff;
    border:1px solid #7f7f7f;
    box-shadow: 2px 2px 2px #000;
    }
/*.chscrNav
{
  display:none;
}*/
.bluHeaderLine a
{
  font-size:9pt;
}
/*topnav links*/
.sbarnav a
{   
padding-left:10px;
padding-right:10px;
}
.revcolpanel img
{
    display:none;
}

 /*used for logo selector*/

#ctl00_MainContentPlaceHolder_StockLogoGridPanel
{
    width:440px;
    height:330px;
}
/****************************************************
            CART TOTALS
*****************************************************/
.ctContainer
{
     width: 100%; 
      border-left: 1px solid #e1e1e1;
    box-shadow: 3px 3px 3px #888888;
}
 #divCarttotal
{
    width:100%;
}
#OrderNotesPanel
{
width: 460px; 
}

.cImageDiv
{
  
}



/*************************************************************
product details

**************************************************************/
.ProductContainer
{
    padding-right:0px;
    padding-top:30px;
    width:440px;
   
}
.pImageContainer
{
   width:220px;
    margin-right:20px;
    display:inline-block;
 padding-left: 20%;
}


.qtyContainer
{
    vertical-align:middle;
     float:none; 
     padding-top:25px;
     padding-right:50px;
     width:440px;
}

.qtyContainer table
{
    width:430px;
}
.InstPanel {width: 400px;}

 
/*************Warning Panels***********************/
    
    .logPnl
    {
    left: 15px;
    width: 400px;
    }
   

.logPnl #heading
{
    font-size:10pt;
    width:250px;
}
 
 /********************************
FOOTER
*********************************/     
        
footer
{
  width:auto;
  padding:0px;
  margin:0px;
}

footer #footercontainer > div:nth-child(3) {
    display:none;
}

footer #footercontainer > div:nth-child(4) {
    display:none;
}   

footer #footercontainer > div:nth-child(5) {
    display:none;
}     


footer #footercontainer li a
{
    font-size:9pt;
}

footer #footercontainer{padding:15px 0px 5px 40px;}
    
footer #footercontainer div{width:210px;}       

 
 /* home page links*/
 #header1 h2, #header2 h2, #header3 h2,#header4 h2,#header5 h2,#header6 h2,#header7 h2,#header8 h2 { width:425px;}
 .content{width:425px;}  
 
 
}
 
 @media all and (max-width: 427px)
 {
  /*** The search box and button ***/   
 .container h1,h2
    {
    font-size:12pt;
    }
 
.yourcart
{
    font-size:9pt;
    padding-right:10px;
}

 .impPnl
{
    text-align:center;
    font-size:9pt;
    width:300px;
    position:absolute;
    
    top:100px;
    z-index:30;
    background-color:#fff;
    border:1px solid #7f7f7f;
    box-shadow: 2px 2px 2px #000;
}

.timepanel
{
   width:300px;
}

.timepanel img
{
  width:180px;  
}

 .wrapper 
    {
     
    width:345px;
   /* margin:5px;*/
    }


  

 header, footer {
        min-height: 150px;
       /* max-height: 200px;*/
        max-width:340px;
       }
   
 header
   {
      height: 0px;
      padding:0px;
      margin:auto;
      width:340px;
   }
    
  header #cflheader
    {
    
    height:25px;
   left:10px;
    width:340px;
    }
    
    
 header p
 {
    display:inline-block;
    top:15px;
    text-align:center;
    width:300px;
 }
 
 header p a {
    padding: 45px 0 5px 5px;
    }
    
 footer span {
    padding: 40px 0 10px 0;
   
    margin:0;
}  
   
    .cfl
{
     font-size:16pt;
}

.com
{
   font-size:14pt; 
} 

   .contentdiv
  {
        width:340px;
        float:none;
  }
  /*topnav links*/
    .sbarnav a
    {
        font-size:9pt;
    }  
 .rotatorpanel
 {
    height:auto;
    padding:10px;
    width:330px;
    margin-bottom:10px;
 }

#totalcontent {
    padding: 0px;
    
}
.container
{
  /*width:340px;*/ 
  padding-top:0px; 
}
 
    

/****************************************************
Product Details
*****************************************************/
.InstPanel
{
     width:320px;
     float:none;
   margin-top:0;
}

  
.ProductContainer
{
    font-size:10pt;
     margin-left:0;
    padding-right: 10px; padding-left:10px;
    height:auto;
    width:auto;
    display: -webkit-flex;
   display:flex;
   -webkit-flex-flow: column;
   flex-flow: column;
   flex-direction: column;
}

.pImageContainer
{
   width:320px;
   margin:0px 0px;
   padding-left:0px;
   
 
}

.pImageContainer a
{
    display:none;
}
.pImageContainer a span
{
    display:inline-block;
     width:200px;
     text-align:center;
}

.qtyContainer
{
     padding-top:25px;
     width:340px;
     margin:0px;
}
 .qtyContainer table {
    width: 320px;
} 
 .bluHeaderLine
{
    width:100%;
}

 
    
 /*************Warning Panels***********************/
    
    .logPnl
    {
    left: 15px;
    width: 310px;
    }
   
.logPnl #imglogo
    {
       display:none;
    }
.logPnl #heading
{
    
    width:250px;
}
 

    
 /*****************************************************************
the little bar next to the search bar that has the main categories
    ***********************************************************************/

    #topnav
    {
      padding-top:10px;
      width:340px;
      max-width: 340px;
    }
    
  
 /* the blue bar containing the topnav buttons */
    .searchbar 
    {
        width:330px;
    }
    
    .searchbar span
    {
       padding-left:10px;
       padding-right:10px; 
    }

    .sbarnav
    {
       width:320px;
       white-space:nowrap;
    }
     .sbarnav a:first-child{display:none;}
      .sbarnav span:first-of-type{display:none;}
        /*pipes*/
    .sbarnav span
    {
        width:0px;
        font-size:8pt;
    }

    /*topnav links*/
    .sbarnav a
    {
        padding-left:0px;
        padding-right:0px;
    }

  
    /*** The search box and button ***/   
    #searchMBpanel
    {
        left:45px; top:190px;
    }
    

/***************************************************************
CART PAGE
****************************************************************/
 
 
  #cartdiv
 {
   left:260px;top:15px;
 }
  
 .CartItemTable
{
   /* width:340px;*/
   
}
.CartItemTable #tdprice
{
     text-align:left;
} 
.CartItemTable td
{
    font-size:8pt;
    padding:4px;
  
}


.CartItemTable th
{
    font-size:8pt;
    padding:4px 2px;
   white-space:normal;
   text-align:center;
}
.CartItemTable td a {
    
    font-size: 8pt;
    padding-right:5px;
  
   
}
.ctContainer
{
    
    width: 100%; 
}

.ctLabel 
{
    width: auto;
}
.ctTotLabel
{
     font-size:10pt;
}
.ctTotValue
{
    font-size:10pt;
}
 
 .yourcart {
   margin-top:20px;
}  

.unitpricespan
{
    font-size:9pt;
    
}

#divCarttotal
{
     width:350px;
}

.cImageDiv
{
    margin-bottom:10px;
}

#OrderNotesPanel
{

width: 100%; 
}
    /************************************************************************
    home page cat panels
    **************************************************************************/
#MostPopular
{
   padding-left:15px;
   width:340px;
}

#MostPopular span
{
   padding:0px;
   width:auto;
   height:auto;
}

    .cPanel
    {
        width:300px;
        margin:10px auto;
       
    }
    .cPanel #priceblock
    {
       
       padding-right:20px;
    }
    
    .cPanel #priceblock #btnOrder span
    {
        padding:5px;
    }
    
    .cPanel #copy
    {
      display:inline-block;
       margin-left:0px;
       margin-right:0px;
       width:150px;
       padding-right:0px;
       padding-left:0px;
       padding-top:10px;
    }
    
    .cPanel #title
    {
        font-size:10pt;
        width:auto;
         margin-left:18px;
         overflow:hidden;
    }

    .cPanel img
    {
        padding-right:15px;
    }  
    
 

  
  /*****************************************************************
About the company
******************************************************************/
   /* home page links*/
 #header1 h2, #header2 h2, #header3 h2,#header4 h2,#header5 h2,#header6 h2,#header7 h2,#header8 h2 { width:340px;}
 .content{width:320px;}  

#totalcontent
{
    width:340px;
}

  
/****************************************************
FAQ
*****************************************************/
.faxpnl1
{
    width:320px; 
}
      
.faxpnl2
{
    width:320px; 
}
   
.faqcontainer
{
    width:320px;
    padding-left:10px;
}


/****************************************************
check config pages
*****************************************************/
table.chkcfg
{ 
  width:350px;
  font-size:9pt;
  padding:0;
}

table.chkcfg th
{ 
    width:300px;
}
.chkcfg tr {
    vertical-align: top;
    width: 300px;
}

#ctl00_MainContentPlaceHolder_pnlRouting td img
{ 
    display:none;
}

#ctl00_MainContentPlaceHolder_StartNo
{
    width:175px;
}



#pnlStaticImage
{
  display:none  
}

.kit
{
  margin-bottom:0em; margin-top:5px;
}
.revcolpanel span
{
    padding-right:10px;
}


.cellpad
{
padding-right:5px; padding-top:15px;
}


 .ColorListcl img
 {
     width:80px;
     
 }
 
 .revlab
{
    width:100px;
}
/*used for logo selector*/

#ctl00_MainContentPlaceHolder_StockLogoGridPanel
{
     width:325px;
    height:430px;
}


#ctl00_MainContentPlaceHolder_StockLogoList_tblProducts
{
     padding:0px;
}
 footer #footercontainer
{
    padding:15px 0px 5px 15px;
}
    
    footer #footercontainer div
{
    /**/ width:160px;
}       

  
}

@media all and (max-width:368px)
{
    
        
 /*************Warning Panels***********************/
    
.logPnl
    {
    
    width: 280px;
    }
   

.logPnl #heading
{
   
    width:200px;
}
 
}


  /********************************************************************************************************************************************************************************************************/
  @media all and (max-width: 324px)
 {
 
 .wrapper 
    {
    width:310px;
    margin:auto;
    }

 header, footer {
       
        max-height: 200px;
        max-width:310px;
       }
   
 header
   {
      height: 0px;
      padding:0px;
      margin:auto;
      width:310px;
   }
    
  header #cflheader
    {
    
    height:25px;
   left:0px;
    width:300px;
    }
    
    
 header p
 {
    display:inline-block;
    top:20px;
    left:5px;
    width:300px;
 }  
 header p a
 {
     padding:35px 0;
 } 
 header p a img{
     width:270px;
 }
 .timepanel
{
   width:250px;
  
}  

.cfl
{
     font-size:14pt;
}

.com
{
   font-size:12pt; 
}
   .contentdiv
  {
        width:310px;
        float:none;
  }
  
  .container
{
 /* width:310px; */
  padding-top:10px; 
}

 .impPnl
{
    right:3%;}

/*used for logo selector*/

#ctl00_MainContentPlaceHolder_StockLogoGridPanel
{
     width:300px;
    height:430px;
     padding-left:2px;
     padding-top:15px;
}


#ctl00_MainContentPlaceHolder_StockLogoList_tblProducts
{
     padding:0px;
}
.imgsize
{
    width:35px;
}

 /*************Warning Panels***********************/
    .logPnl
    {
    left:0;
    }

.logPnl #heading
{
    width:230px;
}

/****************************************************
Cart Details
*****************************************************/
.CartItemTable td
{
    font-size:7pt;
    padding:3px;
   
}


 .CartItemTable
{
    width:310px;
   
}

#OrderNotesPanel
{
    width: 310px;
}

.ctContainer
{
    width: 310px; 
    font-size:10pt;
}

.ctTotLabel {
    font-size: 10pt;
}
.cImageDiv
{
    padding-right:5px;
    margin-right:0px;
   
}

/****************************************************
Product Details
*****************************************************/
.InstPanel
{
     width:300px;
    
   
}
  
.ProductContainer
{
  padding-left:0px;
    width:300px;
    height:auto;
    
}


.pImageContainer
{
   width:260px;
    
    margin:0px;
 
}
.pImageContainer a span
{
    display:inline-block;
     width:200px;
     text-align:center;
}

.qtyContainer
{
     padding-top:0px;
     width:310px;
     margin:0px 0px;
}
  
.qtyContainer table {
    width: 310px;
}  
  
  
  
 .rotatorpanel
 {
    height:auto;
    padding-left:5px;
    width:300px;
 }

     
 /*****************************************************************
the little bar next to the search bar that has the main categories
    ***********************************************************************/

    #topnav
    {
      padding-top:10px;
      width:300px;
      max-width: 300px;
    }
    
  
 /* the blue bar containing the topnav buttons */
    .searchbar 
    {
        width:290px;
    }
    
    .searchbar span
    {
       padding-left:10px;
       padding-right:10px; 
    }

    .sbarnav
    {
       width:300px;
       white-space:nowrap;
    }

        /*pipes*/
    .sbarnav span
    {
        width:10px;
        font-size:8pt;
    }

    /*topnav links*/
    .sbarnav a
    {
        padding-left:0px;
        padding-right:0px;
    }

  
    /*** The search box and button ***/   
    #searchMBpanel
    {
        left:25px;
        top:190px;
    }
    


  #cartdiv
 {
   left:220px;top:15px;
 }
   

   
    /************************************************************************
    home page cat panels
    **************************************************************************/
#MostPopular
{
   padding-left:0px;
   width:310px;
}

#MostPopular span
{
    padding:0px;
   height:auto;
}

 

  
  /*****************************************************************
About the company
******************************************************************/
/*#header1:click > .content {height: 300px;}
#header2:click > .content {height: 300px;}
#header3:click > .content {height: 300px;}
#header4:click > .content {height: 300px;}*/
  
#header1 h2, #header2 h2, #header3 h2,#header4 h2,#header5 h2,#header6 h2,#header7 h2,#header8 h2 { width:300px;}
.content{width:300px;}  

#totalcontent
{
    width:310px;
}
  
/****************************************************
FAQ
*****************************************************/
.faxpnl1
{
    width:300px; 
}
      
.faxpnl2
{
    width:300px; 
}
   
.faqcontainer
{
    width:300px;
    padding-left:10px;
}
/********************************
CartTotal
*********************************/    
  #divCarttotal
{
     width:310px;
}

#divShipNotes
{
  width:310px; 
}

#ctl00_MainContentPlaceHolder_lblPOError
{
   font-size:9pt;
}

/**********************************************************************
    address table
**********************************************************************/

.addressDiv
{
    font-size:10pt;
}
.addresstable,
.addresstableL
{
    font-size:8pt;
}

.addresstable th,
.addresstableL th
{
    font-weight:normal;
    text-align:left;
    vertical-align:top;
    width:114px;
}

.addresstable td
{
    padding-bottom:6px;
}

.addresstableL td
{
    width:300px;
    padding-right:20px;
}



/********************************
FOOTER
*********************************/     
        
footer
{
  width:auto;
  padding:0px;
  margin:0px;
}

 footer span {
    padding: 0;
    width: auto;
    margin:0;
    font-size:7pt;
}  
   

footer #footercontainer
{
  padding-left:15px;
}
    
 footer #footercontainer div
{
    width:140px;
}       


footer #footercontainer li a
{
    font-size:9pt;
}

/****************************************************
check config pages
*****************************************************/
table.chkcfg
{ 
  width:300px;
 
}

}
  
/* style linkbutton in addrsss control to look like a radio button */

.radLink{
    text-decoration:none;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
   
    padding-bottom:5px;
    color:#ececec;
    
}

.radLink2{
    text-decoration:none;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#ececec;
    /*background: radial-gradient(#fbfbfb, #f1f3f2);*/

    color:#ececec;
    border:1px solid #ababab;
    /*box-shadow: 0px 0px 4px 0px #000;*/
}

    .radLink2:hover {
        background-color:#fbfbfb;
        color:#fbfbfb;
        box-shadow: 0px 0px 4px 0px #000;
    }