﻿.TabWrapper{
	width:520px;
	margin:20px auto 0px auto;
}
.Tabs{
	width:auto;
	height:30px;
	display:block;
	padding:0;
	margin:0;
	clear:both;
}
.Tab{
	height:30px !important;
	height:40px;
	width:102px;
	margin:0px 1px 0px 0px;
	float:left;
	background:url('../images/bluetab.jpg') #2533ab no-repeat;
	text-align:center;
	padding:5px 0px 5px 0px;
	/*vertical-align:top;*/
}
.Tab a:link{
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	line-height:normal;
}
.Tab a:visited{
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	line-height:normal;
}
.Tab a:hover{
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#DFE44F;
	text-decoration:none;
	line-height:normal;
}
.Tab a:active{
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	line-height:normal;
}

.Boxes{
	clear:both;
	background:#2734ab;
	padding:5px;
	height:auto;
}
.Box{
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	background:#ffffff;
	padding:10px;
	vertical-align:top;
}
/*------------------------------------------------------
----------------DetailsTab------------------------------
-------------------------------------------------------*/
.DetailsTab{
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	color:#000000;
	margin:0px;
	text-align:left;
}
.ColorName{
    /*display:block;*/
    font-weight:bold;
    /*width:100px;*/
    float:left;
}
.DetailsHeading{
    display:block;
    width:100%;
    text-align:left;
    font-weight:bold;
    font-size:12px;
    height:16px;
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	white-space:nowrap;
}
.DetailName{
    font-weight:bold;
    /*width:100px;*/
}
.DetailsInstructions{
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	color:#000000;
	white-space:nowrap;
}
/*------------------------------------------------------
----------------Decoration Tab--------------------------
-------------------------------------------------------*/
.Box ul{
    margin:5px;
}
.Box ul li{
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
    list-style-type:none;
    line-height:14px;
    /*height:1.5em;*/
}
.Box ul li li{
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#000000;
	margin:10px;
	text-align:left;
    /*list-style-type:square;
    list-style-position:outside;
    line-height:1.5em;
    height:1.5em;*/
}
.decoHeadings{
    width:80px;
    vertical-align:top;
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}
.decoLocationTable{
    width:auto;
    vertical-align:top;
}
.decoDetailsTable{
    width:100%;
    vertical-align:top;
}
.decoDetailsTable td{
    width:100px;
    vertical-align:top;
}
.decoLocationRow{
    height:1px;
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}
.methodsRow{
    vertical-align:top;
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#000000;
}
.locationName{
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}
.locationCost{
    font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:normal;
}
/*------------------------------------------------------
----------------Pricing Tab-----------------------------
--------------------------------------------------------*/
.pricingHeadings{
    width:50px;
    padding-right:3px;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    font-weight:bold;
}
.quantitiesRow{
    border-bottom:solid 1px #cccccc;
}
.Quantities{
    padding:0px 3px 0px 3px;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    font-weight:normal;
}
.Prices{
    padding:0px 3px 0px 3px;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    font-weight:bold;
}
.colorsDropDown{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    margin:2px auto 5px auto;
}
.colorsDropDown label{
    font-weight:bold;
}
/*------------------------------------------------------
---------Slide Show Styles For Companion Tab------------
-------------------------------------------------------*/
       .Box #galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
		width:490px!important;
		width:500px;
				
	}
	.Box #arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	.Box #arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px !important;
		padding:0px;		
	}
	.Box #theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	.Box #theImages #slideEnd{
		float:left;
	}
	.Box #theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}
	.DetailsTable{
	    width:auto;
	    font-family:Verdana, Arial, Helvetica, Sans-Serif;
	    font-size:10px;
	    
	}
	.DetailsTable td{
	    vertical-align:top;
	    padding:0px 3px 0px 3px;
	    text-align:left;
	    white-space:nowrap;
	}
	.DetailsTable td span{
	    white-space:nowrap;
	}
