/****** e-comshops v3.7.5 CSS ******/

/****** HTML ELEMENTS ******/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

body {
	color: #000;
	background-color: #FFF;
	background: url(./assets/header_graphic.jpg) no-repeat top center;
	margin: 0px;
	padding: 10px;
	}
	
td, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#333;
	}
td, p strong {
	color:#98012E;
	}
	
a {
	color: #606060;
	text-decoration: none;
	}
	
a:hover {
	color: #666;
	text-decoration: underline;
	}
	
form {
	margin: 0px;
	padding: 0px;
	}
	
hr {
	color: #333;
	height: 1px;
	}







/****** TOP NAV BUTTONS ******/
#topnavigation { position: relative; margin-top: -195px; margin-left: 611px; }
#topnavigation ul { list-style: none;  }
#topnavigation ul li { width: 149px }
#topnavigation ul li a { color: #323232; text-decoration: none; text-transform: uppercase; }
#topnavigation ul li a:hover { color: #323232; text-decoration: none; }
#topnavigation ul li a.buttonBasket { width: 149px; padding-left: 30px; background: transparent url(./assets/buttons_r3_c3.jpg) no-repeat; display: block; line-height: 28px;  }
#topnavigation ul li a.buttonHome { width: 149px; padding-left: 30px; background: transparent url(./assets/buttons_r1_c3.jpg) no-repeat; display: block; line-height: 28px; }


/** top navigation **/
#topNavigationBar { width: 800px; background-color: #C3DCE9; position: relative; height: 24px; padding: 1px; }
#topNavigationBar .search { width: 200px; margin-left: 4px;  float: left;}
#topNavigationBar .search p {color: #323232; margin-top: 4px;}
#topNavigationBar .search p input { border: 1px #666 solid; }
#topNavigationBar ul {list-style: none; padding-right: 9px; margin-top: 6px;  }
#topNavigationBar ul li { display: inline; color: #323232; }
#topNavigationBar ul li a { font-size: 11px; text-transform: uppercase; color: #323232; margin-left: 5px;}

/** logotype invisible field **/
#logotypeContainer { position: relative; width: 800px; height: 145px; }
#logotype { position: absolute; width: 120px; height: 124px; top: -3px; left: 24px; }
#logotype a { display: block; width: 120px; height: 124px; }

#mainBody { position:absolute;top:190px; }

#catmenu {}
#catmenu .catheader { display: none; }
#catmenu ul { list-style: none; margin:0; padding:0; border:none;}
#catmenu ul li { width: 140px; min-height: 22px; background: transparent url(./assets/buttons_r5_c1.jpg) no-repeat; line-height: 22px; padding-left: 30px; margin-bottom: 2px; }
#catmenu ul li a { font-weight: bold; display: block; font-size:10px; line-height: 22px; color: #FFF; text-decoration:none; }

#catmenu ul li a:hover {
	display: block;
	text-decoration:none;
}
#catmenu ul li.submenu p{
	margin-left: 10px;
}
#catmenu ul p{
	margin-left: -10px;
}
#catmenu ul li p{
	margin-left: 10px;
}
#catmenu ul li ul li {
	background: none;
    width:110px;
 }
#catmenu ul li ul li a {
	   margin-left:-30px;
	   color: #666;
 }
.show{display: block;}
.hidden{display: none;}
.odd { font-size: 14px; text-transform: uppercase; font-weight: bold; width: 595px; background-color: #C3DCE9; color: #323232; text-transform: uppercase; padding: 9px 0px 9px 9px !important; }
.even { font-size: 14px; text-transform: uppercase; font-weight: bold; width: 595px; background-color: #D5DC91; color: #323232; text-transform: uppercase; padding: 9px 0px 9px 9px !important; }


#featuredProduct { position: relative; float: left;width: 616px; }
#featuredProduct h2 { background-color: #C3DCE9; color: #323232;font-size: 14px; text-transform: uppercase; padding: 9px 0px 9px 9px; }
#featuredProduct .product { width: 148px; float: left;  padding:0 15px 0 32px; }
#featuredProduct .product .imageContainer { border: #C3DCE9 3px solid; width: 148px; height: auto; background-color: #FFF; }
#featuredProduct .product .imageContainer a { border: 4px #FFF solid; display: block; height: auto; width: 140px; text-align: center; }
#featuredProduct .product .imageContainer a img { border: none; }
#featuredProduct .product p { text-align: center; width: 149px; font-size: 12px; font-weight: bold; }
#featuredProduct .product p a { }

#specialProduct { position: relative; float: left;width: 616px;}
#specialProduct h2 { background-color: #D5DC91; color: #323232; font-size: 14px; text-transform: uppercase; padding: 9px 0px 9px 9px; }
#specialProduct .product { width: 148px; float: left; padding: 0px 15px 0px 0px; }
#specialProduct .product .imageContainer { border: #D5DC91 3px solid; width: 148px; height: auto; background-color: #FFF; }
#specialProduct .product .imageContainer a { border: 4px #FFF solid; display: block; height: auto; width: 140px; text-align: center; }
#specialProduct .product .imageContainer a img { border: none; }
#specialProduct .product p { }
#specialProduct .product p a { }

#item-head { width: 610px; background-color: #C3DCE9; padding: 1px 0px 1px 5px; }

#productList { width: 615px; }
#productList .listing {  border-bottom: #C3DCE9 dotted 1px; float: left; padding-bottom: 5px; padding-top: 5px; margin-top: 3px; margin-bottom: 3px; }
#productList .listing:hover { background-color: #E8F4FA; }
#productList .listing .title { float: left; width: 290px; line-height: 80px; padding-left: 10px; }
#productList .listing .image { border: #C3DCE9 3px solid; width: 148px; height: auto; background-color: #FFF; float: left; }
#productList .listing .image a { border: 4px #FFF solid; display: block; height: auto; width: 140px; text-align: center; }
#productList .listing .image a img { border: none; }
#productList .listing .price { float: left; width: 85px; padding-left: 15px; line-height: 80px; }
#productList .listing .info { float: left; width: 60px; line-height: 80px; }
#productList .listing .info  p { line-height: 80px; }
#productList .listing .info  p a { height: 23px; width: 58px; display: block; background: transparent url(./assets/buttonInfo.jpg) no-repeat; margin-top: 40px; }
#productList .listing .info  p a span { display: none; }

#images { width: 220px; float: left; }
#productDetails { width: 374px; float: left; padding-left: 17px; }
#productDetails h3 { font-size: 18px; color: #98012E; }

#productDetails #price h4 { font-size: 24px; font-weight: bold; color: #000; width: 190px; float: left; }
#productDetails #price h4 .reducedfrom { font-size: 14px; font-weight: bold; color: #98012E; }
#productDetails #price p { float: left; line-height: 78px; width: 182px; }

#productList .listing .price p { font-size: 14px; }
#productList .listing .price p .reducedfrom { font-size: 12px; padding-right: 10px; font-weight: bold; color: #98012E; }

#order { width: 390px; background-color: #C3DCE9; height: 40px; clear:both; padding: 1px 0px 1px 10px; margin-left: -19px; margin-bottom: 30px; }
#order input.submit { width: 58px; height: 23px; background: transparent url(./assets/buttonAdd.jpg) no-repeat; display: inline; text-indent: -999px; border: 0px; } 

#productAttributes ul { list-style: none; color: #000; margin: 0px; padding: 0px; }
#productAttributes ul li { color: #000; }
#productAttributes ul li strong { font-weight: bold; display: inline-block; width: 146px; }
#productAttributes ul li span { color: #F00; }
.thumbtitle {display: none; }
.statement { width: 615px; float: left; clear: both; }


/****** SURROUNDING TABLE ******/

#container {
	}

#container td {
	padding: 5px;
	color: #323232;
	}


/** FAQ Table **/
#faqContainer { position: relative; width: 610px; }
#faqContainer .faq { width: 618px; float: left; }
#faqContainer .faq .question { padding: 1px 15px 1px 56px; background: transparent url(./assets/qa_r1_c1.png) no-repeat top left; }
#faqContainer .faq .answer { padding: 1px 15px 1px 56px; background: #D5DC91 url(./assets/qa_r3_c1.png) no-repeat top left; }

/****** ITEMS TABLES ******/

.content {
	background-color: #FFFFFF;
	width: 619px !important;
	}

/* TABLE HEADERS */
.content th {
	font-weight: bold;
	color: #323232;
	background-color: #C3DCE9;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 9px 0 9px 9px;
	text-transform: uppercase;
}

/* PRODUCT NAME */
.productname{
	font-weight: bold;
	font-size: 16px;
}

/* PRODUCT PRICE */
.itemprice {
	font-weight: bold;
	margin: 0;
}
.reducedfrom{
	text-decoration: line-through;
}

/* BOX BEHIND ADD TO CART BUTTON */
.content .addbox {
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

/* REVIEW LINKS & HOVER */
.content .reviews a {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
	
.content .reviews a:hover {
	color: #333333;
}

/* BACKGROUND CELL FOR PRODUCT DESCRIPTION & IMAGE */
.content .productbg {
	background-color: #FFFFFF;
}

/* PREVIOUS & NEXT BUTTONS IN LIST ITEMS */
.content .buttons {
	text-align: right;
}
.content .buttons input {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #508B97;
	margin: 0px;
	padding: 0px;
	border: none;
}
	
.content .buttons form {
	margin: 0px;
	padding: 0px;
	display: inline;
}
		
/* HEADER FOR FEATURED ITEMS */	
.content .featuredtitle {
	color: #FFFFFF;
	display: block;
	background-color: #e28f0f;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
		
.content .featuredtitle2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;		
	}
/* Small Image Thumbs beneath main image */
.thumbs {
	list-style: none;
	margin-left: -30px;
}
.thumbs li {
	float: left;
	margin-left: 10px;
}
.thumbtitle {
	color: #653332;
	border-bottom: 1px solid #eee;
}







/****** LEFT HAND MENU (LEGACY) ******/

	#menu p {
		padding: 5px;
		margin: 0;
	}
	
	#menu a {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#menu a:hover {
		font-weight: bold;
		color: #000000;
		text-decoration: none;
	}





/* CATEGORIES AND SUBCATEGORIES MENU 

		#menu #catmenu {
			background-color:#999;
			margin: 0;
			margin-bottom: 10px;
		}
		#menu #catmenu .catheader {
			display: block;
			font-size: 11px;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #333;
			padding: 5px;
		}
		#catmenu ul{
			list-style: none;
			margin:0;
			padding:0;
			border:none;
		}
		#catmenu li{
			list-style: none;
			border-bottom:1px solid #fff;
			margin-bottom: 0px;
		}

	
/* HOT MENU */

		#menu #hotmenu {
			background-color: #666;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 10px;
			margin-left: 0px;
		}

		#menu #hotmenu .hotheader {
			display: block;
			font-size: 14px !important;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #333;
			padding: 5px;
		}
		#menu #hotmenu a:hover {color:#ff9b00;}

/* SALE MENU */

		#menu #salemenu {
			background-color: #666;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 10px;
			margin-left: 0px;
		}


		#menu #salemenu .saleheader {
			display: block;
			font-size: 14px !important;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #333;
			padding: 5px;
		}


/* SPECIAL MENU */

		#menu #specialmenu {
			background-color: #CCCC99;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 10px;
			margin-left: 0px;
		}


		#menu #specialmenu .specialheader {
			display: block;
			font-size: 14px !important;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #999966;
			padding: 5px;
		}
		
/* FEATURED MENU */

		#menu #featuredmenu {
			background-color: #CCCC99;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 10px;
			margin-left: 0px;
		}


		#menu #featuredmenu .featuredheader {
			display: block;
			font-size: 14px !important;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #999966;
			padding: 5px;
		}		

#featuredmenu p {
font-size: 14px !important;
}
/* CHECKOUT STYLES */

	.checkoutbg {
		background-color: #EDEDED;
		margin: 0px;
		padding: 0px;
	}

	#checkoutborder {
                width: 618px;
		background-color: #F4F4F4;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		}
       .important {color:#993400;} /* EU ADDRESS CONFIRMATION */

/****** FOOTER CSS (BOTTOM NAV) ******/
		#footer { position: relative;width: 616px; }
		#footer #accepted { width: 470px; float: left; margin-top: 10px; }
		#footer #identifier { float: right; text-align: right; width: 130px; margin-top: 10px; margin-right: 5px; }
        #footerBar { position: relative; float: left; width: 600px; background-color: #C3DCE9; color: #323232; padding: 9px; }
        #footer ul {margin:0;padding:0;text-align:center;}
        #footer ul li {display:inline;}

	#footer p {
		font-size: 9px;
		color: #999;
	}
	
	#footer a {
		font-size: 11px;
		font-weight: bold;
		color: #666;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #ddd;
	}


.footerBar { width:400px; }

.newbutton{
	color: #fff;
	background-color: #666;
	border: 2px solid #ccc;
}

.background { background-color: #C3DCE9; text-transform: uppercase; }
.background td { color: #323232; }

tbody .imageContainer { border: #C3DCE9 3px solid; width: 148px; height: auto; background-color: #FFF; }
tbody .imageContainer a { border: 4px #FFF solid; display: block; height: auto; width: 140px; text-align: center; }
tbody .imageContainer a img { border: none; }
tbody .price { color: #323232; }
.underline { border-bottom: 1px dotted #C3DCE9; margin-top: 2px; margin-bottom: 2px; }
#notice { width: 606px;}
#notice img{
float: right;
}
#trade { color: #98012E; }
#container td.purple { color: #98012E; } 
.checkoutbg p strong { color: #565656; }

#redirectbuttons {
margin: 20px;
text-align: center;
}