body {
max-width:95%;
   background-color:#ffffff; 
   background-repeat:repeat-y;
   color:#011d4f;
   font-family:  peinaud, georgia, verdana, arial, helvetica, sans-serif;
   font-style: oblique;
}
.topsection { 
margin-right : auto; 
margin-left : 33%; 
margin-top : 0; 
max-width: 633px;
min-width: 333px;
max-height : 180px;
min-height:180px;
background : url('http://bargains-o-plenty.com/images/Banners/banner101.jpg') no-repeat center top;  
font-family : Peinaud, Georgia, 'Trebuchet MS', Verdana, Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif; 
text-align : center; 
color : #ffffff;
padding: 0px;
border-radius : 10px;
border : #84c5f0 solid 0px;
box-shadow : 9px 9px 9px #4e7592;

} 
.topsection h1 { 
margin-top : 0px; 
font-size : 28px; 
font-style : oblique; 
font-weight : bold; 
padding-top : 7px; 
} 
.topsection h3 {  
font-size : 22px; 
font-variant : normal; 
font-weight : bold; 
margin-top:-25px;
line-height:130%
 
} 
.topsection h4 { 
margin-top : 0px;  
font-size : 14px; 
font-style : italic; 
font-variant : normal; 
font-weight : bold; 
} 
.topsection a { 
text-decoration : none; 
color : #bfe0f7; 
} 
.topsection a:hover { 
text-decoration : underline; 
color : #0058a3; 
} 
.leftCol {
position:absolute;
background-color: #c8dafe;
margin-top:-205px;
left:1px;
max-width:20%;
min-width:20%;
margin-right:auto;
margin-left:auto;
text-align:center;
font-size:95%;
border-radius : 10px; 
border : #2498e3 solid 1px; 
box-shadow : 9px 9px 9px #4e7592;
}
.leftCol h2 { 
max-width: 80%;
font-family:  peinaud, georgia, verdana, arial, helvetica, sans-serif;
font-size: large;
color: #ffffff;
background-image:  url('images/Cloud_hr_100.jpg');
text-align: center; 
font-style: italic;
font-variant: normal;
padding: 5px;
border:1px solid #003282;
margin-right: auto;
margin-left: auto; 
border-radius : 10px; 
border : #2498e3 solid 1px; 
box-shadow : 9px 9px 9px #4e7592; 
 }
.leftCol hr{
max-width:85%;
margin-right:auto;
margin-left:auto;
padding-left:10%;
padding-right:5%;
}
.leftCol3{
padding-right:15%;
}
.menu {
max-width: 90%;
font-size:x-large;
text-align:center;
margin-right:2px;
margin-left:2px;
padding-left:2%;
padding-right:2%;
line-height:115%;
}

.menu li a{
max-width: 100%;
display: block;
text-decoration: none;
font-weight: bold;
background-color: #2498e3;
text-decoration:none;
text-align: center;
color:#ffffff;
margin-top:10px;
margin-right:4px;
margin-left:4px;
padding:0px;
line-height: 120%;
border-radius : 10px; 
border : #84c5f0 solid 1px; 
box-shadow : 9px 9px 9px #4e7592;
}
.menu li{
padding:5px;
list-style: none;

}
.menu li a:hover{
color: #0271ba;
background-color: #ffffff;
border-style: outset;
text-align: center;
}
hr { 
width:90%;
height:5px;
background-color: #1a6ba6;
border:0px;
margin-left:auto;
margin-right:auto;
} 
.hr2 { 
width:90%;
height:50px;
background-image:url('images/Cloud_hr_100.jpg');
border:0px;
margin-left:auto;
margin-right:auto;
}
#section  { 
max-width : 95%; 
background : #ffffff; 
padding : 0px 15px 0px 15px; 
text-align : center; 
margin-left : 22%; 
margin-right : auto; 
border-radius : 10px; 
border : #2498e3 solid 1px; 
box-shadow : 9px 9px 9px #4e7592; 
} 
#section2  { 
max-width : 75%;
background : #ffffff; 
padding : 0px 7px 0px 25px; 
margin : 0; 
text-align : center; 
margin-left : 30%; 
margin-right : auto; 
} 
#section3 {
max-width : 95%;
float:left;
font-weight: bold;
margin-left : auto; 
margin-right : auto; 
padding-left: 15px;
text-align: left;
line-height: 150%;
} 

h6 { 
font-size : large; 
 }
p{ 
font-size : 20px; 
 }
h2 { 
max-width: 90%;
font-family:  peinaud, georgia, verdana, arial, helvetica, sans-serif;
font-size: large;
color: #ffffff;
background-image:  url('images/Cloud_hr_100.jpg');
text-align: center; 
font-style: italic;
font-variant: normal;
padding: 5px;
margin-right: auto;
margin-left: auto; 
border-radius : 10px; 
border : #84c5f0 solid 1px; 
box-shadow : 9px 9px 9px #4e7592; 
 }
.desc {
font-weight:bold;
font-family: Verdana, 'Trebuchet MS', Tahoma, Arial, 'Arial    Black', Helvetica, 'Century Gothic', 'Lucida Sans Unicode', Impact, sans-serif;
text-align: center;
font-size:small;
}
.img2 {
padding:15px;
background-image:  url('images/BlueSkyB1.jpg');
border-radius : 10px; 
border : #2498e3 solid 1px; 
box-shadow : 9px 9px 9px #4e7592; 
 }
 .img3 {
padding:45px;
border:4px;
border-style:dotted; 
border-color:#003282;
background-color:#0271ba;
background-image:  url('images/BlueSkyB1.jpg');
float:left;
margin:20px;
 }
.img4 {
padding:45px;
border:4px;
border-style:dotted; 
border-color:#003282;
background-color:#0271ba;
background-image:  url('images/BlueSkyB1.jpg');
float:middle;
margin:20px;
 }
.style1 {color: #a57911;} /* Golden */
.style2 {color: #ec5900;} /* Orange */    		
.style3 {color: #E40000;} /* Red */
.style4 {color: #918d8d;} /* Gray */
.style5 {color: #0f4f3d;} /* Blue Green */
.style6 {color: #016146;} /* Dark Green */
.style7 {color: #d5f3a9;} /* Light Green */
.style8 {color: #0f1eff;} /* Blue */
.style9 {color: #800080;} /* Purple */

html .fb_share_button  {
display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat; text-decoration:none; 
} 

table  { 
max-width : 100%;  
border:0px ;
text-align : center; 
margin-left : auto; 
margin-right : auto; 


} 
 
td  { 
font-size : large;
border:0px; 


 }
.hr4  { 
background-image:  url('http://bargains-o-plenty.com/A2A/H2_Background.jpg');
height :12px; 
max-width:91%;
border:1px solid #003282;
margin-left: auto; 
margin-right: auto;
margin-top:10px;
 
} 

div.gallery {

}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 5px;
    text-align: center;
	
}

* {
    box-sizing: border-box;
	
}

.responsive {
    padding: 0 20px;
    float: left;
    width: 24.99999%;
	text-align:center;
	font-size:medium;
	font-weight:bold;
	font-style:italic;
	
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
		
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
		
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
	
}