* html #footer {
height:1px;
}

@media screen and (max-width: 899px) {
	#sidebar 
	{
		display: none !important;
	}
	#navigation 
	{
		display: none !important;
	}	
	#wrap {
	width:100%;
	margin:0 auto;
	}	
	#main {
		float:left;
		width:98%;
		padding:5px;
		background:#ffffff;
		font-size: 17px;
	}	
	#header {
		width:100%;
		text-align:center;
		margin: 0 auto;
		background:#FFFFFF;
		margin-bottom: 10px;
	}	
	img {
 		 max-width: 100%;
    		 height: auto;
	}	
}

@media screen and (min-width: 900px) {

	#sidebar {
		float:right;
		width:315px;
		padding:5px;
		background:#ffffff;
		text-align: center;
	}
	#header {
		width:990px;
		text-align:center;
		margin: 0 auto;
		background:#FFFFFF;
		margin-bottom: 10px;
	}	
	#wrap {
		width:990px;
		margin:0 auto;
		background:#FFFFFF;
	}
	#main {
		float:left;
		width:650px;
		padding:5px;
		background:#FFFFFF;
		font-size: 17px;
	}	
}

body,
html {
	margin:0;
	padding:0;
	color:#000;
	background:#FFFFFF;
}

 #isbf {
font-family:Verdana, Helvetica, sans-serif;
font-size:70px;
text-align:center;
color:#000;
text-decoration:none;
font-weight:700;
padding:100px
}

body,
html {
	margin:0;
	padding:0;
	color:#000;
	background:#FFFFFF;
}

#navigation
{
	float: left;
	width: 990px;
	background: #333366;
	padding-bottom: 0px;
	max-height: 28px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;	
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 11px 5px 11px;
	color: #fff;
	font-family: Arial; 
	font-size: 12px;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #800517; }

h1 { margin-top: 10px; font-size: 21px; text-align: center; font-weight: bold; color: #333366;} 

div.blog
{
width:660px;
text-align: left;
border:0px dotted;
margin-left: auto ;
margin-right: auto ;
border-color:#000000;
padding: 10px;
margin-bottom: 25px;
}

.blog img {float:left; margin:0 10px 0 20px;}
.blog p {overflow: hidden; font-size: 18px;}

#small {
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#000;
text-decoration:none;
font-weight:700;
padding:7px
}

#mod {
font-family:Verdana, Helvetica, sans-serif;
font-size:23px;
text-align:center;
color:blue;
text-decoration:none;
font-weight:700;
padding:8px
}

#top {
font-family:Verdana, Helvetica, sans-serif;
font-size:25px;
text-align:center;
color:#000;
text-decoration:none;
font-weight:70;
padding:8px
}

.social {margin-top: 11px; margin-bottom: 11px; margin-left: 0}
.social h3 {float: left; width: 75px; font-size: 13px;}
.social ul {width: 600px; list-style-type: none; margin-left: 0; padding-left: 0;}
.social li {float: left; }
.social #facebook {width: 95px; margin-left: 4px; }
.social #perm {width: 90px; margin-left: 0px; }
.social #twitter {width: 100px; margin-left: 0px; }
.social #sharethis {width: 90px; margin-left: 4px; }
.social #google {width: 50px; margin-left: 4px; }
.social #digg {width: 100px; margin-left: 4px; }
.social #stumbleupon {width: 90px; margin-left: 4px; }
.social #reddit {width: 90px; margin-left: 4px; }

.begin {margin-top: 0px; margin-bottom: 0px; margin-left: 0; padding: 0;}
.begin h3 {float: left; width: 75px; font-size: 13px;}
.begin ul {width: 170px; list-style-type: none; margin: 0; padding: 0;}
.begin li {float: left; margin: 0; padding: 0;}
.begin #facebook {width: 90px; margin-left: 0px; }
.begin #twitter {width: 50px; margin-left: 1px; }

div.bfbox
{
border:1px dotted;
border-color:#000000;
color: #000;
font-weight: 500; 
padding:0px;
margin-top: 15px;
margin-bottom: 20px;
margin-left: auto ;
margin-right: auto ;    
}

div.dealbox
{
width:560px;
text-align: left;
margin-left: auto ;
margin-right: auto ;
border-color:#000000;
padding: 10px;
margin-bottom: 10px;
}

div.blog
{
width:660px;
text-align: left;
border:0px dotted;
margin-left: auto ;
margin-right: auto ;
border-color:#000000;
padding: 10px;
margin-bottom: 25px;
}

.blog img {float:left; margin:0 10px 0 20px;}
.blog p {overflow: hidden; font-size: 18px;}

.img-crop {
    width: 135px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.img-crop img {
    width: 100%
}

.center {
   text-align: center;
}

.homeh2 {margin: 0 0 25px 0; font-size: 21px; font-weight: bold; color:#333366;}

.homeh2b {font-size: 21px; font-weight: bold; color:#000080;}

.date {font-size:12px; font-style:italic;}

.retail550 {
  width: 550px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 10px;
  margin-top: 25px;
  padding:5px;  
}

.brn {
  width: 95%;
  text-align: left;
  margin-left: 0 ;
  margin-right: auto ;
  margin-bottom: 10px;
  margin-top: 30px;
  padding:5px;  
}

.brnmob {
  width: 95%;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 20px;
  margin-top: 25px;
  padding:5px;   
}

.prodzfirst {
  width: 95% ;
  text-align: left;
  margin-left: 0 ;
  margin-right: auto ;
  margin-bottom: 0px;
  margin-top: 5px;
  padding:5px;  
}

.adstop {
  width: 95% ;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 20px;
  margin-top: 10px;
}

.adsmain {
  width: 95%;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 25px;
  margin-top: 15px;
  padding:5px;  
}

.ads336 {
  width: 336px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 10px;
  margin-top: 20px;
  padding:5px;  
}

.adsmobr {
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 10px;
  margin-top: 20px;
  padding:5px;  
}

.prodzcat {
  width: 95% ;
  text-align: center;
  margin-left: 35px;
  margin-right: auto ;
  margin-bottom: 15px;
  margin-top: 25px;
  padding:5px;  
}

.mobileblog {text-align:left; font-size: 17px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; 
padding: 0px;}
.mobileblog H1 { font-size: 150%; font-weight: bold; color: #333366;} 
.mobileblog H2 { font-size: 125%; font-weight: bold; color: #333366; margin-bottom: 25px;} 
.mobileblog H3 { font-size: 125%; font-weight: bold; color: #333366; margin-bottom: 25px;} 
.mobileblog img { max-width: 100%; height:auto;}

.entry {text-align:left; font-size: 17px; border-width: 1px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; 
padding: 0px; border-bottom-style: dotted;}

.prodz {
  width: 95%;
  text-align: center;
  margin-left: 35px;
  margin-right: auto ;
  margin-bottom: 15px;
  margin-top: 25px;
  padding:5px;  
}

.prodzmob {
  width: 95%;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 10px;
  margin-top: 25px;
  padding:5px;  
}

#column-wrapper {
    width: 610px;
    padding: 5px;    
}
.column {
    width: 160px;
    float: left;
    padding: 5px;
}
.column.mid {
    margin: 0px 30px;
    padding: 5px;    
}

.img-cropm {
    width: 170px;
    height: 230px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}
.img-cropm img {  
    height: 100%; 
}

p.morefrom {font-size: 17px; font-family: Arial; text-align:center;}

.img-cropc {
    width: 90px;
    height: 56px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}
.img-cropc img {  
    width: 100%; 
}

.img-cropd {
    width: 120px;
    height: 60px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}
.img-cropd img {  
    width: 100%; 
}

.img-croph {
    width: auto;
    height: 200px;
    overflow: hidden;
}
.img-croph img {  
    width: 100%; 
}

#footer {
clear:both;
padding:5px 10px;
background:#FFFFFF;
}

#footer p {
margin:0;
}

#sidebar .ob-widget-header {background-color:#333366; color: #ffffff; font-family: Arial; font-size: 17px; font-style: normal; font-weight: 500; }