/*-----------------------------------------
	Content Box Layout
-----------------------------------------*/

.contentBoxWrapper {
	float: left;
	width: 342px;
	margin: 0;
	padding: 0 18px 0 0;
	background: url(../images/common/content-box/box-top-right-corner.png) right 0 no-repeat;
}

	.contentBox {
		float: left;
		width:316px;
		padding: 13px;
		font-size: 11px;
		line-height: 13px;
		background:#f9f9f9;
	}

		.contentRightColumn .column1 {
			float: left;
			width: 146px;
			padding: 0 10px 0 0;
			margin: 0 -1px 0 0;
			background: url(../images/common/vr_dotted.gif) right 0 repeat-y;
		}

		.contentRightColumn .column2 {
			float: left;
			width: 145px;
			padding: 0 0 0 10px;
			background: url(../images/common/vr_dotted.gif) 0 0 repeat-y;
		}
	
	.contentBoxWrapper .footer {
		display: block;
		height: 18px;
		clear: both;
		background: url(../images/common/content-box/box-bottom-left-corner.png) 0 0 no-repeat;	
	}




/*-----------------------------------------
	Content Box Content
-----------------------------------------*/

	.contentBox h3,
	.contentBox h4,
	.contentBox h5 {
		float: left;
		width: 100%;
		margin: 10px 0 5px 0;
		font-weight: bold;
	}

	.contentBox h3 {
		font-size: 11px;
		line-height: 12px;
		text-transform: uppercase;
		margin: 2px 0;
		padding: 0;
	}
	
	body #contentWrapper .contentBox .quheading {
		float: left;
		width: 100%;
		font-size: 10px;
		line-height: 15px;
		color: #0069D5;
	}
	
		body #contentWrapper .contentBox .quheading img {
			float: left;
			margin: 0 77% 0 0;
		}
	
	.contentBox p {
		font-size: 11px;
		line-height: 13px;
	}
	
	.contentBox ul.linklist {
		margin: 0 0 0 0;
		padding: 3px 0 0 0;
	}
		
		.contentBox ul.linklist li {
			font-size: 11px;
			line-height: 13px;
		}
		
		.contentBox ul.linklist ul li {
			width: 296px;
		}
		
	.contentBox img {
		float: left;
		margin: 10px 0;
	}

	.contentBox .arrowLink,
	.contentBox .arrowLinkGray {
		float: left;
		width: 100%;
		padding: 0;
	}
	
	body .contentBox .right,
	.contentBox .arrowLink.right {
		float: right;
		width: auto;
		padding-right:25px;
	}

	.contentBox .toggle_open,
	body .contentBox .toggle_closed_active,
	.contentBox .toggle_closed,
	body .contentBox .toggle_open_active {
		line-height: 20px;
	}


/*-----------------------------------------
	Custom Boxes
-----------------------------------------*/



/* Contact Box --------------------------*/

	#contactBox h3,
	#contactBox h4,
	#contactBox h5 {
		margin: 3px 0;
		color: #0069D5;
	}
	
	#contactBox ul.linklist {
		margin: 10px 0 0 0;
	}
	
	#contactBox .chat img {
		float: left;
		margin: 3px 8px 0 3px;
	}

	#contactBox .chat h4,
	#contactBox .chat .arrowLinkGray {
		float: left;
		width: 279px;
	}


/* Stay Connected Box -------------------*/
	
	#stayConnectedBox h3 {
		margin-bottom: 8px;
	}
		#stayConnectedBox .column2 h3  {
			margin-bottom: 10px;
		}

/* Technical Support Login Box ----------*/

	#technicalSupportBox form ul {
		float: left;
		width: 100%;
		margin: 10px 0 -4px 0;
		padding: 0 0 3px 0;
		border-bottom: 2px dotted #ababab;
	}
	
		#technicalSupportBox form ul li {
			list-style: none;
			float: left;
			width: 50%;
			padding: 0 0 8px 0;
			margin: 0;
		}
		
		#technicalSupportBox form ul li.infieldlabel {height: 26px;}
		
			#technicalSupportBox form label,
			#technicalSupportBox form input  {
				font-size: 11px;
				line-height: 12px;
				cursor: pointer;
			}
			
			#technicalSupportBox .infieldlabel label {
				position: absolute;
				z-index: 1;
				width: 140px;
				height: 14px;
				font-size: 11px;
				line-height: 14px;
				padding: 4px;
				color: #999999;
				text-transform: uppercase;
				border-top: 2px solid #d1d1d1;
				border-left: 2px solid #d1d1d1;
				border-bottom: 2px solid #e4e4e4;
				border-right: 2px solid #e4e4e4;
				background: #fff;
			
			}
			
			#technicalSupportBox .infieldlabel input {
				width: 140px;
				height: 14px;
				padding: 4px;
				font-size: 11px;
				line-height: 16px;
				outline: none;
				border-top: 2px solid #d1d1d1;
				border-left: 2px solid #d1d1d1;
				border-bottom: 2px solid #e4e4e4;
				border-right: 2px solid #e4e4e4;
				background: #fff;
			}
			
			#technicalSupportBox .checkbox input {
				float: left;
				width: 14px;
				height: 14px;
				margin: 3px 0;
				padding: 0;
			}
			
			#technicalSupportBox .checkbox label {
				float: left;
				margin: 0;
				padding: 3px 8px;
			}
			
			#technicalSupportBox form a.btn_submit {
				float: right;
				margin: 0;
			}
			

/* Related Products Box -----------------*/

.contentBox .productImg {
	float: left;
	width: 100px;
}

.contentBox .productDesc {
	float: left;
	width: 206px;
	padding: 0 0 0 10px;
}

/* Filter By Box ------------------------*/


#filterBox h3 {
	margin-bottom: 10px;
	color: #333;
}

#filterBox h4 {
	margin: 5px 0 10px 0;
	color: #0069D5;
}

#filterBox .linklist {
	margin: -5px 0 10px 0;
}



/*-----------------------------------------
	Misc Content Box 1-off styles
-----------------------------------------*/





/*-----------------------------------------
	Old Styles
-----------------------------------------*/
/*

table.contentBox {
    float: left;
}
table.contentBox td img {
    display: block;
}
td.contentBoxTopRight {
    background-image: url('/images/common/content-box/box-top-right-corner.png');
    background-repeat: repeat-y;
    /*background-color:#f9f9f9;*
}
td.contentBoxTopLeft {
    background-color:#F9F9F9;
}
td.contentBoxMiddleRight {
    background-image: url('/images/common/content-box/box-common.png');
    background-repeat: repeat-y;
}
td.contentBoxBottomLeft {
    width: 18px;
    height: 18px;
    background-image: url('/images/common/content-box/box-bottom-left-corner.png');
    background-repeat: no-repeat;
}
td.contentBoxBottomMiddle {
    height: 18px;
    background-image: url('/images/common/content-box/box-common.png');
    background-repeat: repeat-x;
}
td.contentBoxBottomRight {
    width: 18px;
    height: 18px;
    background-image: url('/images/common/content-box/box-common.png');
    background-repeat: repeat-x;
}
div.contentBoxContentArea {
    padding: 13px;
    padding-bottom:12px;
    padding-left:16px;
    background-color:#f9f9f9;
    display: block;
}
div.contentBoxContentArea p {
    font-size: 11px;
    line-height:13px;
}
div.contentBoxContentArea a.arrowLinkGray, a.arrowLinkGreen, a.arrowLinkOrange, a.arrowLinkLightBlue, a.arrowLinkBlue {
    width:100%;
    padding:0;
}

div.contentOpenClose {
    width: 18px;
    height: 18px;
    display: block;
    overflow: hidden;
    float: right;
    background-image: url('/images/common/content-box/open-close.jpg');
    cursor: pointer;
}
table.contentBox .contentBoxHeadline {
    float: left;
    text-transform: uppercase;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
table.contentBox .contentBoxMenuArea {
    float: left;
    text-transform: uppercase;
    display: block;
    width: 100%;
}

.contentBoxMenuArea {
    margin-bottom:10px;
}

.contentBoxTopRow {}

table.contentBox .contentBoxItem {
    display: block;
    width: 100%;
    border-bottom: dotted 1px #ababab;
    padding-top:8px;
    padding-bottom:6px;
    
    /*
    float:left;
    *
}


table.contentBox .last {
    border-bottom: none;
}

div.contentRightColumn table.contentBox h4 {
    margin-bottom: 10px;
    margin-top: 10px;
}
table.contentBox .contentBoxSpacer {
    display: block;
    width: 100%;
    height:20px;
    float:left;
}

table.contentBox .contentBoxCollapsableRegion {
    margin-left:5px;
}