/* Page Setup */

body { margin: 0px auto; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 15px; vertical-align: top; }

p { margin-top: 0px; margin-bottom: 10px; }
a { font-weight: bold; text-decoration: none; color: #666666; }
a:hover { text-decoration: underline; color: #333333; }

/* Wrappers */

#wrapper { width: 790px; margin: 0px auto; padding: 0px; text-align: left; }
#top { height: 120px; width: 790px; background-image: url(../images/bg_top.jpg); background-repeat: no-repeat; float: left; }
#middle { width: 790px; background-image: url(../images/bg_content.jpg); background-repeat: repeat-y; float: left; }

#footer { width: 750px; margin-top: 45px; border-top: solid 1px #cccccc; }
#footer a { font-weight: normal; }
#footer .footerLeft { float: left; width: 622px; padding-top: 6px; }
#footer .footerRight { float: right; width: 128px; padding-top: 6px; }
#footer .footerBase { float: left; width: 750px; margin-top: 15px; font-size: 10px; }

#box { height: 80px; text-align: right; clear: right; }

/* IDS + Styles */

#top .logo { margin-top: 16px; margin-left: 50px; width: 76px; float: left; }
#top .nav { margin-top: 20px; margin-right: 25px; height: 20px; text-align: right; float: right; }
#top .quote { color: #FF6600; font-weight: bold; }
#top .quote a { color: #FF6600; font-weight: bold; }
#top .quote a:hover { color: #FF0000; font-weight: bold; }
#top a { font-weight: normal; }
#top a:hover { font-weight: normal; text-decoration: underline; }

#box .wrapper { float: right; margin-right: 10px; margin-top: 32px; }
#box .left { background-image: url(../images/bg_search_left.jpg); width: 25px; float: left; height: 48px; }
#box .centre { background-image: url(../images/bg_search.jpg); background-repeat: repeat-x; float: left; padding-top: 20px; }
#box .text { margin-top: 3px; margin-right: 10px; float: left; }
#box .input { margin-right: 2px; float: left; }
#box .right { background-image: url(../images/bg_search_right.jpg); width: 25px; float: left; height: 48px; }

#middle .inner { margin-top: 10px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
#middle .row { float: left; margin-bottom: 20px; width: 750px; }

#middle .imageboxleft { width: 370px; height: 310px; float: left; z-index: 1; margin-right: 10px; }
#middle .imageboxlefttag { width: 370px; height: 40px; margin-top: 0px; z-index: 10; float: left; font-size: 14px; font-weight: bold; color: #A79D9C; }

#middle .imageboxright { width: 370px; height: 310px; float: right; }
#middle .imageboxrighttag { width: 370px; height: 40px; margin-top: 270px; z-index: 10; float: left; font-size: 14px; font-weight: bold; color: #A79D9C; margin-left: 10px; }

.imageboxwide { width: 750px; height: 200px; background-image: url(../images/headerbackground.png); background-repeat: no-repeat; float: left;}
.imageboxwidetag { height: 40px; margin-top: 160px; height: 26px; z-index: 10; float: left; font-size: 14px; font-weight: bold; color: #A79D9C; margin-left: 10px; }

.imageboxtitleleft { float: left; width: 26px; height: 40px; background-image: url(../images/headertitleleft.gif); background-repeat: no-repeat; }
.imageboxtitlecenter { float: left; height: 24px; width:318px; padding-top: 16px; background-image: url(../images/headertitlecenter.gif); background-repeat: repeat-x; }
.imageboxtitleright { float: left; width: 26px; height: 40px; background-image: url(../images/headertitleright.gif); background-repeat: no-repeat; }

/* Styles for use with the category colums on the home page */
.categoryListHolder { float: left; width: 750px; background-image: url(../images/productviewholderfill.gif); background-repeat: repeat-y; }
.categoryListColumn { float: left; width: 180px; }
.categoryListInnerColumn { float: left; width: 180px; margin-right: 10px;clear:none;}
.categoryListTitle { float: left; clear: left; width: 170px; min-height: 16px; margin-bottom: 1px; background-color: #A89E9D; color: #ffffff; font-style: italic; font-size: 11px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }
.categoryListItem { float: left; clear: none; width: 170px; min-height: 16px; margin-bottom: 1px; background-color: #D1CDCA; color: #594F4E; font-size: 11px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-weight: normal; }
.categoryListItem a { color: #594F4E; font-size: 11px; font-weight: normal; text-decoration: none; }
.categoryListItem a:hover { text-decoration: underline; }
.categoryListFill { float: left; clear: left; width: 180px; height: 20px; margin-bottom: 1px; background-color: #ffffff; background-image: url(../images/categoryviewfill.gif); }
.categoryListBlank { float: left; clear: left; width: 180px; height: 20px; margin-bottom: 1px; }
.categoryListExpandedItem { float: left; clear: left; width: 170px; min-height: 16px; margin-bottom: 1px; background-color: #A89E9D; color: #ffffff; font-size: 11px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-weight: normal; }
.categoryListExpandedItem a { color: #ffffff; font-size: 11px; font-weight: normal; text-decoration: none; }
.categoryListExpandedItem a:hover { text-decoration: underline; }
.categoryListSubItem { float: left; clear: left; width: 170px; min-height: 16px; margin-bottom: 1px; background-color: #E7E6E4; color: #584F50; font-size: 11px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-weight: normal; }
.categoryListSubItem a { color: #584F50; font-size: 11px; font-weight: normal; text-decoration: none; }
.categoryListSubItem a:hover { text-decoration: underline; }
.categoryListSelectedItem { float: left; clear: left; width: 170px; min-height: 16px; margin-bottom: 1px; background-color: #FF9900; color: #ffffff; font-size: 11px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-weight: normal; }
.categoryListSelectedItem a { color: #ffffff; font-size: 11px; font-weight: normal; text-decoration: none; }
.categoryListSelectedItem a:hover { text-decoration: underline; }

/*YOU HAVE TO BE CAREFUL BECAUSE THE GUY WHO WROTE THIS ADDED productsViewContent and productViewContent*/
.productsViewHolder { float: left; width: 750px;}
.productsViewContent { float: left;clear:both; background-image: url(../images/productsviewcontentfill.gif); background-repeat: repeat-y; min-height: 191px;border:0;padding:0;margin:0;width:560px;}

/*main container of all content*/
.productViewContent { float: left; width: 560px;clear:none;}

.productViewContent p{ margin-bottom:0px;padding-bottom:0px;float:left;clear:both;width:530px;}
.productViewContent h4{margin-top:10px;}

.productViewItem { float: left; clear:none; width: 180px; height: 191px; }

.productViewItemTitle 
{ 
	float: left; 
	width: 170px; 
	height: 23px; 
	background-color: #817776; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 11px; 
	padding-left: 10px; 
	padding-top: 7px; 
	margin-bottom: 1px; 
}

.productViewItemImage 
{ 
	float: left; 
	width: 180px; 
	height: 129px; 
	margin-bottom: 1px;
}

.productViewItemFooter { float: left; width: 170px; height: 18px; background-color: #FF9900; color: #ffffff; padding-left: 10px; padding-top: 2px; }
.productViewItemFooter a { color: #ffffff; font-size: 11px; font-weight: normal; text-decoration: none; }
.productViewItemFooter a:hover { text-decoration: underline; }
.productViewItemFooterRight { float: left; width: 170px; height: 18px; background-color: #FF9900; color: #ffffff; padding-right: 10px; padding-top: 2px; text-align: right; }
.productViewItemFooterRight a { color: #ffffff; font-size: 11px; font-weight: normal; text-decoration: none; }
.productViewItemFooterRight a:hover { text-decoration: underline; }

.productViewTitle { float: left; width: 550px; height: 23px; background-color: #817776; color: #ffffff; font-weight: bold; font-size: 13px; padding-left: 10px; padding-top: 7px; margin-bottom: 9px; }
.productViewImage { float: left; width: 370px; height: 245px; margin-right: 10px;padding:0;}
.productViewText { float: left; width: 180px;}
.productViewText p{width:140px;float:left;}


.productViewControlRow { float: left; width: 550px; height: 40px; padding-left: 10px; padding-top: 10px; }
.productViewControlArea { float: left; width: 550px; padding-left: 10px; padding-top: 10px; }
.productViewLinkRow { float: left; width: 550px; height: 18px; background-color: #A89E9D; color: #ffffff; font-size: 11px; padding-left: 10px; padding-top: 2px;}
.productViewLinkRow a { color: #ffffff; font-size: 11px; font-weight: normal; text-decoration: none; }
.productViewLinkRow a:hover { text-decoration: underline; }
.productViewCommand { float: left; position: relative; top: -7px; margin-right: 10px; }
.productViewCommandText { float: left; margin-right: 10px; }

.statusBox { float: left; height: 191px; width: 560px; background-color: #ffffff; }

/* Styles for use with the login form */
.loginFrameLeft { float: left; width: 360px; padding-top: 15px; padding-bottom: 15px; }
.loginFrameRight { float: left; width: 360px; background-color: #FFCC7F; padding-left: 10px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; }
.loginHeader { font-size: 14px; font-weight: bold; padding-bottom: 15px; }
.loginRow { width: 380px; padding-bottom: 10px; }
.loginLabelCell { float: left; width: 120px; text-align: right; padding-right: 10px; }
.loginFieldCell { float: left; width: 260px; }
.loginField { width: 220px; border: solid 1px #999999; }

/* Status Text Styles */
.statusText { margin-top: 10px; margin-bottom: 10px; color: #FF9900; font-weight: bold; }
.validationText { color: #FF9900; font-weight: bold; }

/* Clients Quote Styles */
.quoteBox { float: left; clear: left; margin-bottom: 5px; width: 550px; padding: 2px 3px 2px 3px; }
.quoteBoxAlt { float: left; clear: left; margin-bottom: 5px; width: 550px; padding: 2px 3px 2px 3px; background-color: #FFEACC; }

/* Form Flow Control Styles */
.formRow { clear: left; float: left; width: 370px; padding-bottom: 10px; }
.formLabelCell { float: left; width: 100px; text-align: right; padding-right: 10px; vertical-align: top; }
.formLabelCellWide { float: left; width: 350px; padding-right: 10px; vertical-align: top; }
.formFieldCell { float: left; width: 250px; vertical-align: top; }
.formColumn { float: left; width: 370px; }
.formCommandColumn { float: left; width: 170px; margin-left: 10px; background-color: #FFEACC; padding-bottom: 10px;}
.formCommandRow { float: left; width: 150px; padding: 10px 10px 0px 10px; }
.formHolder { float: left; width: 560px; }

/* Styles for use with modal popups */
.watermark { background: #FFAAFF; }
.popupControl { background-color: #AAD4FF; position: absolute; visibility: hidden; border-style: solid; border-color: Black; border-width: 2px; }
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #FF9900; color: #666666; width: 370px; }
.dialogHeader { float: left; background-color: #FFEACC; width: 360px; font-size: 13px; font-weight: bold; color: #666666; padding: 6px 0px 6px 10px; border-bottom: solid 1px #FF9900; }
.dialogFrame { float: left; width: 370px; margin-top: 10px; margin-bottom: 10px; }
.dialogFooter { float: left; width: 360px; padding-right: 10px; background-color: #FFEACC; padding-top: 6px; padding-bottom: 6px; text-align: right; border-top: solid 1px #FF9900; }

/* Styles for use with grids */
.gridHolder { float: left; clear: left; margin-top: 10px; margin-bottom: 10px; }
.grid { font-size: 11px; font-weight: normal; background-color: #D4D4D4; padding-bottom: 10px; }
.grid a { color: #FF6600; font-weight: normal; text-decoration: none; }
.grid a:hover { text-decoration: underline; }
.gridHeader { border-bottom: dotted 1px #C7C7C7; padding-left: 4px; }
.gridHeader a { color: #FF6600; text-decoration: none; }
.gridRow { background-color: #E1E1E1; border-bottom: dotted 1px #C7C7C7; padding-left: 4px; }
.gridRowAlt { border-bottom: dotted 1px #C7C7C7; padding-left: 4px; }
.gridPager { border-bottom: dotted 1px #C7C7C7; padding-left: 4px; text-align: right; }
.gridPager a { color: #FF6600; text-decoration: none; }

/* Flow control */
.frame { clear: left; float: left; }
.formFrame { clear: left; float: left; width: 100%; margin-top: 3px; margin-bottom: 3px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding-top: 20px; padding-bottom: 10px; }

/* Input styles */
.editField { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF6600; border: 1px solid #CCCCCC; vertical-align: middle; width: 225px; }
.formButton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }

/* active/inactive products */
.activeBanner { border-right: #339900 1px dotted; border-top: #339900 1px dotted; font-weight: bold; vertical-align: middle; border-left: #339900 1px dotted; border-bottom: #339900 1px dotted; font-family: Arial; background-color: #99cc00; text-align: center; float: left; width: 550px; padding: 8px 8px 8px 8px; margin-bottom: 10px; }
.inactiveBanner { border-right: #ff6600 1px dotted; border-top: #ff6600 1px dotted; font-weight: bold; vertical-align: middle; border-left: #ff6600 1px dotted; border-bottom: #ff6600 1px dotted; font-family: Arial; background-color: #ff9966; text-align: center; float: left; width: 550px; padding: 8px 8px 8px 8px; margin-bottom: 10px; }

/* shopping cart */
.basketLinksBox { float: left; clear: left; margin-top: 10px; padding: 10px; background-color: #FFEACC; color: #FF6600; font-weight: normal; white-space: nowrap; }
.basketLinksBox a { color: #FF6600; font-weight: bold; }
.basketLinksBox a:hover { color: #FF0000; font-weight: bold; }

/* stuff for hiding other stuff! */
.hiddenColumn { display: none; }

/* Menu Styles */
.iconMenuHolder { float: left; width: 710px; margin-left: auto; margin-right: auto; padding: 20px; background-color: #FFEACC; border: solid 1px #FF6600; }
.iconMenuGroup { float: left; clear: left; width: 710px; margin-bottom: 10px; }
.iconMenuGroupTitle { float: left; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-bottom: 2px; border-bottom: solid 1px #FF6600; width: 100%; }
.iconMenuItemsGroup { float: left; clear: left; width: 710px; }
.iconMenuItem { float: left; min-width: 80px; text-align: center; }
.iconMenuItem a { font-weight: normal; text-decoration: none; }
.iconMenuItem a:hover { font-weight: normal; text-decoration: underline; }
.iconMenuItemIcon { float: left; width: 100%; height: 32px; margin-bottom: 2px; }
.iconMenuItemTitle { float: left; clear: left; width: 100%; }
.listMenuTitle { float: left; clear: left; width: 170px; min-height: 16px; margin-bottom: 1px; background-color: #A89E9D; color: #ffffff; font-style: italic; font-size: 11px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }
.listMenuTitle a { color: #ffffff; font-size: 11px; font-weight: normal; text-decoration: none; }
.listMenuTitle a:hover { text-decoration: underline; }
.listMenuItem { float: left; clear: left; width: 170px; min-height: 16px; margin-bottom: 1px; background-color: #D1CDCA; color: #594F4E; font-size: 11px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-weight: normal; }
.listMenuItem a { color: #594F4E; font-size: 11px; font-weight: normal; text-decoration: none; }
.listMenuItem a:hover { text-decoration: underline; }
.listMenuSpacer { float: left; clear: left; width: 180px; height: 20px; margin-bottom: 1px; }

/*Styles for use with the site map */
.sitemapPlaceHolder { margin-bottom: 10px; float: left; clear: left; }
.sitemapColumn { width: 150px; padding-right: 12px; margin-right: 15px; float: left; }
.sitemapHeader { margin-right: 10px; font-size: 12px; font-weight: bold; }
.sitemapHeader a { font-size: 12px; color: #FF6600; text-decoration: none; }
.sitemapHeader a:hover { font-size: 12px; color: #FF6600; text-decoration: none; }
.sitemapRow { clear: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
.sitemapRow a { font-size: 11px; color: #666666; font-weight: normal; }
.sitemapRow a:hover { text-decoration: underline; color: #FF6600; }

/*Added later for html images hack! 7-Apr-09*/
.productImage
{
	float:left;
	clear:both;
	margin:20px 0px 0px 0px;
}

.row h4,.row h3
{
	margin-left:20px;
}

.row p
{
	margin-left:20px;
}

.productViewLinkRow
{
	margin-top:20px;
}

/*Fixes bug where request box ends up on next line.*/
#requestContainer
{
	float:left;
	clear:none;
	width:560px;
}