/*for centring the containter*/
body {
background-color: #d2dbda;
/*text-align:center; */
margin:0px;
font-size: 85%; font-family: Verdana, Tahoma, Helvetica, sans-serif;
line-height:1.5em;
}

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

table {font-size: 85%;}

/* HEADER BLOCK */
#headerwrapper{
/*to extent topbar to width of page */
width:100%;
height:120px;
background:#FFFFFF url(images/headerbg.png) repeat-x top;
padding: 0px;
} 

#header{
/* to put header content at horizontaly center */
margin:0 auto;
width:800px;
text-align:left;
} 

#header #wbtop{
width:800px;
height:57px;
padding-top:66px;
background:url(images/wb_top.png) no-repeat bottom;
}

/* Using H1 tag for site name and logo is SEO friendly */
#header h1{
width:1px;
height:1px;
margin:0;
margin-left: 20px;
overflow: hidden;	/* will hide extra portion exceeds from defined width and height */
background: #cccccc url(images/snh_logo.png) no-repeat;
}

/*
#header #wbtop h1 a:link, #header h1 #wbtop a:hover, #header h1 #wbtop a:visited, #header h1 #wbtop a:active{
display: block;
width:324px;
height:35px;
text-indent: -100000px;	/* move text beyond screen to display only logo /*
}
*/ 

ul#navigation { 
  float: left; 
  margin: 0; 
  margin-top:18px;
  padding: 0; 
  width: 100%; 
  text-align:center;
  font-weight:bold;
  font-size:0.9em;
}
ul#navigation li { display: inline; height:12px; }
ul#navigation li a { 
  display: inline; 
  text-decoration: none; 
  padding: .25em 1em; 
  color: #fff;
} 

ul#navigation li a.hl { 
  display: inline; 
  text-decoration: none; 
  padding: .25em 1em; 
  color: #fff;
  background-color:Red;
} 

ul#navigation li a:hover { 
  color:#33CCFF; 
}

/* ---- HEADER BLOCK ENDS ---- */


/* structure */
#inner-container {
	/*border: 2px solid #D7D7D2;*/
	border: none;
	margin: 0px auto;
	width:800px;
	text-align:left;
	background-color:#FFFFFF;
	/* padding:5 8 5 8;
	background:#FFFFFF url(images/wb_bottom.png) no-repeat bottom;
	*/
}

#outer-container {
	padding-bottom: 0px;
}


/* CONTENT BLOCK */
/* outer container to hold inner container - outer container allows to have some padding with border */
/*
#outercontainer {
margin:0 auto;
width:800px;
text-align:left;
padding:5 8 5 8;
background:#FFFFFF url(images/wb_bottom.png) no-repeat bottom;
}
*/

#contentblock {
background-color: #FFFFFF;
margin:0px;
width:776px;
text-align:left;
padding:20px 12px 15px 12px;
}

#contentblock .boxholder {width:98%; padding:3px; border:#999999 solid 1px;}
#contentblock .box {width:97%; min-height:65px; background-color:#EBE4F1; padding:8px;}
#contentblock .box img {border:2px solid #ADADAD; padding:0px; margin:0px 15px 0px 0px; float:left; width:150px; height:150px;}
#contentblock .box p {line-height:normal; font-size:11px; margin-left:170px; margin-bottom:20px;}
#contentblock .box a {color:#2F5493; font-weight:bold; line-height:1.5em;}
#contentblock .box ul {margin-left:0px; padding-left:10px;}


#contentblock .boxrt {width:97%; min-height:65px; background-color:#EBE4F1; padding:8px;}
#contentblock .boxrt img {border:2px solid #ADADAD; padding:0px; margin:0px 0px 0px 15px; float:right; width:150px; height:150px;}
#contentblock .boxrt p {line-height:normal; font-size:11px; margin-bottom:20px; margin-right:170px;}
#contentblock .boxrt a {color:#2F5493; font-weight:bold; line-height:1.5em;}
#contentblock .boxrt ul {margin-left:0px; padding-left:10px;}

#contentblock .leftbox {width:510px; float:left;}
#contentblock .rightbox {width:250px; float:left; margin-left:16px;}

/* ---- CONTENT BLOCK ENDS ---- */


/* PRE-FOOTER Block */
#prefooterwrapper{
/*to extent topbar to width of page */
width:100%;
min-height:40px;
background:#5f7d87 url(images/prefooterbg.png) repeat-x top;
} 

#prefooter{
/* to put header content at horizontaly center */
margin:0px auto;
width:800px;
text-align:left;
background: url(images/wb_bottom.png) no-repeat top;
padding:0px;
} 
/* ---- PRE-FOOTER Block ENDS---- */


/* FOOTER Block */
#footerwrapper{
/*to extent topbar to width of page */
width:100%;
height:180px;
background-color:#43575e;
} 

#footer{
/* to put header content at horizontaly center */
margin:0 auto;
width:800px;
text-align:left;
font: 0.7em sans-serif;
padding: 10px 12px;
line-height:1.1em;
color:#fff;
} 

#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {color: #33CCFF;}
#footer ul {padding:0px; margin:0px;}
#footer ul li {
	/*list-style: url(images/linone.gif);*/
	list-style: none;
	margin-left: 0px;
	padding:3px;
	color: black;
	font-weight: bold;
}
#footer ul li a { font-size:1.2em; width:250px; }
#footer a:link, #footer a:visited { color: #fff; } 
/* ----- FOOTER Block ENDS ---- */



p, ul {margin-top: 0px; margin-bottom: 2px; padding:0px;}
ul {list-style-position:inside;}
/*li {list-style: none;}*/
h1 {font-size: 1.6em; font-weight:bold; padding-bottom: 2px; color:Black;}
h2 {font-size: 1.3em; font-weight:bold; color:black;}
h3 {font-size: 1.2em; font-weight:bold;}
h1,h2,h3 {padding-top: 4px; margin-bottom: 4px;}
h3.rt {font-size: 1.1em; color:#338cd1;}
form,input {margin: 2px; padding: 0px; display: inline;}

.noborder {background:none; margin:3px; padding:3px; border:none;}
img {background:#efefef; margin:5px; padding:5px; border:solid 1px #999999;}
img.compressed {background:#FFFFFF; margin:0px; padding:0px; border:none;}

.clear {clear: both; font-size: 0;}
.left {float:left;}
.right {float:right;}

.red {color:Red;}
.black {color:Black;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}

.hide {display:none;}

.imgbrdr {border:2px solid #ADADAD; padding:0px; margin:0px 0px 0px 0px;}

table.news {margin:0px;}
table.news td {border-bottom:1px solid #FFFFFF; padding-bottom:8px;}

ul.clist {list-style-position:inside; list-style-type:square;}
ul.clist li {margin-top:2px; margin-bottom:2px; font-weight:bold;}

.discountbox
{
	padding: 6px;
	border: 2px dashed #ACACAC;
	background-color: #E1E1E1;
	width:80%;
	font-family:Verdana, Arial;
}