/*----JOIN----*/

#joinWrap a {
	outline: none;
}

#joinWrap
{
    width: 760px;
    float: left;
    overflow: hidden;
    margin-bottom: 17px;
    position: relative;
}

#joinWrap .clear
{
    clear: both;
}

#postFrame
{
    display: none;
}

#joinWrap .hrDiv
{
    background: url('../images/hrBg.gif') repeat-x right bottom;
}

#joinWrap .hidden
{
    visibility: hidden;
}

#joinWrap
{
    float: left;
    width: 760px;
}
#joinWrap h1
{
    height: 30px;
    width: auto;
}
#joinWrap .joinTotal
{
    background-image: url('../images/join/sideTotalBackground.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 190px;
    height: 577px;
    float: left;
    padding-left: 8px;
    padding-right: 9px;
}
#joinWrap .joinTotal .title
{
    margin-top: 8px;
    margin-right: 45px;
}
#joinWrap .joinTotal .inner
{
    background-image: url('../images/join/sideTotalInner.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 190px;
    height: 428px;
    float: left;
}

#joinWrap .joinTotal .inner #step3PriceInformationBox{
	padding:0px 30px 0px 20px;
	color:#565656;
	line-height:18px;
}
#joinWrap .joinTotal .inner #step3PriceInformationBox td,
#joinWrap .joinTotal .inner #step3PriceInformationBox table
{
	border:0px;
}

#joinWrap .joinTotal .inner .flash
{
    height: 219px;
}
#joinWrap .joinTotal .inner .information
{
    padding: 21px 16px 0px 18px;
    line-height: 18px;
}
#joinWrap .joinTotal .inner .information .prices
{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #565656;
}
#joinWrap .joinTotal .inner .information .pricesTotal
{
    color: #1d96d2;
    padding-top: 10px;
}
#joinWrap .joinTotal .banner
{
    margin-top: 12px;
    float: left;
	position:relative;
	display:block;
	width:186px;
	height:80px;
}

#joinWrap .joinTotal .banner .flashBannerWrapper{
	position:absolute;width:186px;height:80px;right:0px;
	z-index:1;
}

#joinWrap .joinTotal .banner .BannerButton{
	text-decoration:none;position:absolute;right:0px;display:block;width:186px;height:80px;
	z-index:2;
}

#joinWrap .joinStepsHolder
{
    background-image: url('../images/join/stepsHolderBackground.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 537px;
    height: 577px;

    float: right;
}
#joinWrap .joinStepsHolder .step
{
    color: #4e5658;
    font-size:12px;
    line-height: 20px;
    position: relative;
    height: 577px;
}
#joinWrap .joinStepsHolder .step .title
{
    background-image: url('../images/join/joinStepsHeader.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    width: 497px;
    margin: 4px 20px 0px 20px;
    height: 40px;
}
#joinWrap .joinStepsHolder .step .title.step0
{
    background-position: bottom;
    background-image: url('../images/join/step0Header.jpg');
}
#joinWrap .joinStepsHolder .step .title.step1
{
    background-position: top right;
}
#joinWrap .joinStepsHolder .step .title.step2
{
    background-position: top left;
}
#joinWrap .joinStepsHolder .step .title.step3
{
    background-position: bottom right;
}
#joinWrap .joinStepsHolder .step .title.step4
{
    background-position: bottom left;
}
#joinWrap .joinStepsHolder #step0 .content
{
    padding: 70px 80px 0px 80px;
}
#joinWrap .joinStepsHolder #step0 .content h1
{
    padding-bottom: 20px;
}
#joinWrap .joinStepsHolder #step0 .content .body
{
    padding-bottom: 30px;
}
#joinWrap .joinStepsHolder #step0 .content .importantMsg
{
    margin-top: 20px;
    color: #3bb0e6;
    font-weight: bold;
    padding-bottom: 30px;
}
#joinWrap .joinStepsHolder #step0 .content .nextButton
{
    margin-top: 30px;
	margin-right:10px;
	float:left;
}
#joinWrap .joinStepsHolder .step .content
{
    padding: 30px 10px 0px 10px;
}
#joinWrap .joinStepsHolder .step .content .products
{
    height: 440px;
    width: 495px;
    padding-left: 10px;
    padding-right: 10px;

    overflow: auto;

}
#joinWrap .joinStepsHolder .step .content .product
{
    background-image: url('../images/join/productBackground.gif');
    background-repeat: no-repeat;
    background-position: top right;
    width: 185px; 
    height: 185px;
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    padding: 25px 23px 0px 19px;

}
#joinWrap .joinStepsHolder #step2 .content .product
{
    background-image: url('../images/join/productBackground_big.gif');
    height: 387px;
}
#joinWrap .joinStepsHolder .step .content .product.selected
{
    background-position: bottom right;
}
#joinWrap .joinStepsHolder #step1 .content .product .top
{
    height: 136px;
}
#joinWrap .joinStepsHolder .step .content .product .top .header
{
    color: #35a7da;
    font-size: 14px;
    font-weight: bold;
    display: block;
    height: 65px;
}
#joinWrap .joinStepsHolder .step .content .product .top .seperator
{
    height: 15px;
}
#joinWrap .joinStepsHolder #step1 .content .product .top #colorSelectorHeader
{
   
    display: block;
    font-size: 12px;
}
#joinWrap .joinStepsHolder #step1 .content .product .top .color
{
    display: block;
    width: 10px;
    height: 10px;
    float: right;
    border: 1px solid #171d67;
    margin-left: 5px;
    overflow:hidden;
	 margin-top: 4px;
}
#joinWrap .joinStepsHolder .step .content .product .top .productImage
{
    float: right;
    height: 135px;
    width: 90px;
    overflow: hidden;
}

#joinWrap .joinStepsHolder .step .content .product .top .BigProductImage
{
    width: 188px;
    height: 187px;
    margin-bottom: 20px;
    overflow:hidden;
}

#joinWrap .joinStepsHolder .step .content .product .top.bigProduct .header{
    height:20px;
}
#joinWrap .joinStepsHolder .step .content .product .quantitySelector
{
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 25px;
}
#joinWrap .joinStepsHolder .step .content .product .quantitySelector .vasselPrice
{
    font-weight: bold;
}
#joinWrap .joinStepsHolder .step .content .product .bottom
{
    padding-top: 6px;
    line-height: 20px;
    margin-top:4px;
    overflow:hidden;
}

#joinWrap .joinStepsHolder .step .content .product .bottom .notInStock{
    font-size:11px;
    line-height:13px;
}

#joinWrap .joinStepsHolder .step .content .product .bottom  .price{
	font-size: 11px;
	color: #565656;
}
#joinWrap .joinStepsHolder .step .content .product .bottom a
{
    color: #35a7db;
    font-size: 11px;
    line-height: 20px;
}
#joinWrap .joinStepsHolder #step3 .content
{
    background-image: url('../images/join/step3Background.gif');
    background-repeat: no-repeat;
    background-position: top right;
    width: 485px;
    height: 420px;
    margin-top: 18px;
    margin-right: 25px;
    padding-top: 30px;
    padding-right: 20px;
}

	#joinWrap .joinStepsHolder #step3  .upperBox{
		height:175px;
		position:relative;
	}
		
		#joinWrap .joinStepsHolder #step3  .upperBox .prices{
			float:right;
			margin-top:14px;
			width:440px;
		}
		
		#joinWrap .joinStepsHolder #step3  .upperBox .prices h4{
			margin:0px 0px 5px 0px !important;

			font-size:16px;
		}
		
		#joinWrap .joinStepsHolder #step3  .upperBox .prices .item{
				float:right;
				width:120px;
			}
		#joinWrap .joinStepsHolder #step3  .upperBox .prices .item #step3_BarName{
			color:#3dacdd;
			font-weight:bold;
		}
			
		#joinWrap .joinStepsHolder #step3  .upperBox .prices .seperator
		{
			background-image: url('../images/join/vertical_sep.gif');
			background-repeat: repeat-y;
			background-position: center;
			padding-left: 22px;
			padding-right: 22px;
			height: 97px;
			margin-top:5px;
			float: right;
		}
		
		#joinWrap .joinStepsHolder #step3  .upperBox .bottom {
			position:absolute;
			bottom:0px;
			height:25px;
			font-size:14px;
			color:#FFF;
			font-weight:bold;
		
		}
	#joinWrap .joinStepsHolder #step3  .lowerBox{
		height:200px;
		
		margin-top:17px;
		padding-top:18px;
	}
	
		#joinWrap .joinStepsHolder #step3  .lowerBox .headerText{
			padding-bottom:15px;
		}
		

#joinWrap .button
{
    background-image: url('../images/join/Buttons.jpg');
    background-repeat: no-repeat;
    width: 87px;
    height: 26px;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

#joinWrap .saleButton{
	background-image: url('../images/join/saleButton.jpg');
    background-repeat: no-repeat;
    width: 134px;
    height: 26px;
    display: block;
    overflow: hidden;
    text-decoration: none;
	background-position:top left;
	 padding-right: 0px;
	 margin-top:30px;
	 float:right;
}
#joinWrap .saleButton:hover{
	background-position:bottom left;
}


#joinWrap .chooseButton
{
    display: block;
    overflow: hidden;
    text-decoration: none;
    background-image: url('../images/join/chooseButton.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 47px;
    height: 20px;
    overflow: hidden;
    float: left;
zoom:1;
}
#joinWrap .chooseButton:hover
{
    background-position: bottom left;
}
#joinWrap .nextButton
{
    background-position: top left;
}
#joinWrap .nextButton:hover
{
    background-position: bottom left;
}
#joinWrap .prevButton
{
    margin-left: 6px;
    background-position: top right;
}
#joinWrap .prevButton:hover
{
    background-position: bottom right;
}
#joinWrap .joinStepsHolder .step .bottom_bar
{
    padding-top: 15px;
    padding-left: 20px;
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 480px;
    height: 30px;
}
#joinWrap .joinStepsHolder .step .bottom_bar .button
{
    float: left;
}
/* form style */#joinWrap .inputField
{
	clear:both;
    background: #eff8fd;
    padding: 3px;
    border: 1px solid #b8dcf1;
    color: #565656;
    width: 199px;
    height: 13px;
    padding-top: expression("2px");
    font-size: 11px;
	
}
#joinWrap .inputField_select
{
    background: #eff8fd;
    border: 1px solid #b8dcf1;
    color: #565656;
    width: 53px;
    height: 21px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: right;
}
#joinWrap .selectHolder
{
    margin-top: expression("1px");
    float: right;
    margin-right: 5px;
    width: 53px;
}
#joinWrap .inputField.short
{
    width: 144px;
}
#joinWrap .stepsSubmitRow
{
    color: #565656;
    clear: both;
    height: 45px;
}
#joinWrap .stepsSubmitCheckBoxRow
{
    margin-bottom: 10px;
    clear: both;
    color: #565656;
	float:right;
	width:210px;
}
	#joinWrap .stepsSubmitCheckBoxRow .textLabel{
		margin:0px;
		padding:0px;
		padding-right:expression('4px');
		display:block;
		float:right;
		width:180px;
	}
	#joinWrap .stepsSubmitCheckBoxRow input {
		float:right;
		width: 19px;
	}
	
	#joinWrap .stepsSubmitCheckBoxRow p{
		margin:0px;
		padding:0px;
		
	}
	
#joinWrap .stepsSubmitRow label
{
	width: 290px;
	display: block;
	font-size:12px;

}
#joinWrap .theForm
{
	width:242px;
   float:right;
   overflow:hidden;
}
#joinWrap .formCheckboxes
{
    
    font-size:12px;
	width:215px;
	float:right;
   overflow:hidden;
   padding-top:20px;
   
}

#joinWrap .err
{
    font-size: 12px;
    font-weight: bold;
    color: #1e2059;
    
}

#joinWrap .err.hidden{
	display:none;
}

#joinWrap #SendingFormMsg
{
    float: right;
    font-size: 18px;
    color: #45afde;
}
/* vassel information lightbox */
#moreInformationLightBox #VasselInformation
{
    float: left;
    width: 100%;
}
#moreInformationLightBox #VasselInformation .head
{
    color: #3dacdd;
    font-size: 12px;
    padding-top: 15px;
}
#moreInformationLightBox #VasselInformation .prices
{
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
#moreInformationLightBox #VasselInformation .prices .item
{
    float: right;
    height: 110px;
}
#moreInformationLightBox #VasselInformation .bottom
{
    clear: both;
    height: 25px;
    background: #d6edf9;
    color: #1b93d1;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding-right: 10px;
    padding-left: 10px;
}
#moreInformationLightBox #VasselInformation .bottom #VasselInformation_Total
{
    font-size: 20px;
}
#moreInformationLightBox #VasselInformation .prices .seperator
{
    background-image: url('../images/join/vertical_sep.gif');
    background-repeat: repeat-y;
    background-position: center;
    padding-left: 22px;
    padding-right: 22px;
    height: 110px;
    float: right;
}

    #moreInformationLightBox
    {
        width: 503px;
    }
    #moreInformationLightBox .lightBoxTitle
    {
        background-image: url('../images/join/lightboxBackground.png');
        _background-image: url('../images/join/lightboxBackground.gif');
        background-repeat: no-repeat;
        background-position: top left;
        height: 44px;
        padding: 36px 40px 0px 30px;
        color: #FFF;
        font-size: 20px;
        font-weight: bold;
        overflow: hidden;
    }
    #moreInformationLightBox .lightBoxTitle .closeButton
    {
        text-decoration: none;
        float: left;
        color: #FFF;
        font-weight: bold;
        font-size: 17px;
        line-height: 20px;
    }
    #moreInformationLightBox .lightBoxInner
    {
        background-image: url('../images/join/lightboxBackground.png');
        _background-image: url('../images/join/lightboxBackground.gif');
        background-repeat: no-repeat;
        background-position: bottom left;
        padding: 0px 45px 30px 45px;
        width: 413px;
        color: #565656;
        line-height: 20px;
        font-size: 12px;
        overflow: hidden;
    }
	#moreInformationLightBox .lightBoxInner .lb_description{
		padding-top:15px;
	}
	
    #moreInformationLightBox .lightBoxInner .bottomSale
    {
        background: #daf1fe;
        text-align: center;
        color: #1b93d1;
        font-size: 12px;
        font-weight: bold;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 10px;
    }