/* CSS Document */
/*
Layout style sheets are not to contain any text, color, font, or border type property.
*/

/*############################################################## Primary Layout Divs */
#frame{
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
	background-color:#FFF;
}

#masthead{
	min-height:35px;
	padding: 8px;
	position:relative;
	/*zoom property is used to ensure IE6 relative-absolute positioning works*/
	zoom:1;/**/
}

#container{
	position:relative;
	padding:1px 8px;
	/*zoom property is used to ensure IE6 floats don't disappear*/
	zoom:1;
}


#content{
	margin:8px 0;
	width:680px;
	float:left;
	position:relative;
	zoom:1;
}

#content.WD_noNarrowCol{
	width:100%;
}

#narrowCol{
	margin:8px 0;
	width:250px;
	float:right;
	position:relative;
}


#footer{
	padding:2px 8px;
	margin: 0;
	clear:both;
}

.clear{
	clear:both;	
}

/*
You may use these to add images to the top or bottom of you site,
but generally are not needed.

#topFrame
#bottomFramePreFooter
#bottomFramePostFooter
*/

/*############################################################## General Formatting */
h2,h3,h4,p{
	margin-top:2px;
}

h2{
	margin-bottom:8px;
}

h3{
	margin-top:8px;
	margin-bottom:6px;
}

h4{
	margin-top:6px;
	margin-bottom:4px;
}

textarea { 
	font-family: inherit;
	font-size: inherit;
}

/*############################################################## navlinks */
#navlinks ul li{
	display:block;
	float:left;
	position:relative;
	list-style-type:none;
}

#navlinks ul li a:link, #navlinks ul li a:hover, #navlinks ul li a:visited{
	display:block;
}

/*############################################################## Template specifics */
#footer p{
	margin:0;
	padding:0;
}

/*############################################################## WD_styles */
.WD_tooltip{
	cursor: help;
}

.WD_indent{
	margin-left:15px;
}


/*########################### columns*/
.WD_contentColumn{
	margin:6px 0;
	padding:8px;
}

.WD_contentColumnLeft{
	float:left;
}

.WD_contentColumnRight{
	float:right;
}

.WD_noNarrowCol .WD_contentColumn{
	width:448px;
}
/*end columns*/


/*############################ breadcrumb*/
.WD_breadcrumb{
	clear:both;
	margin:8px;
}

.WD_breadcrumb p{
	margin:0;
}
/*end breadcrumb*/

/*############################ heading*/
.WD_heading{
	margin:0 0 12px;
}

.WD_heading h2{
	margin:0 0 3px;
}

.WD_heading h3{
	margin:0;
}
/*end heading*/

/*############################ feedback*/
.WD_feedback{
	margin: 10px 10px 10px;
	padding: 10px;
	font-weight: bold;
	border:2px solid;
}

.WD_feedback p{
	margin:0 0 3px;	
}

.WD_error{
	border-color:#660000;
	color:#660000;
	background-color:#FFBBBB;
}

.WD_warning{
	color:#777000;
	border-color:#707700;
	background-color:#FeFFBB;
}

.WD_message{
	color:#000099;
	border-color:#000099;
	background-color:#CCCCFF;
}

/*############################ highlightBlock*/
.WD_highlightBlock{
	margin: 0 10px 10px;
	padding: 10px;
}

.WD_highlightBlock h2{
	margin:0 0 3px;
}

.WD_highlightBlock h3{
	margin:0 0 3px;
}

.WD_highlightBlock p{
	margin:0 0 3px;
}
/*end heading*/


/*############################ infoBlock*/
.WD_infoBlock{
	margin: 0;
}

.WD_infoBlock h3{
	margin:0 0 2px;
}

.WD_infoBlock h4{
	margin:1px 0;
}

.WD_infoBlock p{
	margin:2px 0;
}

#content .WD_infoBlock{
	margin: 8px 10px 14px;
}
/*end infoBlock*/

/*########################## toggle button*/
.WD_toggleButton{
	position:absolute;
	clear:both;
	right:5px;
	bottom:2px;
}

/*############################# section*/
.WD_section{
	margin:0 0 8px;
}

.WD_sectionTop{
	margin: 0 0 2px;
	padding: 2px;
	position:relative;
	/*zoom property is used to ensure IE6 relative-absolute positioning works*/
	zoom:1;
}

.WD_sectionContent{
	padding:0;
}

#content .WD_sectionContent{
	padding:5px;
}

.WD_sectionTop .WD_toggleButton a{
}
/*end section*/


/*############################# box*/
.WD_box{
	margin:4px 0;
}

.WD_sectionContent .WD_box{
	margin:2px 0;
}

.WD_boxTop{
	position:relative;
	margin: 0 0 0;
	padding: 2px;
}

.WD_boxContent{
	padding:2px 5px 5px;
}
/*end box*/

/*############################# pageMenu*/
.WD_pageMenu{
	margin:0;
	padding:0;
	position:relative;
}
.WD_pageMenu ul{
	margin:0;
	padding:0;
	position:relative;
}
.WD_pageMenu li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
.WD_pageMenu a:link, .WD_pageMenu a:hover, .WD_pageMenu a:visited{
	padding:2px 4px;
	margin:0;
	display:block;
}
.WD_pageMenu p{
	margin:0;
	padding:0;
}
/*end pageMenu*/

/*############################# dataTable*/
.WD_dataTable{
	margin:0 0 10px;
	padding: 0px;
	width: 100%;	
}

.WD_dataTable thead tr th{
	padding:3px;
}

.WD_dataTable td{
	margin: 0px;
	padding: 3px;
}

.WD_dataTable_small{
	width:inherit;
}
/*end dataTable*/

/*############################ listTable*/
.WD_listTable{
	width:100%;
}

.WD_listTable td{
	padding:3px;
}
/*end listTable*/

/*############################ fieldTable*/
.WD_fieldTable{
	margin:0 0 5px;
}

.WD_fieldTable td{
	padding:2px 2px 2px;
	vertical-align:top;
}

.WD_fieldTable p{
	margin:0 0 8px;
}

.WD_fieldTable input, .WD_fieldTable select, .WD_fieldTable textarea{
	margin: -2px 0 5px;
	width:200px;
}

.WD_fieldTable textarea{
	width:400px;
}

.WD_fieldTable input[type=checkbox],
.WD_fieldTable input[type=radio]{
	margin-bottom:2px;
	margin-right:2px;
	width:auto;
}

.WD_fieldTable label{
	margin-right:10px;
}

.WD_fieldTableLabel{
	width:200px;
}
/*end field table*/

/*############################ feedTable*/
.WD_feedTable{
	width:100%;
	margin:0 0 5px;
}

.WD_feedTable td{
	padding:2px 2px 2px;
	vertical-align:top;
}

.WD_feedTable .left{
	width:40px;
}

.WD_feedTable p{
	margin:0 0 3px;
}

#WD_addFeedCommentBlock{
	margin:3px;
}

#WD_addFeedCommentBlock .WD_listTable{
	margin:0;
	margin-left:4%;
	width:95%;
}

#WD_addFeedCommentBlock p{
	margin:2px 0 5px;
}

#WD_addFeedCommentBlock textarea{
	width:99%;
}

/*############################ newsFeedTable*/
.WD_newsFeedTable .WD_feedIcon{
	float:left;
	margin-right:3px;
}

/*############################ NewOrder*/
.WD_formFieldGroup{
	clear:both;
}

.WD_labeledFormField{
	float:left;
	margin-right:3px;
}

.WD_labeledFormField span.WD_note{
	padding:3px 0;
	display:inline-block;
}

input.WD_Order_Name,
input.WD_Order_SSN,
input.WD_Order_Email,
input.WD_Order_StreetAddress,
input.WD_Order_Phone{
	width:200px;
}

input.WD_Order_City{
	width:140px;
}

select.WD_Order_State{
	width:58px;
}

input.WD_Order_ZipCode{
	width:75px;
}


input.WD_Order_Extension input{
	width:75px;
}

.WD_NewOrder_Name input[type=radio]{
	width:auto;
	margin:0 2px;	
}

/*############################ narrowForm*/
.WD_narrowForm{
	padding:2px 0;
}

.WD_narrowForm form{
	margin:0;
	padding:0;
}

.WD_narrowForm input[type=text], .WD_narrowForm input[type=file], .WD_narrowForm textarea{
	width:234px;
	margin:2px 0;
}

