@charset "utf-8";

/* Body / Background */
body {

  
  font-family: Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif;
  padding: 0px;
  margin: 0px;


background: #F2F2F2;
}

a, img {
    border:none;
}

.adp-text {
text-align: right;
font-size:12px;
}


.Lheader {display:none;}

/* Font */
h1, h2, h3, h4{
  font-family: 'Droid Sans', arial, serif;
  -webkit-transform: rotate(-0.0000000001deg); /* A little antialias hack for chrome */
}

#fuel-signup-box 
{
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

#pump-perks-signup {
width: 540px;
text-align: center;
background: url("http://costcutterfoods.com/css/markets-theme/pump-perks-signup.png") no-repeat top left;
}

#pump-perks-signup .field {
clear: both;
float: right;
margin-bottom: 5px;
}

media="screen, projection"
#pump-perks-signup .hints {
clear: both;
}


#welcome .message {
position: relative;
width: 800px;
margin: 80px auto 0;
padding: 30px;
background-color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.9);
color: #333;
-moz-box-shadow: 0 0 30px 0 #555;
-webkit-box-shadow: 0 0 30px 0 #555;
-o-box-shadow: 0 0 30px 0 #555;
box-shadow: 0 0 30px 0 #555;
moz-border-radius-topleft: 15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
}


.close{position:absolute;top:10px;right:10px}

.popbtn {
	background-color:#fff;
	display:inline-block;
	color:#666666;
	font-family:Verdana;
	font-size:18px;
	font-weight:normal;
	padding:7px 8px;
	text-decoration:none;
}.popbtn:hover {
	background-color:#e9e9e9;
}.popbtn:active {
	position:relative;
	top:1px;
}

.popbox {
border: solid 1px #2d2d2d;
font-size: 18px;
text-align: center;
background-color: rgba(255, 255, 254, 1);
background: rgba(255, 255, 254, 1);
color: rgba(255, 255, 254, 1);
padding: 10px 10px 10px 10px;
height: auto;
z-index: 9999999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.popbtnlrg {
	background-color: rgba(255, 255, 255, 0.1);
	display:inline-block;
	color:#666666;
	font-family:Verdana;
	font-size:38px;
	font-weight:normal;
	padding:15px 53px;
	text-decoration:none;
}.popbtnlrg:hover {
	background-color:#666666;
	color:#FFF;
	-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}.popbtnlrg:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */




td.alignRight {
text-align: right;
font-weight: bold;
}

.userForm {
background: Transparent ;
padding: 10px;
}


#pump-perks-signup{width:600px;text-align:center;background:url("items/pump-perks-signup.png") no-repeat top left}
#pump-perks-signup .field{clear:both;float:right;margin-bottom:5px}
#pump-perks-signup .field > label{display:block;float:left;text-align:right}
#pump-perks-signup .field .field-input{width:220px;float:left;margin-left:10px;text-align:left}
#pump-perks-signup .hints{clear:both}#welcome{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;background:rgba(255,255,255,0.5);text-align:center}




/* Primary COLOR */
.newsbox .feedList h4 a,
#sitedescription h1,
a
{
  color: Maroon;
}
/* Primary BACKGROUND */
.primary-bgcolor,
a.ui-btn-big,
.newsbox .feedList h4 a:hover,
#slider #imageSliderNav a.activeSlide
{
  background-color:Maroon;
  color: #FFF;
}



/* Secondary COLOR */
/* Secondary BACKGROUND */
#header #mainmenu ul,
#header #mainmenu ul li
{
  background-color: #22212C;
}

.topbutton {
	-moz-box-shadow:inset 0px 0px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f5978e;
	box-shadow:inset 0px 0px 0px 0px #f5978e;
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:8px 28px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}.topbutton:hover {
	background-color:#c62d1f;
}.topbutton:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */




a.ui-btn-big {
  background-image: url(../images/ui-btn-big-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  border-radius: 5px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.496094);
  color: white !important;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  line-height: 14px;
  padding: 12px 50px 12px 19px;
  text-decoration: none;
}


a {
  outline: none;
}

#page {
  width:1006px;
  margin:0px auto;
  text-align:left;
  padding:15px;
  padding-bottom: 0px;
  background:#FFF;
-webkit-box-shadow: 0px 0px 100px rgba(255, 255, 255, 1);
-moz-box-shadow:    0px 0px 100px rgba(255, 255, 255, 1);
box-shadow:         0px 0px 100px rgba(255, 255, 255, 1);

 
}

/* Header */

#header {
  margin-bottom: 20px; 
  
}
  #header a,#header a img{
    border: none;
  }
  #header #sitedescription{
    float: right;
    text-align: right;
    margin: 7px;
  }
    #header #sitedescription h1 {
      font-weight: normal;
      position: relative;
      font-size: 16px;
      line-height: 0.5em;
    }  
  #header #mainmenu{
    margin: 0px;
    padding: 0px;
  }
    #header .mainmenucorner{
      margin: 0px;
      padding: 0px;
      
      height: 20px;
      clear: both;
      position: relative;
      top: -15px;
      left: -25px;
      width: 20px;
      margin-bottom: -40px;
    }
  
  
    #header #mainmenu ul{
      width: 1000px;
      float: left;
      margin-bottom: 15px; 
      margin-top: 20px; 
      padding: 0px;
      margin-left: -25px;
    }
      #header #mainmenu ul li{
        list-style: none;
        background-image: url(../images/icons/mainmenu_itembg.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        float: left;
        font-size: 14px;
      }
        #header #mainmenu ul li a{
          padding: 15px 20px;
          display: block;
          color: #fff;
          text-decoration: none;
          background: url(../images/mainmenu_item_bottomshadow.jpg) bottom left no-repeat;
          margin-bottom: -13px;
          padding-bottom: 28px;
        }

           #header #mainmenu ul li.current{
               background-color: #a9a4a3;
          }

          #header #mainmenu ul li.home a{
         
            background-image: url(../images/icons/home_dark.png);
            background-position: 16px 16px;
            background-repeat: no-repeat;
            padding-left: 35px;  
          }
          
          
          
        #header #mainmenu ul li:hover{
          color: #FFF;
          text-decoration: none;
          background-color: #a9a4a3;
        }
        


#slideshow,.homepage #top-ten{margin-bottom:20px}.homepage 
#slideshow{display:inline;float:left;margin-left:10px;margin-right:10px;width:700px;margin-left:0;margin-right:0}

element.style {
position: absolute;
top: 0px;
left: 697px;
z-index: 0;
display: none;
}

media="screen, projection"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, 
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
 padding: 0; 
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}


#slideshow{position:relative;width:700px}
#slideshow .pagination{position:absolute;top:20px;left:20px;z-index:2;list-style:none}
#slideshow .pagination li{display:block;width:36px;height:36px;border:1px solid #d2d2d2;margin-bottom:4px}
#slideshow .pagination li.current{border:1px solid #000}
#slideshow .pagination li:hover{-moz-box-shadow:0 0 4px 0 #fff;-webkit-box-shadow:0 0 4px 0 #fff;-o-box-shadow:0 0 4px 0 #fff;box-shadow:0 0 4px 0 #fff}
#slideshow .slides{width:1000px;height:448px;z-index:0;border:1px solid #d2d2d2;-webkit-box-shadow: 9px 10px 14px rgba(50, 50, 50, 0.63);
-moz-box-shadow:    9px 10px 14px rgba(50, 50, 50, 0.63);
box-shadow:         9px 10px 14px rgba(50, 50, 50, 0.63);}
#slideshow .slides img{width:1003px;height:450px}
#slideshow .slides .slide .caption{position:absolute;bottom:0;left:0;z-index:1;padding:10px;background-color:gray;background-color:rgba(0,0,0,0.5)}
#slideshow .slides .slide .caption h2{font-size:16px;margin:5px 0;color:white}
#slideshow .slides .slide .caption p{color:white}.no-rgba 
#slideshow .slide .caption{background:transparent url("http://costcutterfoods.com/css/markets-theme/ie8-caption-bg.png")}
#sidebar-nav ul{list-style:none}#sidebar-nav h1{margin-top:0;font-size:16px}
#sidebar-nav li{font-size:12px;margin:10px 0}#sidebar-nav li a{color:#333}

#content {
  padding: 0px;
  color: #666;
  -background: url(../images/divider_left_top.png) top left no-repeat;
  margin-top: 15px;
  min-height: 200px;
}
 #console {display:block;}  
  #leftcontent {
    float: left;
    width: 550px;
    padding: 20px;
   
    margin-bottom: 20px;
  }
    #leftcontent h1{
      margin: 0px;
      font-size: 32px;
      font-weight: normal;
    }
    #leftcontent h2{
      font-weight: normal;
      font-size: 28px;
    }
    #leftcontent h3{
      font-weight: normal;
      font-size: 22px;
    }
    #leftcontent h4{
      font-weight: normal;
      font-size: 16px;
    }
     #leftcontent h5{
      font-weight: normal;
      font-size: 11px;
    }
  
  
  
  
/* Special left column content */  
  
  #leftcontent .feedList {
    margin: 0px;
    padding: 0px;
  }
    #leftcontent .feedList LI{
      margin: 0px;
      padding: 0px;
      list-style: none;
    }

    #leftcontent .feedList h4{
      margin: 0px;
      padding: 0px;
      font-weight: normal;
    }
      #leftcontent .feedList h4 a{
        text-decoration: none;
      }
      #leftcontent .feedList h4 a:hover{
        text-decoration: underline;
      }
    #leftcontent .feedList p{
      font-size: 14px;
      display: inline;
      margin: 0px;
      padding: 0px;
    }
    #leftcontent .feedList small{
      display: block;
      font-size: 11px;
      margin: 0px;
      padding: 0px;
      margin-bottom: 20px;
      color: #999;
    }
  #rightcontent {
    float: right;
    width: 485px;
    min-height: 330px;
  }
    #rightcontent .hotspot {
      margin-bottom: 20px;
     
      min-height: 355px;
      padding: 20px;
      overflow: auto;
       border:1px solid black;
     -webkit-box-shadow: 9px 10px 14px rgba(50, 50, 50, 0.63);
-moz-box-shadow:    9px 10px 14px rgba(50, 50, 50, 0.63);
box-shadow:         9px 10px 14px rgba(50, 50, 50, 0.63);
      font-size: 12px;
    }
      #rightcontent .hotspot a {
        float: right;
      }
        
    #rightcontent h4 {
      margin-top: 0px;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 10px;
    }
    #rightcontent img {
      float: left;
      margin-right: 15px;
      margin-bottom: 0px;
      margin-top: 8px;
    }
    
    #right2content {
    float: left;
    width: 485px;
    min-height: 330px;
    
  }
    #right2content .hotspot {
      margin-bottom: 20px;
      padding: 20px;
      
      min-height: 355px;
      overflow: auto;
       border:1px solid black;
      -webkit-box-shadow: 9px 10px 14px rgba(50, 50, 50, 0.63);
      -moz-box-shadow:    9px 10px 14px rgba(50, 50, 50, 0.63);
      box-shadow:         9px 10px 14px rgba(50, 50, 50, 0.63);
      font-size: 12px;
    }
      #right2content .hotspot a {
        float: right;
      }
    
    #right2content h4 {
      margin-top: 0px;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 10px;
    }
    #right2content img {
      float: left;
      margin-right: 15px;
      margin-bottom: 0px;
      margin-top: 8px;
    }
    #rightcontentStore {
    float: right;
    width: 350px;
    min-height: 200px;
    margin-right:20px;
  }
    #rightcontentStore .hotspot {
      margin-bottom: 20px;
      padding: 20px;
      overflow: auto;
      border:1px solid black;
     -webkit-box-shadow: 9px 10px 14px rgba(50, 50, 50, 0.63);
-moz-box-shadow:    9px 10px 14px rgba(50, 50, 50, 0.63);
box-shadow:         9px 10px 14px rgba(50, 50, 50, 0.63);
      font-size: 12px;
    }
      #rightcontentStore .hotspot a {
        float: right;
      }
        
    #rightcontentStore h4 {
      margin-top: 0px;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 10px;
    }
    #rightcontentStore img {
      float: left;
      margin-right: 15px;
      margin-bottom: 0px;
      margin-top: 8px;
    }
    
    
#footer {
  clear: both;
  width:98%;
  font-size: 12px;
  color: #3a3c40;
  background-color: #050a0f;
  padding: 20px;
  overflow: auto;
}
  #footer a{
    font-size: 12px;
    color: #555;
    text-decoration: none;
  }
    #footer a:hover{
      color: #FFF;
    }
    #footer h4{
      font-size: 16px;
      color: #494e53;
      margin-top: 0px;
    }
  #footer #footermenu{
    width: 110px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 150px;
  }
    #footer #footermenu h4{
      font-size: 16px;
      color: #494e53;
      margin-top: 0px;
    }
    #footer #footermenu ul{
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
      #footer #footermenu ul li{
        list-style: none;
        padding: 0px;
        margin-bottom: 3px;
      }
  #footer #footershare{
    width: 180px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 150px;
  }
    #footer #footershare ul{
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
      #footer #footershare ul li{
        list-style: none;
        padding: 0px;
        margin-bottom: 3px;
      }
    #footer #footershare a{
      
    }
      #footer #footershare a img{
        vertical-align: middle;
        filter:alpha(opacity=25);
        -moz-opacity:0.25;
        -khtml-opacity: 0.25;
        opacity: 0.25;
        margin-right: 10px;
        border: none;
      }
        #footer #footershare a:hover img{
          vertical-align: middle;
          filter:alpha(opacity=100);
          -moz-opacity:1;
          -khtml-opacity: 1;
          opacity: 1;
        }
  #footer #footercontact{
    width: 235px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 100px;
  }
  #footer #footerabout{
    width: 500px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 100px;
  }
  #footer #footer-end{
    width: 80%;
    clear: both;
    border-top: 1px #0d1115 solid;
    padding-top: 15px;
  }
    
    
    




/*  COLOR!  */



.whitebox {
  background-color: #dee4e4;  
  height: 150px;
}



 #weekly-ad{text-align:center}#weekly-ad .pdf-download{margin:0 0 20px 0}#weekly-ad .pagination{width:100%;float:left}
 #weekly-ad .previous-page,#weekly-ad .next-page{width:10%;float:left;font-size:28px}#weekly-ad .previous-page > a:hover,
 #weekly-ad .next-page > a:hover{text-decoration:none;font-weight:bold}#weekly-ad .previous-page.inactive > a,
 #weekly-ad .next-page.inactive > a{color:#cee6a7}#weekly-ad .previous-page.inactive > a:hover,
 #weekly-ad .next-page.inactive > a:hover{font-weight:normal}#weekly-ad .pagination > ol{width:80%;float:left}
 #weekly-ad .pagination > ol li{display:inline-block;margin:0}#weekly-ad .pagination > ol li a{display:block;margin:5px;padding:5px;border:1px solid #d2d2d2;background:white}
 #weekly-ad .pagination > ol li a:hover{background:#ddd;text-decoration:none}#weekly-ad .pagination > ol li a.current-page-number{background:#aaa}
 #weekly-ad .ad-pages{position:relative;clear:both;float:left;width:100%;margin:20px 0;-moz-box-shadow:0 0 15px 0 #555;-webkit-box-shadow:0 0 15px 0 #555;-o-box-shadow:0 0 15px 0 #555;box-shadow:0 0 15px 0 #555;overflow:hidden}
 #weekly-ad .ad-pages li{position:absolute;top:0;left:0;width:540px;margin:0}
 #weekly-ad ol{margin:0;list-style:none}nav#main{padding:0;height:50px;border-bottom:1px solid #506e20}
 





* {margin:0; padding:0; outline:0} 
    


.MenuButton {
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:10px 10px;
	min-width:312px;
	
	
	text-decoration:none;
}.MenuButton:hover {
	background-color:#c62d1f;
}.MenuButton:active {
	position:relative;
	top:1px;
}

.MenuButton2 {
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:16px;
	width:85%;
-moz-box-shadow: 10px 10px 26px #242424;
-webkit-box-shadow: 10px 10px 26px #242424;
box-shadow: 10px 10px 26px #242424;
	text-decoration:none;
}.MenuButton2:hover {
	background-color:#c62d1f;
}.MenuButton2:active {
	position:relative;
	top:1px;
}
.storeButton {
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:16px;
	width:165px;

	text-decoration:none;
}.storeButton:hover {
	background-color:#c62d1f;
}.storeButton:active {
	position:relative;
	top:1px;
}

.btnSave {
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:16px;
	width:165px;

	text-decoration:none;
}.btnSave:hover {
	background-color:#c62d1f;
}.btnSave:active {
	position:relative;
	top:1px;
}
 



    #emailSignup {
        background-repeat:no-repeat;
       background-image:url('http://costcutterfoods.com/media/2420/WeeklyAdSignup.png');
        width: 230px;
        height: auto;
        float: left;
        margin: 0px 0px 0px 5px;
    }
#emailform {
        font-size: 14px;
        width: 220px;
        height: auto;
        float: left;
        margin: 0px 0px 0px 0px;
    }
    #emailBTN {
        float: none;
        margin: 10px 0px 0px 45px;
    }

    #drdoStore
    {
        float:none;
        margin: 15px 25px 0px 0px;

    }
    #EmailStore
    {
        float: none;
        margin: 10px 25px 0px 0px;

    }

    #b2

    {

        font-size: 11px; 
        font-family: Georgia,serif;
        color: #000;
    }
     #b3

    {

        font-size: 11px; 
        font-family: Georgia,serif;
        color: #000;
    }

#b4

    {
        width:240px;
        height:57px;
        font-size: 11px; 
        color: #000;
    }
    
     
    #adview{display:none;}
    #mobview{display:block;}
     
            #map-canvas
            {
                height: 500px;
                width: 100%;
            }
            
            #directions-panel
            {
                height:auto;
                margin-top:20px;
                border:1px solid black;
                width: 100%;
                overflow: auto;
                float: left;
                 -webkit-box-shadow: 13px 13px 18px rgba(51, 50, 50, 0.44);
                 -moz-box-shadow: 13px 13px 18px rgba(51, 50, 50, 0.44);
                 box-shadow: 13px 13px 18px rgba(51, 50, 50, 0.44);
            }
     @media print {
        #map-canvas {
          height: 500px;
          margin: 0;
        }

        #directions-panel {
          float: none;
          width: auto;
        }
      }
      
      #PumpPerksForm
      {
          float:left; width:65%;
          
          }
          
          #pumpperkssidebar
          {
              
             float:right; width:34%;
              }
      
      #adp-placemark img, .adp-placemark img {
   display:none;
}
#storefeatures
{
    display:block;
}




#mobileheader{display:none;}
#showmobile{display:none;}

   #mshow{display:none;}
   
   #name{ float:left; margin-right:10px;} 
   #logo { float:right; }
   #top {margin-bottom:50px;}

    #mc_embed_signup{background-repeat:no-repeat; clear:left; font:14px Helvetica,Arial,sans-serif; }
   #noshowmobile{display:block;}
   #mainmenu{display:none;}
    
  /*MOBILE STYLES  */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 320px)   and   (max-device-width: 480px)   
{
/* Styles */
#mobileheader{display:block;}
#showmobile{display:block;}
#noshowmobile{display:none;}

.nav {display:none;}

#mshow{display:block; width:100%; padding-left:10px;}
#dtshow{display:none;}

#mainmenu{display:block;}


ul.navbar {

display:none;

}

a#barometer_tab {
display:none;
}

#map-canvas {
display:none;
}
#directions-panel 
{
    display:none;
}

  #PumpPerksForm
      {
          float:none; 
          width:57%
          
          }
          
           #pumpperkssidebar
          {
              display:none;
             }

#logo { float:none; }
 #top {margin-bottom:5px;}

#storefeatures
{
    display:none;
}


#pump-perks-signup {
width: 60%;
text-align: left;
background: none;
}


#page {
  width:100%;
  margin:0px auto;
  text-align:left;
  padding:2px;
  padding-bottom: 0px;
  background:#FFF;
-webkit-box-shadow: 0px 0px 100px rgba(255, 255, 255, 1);
-moz-box-shadow:    0px 0px 100px rgba(255, 255, 255, 1);
box-shadow:         0px 0px 100px rgba(255, 255, 255, 1);
}

.header{height:auto;}
.Lheader {display:block;}
.Mheader {display:none;}
.topbutton { width:100%; text-align:center; }

.btnmobilelrg {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	border:5px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	width:90%;
	padding:10px 0px 10px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	text-align:center;
	margin:5px;
}.btnmobilelrg:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.btnmobilelrg:active {
	position:relative;
	top:1px;
}

#header #sitedescription a {
      font-weight: normal;
      position: relative;
      font-size: 12px;
      line-height: 0.5em;
    }  

.topbutton {
	-moz-box-shadow:inset 0px 0px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f5978e;
	box-shadow:inset 0px 0px 0px 0px #f5978e;
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:10px 28px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}.topbutton:hover {
	background-color:#c62d1f;
}.topbutton:active {
	position:relative;
	top:1px;
}




.MenuButton2 {
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	
	width:100px;
	height:45px;
	
	
	text-decoration:none;
	-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:none;
}.MenuButton2:hover {
	background-color:#c62d1f;
}.MenuButton2:active {
	position:relative;
	top:1px;
}

.btnmobilesml {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	border:5px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	width:90%;
	padding:8px 0px 8px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	text-align:center;
	margin:5px;
}.btnmobilesml:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.btnmobilesml:active {
	position:relative;
	top:1px;
}

.btnmobilestore {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	border:5px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	width:112%;
	padding:8px 0px 8px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	text-align:center;
	margin-top:2px;
}.btnmobilesml:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.btnmobilesml:active {
	position:relative;
	top:1px;
}
  #header #sitedescription{
    float: left;
    text-align: right;
    margin: 7px;
    width:78%;
  }
  #post
  {
      width:100%;
      }
      #leftcontent {
float: left;
width: 90%;
padding: 3px;
}



 #weekly-ad{text-align:center}#weekly-ad .pdf-download{margin:0 0  0}#weekly-ad .pagination{width:110%;float:left}
 #weekly-ad .previous-page,#weekly-ad .next-page{width:10%;float:left;font-size:28px}#weekly-ad .previous-page > a:hover,
 #weekly-ad .next-page > a:hover{text-decoration:none;font-weight:bold}#weekly-ad .previous-page.inactive > a,
 #weekly-ad .next-page.inactive > a{color:#cee6a7}#weekly-ad .previous-page.inactive > a:hover,
 #weekly-ad .next-page.inactive > a:hover{font-weight:normal}#weekly-ad .pagination > ol{width:80%;float:left}
 #weekly-ad .pagination > ol li{display:inline-block;margin:0}#weekly-ad .pagination > ol li a{display:block;margin:5px;padding:5px;border:1px solid #d2d2d2;background:white}
 #weekly-ad .pagination > ol li a:hover{background:#ddd;text-decoration:none}#weekly-ad .pagination > ol li a.current-page-number{background:#aaa}
 #weekly-ad .ad-pages{position:relative;clear:both;float:left;width:110%;margin:20px 0;-moz-box-shadow:0 0 15px 0 #555;-webkit-box-shadow:0 0 15px 0 #555;-o-box-shadow:0 0 15px 0 #555;box-shadow:0 0 15px 0 #555;overflow:hidden}
 #weekly-ad .ad-pages li{position:absolute;top:0;left:0;width:540px;margin:0}
 #weekly-ad ol{margin:0;list-style:none}nav#main{padding:0;height:50px;border-bottom:1px solid #506e20}


#leftcontent table {
float: left;
width: 100%;

}

#leftcontent table td {

width: auto;

padding-left:0px;

}

table {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
width:100%
}


#slideshow{display:none;}
#right2content{display:none;}
#rightcontent{display:none;}

.storeButton {
	background-color:#f24537;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:8px;
	font-weight:bold;
	text-align:center;
	padding:10px 2px;
	max-width:50px;
	min-width:10px;
	display:none;
	
	text-decoration:none;
}.MenuButton:hover {
	background-color:#c62d1f;
}.MenuButton:active {
	position:relative;
	top:1px;
}
#adview{display:block;}
#mobview{display:none;
         font-size:15px;}

#Text
{
 padding:20px; 
 margin-left:10px;
    
    }

#footer {
clear: both;
width: auto;
font-size: 14px;
background:#FFF;

padding: 1px;
overflow:auto;
}

#rightcontentStore {
display:none;
}

#footer #footermenu {
width: 100%;
float: left;
margin-bottom: 15px;
margin-right: 15px;
height: auto;
}

#footer #footershare {
width: 100%;
float: left;
margin-bottom: 15px;
margin-right: 15px;
height: auto;
}
#footer a {
font-size: 15px;
color: #555;
text-decoration: none;
}
#footer h4 {
font-size: 15px;
color: #494e53;
margin-top: 0px;
}


#footer #footermenu h4 {
font-size: 20px;
color: #494e53;
margin-top: 0px;
}

#content 
{min-height:0px;}
#Mheader
{
  display:none;  
    }
 #console {display:none;}   
    
    
 /* End Mobile CSS */   
}







#DemoContent {
  width: 90% ;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 10px;
  font-size:medium;
}

#Shakespeare
{
float:right;
}


.oval-thought-border {
	position:relative;
	width: 500px ;
	float:left; 
	padding:60px 30px;
	margin:1em auto 80px;
	border:10px solid #c81e2b; 
	text-align:center;
	color:#333; 
	background:#fff;
	/* css3 */
	/*
	NOTES:
	-webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4
	-webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4
	Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
	*/
	-webkit-border-top-left-radius:240px 140px;
	-webkit-border-top-right-radius:240px 140px;
	-webkit-border-bottom-right-radius:240px 140px;
	-webkit-border-bottom-left-radius:240px 140px;
	-moz-border-radius:240px / 140px;
	border-radius:240px / 140px;
}

/* creates the larger circle */
.oval-thought-border:before {
	content:""; 
	position:absolute; 
	z-index:10; 
	bottom:-40px; 
	right:100px; 
	width:50px; 
	height:50px;
	border:10px solid #c81e2b;
	background:#fff;
	/* css3 */
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
    /* reduce the damage in FF3.0 */
    display:block; 
}




/* creates the smaller circle */
.oval-thought-border:after {
	content:""; 
	position:absolute; 
	z-index:10; 
	bottom:-60px; 
	right:50px; 
	width:25px; 
	height:25px; 
	border:10px solid #c81e2b;
	background:#fff;
	/* css3 */
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
    /* reduce the damage in FF3.0 */
    display:block; 
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


/* clearfix */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

ul.navbar {background: #222222; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

width: 100%;


box-shadow: inset 0 1px 0 #555;
list-style: none;
}

ul.navbar li {
	float: left;
	margin: 0;
	position: relative;
	list-style: none;
	
}

ul.navbar li a {
	display: block;
	padding: 13px 25px;
	color: white !important;
	text-decoration: none;
	
	transition: all .2s ease-in-out;
}

ul.navbar li a:hover,
ul.navbar li:hover > a {
	background: #f24537;
	color: #333 !important;
		
}

ul.navbar li ul {
	margin: 0;
	position: absolute;
	background: #222;
	left: 2em;
	font-size: 14px;
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.6),
							0 5px 10px rgba(0,0,0,.6);
	transition: all .2s ease-in-out;
}

ul.navbar li ul li { border-top: 1px solid #2a2a2a; }
ul.navbar li ul li:first-child { border: 0;}
ul.navbar ul li { float: none; }
ul.navbar li:hover > ul { opacity: 1; visibility: visible; left: 0; }
ul.navbar li > ul  ul { top: 0; left: 120%; box-shadow: 0 5px 10px rgba(0,0,0,.6);}
ul.navbar li > ul li:hover ul { left: 80%; }