/* 
	colors: 
		baby blue: #C8EDFC
		orange: #FBAB18 (for text)
		gray: 666666 (for text)
*/


html, body {
	background: #70CDFA url(../images/bg_body.jpg) repeat-x;
	color: #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	behavior: url(csshover.htc);
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover img,
a:hover img:hover {
	text-decoration: none;
}

img {
	border: 0;
	text-decoration: none;
}

.clear {
	clear: both;
}

#outerContainer {	
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	width: 751px;
	text-align: left;
}

#companyLogo {
	height: 54px;
	margin: 30px 0 20px;
}

#contentWrapper {
	background-color: #FFFFFF;
}



#searchButton {
	background: url('../images/bg_menu.jpg') repeat-x;
	float: left;
	height: 33px;
	padding-top: 10px;
	width: 150px;
}


ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.inner {
	list-style: none;
	display: none;
}

#header {
	background: transparent url("../images/header.jpg") no-repeat;
	height:92px;
	margin-left: 3px;
	text-align: right;
	width: 752px;
}

#siteContainer {
	background-color: #ACE5FF;
	position: relative;
}

#top {
	background-color: #3AA3D7;
}

.menu {
	color:#999999;
	list-style: none outside none;
	margin: 0;
	text-decoration: none;
	z-index: 2;
}

.menu .menuitem {
	background-image: url("../images/bg_menu.jpg");
	display: block;
	height: 20px;
	padding-bottom: 2px;
	padding-top: 8px;
	position: relative;
	width: 185px;
	z-index: 2;
}

#topMenu ul li.last {
	border: 0px;
}

.menulink {
	color:white;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 15px;
	padding-left:24px;
	text-decoration:none;
	vertical-align:middle;
}

#topMenu .inner .menulink {
	color: #FFFFFF; 
	display: block;
	position: relative;
}

.menu .menuitem .inner {
	display: none;
}

.menu .menuitem:hover .inner  {				/* second level ul */
	background-color: #55ACEA;
	display: block;
	left: 0;
	padding: 0;
	position: absolute;
	top: 14px;
	width: 320px;	/* note: this accounts for the padding of 10px on L and R */
}

.menu .menuitem:hover .inner .menuitem {			/* second level */
	border-bottom: 1px solid white;
	border-right: none;
	height: 20px;
	padding-top: 5px;
	text-align: left;
	width: 300px;
}


.menu .menuitem:hover .inner .menuitem .last {
	border-bottom: none;
}

.menu .menuitem:hover .inner .menuitem:hover {			/* second level, hover */
	background-color: #2A5F84; 						/* dark blue */
	padding-right: 0px;
}

.menu .menuitem:hover .inner .menuitem:hover .inner { /* third level */
	background-color: #7DAE10;
	display: block;
	left: 129px;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 0px;
}

.menu .menuitem:hover .inner .menuitem:hover .inner .menuitem:hover {			/* third level */
	background-color: #85276B;
}

.menu li:hover .headerMenu li:hover .inner { /* third level */
	left: 155px;
}

#languages {
	float: left;
	margin-left: 20px;
	margin-top: -30px;
	position: relative;
}

#news {
	background-color: #3AA3D7;
	margin-top: 20px;
	width: 185px;
}

.newsItem {
	color: #FFFFFF;
	padding: 15px 10px 0 15px;
}

#contentText .newsItem,
#contentText .newsLink {
	color: #666666;
}

.newsLink {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.readMore {
	display: block;
	float: right;
	margin: 15px 0;
}

.newsSeparator {
	background-color: #1C7EAF;
	clear: both;
	height: 7px;
}

#columnOne {
	background-color: #ACE5FF;
	float: left;
	padding-left: 1px;
	width: 185px;
}

#columnTwo{
	float: left;
}

#contentTitle {
	background-color: #3AA3D7;
	color: white;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 15px 0 13px 35px;
}	

#contentText, #productText {
	background-color: white;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 20px 20px 17px 35px;
}

#productText {
	padding-top: 0;
}

#content {
	float: left;
	width: 564px;
}

.categoryItem {
	border: 1px solid #E0DFDD;
	float: left;
	font-size: 12px;
	height: 115px;
	margin-right: 8px;
	/*padding: 5px;*/
	text-align: center;
	width: 115px;
}

.enlargeImage {
	/*bottom: 5px;*/
	left: 50px;
	position: absolute;
}


#largeImage {
	margin-left: -34px; 
	margin-right: 100px;
	margin-top: -5px;
}

#groupListing #largeImage {
	margin-left: -35px; 
	margin-top: -35px;
}

#inner_wrap {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width: 976px;
}


input.textfield {
	background: url('../images/input_loginField.gif') no-repeat;
	border: none;
	color: #8A8888;
	font-weight: bold;
	height: 29px;
	padding: 5px 0 0 20px;
	width: 172px;
}

.sign_up {
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin: 10px 0 0 20px;
}
.sign_up a {
	color: #85276B;
}

.ok_button {
	margin: 0 0 0 80px;
	font-size: 11px;
}

.ok_button .submitButton,
.submitButton {
	background: transparent url('../images/button_loginOk.gif') no-repeat;
	border: none;
	color: #85276B;
	font-weight: bold;
	height: 29px;
	width: 79px;
}


.fieldSeparator {
	clear: both;
	height: 3px;
}

/* request form */
#content label {
	display: block;
	float: left;
	width: 150px;
}

#content input,
#content select,
#content textarea {
	border: 1px solid #ABACAE; /*#D4D4D4;*/
}

/* product listing */
.paging {
	float: right;
	margin: 5px 0;
}

.ditto_page {
	border: 1px solid #C8EDFC;
	padding: 2px 5px;
	margin-right: 7px;
}

.ditto_currentpage {
	background-color: #19516F;
	border: 1px solid #C8EDFC;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-right: 7px;
}

#productListing {
	/*border: 1px solid #3AA3D7; #1C7EAF;*/
}

.pagingImage {
	display: inline-block;
	vertical-align: text-bottom;
}

.product {						
	border: 1px solid #C8EDFC;
	float: left;
}

.productInfo {					/* line with name and price */
	bottom: 10px;
	color: #666666;
	left: 0;
	position: absolute;
	width: 100%;
}

.textLink,
.productInfo:visited {
	color: #666666;
}

.backContainer {
	background-color: #ACE5FF; /*url("../images/back_bg.png");*/
	padding: 10px;
	text-align: right;
}

.backLink  {
	color: #3AA3D7;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
}

/* product detail */
#colOne {
	float: left;
	overflow: hidden;
	width: 185px;
}

#colTwo {
	float: left;
	padding: 15px;
	position: relative;
	text-align: left;
	width: 285px;
}


.productItem {
	/*background-color: #C5C3C3;*/
	border: 1px solid #3AA3D7; /*#1C7EAF;*/
	clear: both;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}

.productTitle {
	background-color: #ACE5FF; /*#3AA3D7;#6A6967;*/	
	color: white;
	font-weight: bold;
	padding: 5px;
}

.productTitle a {
	color: #3AA3D7;
}

.productImage {
	/*background-color: #ACE5FF; #C5C3C3;*/
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 185px;
}

.productThumbnails {
	margin-left: 15px;
	width: 100%;
}

.productContent {
	/*background-color: #E2E0E0;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 25px;*/
	border-left: 1px solid #ACE5FF;
	float: left;
	padding: 10px;
	text-align: left;
	width: 480px; /* was 301 */
}

#productText .productContent {
	
	/*top: 10px; */
}

.blueBorder {
	border: 1px solid #C8EDFC;
}

#lightbox-image-details-currentNumber {
	color: white;
}

#breadcrumb {
	clear: both;
	float: left;
	margin: 5px 0;
}

#productText #breadcrumb {
	margin-bottom: 15px;
}

#productBack {
	background: transparent url('../images/bg_btn210.gif') no-repeat;
	color: #FBAB18;
	float: right;
	height: 18px;
	padding-top: 3px;
	text-align: center;
	width: 210px;
}

.thumbnailContainer {
	border: 1px solid #C8EDFC;
	display: block;
	float: left;
	height: 65px;
	margin-bottom: 10px;
	margin-right: 15px;
	overflow: hidden;
	padding: 5px 0;
	position: relative;
	/*text-align: center;*/
	width: 75px;
}

.imageThumbnail {
	display: block;
	height: 65px;
	position: relative;
	width: 70px;
	z-index: 5;
}

#productDetailImage {
	/*background-color: #ACE5FF;*/ 
	height: 148px; 
	padding: 5px; 
	position: relative; 
	text-align: center; 
	z-index: 5;
	zoom: 1;
}

#largeImageLink {
	cursor: hand;
	cursor: pointer;
	display: block;
	height: 130px;
	position: relative;
	width: 185px;
	z-index: 5;
}

#productName {
	color: #FBAB18;
	float: left;
	font-size: 14px;
	margin-bottom: 16px;
	width: 70%;
}

#code {
	font-weight: bold;
}

.B_crumb {
	color: #3AA3D7;
}

.enlargeImage .imageGallery,
.textBlue {
	color: #1C7EAF;
}

/* footer */
#footer_menu {
	list-style-type: none;
	margin-top: 0px;
}

#footer_menu .menuitem {
	border-right: 1px solid #FFFFFF;
	float: left;
	padding: 0 10px;
}

#footer_menu .last {
	border-right: none;
}

#footer .menulink {
	color: #FFFFFF;
}

#footer {
	background: transparent url(../images/bg_footer.jpg) no-repeat;
	color: #FFFFFF;
	height: 65px;
}

#copyright {
	float: left;
	padding: 30px 0 0 20px;
	width: 350px;
}

#policies {
	float: left;
	height: 10px;
	width: 300px;
}

#com2go {
	float: right;
	margin-right: 14px;
	margin-top: 18px;
}

/* */
.error { 
	color: red
}

.rounded {

}