@charset "utf-8";

/*	------------------------------------------------------------	*/
/*	General Class													*/
/*	------------------------------------------------------------	*/

html, body {
	overflow-x: hidden;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
}

/* Clear floats */
.clearFloats {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.loading {
	background: url(/images/preloader3.gif) no-repeat center center;
}

.hideThis {
	height: 0;
	left: -5000px;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
}

/*	------------------------------------------------------------	*/
/*	Site Structure													*/
/*	------------------------------------------------------------	*/
#container {
	width: 950px;
}
#leftNavigation {
	float: left;
	width: 148px;
}
#mainContent {
	float: left;
	/*width: 802px;*/
	width: 750px;
}
#footer {
	color: #8b8c8a;
	font-size: 1.2em;
	padding: 37px 0 24px 18px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footer .designedBy,
#footer .bestView {
	color: #666666;
	font-size: .9em;
	padding-top: 5px;
	position: relative;
}
#footer .bestView { padding-top:0; margin-top: -2px; }
#footer .designedBy a {
	color: #666666;
	text-decoration: none;
}

/*	------------------------------------------------------------	*/
/*	Left Navigation													*/
/*	------------------------------------------------------------	*/
#leftNavigation .logo {
	padding: 15px 0 88px 9px;
}
#mainNavigation li {
	margin-bottom: 4px;
}
#mainNavigation li.spaceline {
	background: none;
	height: 1px!important;
	padding: 0;
	overflow: hidden;
}
#mainNavigation li a {
	display: block;
	height: 34px;
	width: 148px;
}

#nav1 a:hover,
#nav1.selected a {
	background: url(/images/menu-01a.png);
}
#nav2 a:hover,
#nav2.selected a {
	background: url(/images/menu-02a.png);
}
#nav3 a:hover,
#nav3.selected a {
	background: url(/images/menu-03a.png);
}
#nav4 a:hover,
#nav4.selected a {
	background: url(/images/menu-04a.png);
}
#nav5 a:hover,
#nav5.selected a {
	background: url(/images/menu-05a.png);
}
#nav6 a:hover,
#nav6.selected a {
	background: url(/images/menu-06a.png);
}
#nav7 a:hover,
#nav7.selected a {
	background: url(/images/menu-07a.png);
}
#nav8 a:hover,
#nav8.selected a {
	background: url(/images/menu-08a.png);
}
#mainNavigation a:hover img {
	opacity:0;filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
#mainNavigation .selected img {
	opacity:0;filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}

#mainNavigation li ul {
	position: relative;
	margin-top: 3px;
}

/* Sub Navigation 1 */
#nav2sub {
	position: absolute;
	margin: -35px 0 0 113px;
}
#subNavigation1 {
	margin-top: 4px;
}
#subNavigation1 li {
	background: url(/images/submenu1.png);
	font-size: 1.1em;
	margin: 0;
	padding: 8px;
	text-align: right;
	width: 92px;
}
#mainNavigation2 li.spaceline {
	height: 2px;
	overflow: none;
}
#subNavigation1 li a {
	background: none!important;
	color: #ebebeb;
	height: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	width: 92px;
}
#subNavigation1 li a:hover {
	background: none;
	text-decoration: none;
}

/* Sub Navigation 2 */
#subNavigation2 {
	margin-top: 4px;
}
#subNavigation2 li {
	background: url(/images/submenu1.png);
	font-size: 1.1em;
	margin: 0;
	padding: 8px;
	text-align: right;
	width: 130px;
}
#subNavigation2 li a {
	background: none!important;
	color: #ebebeb;
	height: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	width: 130px;
}
#subNavigation2 li a:hover {
	background: none;
	text-decoration: none;
}
.shareLinkButton { margin: 30px 0 10px 0; }
.skypebutton { padding:8px 0; }
.skypebutton div {
	color: #666666;
	font-size:1.1em;
	padding: 8px 0 20px 5px;
}

/*	------------------------------------------------------------	*/
/*	About Us														*/
/*	------------------------------------------------------------	*/
#pageAbout {
	background: #000000 url(/images/back-about.jpg) no-repeat left top;
}
#mainContentAbout {
	color: #FFF;
	padding: 200px 0 0 80px;
	width: 450px;
}
#mainContentAbout h1 {
	font-size: 2.6em;
	font-weight: normal;
	padding-bottom: 10px;
}
#mainContentAbout .pageContent {
	font-size: 1.2em;
}


/*	------------------------------------------------------------	*/
/*	Product															*/
/*	------------------------------------------------------------	*/
#pageProduct {
	background: #000000 url(/images/back-prod.jpg) no-repeat left top;
}
#pageProduct1 {
	background: #000000 url(/images/back-prod-woman.jpg) no-repeat left top;
}
#pageProduct2 {
	background: #000000 url(/images/back-prod-men.jpg) no-repeat left top;
}
#pageProduct3 {
	background: #000000 url(/images/back-prod-shoe.jpg) no-repeat left top;
}
#pageProduct4 {
	background: #000000 url(/images/back-prod-shoe.jpg) no-repeat left top;
}
#mainContentProduct {
	padding: 160px 0 0 95px;
	width: 660px;
}
#mainContentProduct h1 {
	color: #FFF;
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 20px 10px;
	position: relative;
	width: 625px;
}
#mainContentProduct .panelNav {
	width: 625px;
}
	#mainContentProduct .panelNav .mainShop img {
		border: solid 1px #FFF;
		display: block;
		float: left;
		margin-right: 15px;
	}
	#mainContentProduct .panelNav .mainShop a:hover img {
		border: solid 1px #CCC;
	}	
	
#mainContentProduct .mainShopCaption {
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	padding: 15px 0 20px 0;
	width: 578px;
}	
	
#mainContentProduct .voucherBox	 {
	background: url(/images/prod-desc-back.png);
	margin: 20px 0 20px 50px;
	padding: 20px;
	width: 440px;
}
	#mainContentProduct .voucherBox .voucherLeft {
		float: left;
		padding-right: 20px;
		width: 102px;
	}
		#mainContentProduct .voucherBox .voucherLeft a {
			border: #FFF solid 1px;
			display: block;
		}
	#mainContentProduct .voucherBox .voucherCenter {
		color: #FFF;
		float: left;
		font-size: 1.2em;
		text-align: center;
		width: 196px;
	}	
	#mainContentProduct .voucherBox .voucherRight {
		float: left;
		padding-left: 20px;
		width: 102px;
	}	
		#mainContentProduct .voucherBox .voucherRight a {
			border: #FFF solid 1px;
			display: block;
		}	
.panelTitle {
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	padding: 30px 0 10px;
}

#mainContentProductDetails {
	background: url(/images/prod-desc-back.png);
	height: 500px;
	margin: 90px 0 0 60px;
	overflow: hidden;
	width: 688px;
}
#mainContentProductDetails .leftProductDet{
	float: left;
	padding: 10px 10px 15px 10px;
	width: 423px;
}
	#mainContentProductDetails .leftProductDet .prodNav {
		padding-top: 4px;
	}
	#mainContentProductDetails .leftProductDet .prodLeftDetails {
		color: #FFF;
		font-size: 1.2em;
		overflow: hidden;
		height: 300px;
	}
		#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftDesc {
			padding: 10px 10px 30px;
			text-align: right;
		}
			#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftDesc h1 {
				font-size: 2.5em;
				font-weight: normal;
				padding-bottom: 20px;
			}
			#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftDesc  .prodDescDeails {
				/*height: 130px;*/
				height: 90px;
				overflow: hidden;
			}
		#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftPrice {
			text-align: right;
		}
			#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftPrice span {
				font-size: 2.5em;
				padding: 10px;
			}
		#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftWholePrice {
			height: 40px;
			overflow: hidden;
			padding-top: 15px;
			text-align: right;
		}	
			#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftWholePrice strong {
				display: block;
				font-size: 1.2em;
				padding: 0 10px 2px;
			}		
			#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftWholePrice span { padding: 0 10px; }		
		#mainContentProductDetails .leftProductDet .prodLeftDetails .prodLeftAdded {
			padding: 15px 10px 0;
			text-align: right;
		}	
	#mainContentProductDetails .leftProductDet .prodBtnReview {
	 	float: left;
		padding: 20px 0 0 10px;
		/*text-align:center;*/
		width: 200px;
	}
		#mainContentProductDetails .leftProductDet .prodBtnReview img {
			padding-right: 5px;
		}
	#mainContentProductDetails .leftProductDet .cartArea {
		color: #FFF;
		float: right;
		font-size: 1.2em;
		padding: 20px 10px 0 0;
		text-align: right;
		width: 200px;
	}
		#mainContentProductDetails .leftProductDet .cartArea .item_Size,
		#mainContentProductDetails .leftProductDet .cartArea .item_quantity {
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom: 10px;
			width: 85px;
		}
		#mainContentProductDetails .leftProductDet .cartArea .item_quantity { width: 80px; }
		#mainContentProductDetails .leftProductDet .cartArea .prodBtnCart {
		
		}	
		
#mainContentProductDetails .rightProdDet{
	float: left;
	height: 500px;
	overflow: hidden;
	width: 245px;
}

#slideshow img {
    position:absolute;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

#mainContent .prodNavPanel {
	color: #FFF;
	margin-left: 60px;
	padding: 10px 0 0;
	text-align: right;
	width:688px;
}
	#mainContent .prodNavPanel a {
		color: #FFF;
		text-decoration: none;
	}
	#mainContent .prodNavPanel a:hover { text-decoration: underline; }




/*	------------------------------------------------------------	*/
/*	Contact Us														*/
/*	------------------------------------------------------------	*/
#pageContact {
	background: #000000 url(/images/back-contact.jpg) no-repeat left top;
}
#mainContentContact {
	color: #FFF;
	padding: 150px 0 0 80px;
	width: 690px;
}
	#mainContentContact .mainContactLeft {
		float: left;
		font-size: 1.3em;
		padding-top: 10px;
		width: 323px;
	}
		#mainContentContact .mainContactLeft .fmHeader {
			padding-bottom: 20px;
			text-align: right;
		}
		#mainContentContact .mainContactLeft label {
			float: left;
			padding-right: 2px;
			text-align: right;
			width: 75px;
		}
		#mainContentContact .mainContactLeft input,
		#mainContentContact .mainContactLeft textarea {
			float: left;
			padding: 0 2px;
			width: 235px;
		}
		#mainContentContact .mainContactLeft textarea { height: 100px; }
		#mainContentContact .mainContactLeft .captchaArea {
			text-align: right;
		}
		#mainContentContact .mainContactLeft .captchaArea img {
			position: absolute;
			margin-left: -110px;
		}
		#mainContentContact .mainContactLeft input.captcha {
			float: none;
			margin-top: 10px;
			width: 88px;
		}	
		#mainContentContact .mainContactLeft .fieldset  {
			padding-bottom: 15px;
		}	
		#mainContentContact .mainContactLeft .submitArea {
			text-align: right;
		}
			#mainContentContact .mainContactLeft .submitArea input {
				height: 12px;
				float: none;
				width: 47px;
			}						
	#mainContentContact .mainContactRight {
		float: left;
		font-size: 1.3em;
		padding-left: 48px;
		width: 319px;
	}	
	#mainContentContact .mainContactRight h2 {
		font-size: 1.5em;
		font-weight: normal;
	}
	#mainContentContact .mainContactRight a {
		color: #FFFFFF;
		text-decoration: underline;
	}
	#mainContentContact .mainContactRight a:hover { text-decoration: none; }
	
/* Contact Form */
#contactForm td {
	vertical-align: top;
	padding-bottom: 5px;
}
#contactForm .KT_field_hint,
#contactForm .KT_required {
	height: 0;
	display: none;
	margin-left: -5000px;
	position: relative;
}
#contactForm .capthca input {
	width: 90px;
}
#contactForm .capthca .captchaText {
	font-size: .9em;
}
#contactForm .form_validation_field_error_error_message {
	color: #FFCCCC;
	font-size: .8em;
}
#contactForm #KT_tngerror {
	padding-bottom: 5px;
}
#contactForm #KT_tngerror label { visibility: hidden; }
#contactForm #KT_tngerror div {
	color: #FFCCCC;
}
#contactForm .submit input {
	height: 12px;
	padding-top: 5px;
	width: 47px;
}


/*	------------------------------------------------------------	*/
/*	Collection														*/
/*	------------------------------------------------------------	*/
#pageCollection {
	background: #000000 url(/images/back-collection.jpg) no-repeat left top;
}

#mainContentCollection {
	color: #FFF;
	font-size: 1.2em;
	/*height: 340px;*/
	/*padding: 110px 0 0 300px;*/
	padding: 110px 0 0 100px;
	width: 602px;
}
#mainContentCollection h1 {
	font-size: 2.5em;
	font-weight: normal;
	padding-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}
#mainContentCollection h2 {
	font-size: 1.5em;
	font-weight: normal;
	padding-bottom: 5px;
	text-transform: uppercase;
}
#mainContentCollection .collectionContent {
	height: 250px;
	overflow: auto;
}
#mainContentCollection .collectionList {
	font-size: 1.2em;
	padding-bottom: 10px;
	text-align: right;
}
#mainContentCollection .collectionList a {
	color: #FFF;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 2px;
	text-decoration: underline;
}
#mainContentCollection .collectionList a:hover {
	text-decoration: none;
}
#mainContentCollection .collectionPaging {
	color: #FFF;
	font-size: 1.4em;
	padding-top: 15px;
	text-align: center;
}
#mainContentCollection .collectionPaging a {
	color: #FFF;
	text-decoration: underline;
}
#mainContentCollection .galleryview .panel { text-align: center; }


/*	------------------------------------------------------------	*/
/*	Press Release													*/
/*	------------------------------------------------------------	*/
#pagePress {
	background: #000000 url(/images/back-press.jpg) left top;
}
#mainContentPress {
	color: #FFF;
	padding: 53px 0 0 80px;
	width: 667px;
}
#mainContentPress .pageLeftContent {
	/*height: 574px;*/
	float: left;
	overflow: hidden;
	width: 385px;
	
	/*Min height set*/
	height:auto !important;
	height:574px;
	min-height:574px;	
	
}
	#mainContentPress .pageLeftContent #pressCounter {
		padding: 5px;
	}
	#mainContentPress .pageLeftContent #pressCounter a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#mainContentPress .pageLeftContent #pressCounter a:hover { text-decoration: underline; }
#mainContentPress .pageRightContent {
	float: left;
	padding-left: 70px;
	width: 210px;
}
#mainContentPress .pageRightContent h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 25px 0 20px;
	
	/*Min height set*/
	height:auto !important;
	height:16px;
	min-height:16px;	
}
#mainContentPress .pageRightContent .shortDescription {
	height: 368px;
	font-size: 1.2em;
	overflow: hidden;
}
#pressDesc {
	height: 330px;
	overflow: hidden;
}
#mainContentPress .pageRightContent .panelNav {
	text-align: center;
}	
#mainContentPress .pageRightContent .panelNav .header {
	padding-bottom: 12px;
}
#mainContentPress .pageRightContent .panelNav .panelImage {
	margin: 0 auto 13px;
	/*overflow: hidden;*/
	width: 171px;
}
#mainContentPress .pageRightContent .panelNav .panelCounter {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 5px;
}


/*	------------------------------------------------------------	*/
/*	Video															*/
/*	------------------------------------------------------------	*/
#pageVideo {
	background: #000000 url(/images/back-video.jpg) no-repeat left top;
}

#mainContentVideo {
	/*padding: 162px 0 0 113px;*/
	padding: 100px 0 0 100px;
	width: 750px;
}
	#mainContentVideo .videoLeftArea {
		float: left;
		padding-right: 160px;
		/*width: 413px;*/
		width: 432px;
	}
		#mainContentVideo .videoLeftArea h1 {
			color: #FFF;
			font-size: 1.3em;
			font-weight: bold;
			height: 26px;
			text-align: right;
		}
	#mainContentVideo .videoRightArea {
		color: #FFF;
		font-size: 1.2em;
		float: left;
		height: 420px;
		/*padding-top: 38px;*/
		overflow: hidden;
		/*width: 158px;*/
		width: 100px;
	}
		#mainContentVideo .videoRightArea .videoPanelWrapper {
			margin-top: -5px;
			position: relative;
		}



/*	------------------------------------------------------------	*/
/*	Wholesale														*/
/*	------------------------------------------------------------	*/
#pageWholesale {
	background: #000000 url(/images/back-wholesale.jpg) no-repeat left top;
}
#wholesaleDownload {
	background: url(/images/login-back.png) no-repeat left top;
	height: 402px;
	/*margin: 169px 0 0 517px;*/
	margin: 169px 0 0 200px;
	overflow: hidden;
	padding: 15px;
	width: 261px;
}
#wholesaleDownload h1 {
	color: #6e7f8a;
	font-size: 2.2em;
	font-weight: normal;
	text-align: right;
	padding-bottom: 25px;
}
#wholesaleDownload .shortDescription {
	color: #FFF;
	font-size: 1.2em;	
	padding: 10px;
}
#wholesaleDownload .wholesaleDownload {
	color: #FFF;
	font-size: 1.2em;	
	padding-top: 10px;
	text-align: center;
}
#wholesaleDownload .wholesaleDownload img {
	padding-bottom: 10px;
}
#wholesaleDownload .wholesaleDownload a {
	color: #FFFFFF;
	display: block;
	padding-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#wholesaleDownload .wholesaleDownload a:hover { text-decoration: underline; }
#wholesaleDownload .reportTable {
	height: 0;
	display: none;
	margin-left: -5000px;
	position: relative;
}



#wholesaleRegister {
	background: url(/images/login-back.png) no-repeat left top;
	height: 402px;
	margin: 169px 0 0 517px;
	overflow: hidden;
	padding: 15px;
	width: 261px;
}
#wholesaleRegister h1 {
	color: #6e7f8a;
	font-size: 2.2em;
	font-weight: normal;
	text-align: right;
	padding-bottom: 15px;
}
#wholesaleRegister .warnBox {
	color: #FFCCCC;
	margin-top: -15px;
	padding-left: 83px;
	position: relative;
}

#registerArea {
	color: #FFF;
	font-size: 1.2em;
}
#registerArea input {
	width: 175px;
}
#registerArea input.attachment {
	width: 100px;
}



#registerArea td { 
	height: 40px;
	vertical-align: top;
}
#registerArea .KT_field_hint,
#registerArea .KT_required,
.regErrorMsg #KT_tngerror label {
	height: 0;
	display: none;
	margin-left: -5000px;
	position: relative;
}
#registerArea .form_validation_field_error_error_message,
#registerArea .KT_field_error {
	color: #FFCCCC;
	font-size: .8em;
}
.regErrorMsg #KT_tngerror {
	color: #000;
	font-weight: bold;
	padding-bottom: 5px;
}
#registerArea #KT_tngerror label { visibility: hidden; }
#registerArea #KT_tngerror div {
	color: #FFCCCC;
}
#registerArea .submit input {
	height: 12px;
	padding-top: 5px;
	width: 47px;
}
#wholesaleRegister .regErrorMsg {
	/*background-color: #330000;*/
	color: #FFCCCC;
	font-size: 1.2em;
	height: 30px;
	margin-top: -90px;
	position: absolute;
	text-align: center;
	width: 260px;
}


#wholesaleLogin {
	background: url(/images/login-back.png) no-repeat left top;
	height: 294px;
	margin: 169px 0 0 200px;
	overflow: hidden;
	padding: 138px 60px 0 55px;
	width: 175px;
}	
#wholesaleLogin h1 {
	color: #858e91;
	font-size: 2.3em;
	font-weight: normal;
	text-align: left;
	padding-bottom: 25px;
}
#loginArea {
	color: #FFF;
	font-size: 1.2em;
}
#loginArea td {
	padding-bottom: 5px;
}
#loginArea td.inputArea {
	padding-bottom: 10px;
}
#loginArea input {
	width: 175px;
}
#loginArea .loginSubmit { text-align: right; }
#loginArea .loginSubmit input {
	height: 12px;
	width: 37px;
}
#loginArea .KT_field_hint,
#loginArea .KT_required,
.regErrorMsg #KT_tngerror label,
#wholesaleLogin #KT_tngerror label,
#wholesaleLogin #KT_tngdeverror label {
	height: 0;
	display: none;
	margin-left: -5000px;
	position: relative;
}
#wholesaleLogin #KT_tngerror,
#wholesaleLogin #KT_tngdeverror {
	color: #FFCCCC;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
#wholesaleLogin .btnRegister {
	float: right;
	padding-top: 10px;
}
#loginArea .form_validation_field_error_error_message,
#loginArea .KT_field_error {
	color: #FFCCCC;
	font-size: .8em;
}


/*	------------------------------------------------------------	*/
/*	Auto Scroll horizontal											*/
/*	------------------------------------------------------------	*/
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-jeffry .jcarousel-next-horizontal {
    position: absolute;
    top: 78px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-jeffry .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-jeffry .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-jeffry .jcarousel-next-disabled-horizontal,
.jcarousel-skin-jeffry .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-jeffry .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-jeffry .jcarousel-prev-horizontal {
    position: absolute;
    top: 78px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-jeffry .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-jeffry .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-jeffry .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-jeffry .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-jeffry .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}




/**
 *  Vertical Buttons
 */
 .jcarousel-list li,
.jcarousel-item {
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	text-align: center;
	font-size: 0.9em;
    width: 100px;
    height: 110px;
}

 .jcarousel-skin-jeffry .jcarousel-container-vertical {
    width: 100px;
    height: 350px;
    padding: 40px 0;
}

.jcarousel-skin-jeffry .jcarousel-clip-vertical {
    width:  100px;
    height: 350px;
}

.jcarousel-skin-jeffry .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-jeffry .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-jeffry .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 35px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-jeffry .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-jeffry .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-jeffry .jcarousel-next-disabled-vertical,
.jcarousel-skin-jeffry .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-jeffry .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-jeffry .jcarousel-prev-vertical {
    position: absolute;
    top: -5px;
    left: 35px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-jeffry .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-jeffry .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-jeffry .jcarousel-prev-disabled-vertical,
.jcarousel-skin-jeffry .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-jeffry .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}




/*	------------------------------------------------------------	*/
/*	Shopping Cart													*/
/*	------------------------------------------------------------	*/
#cartWrapper {

	background: url(/images/prod-desc-back.png);
	color: #FFF;
	font-size: 1.2em;
	margin: 20px 0 0 60px;
	padding: 10px 0;
	width: 688px;
}
	.cartHeaders {
		font-size: 1.2em;
		font-weight: bold; 
	}
		
	.cartHeaders .itemName,
	.itemContainer .itemName {
		float: left;
		padding: 5px 0 5px 15px;
		width: 150px;
	}
	
	.cartHeaders .itemSize,
	.itemContainer .itemSize {
		float: left;
		padding: 5px 0 5px 15px;
		width: 65px;
	}
	.cartHeaders .itemPrice,
	.itemContainer .itemPrice {
		float: left;
		padding: 5px 0 5px 15px;
		width: 70px;
	}	
	
	.itemContainer .itemdecrement,
	.itemContainer .itemincrement {
		float: left;
		padding: 5px 0 5px 15px;
		width: 10px;
	}
	.cartHeaders .itemQuantity,
	.itemContainer .itemQuantity {
		float: left;
		padding: 5px 0 5px 15px;
		text-align: center;
		width: 70px;
	}	
	.cartHeaders .itemQuantity { 
		text-align: center;
		width: 110px; 
	}	
	.itemContainer  .itemremove { 
		float: left;
		padding: 5px 0 5px 15px;
		width: 100px; 
	}
	.cartHeaders .itemTotal,
	.itemContainer .itemTotal {
		float: left;
		padding: 5px 0 5px 15px;
		width: 70px;
	}	
	.cartHeaders .itemTotal { margin-left: 125px; }	
			
	
	
	.itemContainer a{
		color: #FFCC00;
		text-decoration:none;
	}
	.itemContainer a:hover { text-decoration:underline; }

.cartAttribute	 {
	border-top:  #CCCCCC solid 1px;
	margin: 10px auto;
	padding-top: 10px;
	width: 658px;
}
.cartAttribute span { display:block; float: left; padding-bottom: 6px; }
.cartAttribute .cartAttributeLabel {
	display: block;
	float: left;
	width: 150px;
}
.cartAttribute .finalLabel {
	border-top: solid 1px #CCCCCC;
	margin-top: 5px;
	padding-top: 5px;
}
.cartAttribute .simpleCart_finalTotal {
	border-top: solid 1px #CCCCCC;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 5px;	
}
.cartAttribute .simpleCart_checkout,
.cartAttribute .simpleCart_nocheckout {
	display: block;
	margin-top: 15px;
}

.cartAttribute .shipDestination { /*padding: 5px 0 10px;*/ }
.cartAttribute .shipDestination .validity { 
	padding-top: 5px;
	color: #FF6600; 
}
	
.cartTips {
	font-size: .9em;
	padding: 10px 15px;
}
.cartTips a {
	color: #FFCC00;
	text-decoration: none;
}
.cartTips a:hover { text-decoration: underline; }	



/*	------------------------------------------------------------	*/
/*	Term condition													*/
/*	------------------------------------------------------------	*/
#pageTerm {
	background: #000000 url(/images/back-press.jpg) left top;
}


#mainContentTerm{
	color: #FFF;
	padding: 170px 0 0 65px;
	width: 500px;
}
#mainContentTerm h1 {
	font-size: 2.6em;
	font-weight: normal;
	padding-bottom: 10px;
}
#mainContentTerm .pageContent {
	font-size: 1.2em;
}



/*	------------------------------------------------------------	*/
/*	Shop															*/
/*	------------------------------------------------------------	*/
.subCatMen {
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 20px;
	position: absolute;
	width: 143px;
}
.subCatAcc {
	color: #FFFFFF;
	font-size: 1.2em;	
	margin: 20px 0 0 216px;				
	position: absolute;
	width: 143px;
}
.subCatWoman {
	color: #FFFFFF;
	font-size: 1.2em;	
	margin: 20px 0 0 413px;				
	position: absolute;
	width: 143px;
}
.subCatMen a, .subCatAcc a, .subCatWoman a {
	background: url(/images/prod-desc-back.png);
	border-bottom: solid 1px #CCCCCC;
	color: #FFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
}
.subCatMen a:hover, .subCatAcc a:hover, .subCatWoman a:hover { color: #ccc; }		
.showMeNow { display: block; }		




/*	------------------------------------------------------------	*/
/*	Creative Studio													*/
/*	------------------------------------------------------------	*/
#pageCreative {
	background: #000000 url(/images/back-creative.jpg) left top;
}
#mainContentCreative{
	color: #FFF;
	padding: 170px 0 0 65px;
	width: 500px;
}
#mainContentCreative h1 {
	font-size: 2.6em;
	font-weight: normal;
	padding-bottom: 10px;
}
#mainContentCreative .pageContent {
	font-size: 1.2em;
}
#mainContentCreative .pageContent  a {
	color: #FFCC00;
	text-decoration: none;
}
#mainContentCreative .pageContent  a:hover { text-decoration: underline; }

	



/*	------------------------------------------------------------	*/
/*	Loader								*/
/*	------------------------------------------------------------	*/
.QOverlay {
	background-color: #000000;
	z-index: 9999;
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}