﻿

td {vertical-align:top;}
	
/* Shopping Cart Pages Styling */
.ccform td{ height:33px}
 
.sort{ padding-right:8px; white-space:nowrap}
.sort a{ font-size:12px; line-height:1.6em; color:#496707;}
.sort a:visited{}
.sort a:hover{color:#a91427}
.sort a:active{color:#a91427}
/********** Extender Styles ******************/
 
 /* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #8d8b8c;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #aaaaaa;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    BACKGROUND-COLOR: #f3f3f3;
    color:#909090;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font: 90%/100% Arial, "Arial Bold", "Helvetica Neue", Geneva, sans-serif;
    line-height:1.6em;
}


.accordionLink
{
	display:block;
	width:100%;
	height:100%;
}


/******************* MODAL POP UP ***********/

.modalBackground
{
	background-color:Gray;
	filter: alpha(opacity=70);
	opacity: 0.7
}

.modalPopup
{
	background-color:#EEEEEE;
	border-width:1px;
	border-style:solid;
	border-color:Black;
	padding: 0px;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.modalDragBar
{
	color: #eee;	
	height: 19px;
	font-weight: bold;
	cursor: move;
	text-align: center;
	width:300px;
	background-color: #000000;
	border: solid 1px Gray;
}

.modalHeading{ padding:5px; font-size:14px; line-height:1.6em; margin:5px}

.modalMsg{ background-color:White; padding:5px; font-size:13px; line-height:1.4em; min-height:100px}


/******************** Progress Panel Styles *****************************/
.progressPanel
{
	top: 45%; 
	left: 38%; 
	position: absolute;
    background-color:#fff; 
    position:fixed;
    Z-INDEX: 10002;
    border: solid 1px #7a7a7a; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.progressPanel_layout
{
	width: 280px; 
    color: #7a7a7a; 
    font-weight: bold; 
    text-align: center;  
    margin: auto;
    padding:20px;
}

.progressPanel_layout span{ position: relative; top:-10px}

/************** TREE VIEW ********************** */
   .tree{ width:100%}
   .tree a{ }
   .tree td{vertical-align:middle !important; text-align:left; padding:4px 1px !important;}
   .treeHover {}
   .treeHover a:hover{}
   .treeSelected a{ color:#231f20 !important;}
   .ctl00_tvCategories_1{ width: 100%;}
    
/************** AUTO COMPLETE ********************** */    
/*AutoComplete flyout */


.autocomplete_completionListElement 
{  
	visibility : hidden;
	background-color:White;
	color : windowtext;	
	cursor : 'default';
	border-width:1px;
	border-bottom-style:solid;
	border-color:Black;
    text-align : left; 
    list-style-type : none;
    line-height:normal;
    font-weight:normal;
	padding-left:0px;
	margin-top:0px;
	margin-left:2px;
 overflow:auto;
    border : buttonshadow;
	border-style : solid;
	width:250px;
    font-size:11px
	
}


/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	color: black;
	padding: 1px;
	background-color:#e0e0e0;
}

/* AutoComplete item */


.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/* Paging */
.pagination {text-align:center;border:0px!important;padding:0px!important;background:none!important;}
.pagination a {background:url(/layout/buttonbg.jpg) top left no-repeat;border-left:solid #717171 1px;border-right:solid #717171 1px;padding:0px 10px;line-height:23px;height:23px;text-transform:uppercase;color:#525252;display:table;display:inline-block;text-decoration:none;}

.pagination a:hover {color:#000000;}
.pagination a.active {color:#ffffff;}
.next {float:right;}
.prev {float:left;}

/* Other */
.cartBody td{padding-left:5px}
.shoppingCart{ background-color:White; border:solid 1px black}
.shoppingCart, .priceTotals { margin-right:15px; }
.shoppingCart td{ padding:5px;border:solid 1px black } 
.shoppingCart td a{ color:Black; font-size:11px}
.priceTotals td{ padding-right:5px; text-align:right}
.shoppingCart th{ padding-left:5px; padding-right:5px; vertical-align:top; border:solid 1px black} 
.login td{ height:33px}
.hidden{display:none}
.listing{ padding-bottom:5px}
.blackOnWhite{ color:Black}
.myH1{font-size:medium; line-height:1.1em; padding:0px; margin:0px; display:inline}
.myH2{font-size:13px; line-height:1.1em; padding:0px; margin:0px}
.dimlist{ min-width:100px;}
.siteMap h3{ padding:0px !important; margin:0px !important}
.siteMap p{padding:2px !important; margin:0px !important}
.dimensionThumb{ border: 0px; cursor:pointer; margin-right:10px}
	
/* Order Form */
.orderTable{ width:100%}

.orderFillOut td{ text-align:left; vertical-align:top; padding:2px}

/* Cart Navigation */
.cartNav{text-align: left; margin: auto; margin-top:0px}
.cartNav h2{ display:inline; font-size:1em; font-weight:normal}
.cartNav h1{ display:inline; font-size:1em; }
.sortDropDown{ float:right;}
.cartValues{ float:right; text-align:right;}
.promo{ float: left;}
	
/******************* SKIN STYLES (keep these last ******************************************/
.drpdwn
{
	height:40px; line-height:40px; margin-bottom:10px; width:410px;  vertical-align:top; font-size:1.2em; padding-top:8px; position: relative;
	outline: 0;
	overflow: hidden;
	border:#2c343c ;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:10px;
}

.drpdwn option {border:1px solid #000;}

#txtWrapper {
border-style: solid;
	border-color: currentColor;
	border-width: 2px;
	width:268px; /*follow your image's size if using bg img*/
	height:30px;/*follow your image's size if using bg img*/
	background-repeat:no-repeat; /*important*/
	padding:0px;
	margin:0px;
	position:relative; /*important*/
	display:inline-block;
    box-sizing: border-box;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.txtbox {
    line-height:1.6em;
    padding-left:5px;
    font-size:15px;
    overflow: visible;
}

.ovr{ cursor:pointer; vertical-align:middle;padding:.1em .6em .1em .5em;width:auto;overflow:visible;}

.pbsaBtn
{
	height:40px; margin:.1em; 
	border:solid 1px black; 
	position:relative; 
	line-height:35px;
	cursor:pointer; 
	font-size:1.5em;
	box-sizing: border-box;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.ovr:hover{		
	/* FIRE FOX */
	border: 1px solid; 
	border-color: #696 #363 #363 #696; 
	/* I.E. */
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#44a3bf');
	/* WEB KITS */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
	/* FIRE FOX */
	background: -moz-linear-gradient(top,  #ccc,  #000);
}


.pbsaBtn:hover
{
	/* FIRE FOX */
	border:solid 1px black; 
	/* I.E. */
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#b6b7bc',EndColorStr='#d4d0c8', StartColor='#000000', EndColor='#000000') progid:DXImageTransform.Microsoft.DropShadow(Color='white', OffX=0, OffY=0);

	/* WEB KITS */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#d4d0c8));
	/* FIRE FOX */
	background: -moz-linear-gradient(top,  #b6b7bc,  #d4d0c8);
}

.siteMap{ white-space: nowrap; width:100%}