/***********************************************/
/*  BASE COLORS  */
/***********************************************/



/***********************************************/
/*  LAYOUT  */
/***********************************************/


.clear {
	clear: both;
}

.container {
	z-index: 1;
	width: 1020px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.header {
}

.headerGraphics {
	height: 170px;
}

.headerTitle {
	float: left;
	width: 145px; /* 170 */
	height: 70px; /* 170 */
	padding: 50px 15px 50px 10px;
}

.headerTitle .language {
	display: none;
	position: absolute;
	margin-left: 97px;
	margin-top: 3px;
	color: #fff;
	font-family: Arial,Verdana;
	font-size: 14px;
	font-weight: bold;
}

.headerTitle .siteTitle {
	color: #fff;
	font-family: Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	margin: 20px 0px 20px 0px;
}

.headerTitle .currentRole {
	text-transform:uppercase;
	color: #FFF;
	margin-top: 5px;
	font-weight:bold;
}


.headerExhibitionGraphic {
	float: left;
	width: 850px;
	height: 170px;
	overflow:hidden;
}

.breadcrumbUser {
	width: 849px;
	height: 20px;
	padding-left: 170px;
	background-color: #FFF;
	position: relative;
}

.breadcrumbHolder {
	float: left;
	position: relative;
	width: 690px;
	height: 17px;
	padding: 3px 0px 0px 25px;
	overflow: hidden;
	background-color: #FFF;
}

.breadcrumbText {
	color: #959595;
}

.breadcrumbList {
	color: #000;
}

.breadcrumbHolder .breadcrumbList a, .breadcrumbHolder .breadcrumbList a:hover {
	color: #000;
}

.progressIndicator {
	width:170px;
	height: 52px;
	text-align:center;
	position:absolute;
	background: url('/images/progressIndicator.png') no-repeat 0 0;
	z-index: 8;
	left: 0;
	top: 0;
}

.progressIndicatorText {
	display: block;
	margin-top: 7px;
	text-align:center;
	color: #85d507;
	font-size: 10px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
}

#progressIndicatorPercentage {
	font-size: 18px;
}

#progressIndicatorBar {
	width:0px;
	height: 11px;
	position:absolute;
	background: url('/images/progressIndicatorBarItem.png') repeat-x 0 0;
	z-index: 9;
	left: 7px;
	top: 32px;
}

.userLogout {
	float: left;
	height: 17px;
	background-color: #ffffff;
	position: relative;
	text-align: right;
	width: 120px;
	right: 0;
	text-transform: uppercase;
	padding: 3px 5px 0px 0px;
}

.userLogout a {
	color: #959595 !important;
	font-weight: normal;
	font-size: 11px;
}

.navigation {
    height:31px;
    padding-left: 168px;
}

.content {
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.leftPaneContainer {
	width: 170px;
	float: left;
	border-top-style: solid;
	border-top-width: 1px;
	height:100%;
}

.subnavigation 
{
	margin-top: 3px;
	width: 170px;
}

.leftPane {
	margin-top: 40px;
}

.contentPaneContainer {
	float: left;
	width: 841px;
	padding: 19px 0 50px 8px;
	border-top-style: solid;
	border-top-width: 1px;
}

.admin .contentPaneContainer  {
	width: 1020px;
	padding: 20px 0 50px 0;
}

.admin .contentPane {
	border: none!important;
}

.admin .SubHead center,
.cartPreview .SubHead center {
	display: none;
}

.footer {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 20px;
}

.footer a {
	text-decoration: underline;
}

.footer span {
	color: #333333;
	font-weight: normal;
}


.clear {
	clear: both;
	height: 0px;
}

.loginPanel
{
	border-style: solid;
	border-width: 1px;
	padding: 13px 0 20px 13px;
	width: 583px;
	margin-bottom: 8px;
}



/***********************************************/
/*  CONTENT  */
/***********************************************/


#Body {
	font-size: 10px;
	overflow: -moz-scrollbars-vertical;
	text-align: center;
	background-color: #FFF;
}

ul, li {
	list-style: none;
}

#Body, p, h3 {
	margin: 0;
	padding: 0;
}

body {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

td, div {
	font-size: 11px;
	line-height: 1.4em;	
}

div.containerContent,
div.containerContent div  {
	font-family:  Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

p, div, table {
	text-align: left;
}

p, .Normal{
	line-height: 1.4em;
}

h1 {
	font-family:  Arial, Helvetica, sans-serif;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 20px;
	padding: 0px 0px 0px 16px;
	margin: 0;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

.categoryTerms h1, .contentPaneOverlay h1  {
	padding: 0px 0px 20px 0px;
	border-bottom-style: none;
}

.orderDetails h1 {
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 10px;
	text-transform: capitalize;
	padding: 0;
}

h2 {
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 5px 0 ;
	padding: 0;
}

h3 {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}

.Head
{
	font-size: 14px;
	font-weight: bold;
}

a, a:link, a:visited {
	outline: none;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.StandardButton {
	text-transform:uppercase;
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	text-decoration:none;
	display: block;
	float: right;
	text-align:center;
	background-color: #FFF;
	cursor:pointer;	
}

.loginPanel .SubHead {
	text-transform:uppercase;
}

.frontEnd input.NormalTextBox,
.frontEnd textarea.NormalTextBox,
.frontEnd select.NormalTextBox {
	border-style: solid;
	border-width: 1px;
	padding: 3px;
}

.themeBold {
	font-weight: bold;
}

.themeSmall {
	font-size: 10px;
}


.red {
	color: #dc0000;
}

.banner {
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	background-color: #FFF;
}

.profile td
{
	height: 23px;
}

.profile select.NormalTextBox {
	width: 457px!important;
}

.profileHead
{
	display: block;
	margin: 15px 0 5px 7px;
	border-top-style:solid;
	border-top-width: 1px;
	font-weight: bold;	
}

.profileTabs {
	margin-top: 10px;
}
	
	
img.border
{
	border: solid 1px #666666;
}

.homepageSteps td
{
	padding-right: 20px;
	height: 22px;
	vertical-align:middle;
	text-align:left;
}
a.storeButton,
a.storeButton:link,
a.storeButton:visited,
a.storeButton:hover,
a.storeButton:active {
	text-transform:uppercase;
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	text-decoration:none;
	display: block;
	float: right;
	text-align:center;
}

.storeButtonSmall {
	text-transform:uppercase;
	padding: 3px 7px;
	border-style: solid;
	border-width: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	display: block;
	text-align:center;
	background-color:#FFF;
	cursor:pointer;
}

.uploadFloorplan a.storeButton,
.uploadFloorplan a.storeButton:link,
.uploadFloorplan a.storeButton:visited,
.uploadFloorplan a.storeButton:hover,
.uploadFloorplan a.storeButton:active {
	float: left;
	margin-top: 15px;
	margin-right: 10px;	
}

.backLink {
	padding: 1px 0 15px 20px ;
	background: url('/images/action_export.gif') no-repeat 0 0;
}

div.backLink a
 {
	font-weight:bold;
}

.uploadFloorplan {
	position:relative;
}

#saveButtonDisabler {
	width: 175px;
	position: absolute;
	z-index: 10;
	height: 50px;
	background-image: url('/images/spacer.gif');
}

.messageBox {
	padding: 15px 10px 10px 50px;
	border-style: dashed;
	border-width: 1px;
	margin-bottom: 20px;
	min-height: 20px;
	background: url(/images/accept.png) no-repeat 8px 10px; 
}

.messageBoxWarning {
	background: url(/images/error.png) no-repeat 8px 10px; 
}

.messageBoxError {
	background: url(/images/exclamation.png) no-repeat 8px 10px; 
}

/***********************************************/
/*  cartPreview  */
/***********************************************/

.cartPreviewContainer {
	position: relative;
	height:1px;
}

.cartPreview {
	position: absolute;
	top: -20px;
	right: 0px;
	width: 174px;
}


.categoryTerms {
	padding: 20px 10px;
}

#profileSuccess {
	display:none;
}