/*************************************************************************
*   
*   C S S  T R A D E  S T Y L E  S H E E T
*   Copyright 2010, Signature Gifts
* 
*************************************************************************/

.aTradeLogin {
 width:289px;
 height:82px;
 display:block;
 margin:0 0 10px 0;
 border:0 none;
 padding:0;
 text-indent:-9999px;
 background:#a38733 url(../images/a-tradelogin.jpg) no-repeat 0 0;
 float:left;
}

.aTradeLogin:hover {background-position:0 -92px;}

/*--------------------------------------------------------------------------
Breadcrumb Trail
--------------------------------------------------------------------------*/

#ulBreadcrumb {
 width:547px; 
 padding:10px 21px;
 margin:0 0 10px 0;
 background:#d6d6d6 url(../images/ul-breadcrumb.gif) repeat-x 0 100%; 
 float:left;
}

#ulBreadcrumb li {
 font-size:11px; color:#67686b;
 padding:0 8px 0 13px;
 background:transparent url(../images/li-breadcrumb.gif) no-repeat 0 50%;
 float:left;
}

#ulBreadcrumb li.liHome {
 font-weight:bold;
 background:none;
 padding:0 8px 0 0;
}

#ulBreadcrumb li a {border:0 none; color:#222325;}
#ulBreadcrumb li a:hover {color:#67686b;}

/*--------------------------------------------------------------------------
Trade Products
--------------------------------------------------------------------------*/

.divTradeProduct {
 width:254px; 
 margin:10px 0 10px 0; 
 background:transparent url(../images/div-trade-product.gif) no-repeat 0 100%;
 float:left;
}

.divTradeProduct a {border:0 none;}

.divColLeft {
 width:254px; 
 margin:0; 
 padding:0;
 float:left;
}

.divColRight {
 width:254px;
 margin:0; 
 padding:0;
 float:right;
}

.divLast {margin:10px 0 0 0;}

a.aMore {
 width:53px; 
 height:49px; 
 display:block;
 text-indent:-9999px;
 background:#ccc url(../images/a-more.jpg) no-repeat 0 0;
 margin:0; padding:0;
 border:0 none;
 float:right;
}

a.aMore:hover {background-position:-53px 0;}

.divTradeProduct h2 {
 width:254px;
 font-size:14px; color:#fff;
 height:40px; margin:0;
 line-height:40px;
 margin:0; padding:0;
 float:left;
}

.divTradeProduct h3 {
 width:254px; height:121px;
 padding:0; margin:0;
 background:#e9e9e9 url(../images/h3-trade.gif) no-repeat 0 100%;
 float:left;
}

.divTradeProduct h2 a {
 width:224px; height:40px;
 font-size:14px;
 background:#333 url(../images/h2-a-trade.gif) no-repeat 0 0;
 color:#fff;
 margin:0; padding:0 15px;
 line-height:40px;
 display:block;
 border:0 none;
 float:left;
}

.divTradeProduct h2 a:hover {color:#abaaaa;}

.divTradeProduct ul {padding:20px 20px 0 20px; float:left;}

.divTradeProduct ul li {
 width:194px;
 font:11px Arial, Helvetica, sans-serif;
 color:#1f2022;
 list-style:none;
 padding:3px 0 5px 20px;
 background:transparent url(../images/li.gif) no-repeat 0 0;
 float:left;
}

/*--------------------------------------------------------------------------
Personalisation Options
--------------------------------------------------------------------------*/

.divPersonalisationOption {margin:10px 0 0 0; float:left;}

.divPersonalisationOption h2 {
 width:558px; 
 height:40px;
 margin:0; 
 padding:0; 
}

.divPersonalisationOption h2 a {
 width:558px; 
 height:40px;
 font-size:14px; color:#fff; 
 padding:0 15px;
 background:#333 url(../images/h2-a-personalisation.gif) no-repeat 0 0;
 border:0 none; 
 line-height:40px;
 float:left;
}

.divPersonalisationOption a {border:0 none;}

.divPersonalisationOption h2 a:hover {color:#abaaaa;}

.divPersonalisationOption h2 a.active,
.divPersonalisationOption h2 a.active:hover {background-position:0 -100px; color:#fff; cursor:default;}

.divPersonalisationOption h4 {font-size:12px; color:#6b5319;}

.divPersonalisationOption .divContent {
 width:558px;
 background:#ccc url(../images/div-personalisation-option.gif) no-repeat 0 100%;
 margin:0; 
 padding:15px;
 float:left;
}

.divPersonalisationOption .divContent a {color:#6b5319;}
.divPersonalisationOption .divContent a:hover {color:#5f5f5f;}

.divPersonalisationOption .divColLeft {
 width:200px; 
 height:200px; 
 background:#fff; 
 float:left;
}

.divPersonalisationOption .divColRight {
 width:340px; 
 padding:10px 0; 

 float:right;
}

.divPersonalisationOption ul {
 width:300px;
 padding:0 20px 15px 20px; 
 margin:0;
 float:left;
}

.divPersonalisationOption ul li {
 width:280px;
 font-size:12px; 
 color:#1f2022;
 padding:3px 0 5px 20px;
 background:transparent url(../images/li.gif) no-repeat 0 0;
 list-style:none;
 float:left;
}

/*--------------------------------------------------------------------------
Product Range
--------------------------------------------------------------------------*/

#divProductRange {
 width:546px;
 padding:20px;  
 margin:10px 0 0 0;
 border:1px solid #ccc; 
 float:left;
}

#divProductRange h3 {margin:15px 0 0 0;}
#divProductRange h4 {font-weight:bold; color:#6b5319; margin:5px 0 0 0;}
#divProductRange a {border:0 none; margin:0; padding:0;}

#divProductRange .divLeftColumn {width:250px; float:left;}
#divProductRange .divRightColumn {width:280px; float:right;}

#divProductRange .divProduct {width:546px; float:left;}

#divProductRange .divProduct ul {
 height:37px; 
 margin:20px 0 0 0; 
 float:right;
}

#divProductRange .divProduct ul li {
 height:37px; 
 margin:0 0 0 10px; 
 display:inline; 
 float:left;
}

#divProductRange .divProduct ul li a {
 height:37px;
 text-indent:-9999px;
 background:#bcbcbc;
 padding:0; margin:0;
 display:block;
 float:left;
}

#divProductRange .divProduct ul li a.aPreview {width:105px; background:transparent url(../images/a-preview.gif) no-repeat 0 0;}
#divProductRange .divProduct ul li a.aDownload {width:112px; background:transparent url(../images/a-download.gif) no-repeat 0 0;}
#divProductRange .divProduct ul li a.aTop {width:37px; background:transparent url(../images/a-top.gif) no-repeat 0 0;}

#divProductRange .divProduct ul li a:hover {background-position:0 -37px;}

#divProductRange .divDivider {
 width:546px;
 height:1px; 
 margin:15px 0; 
 background:#ccc;
 float:left;
}

/*--------------------------------------------------------------------------
Recommended Products
--------------------------------------------------------------------------*/

.divRecommendedProduct {margin:0;}

.divRecommendedProduct h2 {
 height:40px;
 margin:10px 0 0 0; 
 padding:0; 
}

.divRecommendedProduct h2 a {
 width:558px; 
 height:40px;
 font-size:14px; color:#fff; 
 padding:0 15px;
 background:#333 url(../images/h2-a-personalisation.gif) no-repeat 0 0;
 border:0 none; 
 line-height:40px;
 float:left;
}

.divRecommendedProduct h2 a:hover {color:#abaaaa;}

.divRecommendedProduct h2 a.active,
.divRecommendedProduct h2 a.active:hover {
 background-position:0 -100px; 
 color:#fff; 
 cursor:default;
}

.divRecommendedProduct h4 {font-size:12px; color:#6b5319;}

.divRecommendedProduct .divContent {
 width:558px;
 margin:0; padding:0;
 float:left;
}

.divRecommendedProduct .divContent a {border:0 none; margin:0; padding:0;}

/*--------------------------------------------------------------------------
Trade Announcements
--------------------------------------------------------------------------*/

.divTradeAnnouncements {
 background:#28292c url(../images/div-trade-content-bg.gif) repeat-x 0 0;
 margin:0 0 10px 0;
 float:left;
}

.divTradeAnnouncements h2 {
 width:259px; 
 height:40px;
 margin:0; 
 padding:0;
}

.divTradeAnnouncements h2 a {
 font-size:14px; color:#fff;
 width:259px;
 height:40px; 
 padding:0 15px;
 margin:0;
 border:0 none;
 line-height:40px;
 background:#a38733 url(../images/h2.jpg) no-repeat 0 0px; 
 float:left;
}

.divTradeAnnouncements h2 a:hover {color:#645019;}

.divTradeAnnouncements .ulTradeContent {
 width:259px;
 margin:0;
 padding:25px 15px;
 float:left;
}

.divTradeAnnouncements .ulTradeContent li {color:#fff;}

.divTradeAnnouncements .ulTradeContent a {
 font-weight:bold; 
 color:#cfb149; 
 border:0 none;
}

.divTradeAnnouncements .ulTradeContent a:hover {color:#fff;}

/*--------------------------------------------------------------------------
How to Sell our Products
--------------------------------------------------------------------------*/

.product-details-a {
	float: left;
	width: 265px;
	}
	
.product-details-b {
	float: left;
	width: 265px;
	margin-left: 26px;
	}
	
.product-details-a img, .product-details-b img {
	float: left;
	padding: 5px 10px 5px 0;
	}
	
.product-details-a p, .product-details-b p {
	margin: 20px 0 0 0;
	}
	
.product-details-a a, .product-details-b a {	
	border-bottom:1px solid #B6B6B6;
	color:#6B5319;
	padding:0 0 2px;
	text-decoration:none;
	}
	
.product-details-a a:hover, .product-details-b a:hover {
	color: #333333 !important;
	}
	
.ulOrder {	float: none !important; padding-bottom: 0 !important;	}
	
.ulOrder li {
	width: 500px !important;
	float: none !important;
	}
	
.ulOrder li a {
	font-weight: bold;
	}
	
.ks-sig {
	background: url(../images/ks-sig.gif) no-repeat 0 0;
	padding-top: 48px;
	}
	
	
.Long {
 background:#ccc url(../images/div-personalisation-option-b.gif) no-repeat 0 100% !important;
}

/*--------------------------------------------------------------------------
Lightbox
--------------------------------------------------------------------------*/

#jquery-overlay {
 position:absolute;
 top:0; left:0;
 z-index:90;
 width:100%;
 height:500px;
}

#jquery-lightbox {
 position:absolute;
 top:0; left:0;
 width:100%;
 z-index:100;
 text-align:center;
 line-height:0;
}

#jquery-lightbox a img {border:0 none;}

#lightbox-container-image-box {
 width:250px;
 height:250px;
 position: relative;
 background-color:#000;
 margin:0 auto;
}

#lightbox-container-image {padding:10px;}

#lightbox-loading {
 width:100%;
 height:25%;
 position:absolute;
 top:40%; left:0%;
 border:0 none;
 text-align:center;
 line-height:0;
 display:none;
 text-indent:-9999px;
}

#lightbox-container-image-data #lightbox-image-details {display:none;}	

#lightbox-container-image-data-box {
 font:bold 12px Arial, Helvetica, sans-serif; 
 background-color: #000;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%;
 padding: 0 10px 0;
}	
	
#lightbox-image-details-caption {color:#67686b; cursor:default;}

#lightbox-secNav-btnClose {
 outline:none;
 width: 52px;
 height:15px;
 margin:5px 0 15px 0;
 float: right;
 border:0 none;
 padding:0;
 display:block;
 background:transparent url(../images/lightbox-btn-close.gif) no-repeat 0 -15px;
}

#lightbox-secNav-btnClose:hover {background-position:0 0;}
#lightbox-secNav-btnClose img {display:none;} /* Hide the image and use a css image instead */