@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	overflow-x:hidden;
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4;
	text-align:left;
	min-width: 1024px;
}
#container {
	overflow-x:hidden;
}


img { border: none; margin:0; padding:0; }

/* product page */
.product_title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333333;
	font-weight: bold;
	margin-bottom:7px;
}

/* SEO contents */
h1{
	font-size: 9px; 	
	color:#666666;
	font-weight: normal;
}
.seo{
	font-size: 9px; 	
	color:#666666;
	font-weight: normal;
}
#box1{
	border-top: 5px solid #CCCCCC; 
	border-left: 5px solid #CCCCCC; 
	border-bottom: 5px solid #CCCCCC;
}
	.box1_thumbs{
		float:left; 
		margin-top:8px; 
		margin-left:8px; 
		margin-right:9px; 	
		width:80px;
		
	}
		.main_thumbs{
			width:80px; height: 99px;
			margin-bottom: 10px;
		}
	.box1_main_img{
		float:left; 
		margin:8px 0;  
		width:295px; height: 365px;
	}
#box2{
	width:315px; 
	border: 5px solid #CCC;
}
	.box_margin{
		margin: 0 12px;
	}
	
	.box_section_title{
		margin:7px 0px;
		background:url(../images/ganton-horizontal-dotted-lines-grey.jpg) repeat-x bottom;
		font-size:10px;
		height: 15px;
		clear:right;
	}
	.extras_title{
		margin:12px 0 10px 0;
		background:url(../images/ganton-horizontal-dotted-lines-grey.jpg) repeat-x bottom;
		font-size:10px;
		height: 15px;
		clear:right;
	}
	
	.prod_details{
		margin:10px 0 20px 0;
		clear:right;
	}
	
	.sizinghelp{
		font-style:italic;
		color:#0066FF;		
	}
	
	.box2_size1_sizes{
		height: 40px;
	}
	
	.box2_add_to_bag{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	
#box3{
	background:#efefef; 
	width:260px; 
	border-left: 7px solid #FFFFFF;
}

/* matching accessories price */
.ma-price{
	width: 80px; 
	text-align:center; 
	margin-top: 7px;
}

.outofstock{
	float:right;  
	margin-top: 2px; 
	clear: both; 
	color:#CC0000;
	font-weight:bold;
	font-size:10px;
	width: 100px; 
	text-align: right;
	
}

#box_style_cuff{
	height: 20px;
}


#header-container {
  width:100%;
  height: 186px;
}
	.header-level1{
		width:100%;
		height: 30px;
		background:#000;		
	}
	.header-level2{
		border-top:1px #666666 solid;
		background: #333 url(../images/ganton-logo-bg.jpg) repeat-x top;
		width: 100%; height: 97px; text-align: center;
	}
	.header-level3{
		background: #333 url(../images/ganton-header-nav-bg.jpg) repeat-x top;
		width: 100%; height:34px;	
	}
	.header-level4{
		background: #FFF url(../images/ganton-header-shadow-bg.jpg) repeat-x top;
		width: 100%; height:25px; 
	}

/* top navigation */
#top-nav ul{
	margin:0;
    padding:0;
	list-style:none;
	font-size: 10px;
}
	#top-nav ul li{
		float:left;
		margin:0;
		padding:0;
	}
		#top-nav ul li a{
			display:block;	
			padding: 8px 15px;
			color:#CCC;
			text-decoration:none;
			border-right: 1px #333333 solid;
		}
		
		#top-nav ul li a:hover{
			background:#333333;	
			color:#FFF;
		}
	
/* top navigation - my account*/
#top-myaccount{
	margin:0; 
	font-size: 10px;
	float:left;
	height: 30px;
	background:#225c8d;
}
	.myaccount-main-button{
		margin:0; 	
	}
		.myaccount-main-button a{
			background:url(../images/ganton-button-account-top-nav.jpg) no-repeat top right;	
			color:#FFFFFF;
			font-size: 11px; font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif;
			text-decoration:none;
			padding-top: 7px; padding-left: 12px;
			padding-right: 35px;
			height: 25px;
			display:block;
		}
		.myaccount-main-button-na a{
			background:url(../images/ganton-button-account-top-nav-na.jpg) no-repeat top right;	
			color:#FFFFFF;
			font-size: 11px; font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif;
			text-decoration:none;
			padding-top: 7px; padding-left: 12px;
			padding-right: 10px;
			height: 25px;
			display:block;
		}
		
		.myaccount-main-button a:hover{
			background:url(../images/ganton-button-account-top-nav-dn.jpg) no-repeat top right;	
		}
		
		.myaccount-logout-button a{
			background:url(../images/ganton-button-account-top-nav.jpg) no-repeat top left;	
			color:#FFFFFF;
			font-size: 11px; font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif;
			text-decoration:none;
			padding-top: 7px; padding-left: 12px;
			padding-right: 10px;
			height: 25px;
			display:block;
		}
		
		.myaccount-logout-button a:hover{
			background:url(../images/ganton-button-account-top-nav-dn.jpg) no-repeat top left;	
		}
	#MyAccount{
		 position: absolute; top: 31px; left: 0px; 
	}
	.myaccount-content{			
		padding:12px;
		color: #CCCCCC;
		width: 155px;
	}
	

/* top navigation - shopping bag*/
.top-shoppingbag{
	margin:0;
    padding:0;
	font-size: 10px;
	float:right;
	width: 450px;
}
	.top-shoppingbag-text{
		padding:7px;
		color:#CCCCCC;
		float:right;

	}
	.top-shoppingbag-viewbag{
		float:right;
		width: 175px;
		margin-top: 3px;
		margin-left: 2px;
	}
	.top-shoppingbag-div{
		background:url(../images/ganton-horizontal-dotted-lines-black.jpg) repeat-x center;
		height: 5px;
	}
	.bag-items-img{
		width:50px; height: 50px;
		vertical-align:top;
	}
	.bag-items-descrip{
		width:200px;
		vertical-align:top;
		text-align:left;
		color:#FFFFFF;
	}
	.bag-qty{
		text-align:right;
		width:10px;
		vertical-align:top;
		
	}
	.bag-items-price{
		width:80px;
		vertical-align:top;
		text-align:right;
		color:#359800;
	}
	.bag-total{
		color:#CCCCCC; 
		width:200px; 
		vertical-align:top; 
		text-align:right;
	}
	.bag-total span{
		padding-right: 10px;
	}
	
	

/* Content Slider - Shopping bag */
	.dhtmlgoodies_contentBox{
		height:0px;
		visibility:hidden;
		position:absolute;
		background-color:#000;
		overflow:hidden;
		padding:7px;
		width:325px;
		margin-left: -163px;
		margin-top: 3px;
	}
	.dhtmlgoodies_content{
		color:#CCCCCC;
		border:1px solid #359800;
		position:relative;	
		padding:7px;	
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;		
		font-size: 11px;
					
	}
	
	#dhtmlgoodies_control{
		width: 171px; height: 22px;
	}
	


	
/* check out */
.checkout-header-container{
	width: 100%; height: 50px;
	text-align: center; /* for IE */
	margin-top: 30px;
}
	.checkout-header{
		background:url(../images/ganton-check-out-header-bg.jpg) repeat-x top;
		width: 1000px; height: 52px;
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
	}
		.checkout-header-left-img{
			background:url(../images/ganton-check-out-header-left.jpg) left top no-repeat;
			width: 7px; height: 52px; float:left;
		}
		.checkout-header-right-img{
			background:url(../images/ganton-check-out-header-right.jpg) left top no-repeat;
			width: 7px; height: 52px; float: right;
		}
		.checkout-title{			
			padding: 15px 0 0 15px; float: left; width: 700px;
			color:#003366; font-size: 16px; font-weight:bold;			
		}
		.checkout-title-corp{			
			padding: 15px 0 0 15px; float: left; 
			color:#003366; font-size: 16px; font-weight:bold;			
		}
		.checkout-div{	
			background:url(../images/ganton-check-out-header-div.jpg) top no-repeat;		
			float:left; width: 2px; height: 52px; margin-top:1px;
		}
		.checkout-contact{			
			float:left; padding: 18px 30px;
		}
		
.checkout-trail-shopping-bag, .checkout-trail-checkout-options, .checkout-trail-shipping-payment, .checkout-trail-complete-order{
	width:609px; height: 50px; 
}
.checkout-trail-shopping-bag{	
	background: url(../images/ganton-trail-shopping-bag.jpg) bottom center no-repeat;
}
.checkout-trail-checkout-options{
	background: url(../images/ganton-trail-checkout-options.jpg) bottom center no-repeat;
}
.checkout-trail-shipping-payment{
	background: url(../images/ganton-trail-shipping-payment.jpg) bottom center no-repeat;
}
.checkout-trail-complete-order{
	background: url(../images/ganton-trail-review-complete-order.jpg) bottom center no-repeat;
}
	
.checkout-trail-section	{
	float:left; 
	width: 150px; 
	height:35px; 
	border: 1px solid #FFF; 
	text-align:center;
	font-size: 11px;
	color:#333333;
}
	.checkout-trail-section	a{
		text-decoration:none;
	}
	.checkout-trail-section	a:hover{
	text-decoration:none;
	}
#trail-section-active{
	font-weight: bold;
}


.payment-sum-holder{
	width: 220px; 
}
	.payment-sum-header{
		height:31px; width:100%;
		background:url(../images/ganton-payment-summary-top.jpg) repeat-x top;
	}
		.payment-sum-header-left{
			background:url(../images/ganton-payment-summary-top-left.jpg) no-repeat top;
			width: 6px; height:31px;
			float:left;
		}
		.payment-sum-header-text{
			float:left;
			margin: 10px 0 0 33px;
			text-align:center;
		}
		.payment-sum-header-right{
			background:url(../images/ganton-payment-summary-top-right.jpg) no-repeat top;
			width: 6px; height:31px;
			float:right;
		}
		
	.payment-sum-body{
		background: #efefef;
		border-top:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;	
		padding:10px;

	}
	
	.payment-sum-footer{
		background: url(../images/ganton-payment-summary-bottom.jpg) repeat-x bottom; 
		height:6px;
		margin:0; padding:0;
		font-size:0px;

	}
		.payment-sum-footer-left{
			background:url(../images/ganton-payment-summary-bottom-left.jpg) no-repeat bottom;
			width: 6px;  height:6px;
			float:left;
		}

		.payment-sum-footer-right{
			background:url(../images/ganton-payment-summary-bottom-right.jpg) no-repeat bottom;
			width: 6px; height:6px;
			float:right;
		}
		
/* center panes */
.center-pane-container{
	width: 100%;
	text-align: center; /* for IE */
	font-size: 11px; color:#333;
}
	.center-pane{
		/* create an inner html style for width */
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
	}
	
	/*inner pages*/
		.left-content{
			width: 200px;
			float: left;
		}	
		.right-content{
			width: 800px;
			float: left;
		}
	
/* check out account options*/
.account-option-container{
	width: 100%; height: 300px;
	text-align: center; /* for IE */
	margin-top:30px; 
}
	.account-option{
		width: 765px; height: 300px;
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */		
	}
		.account-option-pane1{
			float:left; width:370px; border: 1px solid #CCCCCC;padding-bottom:15px; 
			height:190px;
		}
			.account-option-pane1-title{
				background: url(../images/ganton-check-out-sub-bg.jpg) repeat-x top;		
				width: 100%; height: 28px;
			}
			.account-option-pane1-body{
				width: 330px; height: 100%; 
				margin: 20px;				
			}
		
		.account-option-pane2{
			float:left; width:370px;margin-left: 20px; border: 1px solid #CCCCCC; padding-bottom:15px; 
			height:190px;
		}		

			.account-option-pane2-title{
				background: url(../images/ganton-check-out-sub-bg.jpg) repeat-x top;
				width: 100%; height: 28px;							
			}
			.account-option-pane2-body{			
				width: 330px; height: 100%; 
				margin: 20px;
			}
			
		#account-option-forgotpass{
			float:left; width:60%; text-align: left; padding-top: 8px; font-size: 11px;
		}
			#account-option-forgotpass a{
				text-decoration: underline; color:#0066CC;
			}
			#account-option-forgotpass a:hover{
				text-decoration: none; color:#000000;
			}
		.account-option-submit{
			float:right; width:30%; text-align: left; padding:0;
		}
		
/* MyGANTON */

.title-bar-bg{
	background: url(../images/ganton-check-out-sub-bg.jpg) repeat-x top;
	width: 100%; height: 25px; padding-top: 6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px; font-weight: bold; color:#FFFFFF;							
}

.title-bar-bg label{
	padding-left: 10px;
}

/* reg forms */
.reg-form-container{
	width: 100%; 
	text-align: center; /* for IE */
	margin-top:10px;
}
	.reg-form-pane{ /* this is the original gradient header bg */
		width: 1000px; 
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */		
		border: 1px solid #CCCCCC;
		background:url(../images/ganton-gradient-bar-bg.jpg) top repeat-x; 
		padding-bottom:15px;
	}
	
	.reg-form-pane-image{ /* special case for POS only*/
		width: 1000px;
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */		
		border: 1px solid #CCCCCC;
		background:url(../images/ganton-pos-register-image.jpg) no-repeat right top; 
		padding-bottom:15px;
	}
	
		#reg-form-table-2-col{
			text-align: left;			
			width: 100%;	
			margin:0; padding:0;	
			border: none;
			vertical-align: top;			
		}
			#reg-form-table-2-col td{
				width: 50%;	
				margin:0; padding:0;		
			}
		
		.reg-form-pane-50{
			float:left;
			width:460px;
			margin-top: 15px;
			margin-left: 18px !important; margin-left: 8px;			
		}
		
			.reg-form-pane-title{
				height:20px; padding-top: 5px;
				background:url(../images/ganton-horizontal-dotted-lines.jpg) bottom repeat-x;
			}			
					.reg-form-pane-title-left{
						font-weight: bold; float: left; text-transform:uppercase; color:#000000;
					}
					.reg-form-pane-title-right{
						float: right;
					}
			.reg-form-pane-body{
				margin-top: 20px;		
			}
		.reg-form-pane-100{
			margin: 16px;
			width: 965px;
		}
		
		.table-col-2{
			text-align: left;			
			width: 100%;	
			margin:0; padding:0;	
			border: none;
			vertical-align: top;		
		}




/* Refine your search sizes*/
#left-search{
	width:220px; 
	vertical-align:top; 

}
	.left-search-pane{
		background: url(../images/ganton-left-search-bg.jpg) repeat-x top;
		width: 203px;

	}

.refine-search-sizes{
	width: 200px;
	border:1px solid #CCCCCC;
	margin-top: 3px;
	height: 23px;
	height:100%;
	background-color:#FFFFFF;
	

}

#RefineSearch {
	margin-top: 7px;
}

	.col-1-SizeHolder{
		padding-left: 10px;
		border-right:1px solid #999999;
		
	}
	.col-2-SizeHolder{
		padding-left: 7px;
	}
		.col-2-MultiSizes{
			clear:left;
			margin:0; padding:0;
			text-align:center;
		}
		
	.ProductSize1{		
		background:#FFF; float:left; margin: 1.3px; margin-top: 7px;
	}
		.ProductSize1 a{
			display:block;
			padding: 5px 5px 5px 5px;
			border: 1px #CCCCCC solid;
			color:#333333;			
		}
		.ProductSize1 a:hover{
			background:#666666;
			color:#FFFFFF;	
		}	
		
	.ProductSize1-active{		
		background:#FFF; float:left; margin: 1.3px; margin-top: 7px;
	}
		.ProductSize1-active a{
			display:block;
			padding: 5px 5px 5px 5px;
			border: 1px #CCCCCC solid;
			color:#FFF;	
			background:#000;		
		}
		
	.ProductSize-S{		
		background:#EAEAEA; float:left; margin: 1.4px; margin-top: 7px;
	}
		.ProductSize-S a{
			display:block;
			padding: 5px 5px 5px 5px; width: 15px;
			border: 1px #CCCCCC solid;
			color:#333333;		
		}
		.ProductSize-S a:hover{
			background:#666666;
			color:#FFFFFF;	
		}	
		
	.ProductSize-R{		
		background:#ffd6d6; float:left; margin: 1.4px; margin-top: 7px;
	}
		.ProductSize-R a{
			display:block;
			padding: 5px 5px 5px 5px; width: 15px;
			border: 1px #CCCCCC solid;
			color:#333333;		
		}
		.ProductSize-R a:hover{
			background:#666666;
			color:#FFFFFF;	
		}
		
	.ProductSize-L{		
		background:#dbe5f4; float:left; margin: 1.4px; margin-top: 7px;
	}
		.ProductSize-L a{
			display:block;
			padding: 5px 5px 5px 5px; width: 15px;
			border: 1px #CCCCCC solid;
			color:#333333;		
		}
		.ProductSize-L a:hover{
			background:#666666;
			color:#FFFFFF;	
		}		
		
	.ProductSize-na	{
		float:left; margin: 1.4px; margin-top: 7px;
		display:block;
		padding: 5px 5px 5px 5px; 
		border: 1px #CCCCCC solid;
		background: url(../images/ganton-shirt-size-not-available.gif) no-repeat center;
		color:#333;
	}
	

	.ProductSize1_grey a{
		float:left; margin: 1.4px; margin-top: 7px;
		display:block;
		padding: 5px 5px 5px 5px;
		border: 1px #CCCCCC solid;
		background:#666666;
		color:#FFF;	
	}	
		

		
		
	.SearchSize{		
		background:#FFF; float:left; margin: 2px; margin-top: 7px;
	}
		.SearchSize a{
			display:block;
			padding: 2px 2px 2px 3px; width: 16px;
			border: 1px #CCCCCC solid;
			color:#333333;			
		}
		.SearchSize a:hover{
			background:#000;
			color:#FFFFFF;	
		}
		
	.SearchSizeSpecial{		
		background:#FFF; float:left; margin: 2px; margin-top: 7px;
	}
		.SearchSizeSpecial a{
			display:block;
			
			border: 1px #CCCCCC solid;
			color:#333333;			
		}
		.SearchSizeSpecial a:hover{
			background:#000;
			color:#FFFFFF;	
		}	
		
	.SearchOneSize{		
		background:#FFF; float:left; margin: 2px; margin-top: 7px;
	}
		.SearchOneSize a{
			display:block;
			padding: 2px 2px 2px 3px; width: 22px;
			border: 1px #CCCCCC solid;
			color:#333333;			
		}
		.SearchOneSize a:hover{
			padding: 2px 2px 2px 3px; width: 22px;
			background:#000;
			color:#FFFFFF;	
		}
		
	.SearchSizeLegend{		
		background:#FFF; float:left; margin: 2px; margin-top: 7px;
	}
		.SearchSizeLegend a{
			display:block;
			padding: 2px 2px 2px 3px; width: 16px;
			border: 1px #CCCCCC solid;
			color:#333333;
			
		}
	.SSleeve{
		background:#f2f1f1;	
		text-decoration: none;
	}
	.RSleeve{
		background:#ffd6d6;	
		text-decoration: none;
	}
	.LSleeve{
		background:#dbe5f4;	
		text-decoration: none;
	}	
	
	.SearchCategory{
		padding: 10px;
		width: 190px;
		
	}
		.SearchTitle{
			height: 17px;
			border-bottom: 1px solid #E0E0E0;
			margin-bottom: 7px;
			color:#000;
		}
		
	.FHolder{ /* Search Filter Holder*/
		padding:0; margin:0;
		height: 23px;
		background:url(../images/chkbox-na.jpg) no-repeat left top; 
	}	
	.BoxFilter{		
		background: url(../images/chkbox.jpg) no-repeat left top; float:left; 
	}
		.BoxFilter a{
			display:block;
			padding: 2px 2px 2px 3px; width: 10px; height: 11px;
			/*border: 1px #CCCCCC solid;*/
			cursor: pointer;		
		}
		.BoxFilter a:hover{
			/*background: url(../images/chkbox-over.jpg) no-repeat left top;*/
		}
	#BoxFilterText{
		float:left;
		font-weight:normal; 
		margin-left: 7px;
		padding-top: 2px;
		
	}
		
	/* if search is not applicable */
	.BoxFilter-na{		
		background:#FFF url(../images/chkbox-na.jpg) no-repeat center; float:left; margin: 2px; 
		display:block;
		padding: 2px 2px 2px 3px; width: 10px; height: 11px;
		cursor: pointer;		
	}

	/* if search is not applicable */
	.SearchSize-na{		
		background:#000; float:left; margin: 2px; margin-top: 7px;
	}
		.SearchSize-na a{
			display:block;
			padding: 2px 2px 2px 3px; width: 16px;
			border: 1px #CCCCCC solid;
			color:#CCCCCC;	
			background:#FFF;		
		}
		.SearchSize-na a:hover{
			color:#CCCCCC;	
			background:#FFF;		
		}

		
	.SearchSize-active{		
		background:#000; float:left; margin: 2px; margin-top: 7px;
	}
		.SearchSize-active a{
			display:block;
			padding: 2px 2px 2px 3px; width: 16px;
			border: 1px #CCCCCC solid;
			color:#FFF;	
			background:#000;		
		}

	.SearchOneSize-active{		
		background:#000; float:left; margin: 2px; margin-top: 7px;
	}
		.SearchOneSize-active a{
			display:block;
			padding: 2px 2px 2px 3px; width: 22px;
			border: 1px #CCCCCC solid;
			color:#FFF;	
			background:#000;		
		}
		
/* paddings */
#padding-l-10{
	padding-left: 10px;	
}
#padding-all-10{
	padding: 10px;	
}
#padding-top-10{
	padding: 10px 0;	
}
		
/* Search results thumbnails */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #333;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #333;
padding: 7px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 190px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
		
/* Search Results */
.SearchResults{
	width:100%;
}
	.numResults{
		height: 43px;
		color:#000000;
		font-size:12px;	
	}
	
	.pPrice{
		height: 50px;
	}
	.pHolder{
		float:left;
		width: 187px;
		height: 330px;
		padding-right:5px;
	}
		.pDescrip{
			text-align:center;
			margin-top: 10px;
			margin-bottom: 10px;
			width: 173px;
		}
		.pPriceText-l{
			height: 14px;
			float:left;
			width:95px;
			text-align:right;
			padding: 3px 0;
			color:#333333;
		}
		.pPriceText-l-u{
			height: 14px;
			float:left;
			width:95px;
			text-align:right;
			padding: 3px 0;
			color:#999999;
		}
		.pPriceText-r{
			height: 14px;
			float:left;
			width:78px;
			text-align:left;
			padding: 3px 0 3px 7px;
			color:#000000;
		}
		.pPriceText-r-u{
			height: 14px;
			float:left;
			width:78px;
			text-align:left;
			padding: 3px 0 3px 7px;
			text-decoration:line-through;
			color:#999999;
		}
		.pPriceText-r-new{
			height: 14px;
			float:left;
			width:78px;
			text-align:left;
			padding: 3px 0 3px 7px;
			color:#FF0000;
			font-weight:bold;
		}
		
		.pPriceText-onesize{
			height: 14px;
			width:85%;
			text-align:center;
			padding: 3px 0 3px 7px;
			color:#000000;
		}
		
		.pPriceText-onesize-u{
			height: 14px;
			width:85%;
			text-align:center;
			padding: 3px 0 3px 7px;
			color:#999999;
			text-decoration:line-through;
		}
		
		.pPriceText-onesize-new{
			height: 14px;
			width:85%;
			text-align:center;
			padding: 3px 0 3px 7px;
			color:#FF0000;
			font-weight:bold;
		}
		
		.pImage span{
			border: 1px solid #CCCCCC;	
			display: block; width: 173px; height: 173px; cursor:pointer;	
		}
		
		.pViewDetails{
			float:left;
			width:174px; 
			height: 16px;
			
		}
		
		
#divLoadingResults, #divNumResults{
	width: 250px; height: 20px;	
	float:left;
}
#divPromoDiscountMsg{
	width: 500px; height: 20px;
	float:right;
	text-align:right;
	padding-right:20px;
	color:#0033FF;
}
/* feeback messages*/
.msg-success{
	padding: 8px 0;
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; font-weight: bold;
	color:#0066FF;
}
.msg-fail{
	padding: 8px 0;
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight: bold;
	color:#cc0000;
}
#feedbackmsg{
	width: 100%; height: 15px;
	clear: both;
	border: 1px #CCCCCC solid;
	background-color:#fff;
	padding:10px;
	margin-bottom: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

#feedbackmsg-noborder{
	width: 100%; height: 15px;
	clear: both;
	border: none;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}


/* My ganton*/
.myganton-tabs{
	position:absolute; 
	margin-left: -670px; 
	margin-top: 6px; 
	color:#FFFFFF
}

/* inner divs layout */
.col-1-10{ float:left; width:10%; text-align: left; padding: 8px 0; vertical-align:top}
.col-1-15{ float:left; width:15%; text-align: left; padding: 8px 0;}
.col-1-20{ float:left; width:20%; text-align: left; padding: 8px 0;}
.col-1-25{ float:left; width:25%; text-align: left; padding: 8px 0;}
.col-1-30{ float:left; width:30%; text-align: left; padding: 8px 0;}
.col-1-35{ float:left; width:35%; text-align: left; padding: 8px 0;}
.col-1-40{ float:left; width:40%; text-align: left; padding: 8px 0;}
.col-1-50{ float:left; width:50%; text-align: left; padding: 8px 0;}
.col-1-60{ float:left; width:60%; text-align: left; padding: 8px 0;}
.col-1-65{ float:left; width:65%; text-align: left; padding: 8px 0;}
.col-1-70{ float:left; width:70%; text-align: left; padding: 8px 0;}

.col-1-40-r{ float:left; width:40%; text-align: right; padding: 8px 0;}
.col-1-50-r{ float:left; width:50%; text-align: right; padding: 8px 0;}

.col-2-10{	float:left; clear: right; text-align: right; width: 90%; padding: 8px 0;}
.col-2-15{	float:left; clear: right; text-align: right; width: 85%; padding: 8px 0;}
.col-2-20{	float:left; clear: right; text-align: right; width: 80%; padding: 8px 0;}
.col-2-25{	float:left; clear: right; text-align: right; width: 75%; padding: 8px 0;}
.col-2-30{	float:left; clear: right; text-align: right; width: 70%; padding: 8px 0;}
.col-2-35{	float:left; clear: right; text-align: right; width: 65%; padding: 8px 0;}
.col-2-40{	float:left; clear: right; text-align: right; width: 60%; padding: 8px 0;}
.col-2-50{	float:left; clear: right; text-align: right; width: 50%; padding: 8px 0;}
.col-2-60{	float:left; clear: right; text-align: right; width: 40%; padding: 8px 0;}
.col-2-70{	float:left; clear: right; text-align: right; width: 30%; padding: 8px 0;}

.col-2-10-l{	float:left; clear: right; text-align: left; width: 90%; padding: 8px 0;}
.col-2-15-l{	float:left; clear: right; text-align: left; width: 85%; padding: 8px 0;}
.col-2-20-l{	float:left; clear: right; text-align: left; width: 80%; padding: 8px 0;}
.col-2-25-l{	float:left; clear: right; text-align: left; width: 75%; padding: 8px 0;}
.col-2-30-l{	float:left; clear: right; text-align: left; width: 70%; padding: 8px 0;}
.col-2-35-l{	float:left; clear: right; text-align: left; width: 65%; padding: 8px 0;}
.col-2-40-l{	float:left; clear: right; text-align: left; width: 60%; padding: 8px 0;}
.col-2-50-l{	float:left; clear: right; text-align: left; width: 50%; padding: 8px 0;}
.col-2-60-l{	float:left; clear: right; text-align: left; width: 40%; padding: 8px 0;}
.col-2-65-l{	float:left; clear: right; text-align: left; width: 35%; padding: 8px 0;}
.col-2-70-l{	float:left; clear: right; text-align: left; width: 30%; padding: 8px 0;}

.col-2-10-r{	float:left; clear: right; text-align: right; width: 90%; padding: 8px 0;}
.col-2-15-r{	float:left; clear: right; text-align: right; width: 85%; padding: 8px 0;}
.col-2-20-r{	float:left; clear: right; text-align: right; width: 80%; padding: 8px 0;}
.col-2-25-r{	float:left; clear: right; text-align: right; width: 75%; padding: 8px 0;}
.col-2-30-r{	float:left; clear: right; text-align: right; width: 70%; padding: 8px 0;}
.col-2-35-r{	float:left; clear: right; text-align: right; width: 65%; padding: 8px 0;}
.col-2-40-r{	float:left; clear: right; text-align: right; width: 60%; padding: 8px 0;}
.col-2-50-r{	float:left; clear: right; text-align: right; width: 50%; padding: 8px 0;}
.col-2-60-r{	float:left; clear: right; text-align: right; width: 40%; padding: 8px 0;}

.fcol-1-8{ float:left; width:8%; text-align: left; padding: 3px 0;}
.fcol-1-20{ float:left; width:20%; text-align: left; padding: 3px 0;}
.fcol-1-30{ float:left; width:30%; text-align: left; padding: 3px 0;}
.fcol-1-40{ float:left; width:40%; text-align: left; padding: 3px 0;}
.fcol-1-50{ float:left; width:50%; text-align: left; padding: 3px 0;}
.fcol-1-60{ float:left; width:60%; text-align: left; padding: 3px 0;}

.fcol-2-8-l{	float:left; clear: right; text-align: left; width: 92%; padding: 3px 0;}
.fcol-2-20-l{	float:left; clear: right; text-align: left; width: 80%; padding: 3px 0;}
.fcol-2-30-l{	float:left; clear: right; text-align: left; width: 70%; padding: 3px 0;}
.fcol-2-40-l{	float:left; clear: right; text-align: left; width: 60%; padding: 3px 0;}
.fcol-2-50-l{	float:left; clear: right; text-align: left; width: 50%; padding: 3px 0;}
.fcol-2-60-l{	float:left; clear: right; text-align: left; width: 40%; padding: 3px 0;}

.col-100-pad10{ clear: both; text-align: left; padding: 10px 0;}
.col-100-pad5{ clear: both; text-align: left; padding: 3px 0;}
.col-100{ float:left; clear: both; text-align: left; width: 100%; padding: 8px 0;}
.col-100-right{ float:left; clear: both; text-align: right; width: 100%; padding: 8px 0;}


.col-100-pad5 input, .col-100-pad5 input:hover{
	border:0; background: none; padding: 0; margin: 0;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.btn-blue{
	background:url(../images/ganton-button-blue-big-right.jpg) no-repeat scroll top right; 
  	color:#FFFFFF;
    display: block;
    float: left;
    font: normal 12px Geneva, Arial, Helvetica, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	
}
	a.btn-blue span {
		background: url(../images/ganton-button-blue-big-left.jpg) no-repeat; 
	 	display: block;
		line-height: 18px;
		padding: 5px 5px 5px 12px;
		font-weight: bold;

	}  
	
a.btn-blue:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn-blue:active span {
    background-position: bottom left;
}

a.btn-grey{
	background:url(../images/ganton-button-grey-big-right.jpg) no-repeat scroll top right; 
  	color:#FFFFFF;
    display: block;
    float: left;
    font: normal 12px Geneva, Arial, Helvetica, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	
}
	a.btn-grey span {
		background: url(../images/ganton-button-grey-big-left.jpg) no-repeat; 
	 	display: block;
		line-height: 18px;
		padding: 5px 5px 5px 12px;
		font-weight: bold;

	}  
	
a.btn-grey:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn-grey:active span {
    background-position: bottom left;
}
	
a.btn-green{
	background:url(../images/ganton-button-green-big-right.jpg) no-repeat scroll top right; 
  	color:#FFFFFF;
    display: block;
    float: left;
    font: normal 12px Geneva, Arial, Helvetica, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	
}
	a.btn-green span {
		background: url(../images/ganton-button-green-big-left.jpg) no-repeat; 
	 	display: block;
		line-height: 18px;
		padding: 5px 5px 5px 12px;
		font-weight: bold;

	}  
	
a.btn-green:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn-green:active span {
    background-position: bottom left;
}
	
a.btn-large-green{
	background:url(../images/ganton-button-green-large-right.jpg) no-repeat scroll top right; 
  	color:#FFFFFF;
    display: block;
    float: left;	
    font: normal 12px Geneva, Arial, Helvetica, sans-serif;
    height: 33px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	
}
	a.btn-large-green span {
		background: url(../images/ganton-button-green-large-left.jpg) no-repeat; 
	 	display: block;
		line-height: 23px;
		padding: 5px 5px 5px 12px;
		font-weight: bolder;
	}  
	
a.btn-large-green:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn-large-green:active span {
    background-position: bottom left;
}	



#divBag{
	padding: 0;
	margin-bottom: 2px;
}

/* tables */
#table-header{
	background:#666666 url(../images/bg_table_header.jpg) repeat-x;
	height: 28px;	
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom: 3px;
}

/* division headers and layout */
.divHeader{
	font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: #696768 url(../images/bg_table_header.jpg) repeat-x top;
	margin:0; padding:0;
	height: 28px;
	
}
	.divHeaderLeft {
		float:left;
		height:28px;
		padding-left: 12px;
		padding-top: 2px;
	}
	.divHeaderRight {
		float:right;
		height:28px;
		padding-right: 2px;
	}
	
	.divHeaderRight2 {
		float:right;
		height:23px;
		padding-top: 3px;
		padding-right: 10px;
	}

	.box-pane{
		clear: both;
		border: 1px #CCCCCC solid;
		background-color:#fff;
		margin-bottom: 10px;
		height:100%;
		padding:12px;
		font-size:11px;
	}	
	

/* Shopping Bag CSS */

.tbl-header-imgdescrip{	width:250px; }

.tbl-header-proddetails{ width:130px; }

.tbl-header-extras{ width:130px; }

.tbl-header-qty{ width:28px; } 

.tbl-header-priceeach{ width:60px;} 

.tbl-header-subtotal{ width:60px;} 




/* media-kit */

.media-kit-div{
	text-align:center;
	padding: 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

.media-kit-images-container{
	width: 100%; height: 100%; 
	text-align: center; /* for IE */	
}
	.media-kit-images{
		width:590px; height: 100%;
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */	
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
		border: 0px #CCCCCC solid;
		margin-top:20px;
		padding-bottom: 15px;
	}
	
		.media-kit-image-50-l-horizontal{
			float:left;
			border: 1px solid #CCCCCC;
			text-align: center;
			width:580px; height: 530px;	
			padding:5px 5px 0px 5px;		
		}
		
		.media-kit-image-50-l{
			float:left;
			border: 1px solid #CCCCCC;
			text-align: center;
			width:255px; height: 530px;	
			padding:5px 5px 0px 5px;				
		}
		
		.media-kit-image-50-c{
			border: 1px solid #CCCCCC;	
			text-align: center;
			width:255px; height: 530px;		
			padding:5px 5px 0px 5px;
		}
		
		.media-kit-image-50-r{
			float:right;
			border: 1px solid #CCCCCC;	
			text-align: center;
			width:255px; height: 530px;		
			padding:5px 5px 0px 5px;
		}
		
		.media-kit-image-title{
			font:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			color:#000;
		}
		.media-kit-image-download{
			margin-top: 5px;
		}
			.media-kit-image-download a{
				color:#003366;		
				text-decoration:none;
			}
			.media-kit-image-download a:hover{
				color:#000000;	
				text-decoration:none;
			}
		.media-kit-print-file-pane{
			height: 40px;
		}
		
		.media-kit-images a{
			margin:0; padding:0; border:0; text-decoration: none;
		}
		




.note{
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:11px;
	color:#666666;
}

.grey-text-11-line{
 	color:#999999;
	text-decoration:line-through;
}

.grey-text-11{
 	color:#999999;
}
.grey-text-10{
 	color:#999999;
	font-size:10px;
}
.grey-text{
 	color:#666666;
	text-transform:uppercase;
	font-size:10px;
}
.grey-text-small{
 	color:#666666;
	font-size:9px;
}
.green-text{
	color:#336600
}

.black-text-11{
	color:#333333;
	font-size:11px;
	font-weight: normal;
}
.black-text-10{
	color:#333333;
	font-size:10px;
	font-weight: normal;
}
.black-text-9{
	color:#333333;
	font-size:9px;
	font-weight: normal;
}
.blue-text{
	color:#0066CC;
}
.blue-text-9{
	color:#0066CC;
	font-size:9px;
	font-weight: normal;
}
.blue-text-10{
	color:#0066CC;
	font-size:10px;
	font-weight: normal;
}

	.blue-text-10 a{
		color:#0066CC;
		text-decoration:none;
	}
	
	.blue-text-10 a:hover{
		color:#FFFFFF;
	}

.lightBlue{
	color: #66ccff;		
}

.blue-text-11-u{
	color:#0066CC;
	font-size:11px;
	text-decoration:underline;
}
	.blue-text-11-u a{
		color:#0066CC;
		font-size:11px;
		text-decoration:underline;
	}
	
	.blue-text-11-u a:hover{
		color:#000000;
		text-decoration:none;
	}
	
.blue-text-11{
	color:#0066CC;
	font-size:11px;
}
	

.blue-text-12{
	color:#0066CC;
	font-size:12px;
	font-weight:bold;
}
.white-text-10 a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}
	.white-text-10 a:hover{
	text-decoration:underline;
}

.white-text-11-bold{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}


.purpleColour{
	color:#330066;	
}
.orangeColour{
	color:#FF6600;
}
.redColour{
	color:#cc0000;
	}
.star{
	font-size: 12px;
	color:#FF0000;
	font-weight:bolder;
	margin:0; padding:0px;
	vertical-align: top;
}

.imgInput{
	border: none;
	padding: 0px;
}
.imgInput:hover{
	border: none;
	padding: 0px;
}
.aboveInput{
	text-align: left;
	margin-left: 3px;
}
#rightInput{
	position: absolute; margin-left: 5px; margin-top: 3px;
}
.logout a{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color:#0099CC;
}
	.logout a:hover{
	color:#000000;
	text-decoration:none;
}
#divLoading{
	font-size:10px;
	color:#333333;
	font-style:italic;	
	background: url(../images/loading.gif) no-repeat top left;
	height: 20px; width: 125px;		
}
#divLoading label{
	margin-left: 20px;
	text-align: left;
}


#divBoral{
	height: 70px;
	}
/* used ieSubmit button to hack the problem with image button in IE */
.ieSubmit{
	width:0px; height:0px; border:none;	
	background:#FFFFFF; margin:0; padding:0;
}

/* Carousel images ex: matching accessories */
 
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #999999;
overflow: scroll; /*leave this value alone*/
width: 225px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 16px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* Product page Zoom positions*/
#Zoomer-big{
	position: absolute; top: 215px;
}
#ZoomerCorporate-big{
	position: absolute; top: 220px;
	margin-left: -5px;
}

#Zoomer-bg{
	width:587px; 
	height: 450px; 
	position: absolute; top: 220px;
	background:#FFF;
}

#ma-holder{
	position: absolute; top: 215px; margin-left: 0px;
	width: 320px;
	background:#FFF;	
}
#ma-big{
	position: absolute; top: 215px; margin-left: 0px;
	width: 320px;
	background:#FFF;	
	padding-left: 17px;
	z-index: 100;
}
#ma-seo{
	margin-top: 370px;
	margin-left: 20px;
	width: 290px;	
}

#footer-spacer {
	height: 36px; /* = #container margin-bottom plus any extra space required between #container and #footer */
}

#viewsizes{
	padding-bottom: 15px;
}

#contactBtn{
	width: 440px;
}

/* Other CSS*/
.noborder{
		border: 0px; margin:0px; padding:0px;
		background:none;	
}
input.noborder:hover{
		border: 0px;
}
.noborder tr{
		border: 0px; margin:0px; padding:0px;
		background:none;
}
.noborder td{
		border: 0px; margin:0px; padding:0px;
		background:none;
		font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333;	
}

.withborder{
		border: 1px solid #CCCCCC;
		margin:0px; padding:0px;
}
.withborder tr{
		margin:0px; padding:0px;
		
}
.withborder td{
		padding: 8px;
		margin: 0px;
}


/*frontend footer*/
#footer-container{	
	width:100%;
	height: 35px;
	font-size:10px;	
	text-align: center; /* for IE */
}
	.footer-pane{
		/* create an inner html style for width */
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width: 1000px;
	}
	.footer-level1{	
		border-top: 1px solid #CCCCCC;
		 width:100%; 
		 height:25px;
		 text-align: center;		 
	}
		.footer-level1-links { padding: 5px;}
		.footer-level1-links a { color: #666666; text-decoration: none; text-transform:uppercase; padding: 0 15px;}
		.footer-level1-links a:hover { color: #000000; text-decoration: none;}
		
	
		.footer-level1-links{ padding-top: 10px; text-transform:uppercase; }
		
			.footer-level1-links a{ padding: 10px 15px;}