html, body{ 
 margin:0; 
 padding:0; 
 background-color:#FFFFFF;
 font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
 font-size:1em;
 text-align:center;
} 

#pagewidth{ 
 position:relative;
 width:100%;
 max-width:1000px; 
 text-align:left; 
 
 margin-left:auto;
 margin-right:auto;
 background-color:#FFFFFF;
 /*font-size:1em;*/
 color:#000000;
} 

h1{
font-size:1.5em;
color:blue;
}

img{
max-width:100%;
}

#header{
position:relative;
float:left;
width:100%;


}

#slideHolder{
position:relative;
float:left; 
margin:auto; 
width:100%; 
height:250px;


}

#logo{
 position:relative; 
 float:left;
 width:281px;
 height:250px;
 /*background-image:url('images/logo150h.jpg');*/
 }
 #bannerSlides{
  position:relative; 
 float:right;
 width:719px; 
 height:250px;
 /*
border-right-style:solid;
border-right-width:1px;
border-right-color:#CCCCCC;
*/
text-align:right;
 }
 

 
 
#top_nav{
 position:relative;
 float:right;
 width:100%;
 padding-top:3px;
padding-bottom:2px;
 background-color:green;
  
 color:#FFFFFF;
 clear:both;
 }
 
 #top_nav ul li{
 padding:0;
 margin:0 20px; 0 0;
 display:inline;
 }
 
#top_nav a{
 text-decoration:none;
 color:#FFFFFF;
 font-weight:bold;
 }
 
#main_wrapper{
 position:relative;
 float:left;
 width:100%;
 }
 
 #two_col_wrapper{
 position:relative;
 float:left;
 width:83%;
 
 }
 

 
#left_col{
position:relative;
float:left;
width:19.2%;

margin-top:10px;
margin-bottom:10px;
} 

#left_col  a{
color:#000000;
}

#left_col  a:hover{
color:#E6142D;
}

#main_col{
position:relative;
float:left;
width:80%;
padding-left:1.25%;
padding-right:1.25%;
margin-top:10px;
margin-bottom:10px;

} 

#nav_pics{
position:relative;
float:left;
/*width:100%;*/

margin-left:2%;
margin-right:2%;
margin-top:5%;
/*border-style:solid;*/
}
#nav_pics a{
text-decoration:none;
color:#000000;
}

#nav_pics p{
margin-top:0px;
}
#nav_pics img{
border-style:none;
}

.nav_pic{
position:relative;
float:left;
width:150px;
/*height:175px;*/
border-style:solid;
border-width:1px;
border-color:#cccccc;
margin-right:5%;
margin-bottom:5%;
text-align:center;
font-size:0.85em;
font-style:italic;
}



#catalogue_box_container{
position:relative;
float:left;
width:100%;
text-align:center;
}

#catalogue_box{
position:relative;
margin:auto;
width:390px;
height:280px;


}

.catalogue_example{
position:relative;
float:left;
width:100px;
height:125px;
margin-right:20px;
text-align:center;
}

#right_col{
position:relative;
float:right;
width:14.5%;
padding-top:4%;
} 
#right_col a{
text-decoration:none;
color:#000000;
}

.right_col_item{
position:relative;
float:right;
width:100%;
margin-top:10px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:#0080FF;
padding-bottom:5px;
margin-bottom:5px;
}

footer{
position:relative;
float:left;
width:100%;

padding-left:10px;
padding-top:10px;
background-color:green;
 padding-bottom:5px; 
 color:#FFFFFF;

}

footer a{
color:#FFFFFF;
text-decoration:none;
}
 
.clearB{
height:.01em;
width:100%;
clear:both;
overflow:hidden;	
}

/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
  
.newSlider{
    padding:0px;
    margin:0px;
    list-style-type:none;
    position:relative;
}
#slideHolder{
    overflow:hidden;
}
.newSlider li a{
    border:0px;
    text-decoration:none;
}
.newSlider li a img{
    border:0px;
    text-decoration:none;
}

.newSlider li{
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


@media screen and (min-width:320px) and (max-width:480px) {
/*#pagewidth{width:321px;}*/

 #bannerSlides{
 display:none;
 
 }

#main_col{
width:100%;
}
#right_col{
width:100%;
}
}