 /* Created May 16, 2013
by: Anya Gnedina 
Bella Wholesale site */


body {}
a:hover {text-decoration:underline ; color:#1d6387; }


/*-------------------------------------------------------- HEADER - NAVIGATION------------------------------------------------------------*/
.trigger {text-transform: uppercase !important;}
	
/*---------------------------------------------------------------- SITE HEADER------------------------------------------------------------*/
.signInAcctBag{}

.signInAcctBag:hover{color:#b3dbf0!important;text-decoration:underline;}

.subNav{letter-spacing:1px;}
	
.subNav:hover{color:#b3dbf0;!important;text-decoration:underline !importfant;}
	
.mainHeadSubNav:hover{font-weight:bold!important;color:#b3dbf0 !important;}
	
div.DD3  {width: 665px!important;margin:51px 0 0 -165px!important; padding-right: 17px !important;}

div.DD1  {width: 470px !important;}

.arrow-up3 {margin:-14px 0 0 222px !important;}

.breadcrumbs2{
	float:right;width:734px;
	height:25px;
	font-size:11px;
	padding:12px 0 0 14px;
	margin:25px 0 20px 0;
	background:#ffffff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #fff;}
	
.bCrumbs li a{}

ul.bCrumbs li a:after { 
	content: "››"; 
	padding:0 5px 0 5px !important;}
	
.crumblink{padding-right: 2px;padding-left: 2px;}

.fdm4Button {margin: 2px 0 0 5px !important;}
    



/*---------------------------------------------------------------- SITE FOOTER------------------------------------------------------------*/

.copyright {margin: 20px auto 0!important;}
.footerNav:hover{color:#b3dbf0!important;text-decoration:underline;}

.footer-four {float:right !important;}

.footer-three {
    width: 400px !important;margin-bottom: 30px;}

.foot3LeftSide{float:left;width: 200px !important;}

.foot3RightSide{float:right;width: 200px !important;}
    
/*--------------------------------------------------------------------- MENU STYLES------------------------------------------------------------*/

.catTitle:hover{ 
	}
	

 .layoutMenu a.catTitle:hover, a.sideBarLink:hover{
	}
.smallcaps{text-indent: 5px !important;}
	
.sideBarLink a.active{background:#e2ebf0!important;}
		
.active{ background:#e2ebf0!important;}

sidebarNav ul li a.selected{ background:#e2ebf0!important;}
	
layoutMenu a.catTitleSelected, .layoutMenu a.catTitleSelected:link, .layoutMenu a.catTitleSelected:visited, .layoutMenu a.catTitleSelected:hover, .layoutMenu a.catTitleSelected:active {

}
	

a.featTitle, a.featTitle:link, a.featTitle:visited {
    background: none repeat scroll 0 0 white !important;
    text-indent: 0px;
	 text-decoration:none;
	font-size: 11px;
    letter-spacing: -0.25px;
	 word-spacing: -0.5px;}
	
a.featTitle:hover, a.featTitle:hover{
	background:#e4f4fc!important;
	}

.layoutMenu a.featTitleSelected, .layoutMenu a.featTitleSelected:link, .layoutMenu a.featTitleSelected:visited, .layoutMenu a.featTitleSelected:hover, .layoutMenu a.featTitleSelected:active {
  text-indent: 0px !important;}
	
	

	

/*---------------------------------------------------------------- PRODUCT LOCATOR------------------------------------------------------------*/


.fixedHeader th {text-align:center !important;}
#locatorMenu{float:left !important;margin-bottom: 40px;}
	
#storeGridCont{clear:both !important;}

.storeGridHeadRow{background:#e4f4fc;font-size:12px;color:#333;}

#prodResultsCont .storeGridHeadRow {background:#e4f4fc!important;font-size:12px!important;color:#333!important;}

	
#resultHeader {
    margin-left: 20px;
	float:right;
    width: 366px;}

#imageCont img {width: 115px;}
    

#searchInfo {width: 300px;}
	
#imageCont {
    border: 1px solid #CCCCCC;
    padding: 5px;
	margin-left:20px;
	margin-bottom: 10px !important;
	width: 115px!important;
	height: 172px !important;}
 
.prodImgInner{padding:0px;margin:0px;width:115px!important;}
	
    
#resultDetailsCont {padding-bottom:10px!important;}

.odd, .even {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 4px solid #F2F3F4;
    border-right: 1px solid #F2F3F4;
    height: 40px;
    margin: 0 1px 4px 0;
    text-align: center;}

.clear{clear:none!important;}

.fdm4Button a:link{
	font-family: Georgia,"Times New Roman",Times,serif!important;
    font-size:16px;
    font-style: italic;
	color:white;
    margin:25px 0 25px 108px;
	padding:7px 45px;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	white-space: nowrap!important;
	background: #5594B4!important;
	text-decoration: none!important;
	font-style: italic!important;}
	
	.fdm4Button1 a:link{
	margin-left: 25px;
	font-family: Georgia,"Times New Roman",Times,serif!important;
    font-size:16px!important;
    font-style: italic!important;
	color:white!important;
	padding:7px 45px!important;
	position:relative;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	white-space: nowrap!important;
	background: #5594B4!important;
	text-decoration: none!important;
	font-style: italic!important;}
	
	.fdm4Button2 a:link{
	margin-right: 25px;
	font-family: Georgia,"Times New Roman",Times,serif!important;
    font-size:16px!important;
    font-style: italic!important;
	color:white!important;
	padding:7px 45px!important;
	position:relative;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	white-space: nowrap!important;
	background: #5594B4!important;
	text-decoration: none!important;
	font-style: italic!important;}
	

.fdm4Button a:hover{
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 2px!important;}
	
.fdm4Button1 a:hover{
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 2px!important;}
	
.fdm4Button2 a:hover{
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 2px!important;}
	
	

	  
  
 		
/*----------------------------------------------------------- SWATCHES-------------------------------------------------------------*/




#colorSelectCont{padding-left: 15px;}
	
.colorOuter {border:thin!important;}

.outer {padding:0px !important;}
    
.colorOuterSelected .colorInnerBorder {border:1px thin #000000;}

.colorInner {height:15px;width:15px;}

	
/*----------------------------------------------------------- END SWATCHES-------------------------------------------------------------*/


	
#resultDesc {display:none!important;}
	
#prodMill,#prodStyle,#prodColor,#prodStore{ 
	width:340px;
	height:35px;
	padding-left: 5px!important;
	border:1px solid #ccc;
	border-radius:7px;
	text-align: left !important;
	background:none !important;
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(152, 152, 152, .2)!important; 
	box-shadow: inset 1px 1px 1px 1px rgba(152, 152, 152, .2)!important;}

#prodSrchCont .inputLabel {
    float: left;
    margin-top: 10px;
	margin-right: 15px !important;
    text-align: left;
    width: 125px;
	font-size: 12px;}

inputCont fdm4Button a{
	background: none repeat scroll 0 0 #5493B4;
	display:block;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    margin: 25px 0 25px 12px;
    max-width: 200px;
    padding: 10px 51px;}

inputCont fdm4Button a:hover{background:#2c627e;display:block;}

#prodZip{ 
	width:333px;height:23px;padding:5px 0;border:1px solid #ccc;border-radius:7px;
	text-align: left !important;
 	background:none !important;
	padding-left: 5px!important;
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(152, 152, 152, .2)!important; 
	box-shadow: inset 1px 1px 1px 1px rgba(152, 152, 152, .2)!important;}

#prodSrchCont{
background: white;
margin-top: 30px;
min-height: 360px !important;}

.resultDetails{margin-left: 15px !important;}

#prodSrchCont .inputRow {width: 511px!important;}
    
#prodSrchCont #styleInfoCont { width: 511px!important;margin-bottom:20px!important;}

.storeGridCol storeGridColDesc{color:#5493B4;font-weight:bold;}

  
/*--------------------------------------------------------------------- BROWSE PRODUCT TEMPLATE------------------------------------------------------*/

.browse_alo {
    float: left;
    width: 180px;
.browseProdDesc {padding: 25px 11px!important; min-height: 115px !important;text-align: left!important;}
    
.browseImg img {	
	-webkit-box-shadow: 0 6px 5px -7px #666666;
	-moz-box-shadow: 0 6px 5px -7px #666666;
	box-shadow: 0 6px 5px -7px #666666;}

.colorSwatchOuter {border: 1px solid #666666!important;}

.browseImg{}

.productLink{margin-top: 10px!important;}

.productLink:hover{text-decoration:underline!important;color:#5594B4!important;}

.cobSearchResult a {font-size: 10px!important;}

.browseColorSwatches {height:50px!important;}

.regPriceDiv{}

/*---------------------------------------------------------------------  PRODUCT TEMPLATE-------------------------------------------------------------------*/

div.browsePagesTop {margin-top:2px!important;padding-top:17px!important;}

a.BBY, a.fdm4Button {
	margin: 25px 0 0 30px!important;
	padding: 10px 15px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	color: #fff!important;
	font-size: 14px !important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	white-space: nowrap!important;
	background: #5594B4!important;
	text-decoration: none!important;
	font-style: italic!important;
	text-transform: none!important;
	position:relative;}
	

a.BBY:hover, a.fdm4Button:hover {
	margin: 25px 0 0 30px;
	padding: 10px 15px!important;
	 background:#1D6387!important;
	color: #d9eef7!important;
	top: 2px;}
	
.alt-views{margin: 310px 0 0 !important;}

.alt-views img{
	margin-right:10px !important;
	border-left:1px solid #E2E2E2;
    border-top:1px solid #E2E2E2;
    -moz-box-shadow:1px 1px 1px 0px rgb(180,180,180)!important;
	-webkit-box-shadow:1px 1px 1px 0px rgb(180,180,180)!important;
	box-shadow:1px 1px 1px 0px rgb(180,180,180)!important;}
	
.compDetail{   
	border-left: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    box-shadow: 1px 1px 1px 0 #B4B4B4 !important;}
	
/*------------------------------------------------------------------- TABS---------------------------------------------------------------------------*/


.tLinks{
	font-weigth: bold;}

/*line 855*/
.tab_container {
    background: none repeat scroll 0 0 #FFFFFF;
	color: #000000!important;
	-moz-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	-webkit-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	margin-bottom: 20px !important;}
	
html ul.tabs li.active, html ul.tabs li.active a:hover  {border-bottom:none !important;}
.tab_content h2 {border:none !important;}
	
.tab_container p{line-height: 12px!important;}
		
		
.imgMessageText{
	color:#900;
	font-weight:bold;
	font-size: 11px;
	top: 227.417px; 
	left: 374.117px; 
	display: none;}

ul.tabs{
	 margin: 21px 8px 0px 0px!important;}

/*line 826*/
ul.tabs li {
	margin-right: 5px;
	width:85px !important;
	border-radius:5px 5px 0px 0px!important;
	-moz-border-radius:5px 5px 0px 0px!important;
	-webkit-border-radius:5px 5px 0px 0px!important;
	border-right:1px solid #acacac;
	height: 32px!important;}
	


/*line 837*/
ul.tabs li a {
	margin-right: 5px;
	padding: 0 7px!important;
	width:75px!important;
	border-radius:5px 5px 0px 0px!important;
	-moz-border-radius:5px 5px 0px 0px!important;
	-webkit-border-radius:5px 5px 0px 0px!important;
	font-weight: bold!important;}
	
ul.tabs li a:hover {
	background: #5493B4;
	border-radius:5px 5px 0px 0px!important;
	-moz-border-radius:5px 5px 0px 0px!important;
	-webkit-border-radius:5px 5px 0px 0px!important;}
		

	/*------------------------------------------------------------------  END TABS -----------------------------------------------------------------------*/
    

.product-description {
    -moz-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	-webkit-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;}
	
.product-description-box{ -moz-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	-webkit-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	float:none !important;
	overflow: hidden;}
	
.product-pic {
	border-left: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    -moz-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	-webkit-box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;
	box-shadow: 1px 1px 1px 0px rgb(180,180,180)!important;}
	
	
.product-description-box-color{width:290px;background:#ffffff; padding:2px 0 2px 10px;margin:20px 0 0 0;float:left;clear:both;}
 


/*------------------------------------------------------------------------- SIGN IN PAGE-------------------------------------------------------------------*/
.signInAcctBag .sign-in{margin-right: 5px !important;}

#account-creation, .account-creation {margin: 0 0 50px 0 !important;width: 710px;}

.sign-in-box{
background:white;
background: white;
width: 707px;
padding: 20px 20px 50px;
float: right;}
	
.account-info-left {width: 333px;}

a.logins{
	padding: 10px 30px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	color: #fff!important;
	font-size: 14px !important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	white-space: nowrap!important;
	background: #5594B4!important;
	text-decoration: none!important;
	font-style: italic!important;
	text-transform: none!important;
	position:relative;}
	
	
a.logins:hover{
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 2px!important;}
	
#strUserId{
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;}
	
.forgot{margin-top:5px;}
	
#strPassword{
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;}
	
.welcome{margin-left:20px;font-size:12px !important;margin-bottom: 20px;}

.signHeading{margin-left:20px;font-size:20px;}

.loginForm {
width: 300px;
padding-bottom: 35px;
margin-left: 40px;'}

#savelogin {margin-top: 15px!important;}

span.newPassText {margin-top: 15px!important;}



/*-------------------------------------------------- CPSIA GCC page-----------------------------------------------------------------------*/

.CPSIAImage {
	background:url("../images/cpsia.jpeg") no-repeat;
    border: 1px solid #E3E3E3;
    float: left;
    height: 373px;
    width: 325px;}
	
.CPSIAImage img{width:325px!important; height:373px !important;}





.CPSIAContent{float:right; width: 360px;font-size: 10px;line-height: 24px;}
    

.cpsiaLink{font-weight:bold;}

.cpsiaLink:hover{text-decoration:underline !important;}

#gcclabel{border:1px solid #b8c8dd;
	background:#eff8fb;
	padding: 15px 15px 15px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;}

.gccPONumbtn{
	padding: 3px 10px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	color: #fff!important;
	font-size: 12px !important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	background: #5594B4!important;
	font-style: italic!important;;
	position:relative;
	margin-left:10px;
	cursor:pointer !important;}	
	
	
input[type="submit"]:hover {
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 1px!important;
	cursor:pointer !important;}
	
.errorLink{font-weight:bold;}

.errorLink:hover{text-decoration:underline !important;}

.error{color:#C00;font-weight:bold;}

/*---------------------------------------------------------------------   My Account page--------------------------------------------------------------*/
.menuListdirsidea li a{
	border-bottom: 1px solid #e2e3e4;
	background: white;
	display: block;
	height: 0px;
	width: 166px;
	padding: 14px 0 28px 14px;}
	
#CS-ordering {float:right;}

#CS-ordering img{margin-top: 20px;}


/*---------------------------------------------------------------------  Switch User Accounts--------------------------------------------------------------*/

.pageDivBody {
    background: none repeat scroll 0 0 white;
    padding: 10px;}
	
.pageDiv {
    float: right !important;
    margin: 0 0 0 10px;
}

#searchDiv{margin-top: 5px;}

.switchLabel{padding-right: 15px;}

.leftDisplay{}

.searchTable{}

#options{float:right; width:750px;}
   

.searchBody{}

#switchDiv{ margin-top: 20px;}


/*-------------------------------------------------------------------  Order status template--------------------------------------------------------------*/


#headerWhse{}

#headerOrdNum{width:50px;}

#headerOrdDt{width:64px;}	

#headerPlanShip{width:85px;}

#headerEstShip{width:89px;}

#headerTrack{width:63px;}

#headerPO{width:28px;}

#headerShipTo{width:44px;}

#headerValue{}

#headerStatus{}

.pageNum{ margin-left: 20px;margin-top: 100px;}

.orderRows{width:104%; margin-left: -15px;}

.buttonContainer{}

.BBY-medium{padding: 6px 12px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	color: #fff!important;
	font-size: 12px !important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	background: #5594B4!important;
	font-style: italic!important;;
	position:relative;
	margin-left:10px;
	cursor:pointer !important;}	
	
.BBY-medium:hover {
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 1px!important;
	cursor:pointer !important;}

#statementDetails .customerTotal {color:#676869!important;background:#eeeeee;font-size:12pt;padding-right: 10px;}


/*-------------------------------------------------------------------------- account Statement --------------------------------------------------------------*/

#statementDetails {height: 250px !important;margin-bottom: 20px;}

.statementTotals{background:#f9f9f9;}
.statementLineTotal{background:#f9f9f9;}
    
#statementDetails th {background:#eeeeee;}

#statementDetails tr th {}

.titleDescTH{font-size:12pt;font-weight: normal !important;background:#f9f9f9 !important;height: 20%;}

.balances{}

.statementInfo{}

.invInfo{ font-weight: normal !important;font-size: 12px;height: 15%;}

.statementBalances{}

.blancesTitle{font-size:12pt;background:#f9f9f9 !important;font-weight: normal !important;height: 20%;}

.creditRequest{margin: 25px 0 30px;} 
    
    

/*-------------------------------------------------------------------------- Cart Upload--------------------------------------------------------------*/

.cartButtons{}

.cartButtonsTbl{ margin-bottom: 62px;}

.cartButton td{}

#cartUploadForm{
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 20px;
    padding: 15px;
    width: 500px;
	margin-top: 20px;
	border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #CCCCCC;}
	
.infoHeader{color:#1d6387;font-weight:bold;font-size:14px;font-style:italic;}

.uploadStepInfo1{font-style:italic;color:#1D6387;font-weight:bold;padding-bottom:15px;padding-top: 15px;}

.uploadStepInfo2{font-style:italic;color:#1D6387;font-weight:bold;padding-top: 15px;}

.infoText{font-size: 12px;margin: 0;padding: 0;}

.infoText2{font-size: 12px;padding:10px 0 0;}
    
.noteText{color:#0B374E;font-weight:bold;font-style:italic;}

.downloadBtn{padding-bottom: 20px;padding-top: 20px;}
    
.infoNote{margin:0;padding:0;}
    

.downloadNow{
	background: none repeat scroll 0 0 #5594B4 !important;
    border: 1px solid #1D6387 !important;
    border-radius: 3px 3px 3px 3px !important;
    box-shadow: 0 -1px 3px rgba(255, 255, 255, 0.5) inset, 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 11px !important;
    font-style: italic !important;
    margin-left: 16px;
    padding: 6px 19px !important;
    position: relative;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3), 0 0 15px rgba(255, 255, 255, 0.75) !important;}

.downloadNow:hover{}
    

.exmplText{font-size:14px;color:#0b374e;margin: 10px 0;padding: 0;}
    

.exmpleTextTd{margin: 0;padding: 0;}
    
	
.sideUploadInstruct{
	background: none repeat scroll 0 0 #E2EBF0;
    border: 1px solid #aac1ce !important;
	margin-top: 20px;
	width: 210px;
	padding: 10px;}
	
.layoutMiddle {background: none;!important;}

.layoutRight{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	
#upload{float:left;margin-top: 20px;}

.layoutRight{display:none;}

.uploadText{
	background:#ffffff;
	float: left;
    margin-left: 20px;
    margin-top: 0px;
    width: 525px;
	min-height: 531px;
	padding:20px;}
	
#sideInstruct{margin-top: 20px;}

.uploadStepInfo2{}

.uploadFileData{}



input[type="submit"] {}
	
	
input[type="button"]{}

input[type="submit"]:hover {
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 1px!important;
	cursor:pointer !important;}
	
	
input[type="button"]:hover {
	background:#1D6387!important;
	color: #d9eef7!important;
	top: 1px!important;
	cursor:pointer !important;}
	

/*---------------------------------------------------------------------  Sales Report--------------------------------------------------------------*/
#salesReportTbl{}

.enterData{}

.selectDisplay{}

.copy1{}

label[for=selectCustomer]{}

.saleRepHeading{color:white;font-size:18px;font-family:Georgia, 'Times New Roman', Times, serif;padding:10px 0 10px 10px;}

.saleRepHeadBg{}

.styleField{}

.customerField{}

.salesRepSelect{}

.submitReport{}

.getReport{}



	
/*-------------------------------------------------------------------- Shopping Cart--------------------------------------------------------------*/

.itemsTable{}

.itemsRow{}

.itemsColumn{}

.b2bCarthead{border-right: 1px solid #FFFFFF !important;
    font-family: Verdana !important;
    font-size: 11px !important;}

.fdm4-button-grey{
	padding: 10px 30px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #636363!important;
	color: #fff!important;
	font-size: 14px !important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.50)!important;
	white-space: nowrap!important;
	background: #7b7b7b!important;
	text-decoration: none!important;
	font-style: italic!important;
	text-transform: none!important;
	position:relative;}
	
.fdm4-button-grey:hover {
	border: 1px solid #959595;
	background:#c1c1c1!important;
	color: #000000!important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.60)!important;
	top: 2px!important;
	text-decoration:none!important;}

.fdm4-button-blue{
		padding: 10px 30px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	-moz-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	-webkit-box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 3px 3px 2px rgba(0,0,0,.2)!important;
	box-shadow: inset 0px -1px 3px rgba(255,255,255,.5), 2px 2px 1px rgba(0,0,0,.2)!important;
	border: 1px solid #1d6387!important;
	color: #fff!important;
	font-size: 14px !important;
	text-shadow: -1px -1px rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.75)!important;
	white-space: nowrap!important;
	background: #5594B4!important;
	text-decoration: none!important;
	font-style: italic!important;
	text-transform: none!important;
	position:relative;}
	
	
.fdm4-button-blue:hover {
	background:#1D6387!important;
	text-shadow: -1px -1px rgba(0,0,0,0.5), 0 0 15px rgba(255,255,255,0.50)!important;
	color: #ffffff!important;
	top: 2px!important;
	text-decoration:none !important;}
	
/*-------------------------------------------------------------------- Address Book Select--------------------------------------------------------------*/

.addressSelectTbl{}

.adreSelectRw{}

.addressBookCell{}

#dynamicSelection{height: 30px;margin-left: 10px;padding-top: 5px;}

#cancel a:link{}
    
.address-creation-left {margin: 20px 0 0 20px;}
    
.address-creation-right {margin-top: 20px;}

#submit .fdm4Button{}
	
/*------------------------------------------------------------------------ Profile--------------------------------------------------------------*/



.selectedColor{padding-left: 10px;}

.colorHeading {padding: 0px !important;}


/*-------------------------------------------------------------------------  FAQ -------------------------------------------------------------------*/
    
.qText{color:#5594B4; font-weight:bold;}


/*-------------------------------------------------------  PRODUCT SPECS----------------------------------------------------------------------------*/ 

.styleDiv {
    border-bottom: 1px solid #E2E2E2 !important;
	 text-indent: 10px !important;
    box-shadow: 0 5px 3px -5px #777777!important;
    font-weight: bold!important;
    height: 28px!important;
    margin-left: -10px!important;
    margin-top: -10px!important;
    width: 303px;
	font-size: 18px;}
	
/*ul.bCrumbs li:after { 
	content: "››"; 
	padding:0 4px 0 4px;
	float:right;
	display: block; 
}

ul.bCrumbs li:after:nth-child(2){
	display:none !important;}

ul.bCrumbs. pSpcsLi:after{
	display:none !important;}

.bCrumbs li{margin-left: 10px !important;}

.instruct{color:#1d6387;padding-left: 20px;}

.dwnldProdHd{padding-left: 10px!important;}

#divlvlcat1, #divlvlcat2, #divlvlcat3 {padding: 10px !important;}

.topstylesubcat {
    color: #555555;
    font-size: 20px;
	border-bottom: 1px solid #b8c8dd;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration:none;
	margin: 10px -10px 7px;}
	 
.stylesubcat {
    color: #858585;
    font-family: helvetica,arial;
    font-size: 18px!important;
    padding-bottom: 5px!important;
    padding-top: 5px!important;
	font-style:normal !important;
	font-weight:bold;}
	
	
	
	

/*-------------------------------------------------------------------------  SITE MAP -----------------------------------------------------------------------*/
h1.sitemap {
	background: none repeat scroll 0 0 #eeeeee;
	width: 737px;
	-webkit-box-shadow: 0 5px 5px -6px #545454;
	-moz-box-shadow: 0 5px 5px -6px #545454;
	box-shadow: 0 5px 5px -6px #545454;}
	
	.h3-borders-light {
    border-bottom: 1px solid #D1D1D1;
    border-top: none !important;
    color: #FFFFFF;
    font-style: italic;
    margin: 25px 0 15px;
    padding: 7px 0;}

	
	
.sitemapHeadLink{color:#5594B4 !important; text-shadow:  -1px -1px #FFFFFF, 0 0 2px rgba(10, 10, 10, 0.75) !important;}

.subHeadLink{font-size:15px;}

/*-------------------------------------------------------------------------- search page menu-----------------------------------------------------------*/ 


.menuFilterHead{   
 border-bottom: 1px solid #E2E3E4;}
 
.colorImg{border: 1px solid #000000 !important;}
 
div.DD2 {width: 250px !important;margin: 51px 0px 0px -71px !important;}

.arrow-up2 {margin: -14px 0px 0px 113px !important;}


/*-------------------------------------------------------------------------- trade show page-----------------------------------------------------------*/ 

#calendar{
background: none repeat scroll 0% 0% rgb(255, 255, 255);
width: 751px;
clear: both;
margin-top: 30px;
margin-left: 198px;
height: 400px;}


.verticalLine {
    border-left: 1px solid #C1C1C1;
    float: right;
    height: 320px;
    margin-right: 48px;
    margin-top: 23px;
    width: 2px;
}
.tradeshowHeader{float:right;margin-bottom: 30px;}

.leftCalSide p{line-height: 10px;}

.rightCalSide p{line-height: 10px;}

.rightCalSide{
	float: right;
    text-align: center;
    width: 200px;
	 margin-right: 125px;}


.leftCalSide{
	float:left;
    text-align: center;
    width: 200px;
	 margin-left: 125px;}

.heading{font-weight:bold; color:#000000;  margin-bottom: 0;
    margin-top: 20px;}

.mainCalHeading{
	font-style:italic;
	color:#000000;
	background:none !important;
	text-align: center;
	font-size:20px !important;
	padding-top: 20px; margin: 0px;}



/*--------------------------------------------------------------------------heat transfer page-----------------------------------------------------------*/ 
   
.mainInstHeading{
	font-style:italic;
	color:#000000;
	background:none !important;
	text-align: center;
	font-size:20px !important;
	padding-top: 20px; margin: 0px;
	font-weight:bold;}
	
.smallText{font-size: 10px; margin-left: 20px;margin-right: 20px;color:#000000;}
    
#instructions{
background: none repeat scroll 0% 0% rgb(255, 255, 255);
width: 734px;
clear: both;
margin-top: 30px;
margin-left: 198px;
padding:15px 10px 15px 10px;
padding-bottom: 20px !important;}

#heatTransferInst td{padding: 10px;border-bottom: 1px solid #cccccc !important;border-right: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC !important;}

#heatTransferInst{padding-left:10px; padding-right:10px;}
    

.instRow{border-bottom: 1px solid #cccccc;}

.instRowLast{border-bottom:none !important;}

.instHead{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
	font-style:italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	border-top: 1px solid #CCCCCC;}
	
.instHead1{
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #CCCCCC;
	padding: 10px;
	font-style:italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;}
	
.instHeadLast{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #CCCCCC;
	padding: 10px;
	font-style:italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;}
	
.lastTd{border-right:none !important; padding:10px; border-bottom: 1px solid #cccccc; border-right:1px solid #cccccc !important;}

.lastTdBottom{border-bottom: none !important;}

.firstTd{border-left: 1px solid #cccccc!important;}

.lastTdBtm {border-right:none !important;border-bottom:none !important;}

/*--------------------------------------------------------------------------creen printing intructions-----------------------------------------------------------*/
#rowHeadertable{width:100px;}
.screenPrintInstructions{
background: none repeat scroll 0% 0% rgb(255, 255, 255);
width: 722px;
clear: both;
margin-top: 30px;
margin-left: 198px;
padding-bottom: 20px;
padding-left: 15px;
padding-right:15px;}

.smallTextPrint{font-size: 10px; margin-left:165px; margin-right:20px; color:#000000;}

.smallTextPrint1{font-size: 10px; margin-left:95px; margin-right:20px; color:#000000;}

.mainPrintHeading{
	font-style:italic;
	color:#000000;
	background:none !important;
	text-align: center;
	font-size:20px !important;
	padding-top: 20px; margin: 0px;
	font-weight:bold;}
	
.subHeadPrint{
	font-style:italic;
	color:#000000;
	background:none !important;
	text-align: center;
	font-size:17px !important;
	padding-top: 20px; margin-top: 20px;
	font-weight:bold;}
	

#screenPrintInst td{padding: 5px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}

.printRow{border-bottom: 1px solid #cccccc;}

.printRowLast{border-bottom:none !important;}

.printHead{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 10px;
	font-style:italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;}

.printHeadLast{
	border-right: none;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
	font-style:italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;}
	
.printHeadFirst{
	border:1px solid #cccccc;
	padding: 10px;
	font-style:italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;}
	
.lastPrintTd{border-right:none !important; padding:10px; border-bottom: 1px solid #cccccc;}

.lastPrintTdBottom{border-bottom: none !important;}

.tinyParenth{font-size:12px;}
    
.printHeadLast p{margin-top: 0px; line-height: 14px;}

.firstLargeTd{padding: 50px 10px !important;}

.printRow td{padding: 10px;}

.sect01 {border-bottom: 1px solid #cccccc;}

.rowHead{border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;padding: 10px;}

.printingDef{color:#000000; margin-right:30px; margin-left:30px; margin-top:10px; margin-bottom:10px;}

.defHead{font-weight:bold;color:#000000;}

.subHeadPrint{margin:0px;padding:0px !important;}
    

/*------------------------------------------ SEARCH PAGE------------------------------------------------------------*/

.menuRefineBy{
	text-transform:uppercase !important;
	font-size: 18px;
	background: -moz-linear-gradient(center bottom , #F2F3F4 37%, #FCFCFC 69%, #FFFFFF 85%) repeat-x scroll 0 0 transparent;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    color: #676869;
    float: none;
    height: 28px;
    margin: 0;
    padding: 5px 5px 5px 10px;}


.menuFilterOpt:hover{background:#e2ebf0 !important;}

input, select, #textsearch {
    color: #000000;
}
#textsearch {
    color: #ABABAB !important;
}

#b2bSubscribeEmail {
    border: 1px solid #E2E3E4;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    height: 29px;
    margin: -8px 10px 0 0;
    padding-left: 5px;
    width: 252px;
	color: #ABABAB !important;
}

.signup-form{
	font-family: Verdana,Geneva,sans-serif !important;
	font-style:italic !important;
	font-size: 13px;}
	
.IE-hack{
	font-family: Verdana,Geneva,sans-serif !important;
	font-style:italic !important;
	font-size: 11px;}
	
.selected{
	background:#e2ebf0!important;
	border-bottom:1px solid #e2e3e4;
	background:white;
	padding-top: 14px!important;
	padding-bottom: 14px!important;
	padding-left: 14px!important;
	width: 166px!important;
   display: block;
   margin-left: 0;}
   
.optSelected {
	background:#e2ebf0!important;}


#columns { 
width: 300px; 
float: left;
clear:both;
padding-left: 20px!important;
padding-right: 20px!important;
}

#columns2 {
width: 300px;
float: left;
padding-left: 30px !important; 
min-height:20px;

}


/***************************************************************  VIDEOS PAGE*******************************************************************************/

.videoHead{
	color: #FAFAFA !important;
	font-weight:lighter !important;
	 margin-top: 0px;
    padding: 20px 20px 20px 185px;}

.homeLink{color:#f2f3f4 !important;}
a.homeLInk:hover{color:#f2f3f4 !important;}
#videoPlayer{height: 400px;}
#videoContent{	background:url(../images/video/videoContent02.png) repeat;margin-top: 60px;}
#mainVideo{margin-left: 140px;}
#videoMain{padding: 20px;width: 909px; min-height: 741px;}
#playlistThumbs{background:#666;}
#ytplayer{padding-left: 135px;}
.thumbLi{background:#333;}
.clip img{width: 120px !important;padding: 15px;}
.clip img:hover{
	background:url(../images/video/clip_hover.png) repeat !important;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;}
.ytPlayer{padding-left: 135px; padding-bottom: 50px;}
.vidInfo{
	width: 375px;
	float:left;
	margin-left: 50px;
	margin-bottom:30px;
	background:#333;
	background:url(../images/video/videoTbl_bg.png) repeat !important;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;}
.vidInfo:hover{
	background:url(../images/video/videoTbl_bg_over.png) repeat !important;}

.meta{display:none;color:#eeeeee;padding-top: 106px;padding-left: 20px;}
.vidName{color:#CAE9F8;font-family: "Verdana",Geneva,sans-serif; font-weight: normal;line-height: 18px;font-size:13px !important;}
.videoDesc{display:none;color:#eeeeee !important;}

.moreVidContent{background:width:525px;padding-right: 10px;padding-left: 10px; height: 120px;}
.vidRows{}
#ytPage li{display:inline;}
#ytPage{}
.ytNext {
  font-family: arial;
  color: #ffffff !important;
  float:right;
  padding-right: 50px;
  font-size: 14px;}

.ytNext:hover {
  color: #9ac9e1 !important;}

.ytPrev{
  color: #ffffff !important;
  float:left;
  padding-left: 50px;
  font-size: 14px;}

.ytPrev:hover{
  color: #9ac9e1 !important;}

/*---------------------------------------------------------------- RESTRICT PAGE------------------------------------------------------------*/
.restrict{font-size: 14px;}

.restrictBack{font-size: 12px;}

.restrictBack a{font-weight:bold;}

#restrictPage{}

.restrictedPageSec{
	background: none repeat scroll 0 0 #FFFFFF;
    margin: 30px 0 0 200px;
    padding: 20px;
	height: 154px;}

















