/* CSS Document */


/************************************************
*************************************************
Colors
*************************************************
************************************************/

/*

Red Dark: #920000
Red Light: #C50808
Dark Copper: #5C4E34
Grey Stroke: #d8d8d4

*/


/************************************************
*************************************************
HTML TAGS
*************************************************
************************************************/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #5C4E34;
	background: #920000 url(/Images/background.jpg) no-repeat center top;
}
a, a:link, a:visited  {
	color: #C50808;
	text-decoration: none;
}
a:hover, a:active {
	color: #5c4e34;
	text-decoration: none;
}
h1 {
	font-size: 25px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 25px;
}
h3 {
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}
ul {
	padding: 0px 0px 15px 30px;
	margin: 0px;
}
input {
	background-color:#E7E7E1;
}
img {
	border: none;
}


/************************************************
*************************************************
MAIN CONTAINERS
*************************************************
************************************************/

#wrapper {
	position: relative;
	width: 945px;
	margin: 0 auto;
	height: auto;
	text-align: center;
}
#contentWrapper {
	width: 935px;
	height: auto;
	float: left;
	clear: both;
	text-align: left;
	padding: 5px 5px 25px 5px;
	background: #ffffff url(/Images/background_bottom.gif) no-repeat bottom left;
	z-index: 1;
}
.columnFull {
	width: 905px;
	height: auto;
	padding: 0px 15px 30px 15px;
	float: left;
	min-height:468px;
}

.columnSplit2 {
	width: 437px;
	height: auto;
	padding: 0px 15px 30px 15px;
	float: left;
	min-height:468px;
}
.columnSplit3 {
	width: 281px;
	height: auto;
	padding: 0px 15px 30px 15px;
	float: left;
}
.columnSplit3 img {
	display: block;
}
#hangingPhoto {
	width: 516px;
	height: 468px;
	position: absolute;
	top: 137px;
	left: 475px;
	z-index: 2;
}
#featuredPhoto {
	width: 935px;
	height: auto;
	padding: 0px 0px 0px 0px;
	float: left;
	top: -30px;
	position: relative;
}
.columnSplitInset {
	width: 437px;
	height: auto;
	float: left;
	clear: both;
	padding: 0px 0px 20px 0px;
}
.columnFullInset {
	width: 905px;
	height: auto;
	float: left;
	clear: both;
	padding: 0px 0px 20px 0px;
}
.columnFullInset img, .columnSplitInset img {
	width: 85px;
	height: 85px;
	float: left;
	padding: 0px 10px 0px 0px;
}
.insetCopy {
	width: 810px;
	height: auto;
	float: left;
	font-size: 12px;
	line-height: 17px;
}
.pageHeader {
	width: 905px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 5px 15px;
	float: left;
	clear: both;
	font-size: 15px;
	line-height: 19px;
	color: #9d9585;
}


/************************************************
*************************************************
HEADER
*************************************************
************************************************/

#header {
	width:895px;
	height: 50px;
	float: left;
	clear: both;
	padding: 20px;
	margin: 0px;
}
#logo {
	width:190px;
	height: 50px;
	float: left;
	background: transparent url(/Images/logo_intellaspace_color.gif) no-repeat top left;
	padding: 0px;
	margin: 0px;
}
#logo a {
	width: 190px;
	height: 50px;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
}
#logo span {
	display: none;
}
#utilityNav {
	width: 373px;
	height: 50px;
	float: right;
	padding: 0px;
	margin: 0px;
}
.utility {
	width: 250px;
	height: 40px;
	padding: 10px 10px 0px 0px;
	margin: 0px;
	float: right;
	clear: none;
}
#utilityNav .trackOrder a {
	height: 50px;
	float: left;
	background: transparent url(/Images/utility_icon_tracking.gif) no-repeat top left;
	padding: 8px 0px 0px 30px;
}
#utilityNav .workspace a {
	height: 50px;
	float: right;
	background: transparent url(/Images/utility_icon_workspace.gif) no-repeat top left;
	padding: 8px 0px 0px 35px;
}

/************************************************
*************************************************
NAVIGATION
*************************************************
************************************************/

#globalNav {
	width:934px;
	height: 36px;
	float: left;
	clear: both;
	border-top: 1px solid #d8d8d4;
	border-right: 1px solid #d8d8d4;
	position: relative;
	z-index: 4;
	background-color: #FFF;
}
#navShadow {
	width: 935px;
	height: 15px;
	background: transparent url(/Images/nav_shadow.gif) no-repeat top center;
	background-position: 0px -4px;
	float: left;
	clear: both;
}
#globalNav ul {
	width: 934px;
	height: 36px;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#globalNav ul li {
	/* suckerfish */
	float: left;
	position: relative;
	width: auto;
	display: block;
}
#globalNav ul li span {
	display: none;
}
.navProducts a {width: 102px; height: 36px; float: left; background: transparent url(/Images/nav_products.gif) no-repeat top left;}
.navDealerInformation a {width: 166px; height: 36px; float: left; background: transparent url(/Images/nav_dealer_information.gif) no-repeat top left;}
.navTipsResources a {width: 147px; height: 36px; float: left; background: transparent url(/Images/nav_tips_resources.gif) no-repeat top left;}
.navErgonomicTips a {width: 136px; height: 36px; float: left; background: transparent url(/Images/nav_ergonomic_tips.gif) no-repeat top left;}
.navLiterature a {width: 108px; height: 36px; float: left; background: transparent url(/Images/nav_literature.gif) no-repeat top left;}
.navWhereToBuy a {width: 124px; height: 36px; float: left; background: transparent url(/Images/nav_where_to_buy.gif) no-repeat top left;}
.navAboutUs a {width: 97px; height: 36px; float: left; background: transparent url(/Images/nav_about_us.gif) no-repeat top left;}
.navContactUs a {width: 112px; height: 36px; float: left; background: transparent url(/Images/nav_contact_us.gif) no-repeat top left;}
.navBlank {width: 5px; height: 36px; float: left; background: transparent url(/Images/nav_blank.gif) no-repeat top left;}

.navProducts a, .navDealerInformation a, .navWhereToBuy a, .navAboutUs a, .navContactUs a, .navTipsResources a, .navErgonomicTips a, .navLiterature a {
	background-position: 0px 0px;
	border-bottom: none;
	text-decoration: none;
}
.navProducts a:active, .navDealerInformation a:active, .navWhereToBuy a:active, .navAboutUs a:active, .navContactUs a:active, .navTipsResources a:active, .navErgonomicTips a:active, .navLiterature a:active {
	background-position: 0px 0px;
	border-bottom: none;
	text-decoration: none;
}
.navProducts a:hover, .navDealerInformation a:hover, .navWhereToBuy a:hover, .navAboutUs a:hover, .navContactUs a:hover, .navTipsResources a:hover, .navErgonomicTips a:hover, .navLiterature a:hover {
	background-position: 0px -36px;
	border-bottom: none;
	text-decoration: none;
}

/* ---------------------------------------- */

#globalNav li ul {
	/* suckerfish */
	display: none;
	position: absolute;
	top: 36px;
	left: 0px;
	/* my stuff */
	font-weight: normal;
	padding: 10px 10px 10px 18px;
	margin: 0px 0px 0px 0px;
	width: 190px;
	height: auto;
	background: #ebe6da url(/Images/menu_background.jpg) no-repeat bottom right;
	border-top: 4px solid #C50808;
	border-bottom: 2px solid #C50808;
	z-index: 4;
}
#globalNav li ul a {
	background-image:none;
	height: auto;
	width: 175px;
	padding: 3px 0px 3px 3px;
}
#globalNav li li {
	width: 178px;
	font-size: 11px;
	display: block;
	float: left;
	border-top: 1px solid #bcb5a8;
	/*border-bottom: 1px solid #ffffff;*/
	/*background-color: #e3dccd;*/
}
#globalNav li:hover ul, #globalNav li.over ul {
	display: block;
}
#globalNav li ul a:hover {
	background-color: #f2eee7;
}
#globalNav li .productSearch {
	width: 178px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 8px 0px;
	border-bottom: none;
}
.productSearch input {
	background-color: #ffffff;
	margin: 10px 0px 5px 0px;
	font-size: 11px;
	color: #C50808;
	width: 135px;
	float: left;
}
.productSearch a {
	padding: 10px 0px 0px 5px;
	width: 20px;
	height: 20px;
	float: left;
}

/* ---------------------------------------- */

/************************************************
*************************************************
HOMEPAGE
*************************************************
************************************************/

#flashContent{
	width: 995px;
	height: 375px;
	position: absolute;
	top: 133px;
	left: -30px;
	z-index: 2;
}
#homeBannerWrapper {
	width: 935px;
	height: auto;
	margin: 315px 0px 0px 0px;
	padding: 30px 0px 5px 0px;
	float: left;
	clear: both;
	font-size: 11px;
}
#homeContentWrapper {
	width: 935px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 20px 0px;
	background: transparent url(/Images/home_content_background.gif) repeat-y top left;
	float: left;
	clear: both;
	font-size: 11px;
}
#homeContentWrapper h2 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
#homeContentWrapper h2 span {
	display: none;
}
.homeContentBlockSmall {
	width: 200px;
	height: auto;
	float: left;
	padding: 0px 20px 0px 15px;
}
.homeContentBlockLarge {
	width: 400px;
	height: auto;
	float: left;
	padding: 0px 20px 0px 15px;
	color: #ffffff;
}
.hdBuildWorkspace {
	background: transparent url(/Images/hd_build_workspace.gif) no-repeat top left;
	width: 201px;
	height: 44px;
}
.hdDownloadCatalog {
	background: transparent url(/Images/hd_download_catalog.gif) no-repeat top left;
	width: 201px;
	height: 44px;
}
.hdTagline {
	background: transparent url(/Images/hd_tagline.gif) no-repeat top left;
	width: 310px;
	height: 43px;
}

/************************************************
*************************************************
PRODUCTS
*************************************************
************************************************/

.productCategory {
	width: 935px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
}
.productThumbnail {
	width: 205px;
	height: auto;
	margin: 3px;
	padding: 10px 10px 20px 10px;
	background: transparent url(/Images/thumb_background.gif) no-repeat bottom right;
	float: left;
	text-align: center;
}
.categoryDescription {
	width: 665px;
	height: auto;
	padding: 35px 0px 0px 15px;
	float: left;
}
.categoryHeader {
	width: 905px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 15px;
	float: left;
	clear: both;
	font-size: 15px;
	line-height: 19px;
	color: #9d9585;
}
.pagination {
	width: 905px;
	height: auto;
	margin: 15px 15px 15px 15px;
	padding: 5px 0px 5px 0px;
	float: left;
	clear: both;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	border-top: 1px solid #d8d8d4;
	border-bottom: 1px solid #d8d8d4;
}
.pagination a {
	padding: 0px 5px 0px 5px;	
}
.pagination .activePage {
	font-weight: bold;
	color: #5C4E34;
}
.grid {
	height: 200px;
}
#detailWrapper {
	width: 935px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 0px;
}
.detailSplit {
	width: 450px;
	height: auto;
	padding: 15px 7px 0px 10px;
	float: left;
}
.detailSplit ul {
	margin: 0px;
	padding: 0px 0px 15px 14px;
	position: relative;
}
.detailSplit ul li:first-child {
	margin: 0px;
	padding: 0px;
}
.detailPhotoInfo {
	width: 430px;
	height: auto;
	padding: 0px 10px 5px 10px;
}
.detailInfoBlock {
	width: 450px;
	height: auto;
	padding: 0px 0px 20px 0px;
	float: left;
}
.detailInfoBlock input {
	width: 200px;
}

/************************************************
*************************************************
Locate a Representative
*************************************************
************************************************/

.repRow {
	width: 905px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	float: left;
	clear: both;
	border-bottom: solid 1px #d8d8d4;
	font-size: 11px;
	line-height: 14px;
}
.repCell{
	width: 216px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
}
.repLabels {
	font-size: 10px;
	font-weight: bold;
	background-color: #e9e4d8;
	padding: 2px 15px 2px 15px;
	margin: 15px 0px 0px 0px;
}


/************************************************
*************************************************
MY WORKSPACE
*************************************************
************************************************/

#workspaceWrapper {
	width: 935px;
	height: auto;
	float: left;
	clear: both;
	padding: 0px 0px 0px 0px;
	background: transparent url(/Images/sidebar_background.gif) repeat-y bottom right;
}
#workspaceHeader {
	width: 280px;
	height: auto;
	float: left;
	padding: 0px 20px 0px 20px;
}
#workspaceHeader2 {
	width: 430px;
	height: auto;
	float: left;
	padding: 0px 20px 0px 20px;
}
#workspaceListing {
	width: 608px;
	height: auto;
	float: left;
	padding: 20px 46px 0px 0px;
}
#workspaceListing ul {
	margin: 0px;
	padding: 0px 0px 15px 14px;
	position: relative;
}
#workspaceListing ul li:first-child {
	margin: 0px;
	padding: 0px;
}
.workspaceListingRow {
	width: 608px;
	height: auto;
	float: left;
	clear: both;
	padding: 0px 0px 15px 0px;
}
.workspaceProductInfo {
	width: 355px;
	height: auto;
	float: left;
	padding: 15px 0px 0px 15px;
}
.workspaceButtons {
	width: 280px;
	height: auto;
	float: right;
	text-align: right;
	padding: 10px 0px 0px 0px;
}
.workspaceButtons2 {
	width: 130px;
	height: auto;
	float: right;
	text-align: right;
	padding: 10px 0px 0px 0px;
}
.workspaceThankYou {
	width: 588px;
	height: auto;
	float: left;
	clear: both;
	padding: 0px 0px 15px 20px;
}


/************************************************
*************************************************
FORMS
*************************************************
************************************************/

.formRow {
	width: 250px;
	height: auto;
	padding: 0px 0px 5px 0px;
	float: left;
	clear: both;
	font-size: 11px;
}
.formRowSplitLeft {
	width: 70px;
	height: auto;
	float: left;
	padding: 0px 10px 0px 0px;
	font-weight: bold;
}
.formRowSplitRight {
	width: 160px;
	height: auto;
	float: left;
	padding: 0px 10px 0px 0px;
}
.formRowSplitRight select {
	width: auto;
	background-color: #e9e9e6;
}
.formRowSplitRight input {
	width: 30px;
	background-color: #e9e9e6;
}

/************************************************
*************************************************
SIDEBAR
*************************************************
************************************************/

#sidebar {
	width: 251px;
	height: auto;
	padding: 15px;
	float: left;
	background: transparent url(/Images/sidebar_cap.gif) no-repeat top left;
}

#sidebar input {
	width: 250px;
	background-color: #ffffff;
}
#sidebar textarea {
	width: 250px;
	background-color: #ffffff;
}


/************************************************
*************************************************
BUTTONS
*************************************************
************************************************/

.buttonViewAll {
	width: 73px;
	height: 36px;
	float: left;
	margin: 10px 0px 0px 0px;
	background: transparent url(/Images/view_all.gif) no-repeat top left;
	position: relative;
	top: -18px;
}
.buttonAddToWorkspace {
	width: 213px;
	height: 49px;
	float: left;
	margin: 10px 0px 0px 0px;
	background: transparent url(/Images/add_to_workspace.gif) no-repeat top left;
}
.buttonPrintThis{
	width: 92px;
	height: 24px;
	float: right;
	margin: 0px 0px 0px 5px;
	background: transparent url(/Images/print_this.gif) no-repeat top left;
}
.buttonAddMore {
	width: 176px;
	height: 24px;
	float: right;
	margin: 0px 0px 0px 5px;
	background: transparent url(/Images/add_more.gif) no-repeat top left;
}
.buttonShareThis {
	width: 174px;
	height: 49px;
	float: left;
	margin: 15px 0px 0px 5px;
	background: transparent url(/Images/share_this.gif) no-repeat top left;
}
.buttonSearch {
	width: 20px;
	height: 20px;
	float: left;
	margin: 5px 0px 0px 5px;
	background: transparent url(/Images/search_arrow.gif) no-repeat top left;
}
.buttonViewAll span, .buttonAddToWorkspace span, .buttonPrintThis span, .buttonAddMore span, .buttonShareThis span, .buttonSearch span {
	display: none;
}
.buttonAddToWorkspace:hover {
	background-position: 0px -49px;
}
.buttonShareThis:hover {
	background-position: 0px -49px;
}

/************************************************
*************************************************
FOOTER
*************************************************
************************************************/

#footer {
	width: 905px;
	height: auto;
	float: left;
	clear: both;
	background: #fbfaf0 url(/Images/footer_background.gif) no-repeat top left;
	padding: 20px 20px 50px 20px;
	margin: 5px 0px 0px 0px;
	font-size: 11px;
	border-bottom: dotted 2px #920000;
}
.footerContentBlock {
	width: 200px;
	height: auto;
	float: left;
	padding: 0px 35px 0px 0px; 
	text-align: left;
}
.footerPhoneNumber {
	width: 195px;
	height: 32px;
	float: left;
	padding: 0px 0px 0px 0px; 
	text-align: right;
	background: transparent url(/Images/phone_number.gif) no-repeat top right;
}
#footer span {
	display: none;
}

/************************************************
*************************************************
COPYRIGHT
*************************************************
************************************************/

#copyright {
	width: 820px;
	height: 10px;
	float: left;
	padding: 8px 10px 50px 115px;
	margin: 10px 0px 0px 0px;
	clear: both;
	text-align: left;
	background: transparent url(/Images/logo_intellaspace_white.gif) no-repeat top left;
	color: #ffffff;
	font-size: 11px;
	position: relative;
}
.copyrightSplitLeft {
	width: 600px;
	height: auto;
	float: left;
}
.copyrightSplitRight {
	width: 150px;
	height: auto;
	float: right;
	text-align: right;
}
#copyright a, #copyright a:link, #copyright a:visited  {
	color: #C50808;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #ffffff;
	text-decoration: none;
}


/************************************************
*************************************************
MISC.
*************************************************
************************************************/

.breadcrumb {
	font-size: 11px;
	font-weight: bold;
}
.required {
	color: #C50808;
}
.circles {
	background: #ffffff url(/Images/circle_background.gif) no-repeat top center;
	background-position: 0px 135px;
}
#popUpContainer{
	background-color: #ffffff;
	padding: 20px;
	margin: 10px;
	text-align: left;
}
#popUpColumn {
	width: 100%;
	clear: both;
}
#popUpHeader {
	clear: both;
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px;
}
.popUpHeaderLeft {
	clear: both;
	float: left;
	width: 50%;
}
.popUpHeaderRight {
	float: left;
	width: 50%;
	text-align: right;
}

.specialLinks {
	display: block;
	padding-bottom: 20px;
}