/*
===============================
(C) Ossoba Design Studio
===============================
*/

/*============ Overall styles ===========*/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 1.1em;
	color: #333;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(../images/ossoba_bgr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
html {
    background-image:  url(../images/ossoba4_19.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F6F5F1;
}
a{ 
    color: #006699;
	text-decoration: none;
}
a:link{
	color: #006699;	
}
a:visited{
	color: #006699;	
}
a:active{
   color:#FF9933;
}
a:hover{
	color: #000;	
}

h1{
   font-family: Verdana,Arial,sans-serif;
   font-size: 120%;
   color: #334d55;
   margin: 0px;
   padding: 0px;
}

h2{
   font-family: Arial,sans-serif;
   font-size: 114%;
   color: #006699;
   margin: 0px;
   padding: 0px;
}

h3{
   font-family: Arial,sans-serif;
   font-size: 110%;
   color:#336699;
   margin: 0px;
   padding: 0px;
}
select {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #2B4157;
	border: 1px solid #DFDFDF;
	background-color: #FFF;
}
.title {
   position:absolute;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:95%;
   font-weight:bold;
   color:#0C2E38;
   margin-top:-16px;
}
.step {
	color:#092634;
	font-size:14px;
	font-weight:bold;
	text-decoration: underline;
}
.pack {
  color:#092634;
  font-size:11px;
  font-weight:bold; 
}
.border {
  border: 1px solid #E1E1D5;
  margin:0px;
  padding:0px;
}
.buy, .price {
  background-color:#FAFAF8;
}
.buy {
	font-size:10px;
	font-weight:bold;
	border: 1px solid #E1E1D5;
	text-align:center;
	display:block;
	width:60px;
	height:18px;
}
.price {
  color:#092634;
  font-size:10px;
  font-weight:bold;
}
.tBgr {
	background-image: url("../images/tBgr.gif");
	background-repeat: repeat-x;
}
.lBgr {
    background-image: url("../images/lBgr.gif");
	background-repeat: repeat-y;
}
.rBgr {
    background-image: url("../images/rBgr.gif");
	background-repeat: repeat-y;
}
.bBgr {
    background-image: url("../images/bBgr.gif");
	background-repeat: repeat-x;
}
/*======== Layout divs ===========*/

#main {
	width:100%;
	height:100%;
	background-image:  url(../images/ossoba4_19.jpg);
	background-repeat: repeat-x;
	background-position: left 165px;
}
#wrap {
	width: 778px;
	margin: 0px auto;
	text-align: left;
	background-image: url(../images/wrapBgr.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}

#head{
	padding: 0px;
	width: 778px;	
}
#head img{
   display:block;
   float:left;	
}
#navBar{
	float: left;
	width: 153px;
	height:390px;
	display:block;
	margin: 0px;
	padding: 0px;
	border:0px;
}

#headlines{
	float:right;
	width: 175px;
	height:190px;
	display:block;	
	background-image:  url(../images/ossoba4_20.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#fadeLine{
	float:right;
	width: 5px;
	height:190px;
	display:block;	
	background-image:  url(../images/ossoba4_20.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#siteInfo{
	clear: both;
	height:23px;
	font-size: 75%;
	color: #ccc;	
}

#top{
	display:block;
	height:90px;
	width:778px;
	position:static;
	background: url(../images/ossoba4_02.jpg) no-repeat left top;	
}
.aList {
	float:left;
	width:300px;
	list-style-position: outside;
	list-style-image: url(../images/check.gif);
}
/*======== Rounded corners style =======*/
.cornersTop,.cornersBottom{
  display:block;
  height:5px;
  overflow:hidden;
  padding:0px;
}
.cornersTop *,.cornersBottom *{
  display:block;
  height:1px;
  overflow:hidden;
  padding:0;
  line-height:1px;
  font-size:1px;
}
.t1{
  margin:0px 5px;
}
.t2{
  margin:0px 3px;
}
.t3{
  margin:0px 2px;
}
.t4{
  margin:0px 1px;
  height:2px;
}
/* ======= End ========= */
/* ======== menu ========== */

#dd {
  margin-left: 5px;
  margin-top: 0px;
  padding: 0px 0px 20px 0px;
filter: alpha(opacity=95);
    moz-opacity: 0.95;
    opacity: 0.95;  
}

#dd li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:normal;    	
}

#dd li a.menu {
	display: block;
	text-align:left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	color: #000;
	width: 138px;	
	text-decoration: none;
	text-indent:5px;
	background-image: url(../images/regular.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#dd li a.menu:hover {
	background-image: url(../images/regular_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;		
}

.submenu {
	visibility: hidden;
	position: absolute;
	left:100px;	
	z-index: 3;
    filter: alpha(opacity=95);
    moz-opacity: 0.95;
    opacity: 0.95;	
}

.submenu a {
	display: block;
	text-align: left;
	text-decoration: none;
	padding: 5px;
	color: #000;
	width: 120px;
	text-indent:5px;
	background-image: url(../images/sub.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.submenu a:hover {
	color: #000;
	background-image: url(../images/sub_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



/*======== Wrap layer style ========*/
#wrapDiv{
  margin:10px 5px 10px 5px;
  width:410px;
  text-align:center;       
}
#front img{
  padding:15px;	
}
#wrapDiv .t1{
  background:#DEDDD0;
}
#wrapDiv .t2,#wrapDiv .t3,#wrapDiv .t4{
  background:#FAFAF5;
}
#wrapDiv .panelStyle{
  padding:1px 0px 0px 0px;
}
#wrapDiv .t2{
  border-left:1px solid #DEDDD0; 
  border-right:1px solid #DEDDD0;
}
#wrapDiv .t3,#wrapDiv .t4,#wrapDiv .panelStyle{
  border-left:1px solid #DEDDD0;
  border-right:1px solid #DEDDD0; 
}
#wrapDiv .t3,#wrapDiv .t4,#wrapDiv .panelStyle{
  background:#FAFAF5;
}
.grid {
  background:#FFF;
  width:400px;
  text-align:center;
}

.panelResults .grid th{
  margin:0px;
  padding:0px;  
}

.topCell{
  height:20px;
  background:#FFF;
}

.panelResults td a{
  font-weight:bold; 
  text-decoration:none;
  color:#FFD392;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9pt;
}
.panelResults td a:hover{
  color:#FFC46A;
  text-decoration:none;
  background:#FFF;
  border-bottom:none;
}
.panelResults td a:visited{
  color:#DD8500;
}
.panelResults td a:active{
  color:#FF3300;
}

.panelResults td p{
  margin-top:.1em;
  margin-bottom:.2em;
}

/* ======== End ========= */

/*======= #headlines styles =========*/
#poll{
    display:block;
    width:155px;
    float:left;
    padding: 0px 0px 5px 10px;
	font-size:70%;	
}
.poll {
   padding: 5px;
   /*background-color:#F9F9F7;*/
   line-height:10pt;   
}
#news{
    display:block;
    width:160px;
	font-size:11px;
    float:left;
    padding: 0px 0px 5px 10px;
}

#menu{
	position:relative;
	margin:0px;
	width:153px;
	height:315px;
	padding: 0px 0px 5px 0px;
	float:left;
	background-image: url(../images/ossoba4_18.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.leftBgrLinks {
background-image: url(../images/ossoba4_18.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu iframe{
    margin-left:0px;
}
#content{
	float: left;
    width: 55%;
}
#content2{
	float:left;
    width: 600px;
	background-color:#FFFFFF;	

}

/************** .feature styles ***************/

.intro{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.intro h3{
	padding: 30px 0px 5px 0px;
	text-align: left;
}



/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}



/************** #advert styles **************/

#advertLeft, #advertRight{
    display:block;
    float:left;
}
#advertLeft{
	width:140px;
	padding: 20px 0px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#advertRight{
    width:160px;   
	padding: 20px 0px 10px 10px;
}
#advertRight ul {
	font-size:10px;
	list-style-position: outside;
}

#block {
	display:block;
    float:left;
	width:150px;
	padding: 20px 0px 5px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
/*========#searchForm styles=========*/
#searchForm {
	position:relative;
	top: 42px;
	width: 156px;
	height:30px;
	display:block;
	background: url(../images/searchBgr.gif) no-repeat;
	left: 525px;	
	padding: 5px 0px 5px 10px;
}
#searchForm form{
    margin: 0px;
    padding: 0px;
}
.textfield {
    position:absolute;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	border: none;
	height: 15px;
	width: 90px;
	background: url(../images/s_field.gif) no-repeat left top;
	top:7px;
	z-index:4;
	
}
.button {
    position:absolute;
	width: 15px;
	height: 14px;
	left: 99px;
	top:8px;	
	cursor: pointer;
	z-index:5;	
}

/*======= Promo panel =======*/
#wrapPanel {
	width: 400px;
	margin: 0px auto;
}
#topPanel {
	background-color: #FFF;
	background-image:url(../images/tBgr.gif);
	display:block;
	height:16px;
	background-repeat: repeat-x;
	background-position: left top;
}
#leftPanel {
	float: left;
	display:block;
	width: 16px;
	height:168px;
	background-color:#FFF;
	background-image: url(../images/lBgr.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#mainPanel {
	background-color: #FFF;
	text-align:center;
	float: left;
	display:block;
	width: 384px;
	height:168px;
	background-color:#FFF;
	background-image: url(../images/rBgr.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
#mainPanel img{
    border-color:#000;
	border-width:1px;
	border-style:solid;
	margin-top:10px;
}
#mainPanel p{
    margin-left:0px;
    margin-right:15px;
	font-size:10pt;    
}
#mainPanel a{
    border-bottom:0px;
    background: none;
}
#footerPanel {
    background-color: #FFF;
	background-image:url(../images/bBgr.gif);
	display:block;
	height:16px;
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
}
/*======Footer========*/

#footer1{
    float:left;
    display:block;
	width:153px;
	height:23px;
	background-image:  url("../images/ossoba4_22.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#footer1 span{
	padding: 0px 0px 0px 10px;
	font-size:80%;	
}
#footer1 a{
   font-size:9px;
}
#footer2{
	float:right;
	display:block;	
	width:625px;
	height:23px;
	background-image:  url("../images/ossoba4_23.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#footer2 span{
	padding: 0px 0px 0px 400px;
	font-size:90%;
	line-height: 23px;
	letter-spacing: -0.1em;
}