/**
 * CSS Layout - Niceforms
 */

legend {color:#164365; font-size:12px; padding:0 6px; margin:0 0 0 0; font-weight:bold;}
label {font-size:10px; font-weight:bold; color:#464646;}
label.opt {font-weight:normal;}

fieldset.small {padding:10px; margin:0 0 6px 0; width:146px;}
fieldset.small img {border: 1px solid #164365; margin: 5px 0px 5px 0px;}

fieldset.large {padding:8px; margin-bottom:6px; width:430px;}
fieldset.actionlarge {padding:8px; margin-top:15px; width:430px; text-align:right;}

dt.small {float:right; text-align:left; line-height:22px; width:141px; margin:0 0 0 0;}
dd.small {float:right; line-height:22px; width:141px; margin:0 0 0 0;} 

dt.large {float:left; clear:both; text-align:right; width:120px; line-height:20px; margin:0 10px 10px 0; padding:4px 0px;}
dd.large {float:left; width:240px; line-height:25px; margin:0 0 4px 0;}

dl.branch {
    margin: 15px;
    width: 440px;/* nominal for demo purposes */
    overflow:hidden;/*force containment for the inner floats*/
}
dt.branch {
    float: left;
    width: 110px;
    clear:left; /*clear the dd to start new line*/
    padding: 3px; 
	font-weight:bold;
}
dd.midbranch, dd.rightbranch {
    float: left;
    width:160px;
    margin-left: 0;  /* removes the default indent */
    padding: 3px;  
}
dd.rightbranch img {
	border:1px solid #164365;
	position:absolute;
}
dd.rightbranch {width:150px}

/**
 * CSS Layout - Suppliers
 */
 
.photo {
	width:448px;
	text-align:left;
	position:relative;
	margin:31px auto;
}

.photo ul.topic {
	margin:0;
	list-style:none;
	width:124px;
	height:auto;
	position:relative;
	z-index:10;
}

.photo ul.topic li {
	display:block;
	width:124px;
	height:31px;
	padding-right:6px;
	padding-top:5px;
}
.photo ul.topic li a.set {
	display:block;
	font-size:12px;
	width:130px;
	height:32px;
	text-align:right;
	line-height:16px;
	padding-right:6px;
	padding-top:5px;
	color:#164365;
}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{
color:#6F6F6F; 
border-top:1px solid #164365;
border-bottom:1px solid #164365;
}

.photo ul.topic li.active ul
{
	display:block;
	position:absolute;
	left:176px;
	top:0px;
	list-style:none;
	margin:0;
	height:381px;
	background-repeat: no-repeat;
	width:240px;
	border:1px solid #cccccc;
	z-index:1;
	padding-left:5px;
	background-position: bottom;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{
	display:block;
	position:absolute;
	left:176px;
	top:0px;
	list-style:none; 
	margin:0;
	height:381px;
	width:240px;
	border:1px solid #164365;
	z-index:100;
	padding-left:5px;
}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; margin:1px;}

.photo ul.topic li ul li a
{display:block; cursor:default; float:left; text-decoration:none; border:1px solid #164365;}

.photo ul.topic li ul li a img
{
	display:block;
	border:5px solid #fff;
	cursor: auto;
}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

/**
 * CSS Layout - Slider
 */

#slider	{ 
	background: white url(../images/slide_back.png); 
	background-position: right;
	height: 118px; 
	overflow: hidden;
	position: relative;
	
	/* This is for the actual div layout */
	height:118px;
	background-color: #FFFFFF;
	border-bottom:1px solid #000000;
	padding:0 0 0 0;
	z-index: 0;
	width: 667px;
}
								  
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#mover { 
	width: 1998px; 
	position: relative; 
}
.slide { 
	padding: 0 30px; 
	width: 606px; 
	float: left; 
	position: relative;
}
.slide h1 {
	font-family: Helvetica, Sans-Serif;
	font-size: 30px;
	letter-spacing: -1px;
	color: #164365;
	width: 310px;
	height: 24px;
	padding: 6px 0 0 5px;
	font-weight: bold;
}
.slide p {
	color: #464646;
	font-size: 12px;
	line-height: 22px;
	width: 310px;
	font-weight: bold;
	padding: 0 0 0 5px;
}
.slide img	{ 
	border: none; 
	position: absolute; 
	top: 18px; 
	right: 18px; 
}
#slider-stopper	{ 
	position: absolute; 
	top: 100px; 
	left: 2px; 
	padding: 3px 3px; 
	z-index: 1000; 
}