/******************
 GENERAL STYLES   
 3FACD6 => blue color change to green =>00884C=>0a9ebf
 EEA91F => orange color change to red =>d41e00
 
******************/

* {
	margin: 0;
	padding: 0;
	}

a {
	text-decoration: none;
	color: #A29D98;
	background-color: inherit;
	}

	a:link, a:visited {
		text-decoration: none;
		color: #A29D98;
		background-color: inherit;
		}
	
	a:hover {
		color: #0A9EBF;
		background-color: inherit;
		}

/* CTP store purpose edit here */
body {
	background: black;
	color: #807F7F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .79em;
	}

h1 {
	
	}

	h1 a {
		display: block;
		position: absolute;
		color: inherit;
		#background: transparent url(../images/headertest.png) no-repeat 0 0;

		background: transparent url(http://www.chinesetranslationpro.com/images/chinese-translation-logo.jpg) no-repeat 0 0;
		text-indent: -9980px;
		width: 300px;
		height: 100px;
		top: 6px;
		left: -17px;
		}
	h1banner {
	
	    display: block;
		position: absolute;
		color: inherit;
		background: transparent url(../images/banner.jpg) no-repeat 0 0;
		text-indent: -9980px;
		width: 704px;
		height: 100px;
		top: 6px;
		left: 275px;
	
	
	}
		.eu h1 a {
			background-image: url(../images/logo-eu.png);
			width: 82px;
			height: 54px;
			}
		
		h1 a:focus {
			background-position: 0 0;
			outline-style: none;
			}

h2, h3, h4, h5 {
	font-family: helvetica, arial, sans-serif;
	}
		
/* added may 11 */
h3 {
	display: none;
	}
			
/* added may 11 to accomodate one-day-tour.php headers such as Tour Details, Tour Features, with underline*/

h5 {
		color: #B2B2B2;
		background-color: inherit;
		font-size: 18px;
		text-transform: uppercase;
		border-bottom: 1px solid #B2B2B2;
		margin: 30px 0 5px;
		line-height: normal;
		}	

hr {
	display: none;
	}
	
img {
	border-style: none;
	display: block;
	}
	
label {
	display: block;
	}
	
legend {
	display: none;
	}
	
p {
	margin-bottom: 1em;
	}
	
table {
	border-collapse: collapse;
	}
		
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	


/******************\
| ID SPECIFICS     |
\******************/


#container {
	margin: 0 auto;
	width: 964px;
	min-height: 600px;
	color: inherit;
	background-color: #fff;

	#background-color: green;
	}

/* width was 824 px 
	padding-left: 16px 
	modified to accomodate tour.php large image, shrink the left padding so the large image will fit
*/

#content {
	width: 840px;
	float: right;
	padding-left: 0px;
	margin: 0 0 70px 0;
	overflow: hidden;
	}

#content p.tour {
	padding-left: 20px;
	}

#content h2 {
	padding-left: 20px;
	}

/* imported from shop.css to accomodate three small images in the tour.php page 
*/


ul.features li {
		float: left;
		display: block;
		margin: 0 0 16px 16px;
		}


/*===
#etnies {
	position: absolute;
	bottom: 14px;
	right: 0;
	}
--*/

	
#gridoverlay {
	width: 964px;
	height: 1500px;
	color: inherit;
	background: transparent url(../images/grid.png) repeat-y 0 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0 0;
	z-index: 100;
	}


	
/* --------- Header header background made to black CTP store--------- */

#header {
	height: 107px;
	color: inherit;
	background: black;
	margin: 0;
	}
	
	#header a:focus {
		outline-style: none;
		}
	
	#header .accountbalance {
		right: 0;
		bottom: 56px;
		clear: both;
		position: absolute;
		margin: 0;
		font-size: 10px;
		}
		
		#header .accountbalance a {
			color: #58C714;
			background-color: inherit;
			}
			
			#header .accountbalance a:hover {
				color: #F0A91E;
				background-color: inherit;
				}
	
	#header .container {
		position: relative;
		margin: 0 auto;
		width: 964px;
		height: 106px;
		}
		

/* --------- Main Nav --------- */

#nav {
	margin: 39px 0 0 131px;
	font-size: 16px;
	float: left;
	padding:  0 2px 0 0;
	color: inherit;
	background: transparent url(../images/nav-line.png) no-repeat right 0;
	}
	
	#nav .dropdown, #nav #nav-shop  {
		position: absolute;
		top: 66px;
		left: 2px; 
		display: none;
		font-size: 10px;
		float: none;
		margin: 0;
		padding: 0 0 15px;
		z-index: 100;
		color: #88898B;
		background: transparent;
		}
		
	#nav .dropdown {
		color: inherit;
		background: transparent url(../images/nav-menu-footer.png) no-repeat bottom left;
		padding: 0 0 4px;
		width: 138px;
		}
		
		#nav .dropdown ul {
			padding: 15px 0;
			background: transparent url(../images/nav-menu-mid.png) repeat-x 0 0;
			}
		
		#nav .dropdown li {
			font-size: 16px;
			font-weight: bold;
			font-family: helvetica, arial, sans-serif;
			text-align: center;
			padding: 0;
			}
			
		 #nav .dropdown li a {
			display: block;
			padding:7px 0;
			}
			
			#nav .dropdown li.active a {
				color: #D22627;
				background-color: inherit;
				} 
	
	#nav > li {
		float: left;
		display:block;
		height: 56px;
		width: 140px;
		position: relative;
		color: inherit;
		background: transparent url(../images/nav-line.png) no-repeat 0 0;
		}
		
		#nav > li:hover {
			height: 68px;
			}
		
			#nav > li > a {
				display: block;
				text-align: center;
				padding-top: 38px;
				width: 138px;
				height: 16px;
				margin-left: 2px;
				color: #575858;
				background-color: inherit;
				text-transform: uppercase;
				font-family: helvetica, arial, sans-serif;
				font-weight: bold;
				}
				
				#nav > li > a:hover, #nav > li.active > a, #nav > li:hover > a {
					color: #D22627;
					background: transparent url(../images/nav.png) repeat 0 0;
					height: 28px;
					}

			
				#nav li:hover .dropdown, #nav li:hover #nav-shop {
					display: block;
					}

		#nav li li {
			padding: 0 0 3px;
			}
						
			#nav li li a {
				color: #88898B;
				background: transparent;
				}
	
				#nav li li a:hover {
					color: #0A9EBF;
					background: transparent;
					}
					
/* -------------- */

	#nav #nav-shop {
		width: 279px;
		color: inherit;
		background: transparent url(../images/shop-menu-top.png) no-repeat 0 0;
		}	

		#nav #nav-shop h4 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 4px;
			}
			
		#nav #nav-shop p {
			text-align: center;
			height: 22px;
			color: inherit;
			background: transparent url(../images/shop-menu-footer.png) no-repeat 0 0;
			margin: 0;
			padding: 17px 0 0;
			}
			
			.eu #nav #nav-shop p {
				height: 4px;
				background-position: bottom left;
				}
			
			#nav #nav-shop p a {
				line-height: 5px;
				height: 8px;
				padding: 0 8px;
				border-left: 1px solid #adadae;
				color: #717172;
				background-color: inherit;
				}
				
				#nav #nav-shop p a:hover {
					color: #0A9EBF;
					background-color: inherit;
					}

			#nav #nav-shop p a:first-child {
				border-style: none;
				}

		#nav #nav-shop > ul {
			color: inherit;
			background: transparent url(../images/shop-menu-mid.png) repeat 0 0;
			margin: 7px 0 0;
			overflow: hidden;
			padding: 28px 0 20px 27px;
			}
			
				#nav #nav-shop > ul > li {
					font-size: 11px;
					width: 87px;
					float: left;
					padding: 0 6px 0 20px;
					min-height: 260px;
					color: inherit;
					background: transparent url(../images/menu-line.png) repeat-y top left;
					}
					
					#nav #nav-shop > ul li:first-child {
						color: inherit;
						background: transparent;
						}



/* -------------- */


#shadow {
	display: block;
	position: absolute;
	top: 106px;
	left: 0;
	width: 100%;
	background: transparent url(../images/header.png) repeat-x scroll bottom left;
	color: inherit;
	text-indent: -9009px;
	line-height: 3px;
	height: 3px;
	z-index: 99;
	}


		
#subnavigation {
	width: 124px;
	float: left;
	}
	
	#subnavigation h4 {
		font-size: 11px;
		margin: 0 0 6px;
		color: #c8c8c8;
		background-color: inherit;
		}
	
	#subnavigation h5 {
		font-size: 14px;
		color: #807F7F;
		background-color: inherit;
		text-transform: uppercase;
		margin: 0 0 5px;
		}
	
	#subnavigation li {
		padding: 0 0 28px;
		display: block;		
		}
		
	#subnavigation li li {
			line-height:15px;
			padding: 0 0 5px 10px;
			margin: 0 0 0 1px;
			color: inherit;
			background: transparent url(../images/subnav.png) no-repeat 0 6px;
			}		

/* below from sevice.css */

#subnavigation ul {
		margin-top: 2px;
		}
	
		#subnavigation ul li {
			background: transparent url(../images/subnav.png) no-repeat scroll 0 6px;
			color: inherit;
			padding: 0 0 5px 10px;
			}
			
			#subnavigation ul li.active a {
				color: #D22627;
				background-color: inherit;
				}
				

/* above from sevice.css */



#wrapper {
	color: inherit;
	background: transparent url(../images/wrapper.png) repeat-y center top;
	}

/******************\
| CLASS SPECIFICS  |
\******************/

/* --------- */

p.breadcrumb { 
	margin: 1px 0 20px;
	color: #0A9EBF;
	background: transparent url(../images/h-line.png) no-repeat center bottom;
	height: 33px;
	overflow: hidden;
	padding: 0 0 0 5px;
	}
	
	p.breadcrumb a {
		color: #0A9EBF;
		background-color: inherit;
		margin: 0 5px 0 0;
		padding: 5px 3px 5px 5px;
		line-height: 18px;
		float: left;
		font-size: 10px;
		}
		
		p.breadcrumb a:focus {
			outline-style: none;
			}
		
		p.breadcrumb a:hover {
			color: #F1AA1E;
			background-color: inherit;
			}
			
		p.breadcrumb a kbd {
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			p.breadcrumb a kbd:before {
				content: "'";
				}
				
			p.breadcrumb a kbd:after {
				content: "'";
				}
		
		p.breadcrumb small a {
			display: block;
			text-indent: -9909px;
			width: 10px;
			height: 10px;
			color: inherit;
			background: transparent url(../images/breadcrumb-x.png) no-repeat 0 0;
			padding: 0;
			margin: 10px 5px 0 0;
			}
			
			p.breadcrumb small a:hover {
				background-position: 0 -10px;
				}
				
			p.breadcrumb small a:focus {
				outline-style: none;
				}

	p.breadcrumb .seperator {
		display: none;
		}
		
	p.breadcrumb span {
		color: inherit;
		background: transparent url(../images/breadcrumb.png) no-repeat right top;
		line-height: 30px;
		height: 30px;
		float: left;
		padding: 0 6px 0 0;
		margin: 0 2px 0 0;
		}
	
	p.breadcrumb strong {
		display: none;
		}


		
/* --------- Product Tiles Sitewide --------- */	

a.imagelink  {
	color: #807F7F;	
	background-color: inherit;
	display: block;
	padding: 0 18px;
	min-height: 80px;
	line-height: 15px;
	}
	
	a.imagelink:hover {
		color: #0A9EBF;	
		background-color: inherit;
		}
	
	a.imagelink:focus {
		outline-style: none;
		}
	
	a.imagelink .divider {
		display: none;
		}

	a.imagelink img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-bottom: 0 !important;
		}	

	a.imagelink .price {
		font-size: 10px;
		color: #F1AA1E;
		background-color: inherit;
		display: block;
		padding: 2px 0 0;
		height: 17px;
		}
		
		a.imagelink .price del {
			padding-right: 2px;
			}
	
	a.imagelink .price.sale {
		color: #F1AA1E;
		background:transparent url(../images/sale-tag.png) no-repeat 123px top;
		}




/* ============ */


ul.productlists {
	overflow: hidden;
	}
	
	ul.productlists > li, .related li.relatedproduct {
		display: block;
		text-align: center;
		float: left;
		width: 192px;
		height: 210px;
		font-size: 14px;
		overflow: hidden;
		padding: 5px 0 0;
		margin: 0 0 16px 16px;
		position: relative;
		border: 1px solid #E9EBEB;
		}
		
		.related li.relatedproduct {
			margin: 0 0 16px;
			float: none;
			}

	ul.productlists span.available, .related li.relatedproduct span.available {
		width: 19px;
		height: 210px;
		display: block;
		position: absolute;
		text-indent: -9009px;
		text-align: left;
		top: 6px;
		left: 4px;
		color: inherit;
		background:transparent url(../images/link-php/instock.png) no-repeat 0 0;
		z-index: 50;
		}
		
/* --------- Footer --------- */
		
#footer { 
	text-transform: uppercase;
	position: relative;
	clear: both;
	overflow: hidden;
	color: #c8c8c8;
	background: transparent url(../images/h-line.png) no-repeat 0 30px;
	font-family: helvetica, arial, sans-serif;
	padding: 30px 0 35px;
	}

	#footer a.home {
		position: absolute;
		right: 0;
		top: 38px;
		display: block;
		width: 41px;
		height: 41px;
		text-indent: -9009px;
		color: inherit;
		background: transparent url(../images/footer-logo.png) no-repeat 0 0;
		}
		
		#footer a.home:focus {
			outline-style: none;	
			}

	#footer .copyright {
		text-transform: none;
		position: absolute;
		top: 14px;
		right: 0;
		font-size: 17px;
		line-height: 9px;
		}
		
		#footer .copyright ul {
			float: right;
			}

		#footer .copyright li {
			float: left;
			padding: 0 5px;
			border-left: 1px solid #D8D8D8;
			}
			
			#footer .copyright li a {
				color: #c8c8c8;
				background-color: inherit;
				}
				
				#footer .copyright li a:hover {
					color: #6d6b6b;
					background-color: inherit;
					}

		#footer .copyright span {
			float: left;
			padding: 0 5px;
			}
			
	#footer li {
		padding: 2px 0;
		}
				
		#footer li a {
			color: #bab7b4;
			background-color: inherit;
			}

			#footer li a:hover {
				color: #6d6b6b;
				background-color: inherit;
				}

	#footer .seals {
		display: none;
		}
		
	#footer .primary, #footer .secondary {
		float: right;
		}
		
	#footer .primary {
		width: 54px;
		margin: 11px 70px 0 0;
		}
		
	#footer .secondary {
		width: 280px;
		margin: 11px 0 0 0;
		}
		
		#footer .secondary li {
			float: left;
			width: 140px;
			}
			
	#footer .region {
		width: 200px;
		margin: 11px 0 0 0;
		padding: 2px 0 0 94px;
		background:transparent url(../images/footer-icon.png) no-repeat 0 0;
		margin-left: 0px;

		}
		
		#footer .region li a {
			padding-left: 22px;
			margin-left: 25px;
			}

			#footer .region li.active a, #footer .region li a:hover {
				color: #0A9EBF;
				background:transparent url(../images/region.png) no-repeat scroll 0 2px;
				}
				
		#footer .region strong {
			padding: 0 0 0 26px;
			font-weight: normal;
			color: #7A7A7A;
			background-color: inherit;
			}

	/* -------- image border here for tour.php page -------- **/

			.landing ul.features li a, .section-landing ul.features li a {
				display: block;
				width: 261px;
				border: 1px solid #d2d2d2;
				color: #b0afaf;
				background-color: #f0f0f0;
				}
				
				
			.landing ul.features li a:hover, .section-landing ul.features li a:hover {
					color: #878787;
					background-color: #e8e8e8;
					border-color: #b4b4b4;
					}
				
			.landing ul.features li:first-child a, .section-landing ul.features li:first-child a {
					width: auto;
					}
					
			.landing ul.features li a span, .section-landing ul.features li a span {
						display: block;
						padding: 5px 10px;
						}