﻿
/*Copyright Bridgeline Software, Inc. An unpublished work created in 2009. All rights reserved. 
This software contains the confidential and trade secret information of Bridgeline Software, Inc.("Bridgeline").  
Copying, distribution or disclosure without Bridgeline's express written permission is prohibited.*/

/***** COMMON STYLES *****/
div.searchCriteria table td{
    font-size: 0.9em;
}

div.searchCriteria table td input{
    margin-right: 7px;
}

/* Styles for Search Products Page */
div.mainContainer div.iconSearchTitle{
    background: url(/images/icon_search.gif) no-repeat 165px 2px;
}

div.searchProducts div.searchCriteria{
    padding: 21px 23px;
    width: 669px;
    color: #000;
    background: #e5e5e5;
}

div.searchProducts div.searchCriteria div.column1, div.searchProducts div.searchCriteria div.column2{
    float: left;
    /* width: 177px; */
    padding-right: 30px;
    margin-bottom: 15px;
}

div.searchProducts div.searchCriteria div.button{
    margin-top: 28px;
}

div.searchProducts div.searchCriteria label{
    display: block;
    margin-bottom: 0.7em;
    font-size: 1.2em;
    font-weight: bold;
}

div.searchProducts div.searchCriteria div.checkboxList{
    width: 665px;
    margin-bottom: 25px;
}

div.searchProducts div.searchCriteria div.checkboxList div.vScroll{
    height: 275px;
    overflow: auto;
    margin-top: 4px;
    border: 1px solid #adc6f9;
}

div.searchProducts div.searchCriteria div.checkboxList table{
    width: 646px;
}

div.searchProducts div.searchCriteria div.checkboxList table td{
    width: 230px;
}

div.searchProducts div.searchCriteria div.checkboxList table td label{
    display: inline;
    font-size: 1.0em;
    font-weight: normal;
}

div.searchProducts div.searchCriteria div.categoryLeftColumn{
    float: left;
    width: 160px;
}

div.searchProducts div.searchCriteria div.categoryRightColumn{
    float: left;
}

/* Styles for Search Results Page */
div.mainContainer div.utilityArea{
    margin: 3px 0;
}

div.searchTitle{
    float: left;
    margin-right: 3px;
    padding: 11px 15px 0;
    width: 352px;
}

div.searchTitle div.breadCrumb{
    margin-bottom: 8px;
}

div.searchTitle div.resultText{
    font-size: 0.95em;
    color: #666;
}

div.searchTitle div.resultText a{
    color: #666;
    text-decoration: underline;
}

div.searchTitle span.searchText{
    color: #01487b;
}

div.searchTitle h4{
    margin-bottom: 0.3em;
}

div.utilityArea div.placeOrder{
    float: left;
    padding: 13px 0 15px 19px;
    width: 556px;
    color: #fff;
    background: #74ad28;
} 

div.utilityArea div.subColumn1{
    width: 419px;
}

div.utilityArea div.placeOrder a{
    color: #fff;
    text-decoration: underline;
}

div.utilityArea div.placeOrder h4{
    font-size: 1.7em;
    color: #fff;
    margin-bottom: 0.05em;
}

div.utilityArea div.placeOrder div.customerService{
    margin-top: 8px;
    width: 355px;
    font-size: 1.25em;
    font-weight: bold;
}

div.utilityArea div.placeOrder div.customerService img{
    float: left;
    margin-left: -2px;
    margin-right: 2px;
}

div.utilityArea div.placeOrder div.customerService div.cellPhone{
    float: left;
    margin-right: 13px;
}

div.utilityArea div.placeOrder div.customerService div.cellPhone img{
    display: inline;
    float: left;
    margin-right: 6px;
}

div.utilityArea div.placeOrder div.customerService div.cellPhone span{
    float: left;
    margin-top: 4px;
}

div.utilityArea div.placeOrder div.customerService div.email img{
    margin-top: 0px;
    margin-right: 6px;
    display: inline;
}

div.utilityArea div.placeOrder div.customerService div.email span{
    float: left;
    margin-top: 1px;
}

div.utilityArea div.placeOrder div.subColumn2{
    margin-top: 11px;
}

/* div.subColumn2 div.button{
    margin-bottom: 6px;
} */


div.mainContainer div.refineSearch{
    padding: 14px 17px;
    width: 926px;
    background: #e5e5e5;
}

div.refineSearch div.subColumn1{
    margin-top: 4px;
    /* padding-bottom: 22px; */
    width: 65px;
}

div.refineSearch div.subColumn1 span.refineSearch{
    display:block;
    font-weight: bold;
    line-height: 1.35em;
    margin-bottom: 14px;
    border-right: 1px solid #bebebe;
}

div.refineSearch div.subColumn2{
    margin-left: 20px;
}

div.refineSearch div.vScroll{
    padding-left: 3px;
    height: 70px;
    font-size: 0.95em;
    color: #1b75bc;
    border: 1px solid #b5b5b5;
    overflow: auto;
}

div.refineSearch div.vScroll table{
    width: 90%;
}

div.refineSearch div.vScroll table td input{
    float: left;
    margin-right: 5px;
}

div.refineSearch div.vScroll table td label{
    font-weight: normal;
}

div.refineSearch div.subColumn3{
    margin-left: 23px;
}

div.refineSearch div.subColumn3 div.vScroll{
    width: 210px;
}

div.refineSearch div.subColumn4{
    margin-left: 20px;
}

div.refineSearch div.subColumn4 div.vScroll{
    width: 185px;
}

div.refineSearch div.subColumn3 span, div.refineSearch div.subColumn4 span{
    display: block;
    font-size: 0.95em;
    color: #1b75bc;
    line-height: 1.3em;
}

div.refineSearch div.subColumn5{
    margin-left: 18px;
    font-size: 0.95em;
}

div.refineSearch div.subColumn6{
    margin-left: 5px;
}

div.noRecordsFound{
    margin-top: 10px;
    padding: 10px 17px;
    width: 926px;
    font-weight: bold;
    background: #efefef;
}

/* Search Results Table Styles */
div.tableStructure{
    margin: 3px 0 15px 0;
    width: 960px;
    font-size: 0.95em;
}

div.tableStructure table.productSearchResult{
    margin-left: 1px;
    width:960px;
}

div.tableStructure table.productSearchResult th{
    padding: 6px 0px 4px 9px;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #474747;
    background: #666;
}
div.tableStructure table.productSearchResult th a, div.tableStructure table.productSearchResult th a:hover
{
	color: #fff;
}
div.tableStructure table.productSearchResult th.firstColumn{
     border-left: 1px solid #666;
}

div.tableStructure table.productSearchResult th.lastColumn{
    border-right: 1px solid #666;
}

div.tableStructure table.productSearchResult td{
    padding: 9px 0px 4px 9px;
    color: #333;
    vertical-align: top;
}

div.tableStructure table.productSearchResult td.firstColumn{
     border-left: 1px solid #474747;
}

div.tableStructure table.productSearchResult td.lastColumn{
    border-right: 1px solid #474747;
}

div.tableStructure table.productSearchResult tr.altRow td{
    background: #efefef;
}

div.tableStructure table.productSearchResult td a{
    text-decoration: underline;
}

div.tableStructure table.productSearchResult td.partNumber{
    white-space: nowrap;
}

div.tableStructure table.productSearchResult td.qPrice{
    color: #518d00;
    /*border:solid 1px red;*/
}

div.tableStructure table.productSearchResult td.stock{
    color: #000;
    /*border:solid 1px red;*/
}

div.tableStructure table.productSearchResult td.qPrice strong, div.tableStructure table.productSearchResult td.stock strong{
    display: block;
    float: left;
    /* width: 55px; */
    padding-right: 5px;
}

div.tableStructure table.productSearchResult td.qPrice strong{
    /* width: 30px; */
}

div.tableStructure table.productSearchResult td.stock strong{
     width: 60px;
}

div.tableStructure div.pagination{
    padding: 6px 0px 29px 15px;
    width: 945px;
    font-size: 0.95em;
    color: #fff;
    border-top: 1px solid #474747;
    background: #666;
}

div.tableStructure div.pagination div.pageCount{
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

div.tableStructure div.pagination div.button{
    padding: 0px 0px 1px;
    font-size:1em;
}

div.tableStructure div.pagination a{
    color: #fff !important;
    text-decoration: underline;
}



/* Product Details Styles */
div.productInfo{
    margin-left: 23px;
    margin-bottom: 30px;
}

div.productDetails div.contentHolder{
    float: right;
    width: 739px;
    padding-right: 11px;
}

div.productDetails div.contentHeader{
    width: 100%;
}

div.productDetails div.productIntro{
    margin-bottom: 25px;
}

h4.productName{
    float: left;
    margin: 0 9px 12px 0;
    width: 501px;
    font-size: 1.7em;
    font-weight: normal;
    color: #000;
    line-height: 1.3em;
    background: none;
}
div.productDesc
{
	margin-bottom:10px;
}
div.productDetails a.contentLinks{
    float: left;
    margin-top: 7px;
    margin-left: 13px;
    padding-left: 9px;
    font-size: 0.95em;
    background: transparent url(/images/arrowRight_green.gif) no-repeat 0 0.5em;
}

div.productGallery{
    float: left;
    margin-right: 21px;
    width: 238px;
    /* height: 217px; */
    border: 1px solid #999;
}

div.productGallery img{
    display: block;
    width: 230px;
    height: 189px;
    margin: auto;
    text-align: center;
    cursor: pointer;
}

div.productGallery div.productCount{
    font-size: 0.9em;
    height: 22px;
    padding: 5px 0px 1px 12px;
    background: #666;
}

div.productGallery div.productCount span{
    float: left;
    font-weight: bold;
    color: #fff;
    margin-right: 7px;
}

div.productGallery div.productCount ul li{
    margin-right: 4px;
}

div.productGallery div.productCount a{
    padding: 1px 5px 1px 6px;
    color: #fff;
    text-decoration: none;
    background: #333;
}

div.productGallery div.productCount a.selected{
    color: #333;
    background: #fff;
}

div.productGallery div.productCount a:hover{
    color: #333;
    background: #fff;
}

div.cartInfo{
    float: left;
    margin-right: 21px;
    margin-top: 6px;
    width: 221px;
    line-height: 1.7em;
}

div.cartInfo span.originalPrice{
    text-decoration: line-through;
}




div.cartInfo .qPrice{
    font-size: 1.3em;
    font-weight: bold;
    color: #72ab27;
}

div.cartInfo .rating{
    margin: -1px 0 0 4px;
    vertical-align: middle;
}

div.cartInfo div.hr{
    padding-bottom: 9px;
    margin-top: 8px;
}

div.cartInfo div.cartSpec{
    font-size: 0.95em;
    line-height: 1.5em;
}
div.cartInfo div.slideImages{
    border:solid 1px #999;
}
div.cartInfo div.slideImages a.slide{
    display:block;
    float:left;
    font-size:1.5em;
    font-weight:bold;
    padding:33px 0;
}
div.cartInfo div.slideImages a.slide:hover{
    text-decoration:none;
}
div.cartInfo div.slideImages div.thumbImages{
    float:left;
    margin:0 10px;
    padding:10px 10px;
    border-left:solid 1px #999;
    border-right:solid 1px #999;
}
div.cartInfo div.slideImages div.thumbImages img{
    width:60px;
    margin:0px;
    border:solid 1px #999;
}
div.productDetails div.placeOrder{
    float: left;
    width: 211px;
}

div.productDetails div.placeOrder div.rcContent h4{
    float: left;
}

div.productDetails div.rcContent img.iconInfo{
    margin-top: 3px;
    margin-left: 6px;
}

div.productDetails div.rcContent div.hr{
    margin: 2px 0 13px;
}

div.productDetails div.orderForm div{
    margin-bottom: 10px;
}

div.productDetails div.orderForm label{
    font-size: 0.9em;
    font-weight: bold;
}

div.productDetails div.orderForm label.lblFieldName{
    float:left;
}

div.productDetails div.orderForm img.iconInfo{
    float: left;
    margin-right: 9px;    
}

div.productDetails div.orderForm select{
    width: 93px;
}

div.productDetails div.orderForm input.text{
    width: 85px;
}

div.productDetails div.orderForm label.lblQuantity, div.productDetails div.orderForm div.button a{
    padding-right: 22px;
}

div.productDetails div.orderForm div.button{
    margin-top: 3px;
    margin-bottom: 2px; 
}

div.productDetails div.orderForm div.formButton div.hr{
    margin-bottom: -4px;
}

div.productDetails div.orderForm div.formLinks a{
    font-size: 0.95em;
    color: #333;
    text-decoration: underline;
}

div.productDetails div.toolTipContent
{
	border:solid 1px transparent;
}

div.tabsInfoContainer{
    padding: 18px 18px 0 18px;
    font-size: 0.9em;
    border: 1px solid #999;
}

div.tabsInfoContainer div.tabSection{
    /* margin-bottom: 37px; */
}

div.tabsInfoContainer h4{
    font-size: 1.3em;
}

div.tabsInfoContainer div.hr{
    margin-bottom: 9px;
}

div.tabsInfoContainer p{
    line-height: 1.8em;
}

div.tabsInfoContainer ul{
	float:right;
    margin: 0 0 0 1px;
}

div.tabsInfoContainer div.packageContents ul li{
    display: block;
    float: none;
    padding-left: 11px;
    background: transparent url(/images/arrowRight_green.gif) no-repeat 0 0.55em;
}

div.tabsInfoContainer ul li span{
    float: left;
    display: block;
    margin-right: 10px;
}

div.tabContent table td ul{
    float:left;
}

div.tabContent table td ul li{
    float:none;
}

div.tabContent table td.column1{
    padding-left: 11px;
    width: 143px;
    vertical-align: top;
    background: transparent url(/images/arrowRight_green.gif) no-repeat 0 0.55em;
}

div.tabContent table td.column2{
    vertical-align: top;
}

div.tabsInfoContainer div.tabSection div.sectionSpacing{
    height: 37px;
}

div.tabsInfoContainer div.pagination{
    float: right;
	width:585px;
    margin-top: -4px;
    text-align:left;
}

div.tabsInfoContainer div.pagination div.pager
{
	float:right;
	white-space:nowrap;
}

div.tabsInfoContainer div.pagingTop,div.tabsInfoContainer div.pagingTop1{
    margin-top: -4px;
    margin-bottom: 9px;
}

div.tabsInfoContainer div.pagingBottom,div.tabsInfoContainer div.pagingBottom1{
    margin-top: 2px;
}

div.tabsInfoContainer div.pagination span{
    float: left;
    margin-right: 4px;
    font-weight: bold;
    color: #666;
}

div.tabsInfoContainer div.pagination ul li{
    margin-left: 4px;
}

div.tabsInfoContainer div.pagination a{
    padding: 1px 5px 1px 6px;
    color: #000;
    text-decoration: none;
    background: #e5e5e5;
}

div.tabsInfoContainer div.pagination a.selected{
    color: #fff;
    background: #666;
}

div.tabsInfoContainer div.pagination a:hover{
    color: #fff;
    background: #666;
}

div.tabsInfoContainer div.tabColumnTitle{
    font-size:1.1em;
    padding-bottom:13px;
}

div.tabsInfoContainer div.tabColumnTitle span{
    font-weight:bold;
}

div.tabsInfoContainer div.tabColumnTitle span.column2{
    padding:0 350px 0 40px;
}
div.tabsInfoContainer div.tabColumnTitle span.column3{
    padding:0 35px 0 0px;
}
div.tabsInfoContainer div.tabOptions div.itemList{
    padding: 6px 0px 18px;
}

div.tabsInfoContainer div.tabOptions div.tabBottom div.button{
    font-size:1em;
}

div.tabsInfoContainer div.tabOptions div.itemList input.chkbox{
    display:block;
    float:left;
}

div.tabsInfoContainer div.itemList div.itemImage, div.tabsInfoContainer div.itemList div.itemText{
    float:left;
}

div.tabsInfoContainer div.itemList div.itemImage img{
    display: block;
    margin: 0 31px 0 15px;
    width: 60px;
}
div.tabsInfoContainer div.itemList div.compare
{
	float:left;
}
div.tabsInfoContainer div.itemList div.itemText{
    padding-right: 22px;
    width: 397px;
    color: #666;
}

div.tabsInfoContainer div.itemList h4{
    margin-bottom: 0em;
    font-size: 1.1em;
    color: #2089c8;
}

div.tabsInfoContainer div.itemList span{
    display: block;
    line-height: 1.5em;  
}

div.tabsInfoContainer div.itemList div.itemPrice{
    float: left;
    width: 121px;
    margin-top: 27px;
    font-weight: bold;
    text-align: center;
}

div.tabsInfoContainer div.itemList div.itemPrice span
{
	float:left;
	width:60px;
}
div.tabReviews div.rating{
    float: left;
    margin: -3px 0 0 -1px;
    color: #666;
}

div.tabReviews div.rating div.button{
    margin-top: -3px;
    margin-right: 12px;
}

div.tabReviews div.rating div.button a{
    font-size: 1.1em;
}

div.tabReviews div.rating img{
    margin-left: 4px;
    vertical-align: top;
}

div.tabReviews div.review{
    padding-bottom: 20px;
}

div.tabReviews div.reviewText, div.tabReviews div.reviewRating{
    float: left;
}

div.tabReviews div.reviewText{
    margin-top: 6px;
    padding-right: 10px;
    width: 545px;
}

div.tabReviews div.reviewRating{
    margin-top: 15px;
    width: 120px;
    text-align: center;
}

div.tabReviews div.reviewText h4{
    margin-bottom: 0em;
    font-size: 1.1em;
    color: #333;
}

div.tabReviews div.reviewText span{
    color: #999;
}

div.tabReviews div.reviewText p{
    margin-bottom: 10px;
    line-height: 1.5em;    
}

div.tabReviews div.reviewText span.addComment{
    display: block;
    margin-top: 18px;
}

div.tabReviews div.reviewText span.addComment a{
    color: #999;
    text-decoration: underline;
}

div.tabReviews div.subReview{
    margin-left: 10px;
}

div.tabReviews div.subReview div.hr{
    margin-bottom: 7px;
}

div.tabReviews div.subReview div.hrDown{
    margin-bottom: -10px;
}

div.tabReviews div.subReview p{
    margin-bottom: 8px;
}

div.previewProduct{
    display: none;
    position: absolute;
}

div.previewProduct div.previewArea{
    width: 569px;
    border: 1px solid #333;
    border-bottom: none;
    background: #fff;
}

div.previewProduct div.previewArea img{
    display: block;
    height: 168px;
}


/* Styles for Round Corner Box */
div.rcContainer div.rcTop, div.rcContainer div.rcBottom {
	font-size: 0; /* required for IE 6 */
	height: 3px;
}
	
div.rcContainer div.rcTop span, div.rcContainer div.rcBottom span{
	display: block;
	float: left;
	width: 3px;
	height: 3px;
}

div.rcContainer div.rcTop{
	background: #e5e4e5 url('/images/rcTopRight.gif') no-repeat right; /* Top Right Image */
}

div.rcContainer div.rcTop span{
	background: url('/images/rcTopLeft.gif') no-repeat left top; /* Top Left Image */
}

div.rcContainer div.rcBottom{
	background: #cbcaca url('/images/rcBottomRight.gif') no-repeat right; /* Bottom Right Image */
}

div.rcContainer div.rcBottom span{
	background: url('/images/rcBottomLeft.gif') no-repeat; /* Bottom Left Image */
}

div.rcContainer div.rcContent{
	padding: 14px 17px 4px 21px;
	/*height: 195px;*/
	background: #cbcaca url('/images/rcMiddle.gif') repeat-x;
}


/* Styles for TAB Structure */
div.tabs ul{
    margin: 0 0 -1px 0;
    float:left;
}

div.tabs ul li{
    margin-right: 4px;
}

.tabNames li{
	float: left;
	height: 29px;
	padding-right: 3px;
	cursor: pointer; 
	background: url(/images/tabBg.png) no-repeat right -30px; 
}
.tabNames li a{ 
	float: left;
	margin: 0;
	padding: 5px 10px 3px 12px;
	height: 24px;
	width: auto;
	border: none;
	cursor: pointer; 
	text-align: center;
	overflow: visible;
	white-space: nowrap;
	color: #999;
	font-size: 0.9em;
	font-weight: bold;
	background: url(/images/tabBg.png) no-repeat left top; 	
}
.tabNames li:hover, .tabNames li.selected {background-position: right -121px;}
.tabNames li:hover a, .tabNames li.selected a {background-position: left -91px; color: #333; text-decoration: none;}

#Contents li
{
	float:none;
	background: transparent url(/images/arrowRight_green.gif) no-repeat 0 0.55em;
	padding-left:11px;
	list-style-type:none;
}
#Contents td.column1
{
	display:none;
}
#Package_Contents 
{
	display:none;
}

/* Styles for Round Corners 
div.roundedBox
{
    width:210px;
}
.rcTop{

    width:100%;
	height: 3px;
	cursor: pointer; 
	background: url(/images/roundCornerBg.png) no-repeat right -4px;
}

.rcTop span
{
    float:left;
    width:99%;
    height:3px;
    display:block;
	background: url(/images/roundCornerBg.png) no-repeat left top;
}

.rcTop div.end{ 
	float: left;
	margin: 0;
	padding: 5px 10px 3px 12px;
	height: 3px;
	width: auto;
	border: none;
	cursor: pointer; 
	text-align: center;
	overflow: visible;
	white-space: nowrap;
	color: #999;
	font-size: 0.9em;
	font-weight: bold;
    background: url(/images/roundCornerBg.png) no-repeat left top;
}

.rcBottom{
	float: left;
	height: 3px;
	padding-right: 3px;
	cursor: pointer; 
	background: url(/images/roundCorner.png) no-repeat right bottom; 
}
.rcBottom div.end{ 
	float: left;
	margin: 0;
	padding: 5px 10px 3px 12px;
	height: 3px;
	width: auto;
	border: none;
	cursor: pointer; 
	text-align: center;
	overflow: visible;
	white-space: nowrap;
	color: #999;
	font-size: 0.9em;
	font-weight: bold;
	background: url(/images/roundCornerBg.png) no-repeat left -21px; 	

}

div.rcMiddle
{
    width:100%;
    background: #cbcaca url(/images/roundCornerBgMiddle.png) repeat-x top left; 	
}*/   
    

div.tabsInfoContainer div.pagination ul{
    float: right;
}