/*  ----------------------------------  */
/*  -----  BAC eCommerce Styles  -----  */
/*  ----------------------------------  */

/* GLOBAL */

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	}
	
hr.separator{
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    border: 0px;
}

/* BREADCRUMB */

.Breadcrumb a:link, .Breadcrumb a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343434;
	text-decoration: none;
	}
	
.Breadcrumb a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343434;
	text-decoration: underline;
	}
	
.crumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	}
	
a.crumb:link, a.crumb:visited, a.crumb:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	}
	
/* SEARCH RESULTS */
.SearchResult {
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: white;
}

.SearchResult .Empty{
    padding: 30px 0px 40px 0px;
    text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}

.SearchResult .Highight {
    background-color: #fff;
}

.SearchResult .ProductName {
    padding: 0px;
    padding-bottom: 5px;
    text-align: left;
    color: #666;
}

/* the following styles are inherited from Product Styles */
.SearchResult .ProductName a{
color: #c00;
}

.SearchResult .ProductName a:hover{
    color: #888888;
}

.SearchResult .ProductDescription {
}

.SearchResult .ProductDescription a {
    color: #333333;
    text-decoration: none;
}

.SearchResult .ProductDescription a:hover {
    color: #888888;
}

.SearchResult .ProductNumber {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}


/* TYPE */

.footerBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	}
	
.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px;
	}
	
.pname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	}
	
.pname12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	}
	
.ptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c00;
	font-weight: bold;
	}
	
.pcost {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: normal;
	}
	
.pimg img {
	border: 0;
	}


/* LINKAGE */

.footer, a.footer:link, a.footer:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	text-decoration: none;
	}
	
a.footer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	text-decoration: underline;
	}
	
.navi, a.navi:link, a.navi:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	text-decoration: none;
	}

a.navi:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	text-decoration: underline;
	}
	
.NavigationBar table td.Level1{
    padding: 1px 0px 7px 2px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.NavigationBar table td.Level1 a{
    color: #333;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.NavigationBar table td.Level1 a:hover{
    color: #c00;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.cart, a.cart:link, a.cart:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	}
	
a.cart:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #333;
	}
	
.cartnum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #c00;
	}
	
a.largeimg, a.largeimg:link, a.largeimg:visited, a.largeimg:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #666;
	}
	
.ProductDescription{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
}

.ProductPrice{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c00;
    font-size: 11px;
    font-weight: bold;
}

.ProductStockMessage{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: red;
    font-size: 11px;
    font-weight: bold;
	padding: 5px;
}

.ProductOptionsTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}

.ProductOptions{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333; 
    font-size: 11px;  
    font-weight: normal;
    text-align: left;
}

.ProductOptions input,
.ProductOptions textarea,
.ProductOptions select{
}

.CategoryName{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c00;
    font-size: 11px;
    font-weight: bold;
}

.CategoryName a{
    color: #c00;
    text-decoration: none;
}

.CategoryName a:hover{
    color: #d00;
    text-decoration: none;
}

.CategoryDescription{
    color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.ProductList{
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: white;
    vertical-align: top;
}

.ProductList table td{
    vertical-align: top;
}

.ProductList .Empty{
    padding: 30px 0px 40px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.ProductName{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
.ProductName a{
    color: #666666;
    text-decoration: none;
}

/* the following styles are inherited from Category Styles */
.ProductList .CategoryName{
}

.ProductList .CategoryDescription{
    padding-top: 6px;
}

/* the following styles are inherited from Product Styles */
.ProductList .ProductName{
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
}

.ProductList .ProductDescription{
    padding: 10px;
}

.ProductList .ProductPrice{
    padding: 5px;
    text-align: center;
}

.PaginatorDropdown {
    padding: 0;
    margin: 0;
    width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px; 
    background-color: white;
    text-align: left;
}

.PaginatorDropdown select{
}
/*
 * Paginator Dropdown Styles END
 */

/*
 * Paginator Styles BEGIN
 */
.Paginator {
    padding: 0;
    margin: 0;
    width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px; 
    background-color: white;
    text-align: right;
}

.Paginator a{
    color: #CD3C53;
    text-decoration: underline;
}

.Paginator a:hover{
    color: #DA7080;
    text-decoration: underline;
}
/*
 * Paginator Styles END
 */

/*
 * Product Images Styles BEGIN
 */
.ProductImages {
    padding: 0px;
    margin: 2px;
    width: 100%;
    border: 1px #E5E5E5 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    background-color: white;
    text-align: left;
}
.ProductImages TH{
	padding: 2px;
	background-color: #E5E5E5;
}
.ProductImages IMG{
	padding: 10px;
	border: 2px solid #FFFFFF;
}
.ProductImages IMG:hover{
	padding: 10px;
	border: 2px solid #E5E5E5;
}

/*
 * Checkout Styles BEGIN
 */
.Checkout {
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.Checkout .Title {
    padding: 12px 0px 5px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c00;
    font-size: 11px;
    font-weight: bold; 
    text-align:left;
}

.Checkout .Block {
    padding: 15px;
    border: 1px #E5E5E5 solid;
}

.Checkout .ColumnTitle {
    white-space: nowrap;
    color: #666666;
    font-weight: bold;
}

.Checkout .ColumnValue {
}

.Checkout .TotalLabel {
    white-space: nowrap;
    padding-right: 7px;
    font-weight: bold;
}

.Checkout .TotalValue {
    font-weight: bold;
}

.Checkout .Left {
    text-align:left;
}

.Checkout .Right {
    text-align:right;
}

.Checkout .Center {
    text-align:center;
}

.Checkout input.Normal,
.Checkout textarea.Normal,
.Checkout select.Normal {
}

.Checkout input.Error ,
.Checkout textarea.Error,
.Checkout select.Error {
    border: 1px solid red;
}

.Checkout select.Short {
    width: 100px;
}

.Checkout .Required {
}

.Checkout .Error {
}

.Checkout .Errors {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}

.Checkout .Empty {
    padding: 30px 0px 40px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c00;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.Checkout .ImpossibleToComputeShippingCost {
    padding: 20px;
    color: #c00;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
/*
 * Checkout Styles END
 */
 
/* Required Style */
.Required {
    color: red;
}

/* Error Style */
.Error {
    color: red;
} 
 
 input,
textarea,
select {
    border: 1px solid gray; 
    font-family: Verdana, Arial, sans-serif;
    color: #333333;
    font-size: 11px;
    background-color: #FFEEFF;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
    border: 0;
    background-color: transparent;
}

input[type="button"],
input[type="submit"]{
    border: 1px solid gray; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color: #DDDDDD;
}

	img.thumb {
		margin: 0 5px 0 5px;
		}
	
	#dhtmlgoodies_slideshow{
		width:800px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #000;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #000;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #000;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:150px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=75);
		opacity: 0.75;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}