html
{
	height: 100%;
}

body
{
	background: #FFFFFF;
	margin: 0px;
}

.containermain
{
	margin: 1em auto 1em auto;
	width: 956px;
}

.container
{
	background: #FFFFFF;
	clear: both;
	width: 956px;
	border-left: solid 2px #BBD1E9;
    border-right: solid 2px #BBD1E9;
    padding: 4px;
}

.logo
{
	/*float: left;*/
	position:absolute;
	top: 10px;
}

.menu
{
	float: right;
	margin: 0px;
	padding: 1em 0px 0px 0px;
}

.menu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menu li
{
	float: left;
	margin: 0px 14px 0px 0px;
}

.menu li a
{
	color: #336699;
	text-decoration: none;
}

.menu li a:hover
{
	color: #000000;
	text-decoration: none;
}

.secondary
{
	margin: 0px;
	padding: 0px;
}

.secondary ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
}

.secondary li
{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	width: 170px;

}

.secondary li:hover
{
	background: #C5DDEF;
}

.secondary li a
{
	color: #666666;
	text-decoration: none;
	margin-left: 15px;
}

.secondaryselected
{
	font-weight: bold;
}

li.secondaryselected a, a.secondaryselected, .highlight
{
	color: #84183C;
	font-weight: bold;
}

.header
{
	background: #FFFFFF url(../images/global/headback.jpg) no-repeat top center;
	color: #6699CC;
	font-size: 8pt;
	clear: both;
	height: 32px;
}

.footer
{
	background: #FFFFFF url(../images/global/footback.jpg) no-repeat bottom center;
	color: #4D80B2;
	font-size: 8pt;
	clear: both;
	height: 30px;
}

.footer a
{
	color: #336699;
	text-decoration: none;
}

.copyright
{
	padding-top: 5px;
	text-align: right;
	font-size: 8pt;
	clear: both;
	height: 20px;
}

/* admin styles */
.adminheader
{
	height: 50px;
	background: #FFF200;	
	padding-left: 2em;
	padding-top: 3px;
}

.admintabs
{
	background: #FFF200 url(../images/admin/tabshadow.gif) repeat-x bottom;
	padding-left: 2em;
}

.admintab
{
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	background: #000000 url(../images/admin/tabstop.gif) repeat-x top;
	border: none;
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 2px;
	cursor: hand;
	cursor: pointer;
	width: auto;
	height: 20px;
}
.admintab:hover
{
	background: #7D7878;
	cursor: hand;
	cursor: pointer;
}
.admintabactive, .admintabactive:hover
{
	background: #000000 url(../images/admin/tabstop.gif) repeat-x bottom;
	color: #000000;
}
.admintabhyperlink
{
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 10px;
}
.admintabhyperlink .titles
{
}
.admintabhyperlink .holder
{
}
.admintabhyperlink A:link 
{
	text-decoration: none;
}
.admintabhyperlink IMG
{
	vertical-align: middle;
}

.sidebar
{
	width: 280px;
	background: #BAD1E8 url(../images/background/sidebar.jpg) repeat-x top;
	vertical-align: top;
}

.sidebar > div
{
	padding: 1.5em;
	border-bottom: solid 5px #FFFFFF;
}

.sidebar > div.nobottom
{
	border-bottom: none 0px;
}

.sidebar > div > h1
{
	font-size: 14pt;
	font-weight: bold;
}

.sidebar > div > h2
{
	font-size: 12pt;
	font-weight: bold;
}

.contentmiddle
{
	padding: 1.5em 1em 1em 1em;
}

.contentholder
{
	background: #FFFFFF url(../images/admin/bgcontentright.gif) repeat-y right;
	padding: 0.2em 30px 1em 20px;
}

.contentbottom
{
	background: #FFFFFF url(../images/admin/bgcontentbottom.gif) no-repeat right;
	height: 10px;
}

.formhead
{
	margin: 0.5em 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
	min-height: 26px;
}
.formhead H1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12pt;
}

.formsubmit
{
	text-align: center;
}

.formbuttons
{
	float: right;
}

.buttonsbottom
{
	text-align: center;
	margin-top: 1em;
	clear: both;
}

.homeblock p, .homeblockindent
{
	margin-left: 10px;
	margin-right: 6px;
}

.homeblock a, .homeblock a:visit, .homeblock a:active, .homeblock a:hover
{
	color: #336699;
	text-decoration: none;
}

.bottom
{
	vertical-align: bottom;
}

/* Product Browse Styles */
.productbrowse {
    float: left;
    width: 200px;
}

.productbrowse-header {
    background: #787878 url(../images/productbrowse/productbrowse-header.png) no-repeat top;
    color: White;
    padding: 8px;
}

.productbrowse-header h3 {
    font-size:16px;
    font-weight:bold;
}

.productbrowse-header h4 {
    padding-left: 12px;
}

.productbrowse-body {
    background: #e9e9e9 url(../images/productbrowse/productbrowse-footer.png) no-repeat bottom;
    height: 300px;
    padding: 0px 8px 8px 20px;
}

.productbrowse-body h5 {
    padding-top: 20px;
    margin: 0;
    font-size: 14px;
}

.productbrowse-body a {
    display: block;
    text-decoration: none;
    color: Black;
}

.productbrowse-body a:hover {
    text-decoration: underline;
}

.productbrowse-body a.browser {
    padding: 2px 0 2px 20px;
    color: #999;
}

#rollover-image {
    float: left;
    width: 254px;
    text-align: center;
    padding-top: 65px;
}

#productbrowse-search {
    background: #e9e9e9 url(../images/productbrowse/productbrowse-search-right.png) no-repeat right;
    height: 65px;
}
#productbrowse-search .sliding-doors-left {
    background: url(../images/productbrowse/productbrowse-search-left.png) no-repeat left;
    height: 65px;
    width: 15px;
    float: left;
}

#productbrowse-search .search-option {
    float: left;
    padding: 10px 6px 2px 0;
}

#productbrowse-search .search-option input.articlenumber {
    display: block;
    width: 86px;
}

#productbrowse-search .search-option select {
    display: none;
    width: 86px;
}

#productbrowse-search .search-option a {
    text-decoration:none;
    display: block;
    width: 78px;
    height:16px;
    overflow: hidden;
    background: white url(../images/productbrowse/productbrowse-arrow.gif) no-repeat right;
    border: solid 1px #CCC;
    padding: 1px 3px;
 }
 
#productbrowse-search .search-option-narrow input.articlenumber,
#productbrowse-search .search-option-narrow select,
#productbrowse-search .search-option-narrow a  {
    width: 65px;
}

#productbrowse-search .search-option-wide input.articlenumber,
#productbrowse-search .search-option-wide select,
#productbrowse-search .search-option-wide a  {
    width: 90px;
}

.button-search-option {
    padding-top: 24px;
    padding-left:10px;
    float: left;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}