/*******************************************************
* RIGHT COLUMN
********************************************************/
#rightcol{
	width: 725px;
	min-height: 700px;
	float: right;
}

div#stepbar{  
  height: 25px; 
}
  div.step2{
    background: transparent url('../img/stepbar-bg.png') no-repeat top left;
  }
  div.step3{
    background: transparent url('../img/stepbar-bg.png') no-repeat left -25px;
  }
  div.step4{
    background: transparent url('../img/stepbar-bg.png') no-repeat left -50px;
  }
  div#stepbar span.step{
    float: left;
    display: block;
    width: 181px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color:#666;
  }
  div#stepbar span.step a{
    text-decoration: none;
    color:#666;
  }
  div#stepbar span.step a:hover{
    text-decoration: underline;
    color: #c0f;
  }
  div#stepbar span.current{
    color: #fff;
  }
  
  h1.title{
    color:#fff;
    font-size:15px;
    margin:10px 0;
    }

div.listhead{
  margin-top: 10px;
  margin-bottom:15px;
}
div#listhead_illus{
  margin-top: 10px;
  height: auto;
  background: transparent url('../img/cruise-bg.png') no-repeat;
  background-position: bottom left;
}

  div.listhead h2{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
  }
    
  div#listhead_illus h2{
    margin: 10px 0 0 15px;
  }
  div#illus_img{
    height:130px;
    border-top:1px solid transparent;
  }
  p#illus_txt{
    background-color:#fff;
    padding:10px;
    color:#333;
  }
  
  p#illus_txt a{
    color:#000;
    font-weight:bold;
    }

  div.listhead form#sort_form{
    float: left;
    margin-top: 10px;
    width: 300px;
  }
  
  div#listhead_illus form#sort_form{
    margin-top:0;
    margin-left:15px;
    height:30px;
  }
  div.listhead form#sort_form label{
    font-size: 12px;
    color: #fff;
    font-weight:bold;
  }
  div.listhead form#sort_form select{
    font-size: 12px;
    width: 120px;
    height: 24px;
    padding: 2px;
  }
  div#listhead_illus form#sort_form select{
    margin-top:3px;
  }
  div.listhead form#sort_form option{
    font-size: 12px;
    padding: 2px;
  }

div.listhead div.navbar{
  float: right;
  margin-top: 15px;
  text-align:center;
}
div#listhead_illus div.navbar{
  margin-top:7px;
}
div#listfoot div.navbar{
  float: right; 
  margin-bottom: 15px;
}
  
div.navbar{
  color:#fff;
  width: 350px;
}
div.navbar table{
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}
div.navbar td{
  text-align: center;
  width: 33%;
}
div.navbar a.previous{
  color:#fff;
  margin-right: 15px;
  text-decoration: none;
}
div.navbar span.current{
  color: #f93;
}
div.navbar a.next{
  color:#fff;
  margin-left: 15px;
  text-decoration: none;
}

div.navbar a.previous:hover, div.navbar a.next:hover{
  text-decoration: underline;
}

div#list{
}

  div#list div.cruise{
    margin-bottom: 5px;
  }

    div#list div.cruise div.head{ 
      background: transparent url('../img/cruise-bg.png') no-repeat top left;
      height: 30px;
    }
      div#list div.cruise div.head h3{ 
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
        padding-left: 10px;
        color: #fff;
        display: block;
        width: 540px;
        float: left;
      }
      
      div#list div.cruise div.head h3 a{ 
        color: #fff;
        text-decoration: none;
      }
      
      div#list div.cruise div.head h3 a:hover{ 
        text-decoration: underline;
      }
      
      div#list div.cruise div.head div.price{
        color:#f00;
        float:right;
        /*font-size: 14px;
        line-height: 30px;*/
        padding-right: 5px;
        font-weight: bold;
        width:168px;
        text-align: right;
      }
      div#list div.cruise div.head div.price span.text{
        font-size: 14px;
        line-height: 25px;
      }
      div#list div.cruise div.head div.price span.number{
        font-size: 25px;
      }

    div#list div.cruise div.content{
      background-color:#fff;
      color:#333;
      padding: 10px 10px 0 10px;
    }
	  div#list div.cruise div.content b{
	  	font-weight:normal;
	  }
      div#list div.cruise div.content a{
        text-decoration:none;
        color:#333;
      	}
      	div#list div.cruise div.content a:hover{
      	  text-decoration:underline;
      	  }

      div#list div.cruise div.content table{
        width: 100%;
      }
       
      div#list div.cruise div.content td.label{
        width: 100px;
        font-weight: bold;
        padding: 0px 0pt 2px 5px;
        vertical-align: top;
      }
      div#list div.cruise div.content td.info{
        vertical-align: top;
      }
      div#list div.cruise div.content span.boatCom{
        font-weight: bold;
        color: #90f;
      }
      div#list div.cruise div.content div.include{
        font-size: 11px;
        font-weight: bold;
        color: #f00;
        line-height: 11px;
        float: right;
        padding:3px;
      }
      div#list div.cruise div.content td.img{
        vertical-align: top;
      }
      div#list div.cruise div.content td.img, div#list div.cruise div.content td.img img{
        width: 125px;
        height: 88px;
       }
      
	      div#list div.cruise div.content img.stars{
	        border:1px solid #ccc;
	        width: 80px;
	        height: 12px;
	      }
      div#list div.cruise div.content td.bonusimg{
      	text-align: center;
      	height: 31px;
      }
      div#list div.cruise div.content td.bonusdesc{ 
        color: #f00;
        font-weight: bold;
        font-size: 12px;
        height: 31px;
      }
	  div#list div.cruise div.content td.btn a{
		display: block;
		width: 70px;
		height: 20px;
		font-size: 12px;
		line-height: 19px;
		font-weight: bold;
		text-align: center;
		/*margin: 0 auto;*/
		float:right;
		color: #fff;
		background: #fff url('../img/btn-bg.gif') no-repeat left -20px;
		text-decoration: none;
	  }
      div#list div.cruise div.content td.btn a:hover{
        color:#333;
      }

    div#list div.cruise div.footer{ 
      height: 10px;
      background: transparent url('../img/cruise-bg.png') no-repeat left -90px;
    }

div#listfoot div.navbar{
  float: right;
  margin-top: 15px;
}
/*******************************************************
* BLOCKS
********************************************************/  
div.rightblock{
  width:250px;
  margin-bottom: 10px;
}
div.rightblock h2{
  font-size: 14px;
  color:#fff;
  padding-left: 10px;
  line-height: 25px;
}
/*div.rightblock h2.red{
  background: url('../img/block-bg.png') no-repeat -250px top;
}
div.rightblock h2.orange{
  background: url('../img/block-bg.png') no-repeat -250px -25px;
}
div.rightblock h2.green{
  background: url('../img/block-bg.png') no-repeat -250px -50px;
}
div.rightblock h2.grey{
  background: url('../img/block-bg.png') no-repeat -250px -75px;
}
div.rightblock div.blockfooter{
  height: 8px;
  background: url('../img/block-bg.png') no-repeat -250px -100px;
}
div.rightblock div.blockcontent{
  background-color: #fff;
  padding: 4px;
}*/

/*
div#questions{
  
}
  div#questions p{
    margin: 10px 8px 0px 0px; 
  }
  div#questions a.questlink{
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    margin: auto 8px;
    text-decoration: none;
    padding: 2px 2px 4px 15px;
    background: transparent url('../img/dotlink.gif') no-repeat left top;
  }
  div#questions a.questlink:hover{
    text-decoration: underline;
    background: transparent url('../img/dotlink.gif') no-repeat left -20px;
  }
*/