/*============= GLOBAL ===============*/
body {
		display: none;
		margin: 2px;
}

body, table {
		background-color: white;
}

body, td, p, div, a {
		color: #333;
		font-family: Arial;
		font-size: 15px;
}

a:active, a:focus {
		outline: none;
}

a.mainLink:active, a.mainLink:focus {
		/* font-weight: bold; */
}

/*============= MAIN LAYOUT ===============*/
.mainlayout {
		text-align: center;
		border: 1px solid black;
		width: 85%;
		height: 150%;
}


.logo {
		width: 100px;
		/*20% min-width: 150px;
		max-width: 200px;*/
}

.header {
		width: 700px;
		/*80% min-width: 700px;
		max-width: 800px;*/
}

.logotop img {
		width: 100px;
		height: auto;
}

.headertop img {
		width: 700px;
		height: auto;
}

#headerText {
		font-family:'Trebuchet MS',Arial,Sans-serif;
		font-size:3.4em;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:bolder;
		letter-spacing:-2px;
		line-height:normal;
		margin:0;
		padding:0;
		color:#6297BC;
		text-transform: capitalize;
}

#slogan {
		letter-spacing: 0px;
		color:#666666;
		font-family:Tahoma,'trebuchet MS',Sans-serif;
		font-size:13px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:bold;
		line-height:normal;
		text-indent:0;
		text-transform:none;
		margin:10px 15px;
		padding-bottom: 30px;
		border-bottom: 1px dotted gray;
}

.trilist {
		list-style-image: url(images/bullet-triangle.gif);
}

.nolist {
		list-style-image:none;
		list-style-type:none;
}

ul li {
		margin-bottom: 3px;
}

/*============= MODULE ===============*/
#personalIndex, #link1, #link2, #link3 {
		display: none;
		color: black;
}

#module {
		width: 100%;
		height: 100%;
}

#moduletd {
}

#search {
		vertical-align: middle;
		padding-left: 22px;
		height: 24px;
		background-image: url(images/magsm.png);
		background-repeat: no-repeat;
		background-position: center left;
}

.search, .viewPerPage {
		margin-top: 4px;
		float: left;
		font-size: 13px;
		margin-left: 15px
}

.prevnext {
		float: right;
		margin: 5px 15px 5px 0;
}

a.next, a.prev, a.next img, a.prev img, a.pageLink, a.pageLink img {
		color: #333;
		text-decoration: none;
		border: 0;
		font-size: 12px;
}

.pageLink.linkDisabled {
	/*text-decoration: underline;*/
}

.selectedCategory {
		background-color: yellow;
}

/*============= CATALOG ===============*/
.categoryTitle {
		text-align: center;
		font-size: 24px;
		font-weight: bold;
}

td.catalogItem {
		text-align: center;
		padding: 0 15px 5px 15px;
		border-color: #DDDDDD;
		border-style: dotted;
}

td.catalogItem a {
		text-decoration: none;
}

td.catalogItem.odd {
		/* background-color: #FFEEEE; */
		border-width:0 1px 0 1px;
}

td.catalogItem.even {
		/* background-color: #FFFFEE; */
		border-width: 0 0px 0 0px;
}

.productImage {
		height: 100px;
		width: 100px;
		border: 1px solid gray;
		margin: 5px;
}

.productDesc {
		text-decoration: none;
		text-align: left;
		margin: 5px;
		font-size: 13px;
		height: 50px;
		overflow: hidden;
}

.clear {
		border-top: 1px dotted #666666;
		margin: 0;
		clear: both;
}

.clearclear {
		margin: 0;
		clear: both;
}

.productPrice {
		float: left;
		margin: 5px;
		font-weight: bold;
}

.productAddToCart {
		float: left;
		text-align:left;
		margin: 5px;
}

.productAddToCart img {
		height: 20px; 
		width: 35px;
}

.productCode {
		text-align: right;
		font-size: 11px;
		width: 30%;
		float:right;
		white-space:nowrap;
		overflow:hidden;
		margin: 5px;
}

.listHeader {
		font-weight: bold;
}

/*============= DESCRIPTION PAGE ===============*/
table.description {
		text-align: center;
}

table.description .productImageBig {
		/*max-height: 200px;
		height: expression( Math.min($('.productImageBig').attr('height'),200) + 'px');*/
width: 350px;
height: auto;
border: 0;
}

table.description .productImageNormal {
		width: auto;;
		height: auto;
		border: 0;
}

table.description .desc {
		font-size: 24px;
		font-weight: bold;
}

.thumbnail {
		cursor: pointer;
		width: 50px;
		height: auto;
		margin: 0 1px 0 1px;
}

.startSlideShow {
		margin-left: 20px;
}

.startSlideShow a {
		font-size: 13px;
}

.slideShowNav {
	white-space: nowrap;
	border: 1px dashed #333;
	float: right;
	padding: 5px;
	font-color: #336;
	font-size: 13px;
}

.slideShowNav a {
	font-weight: bold;
	color: #113;
}

.slideShowNav img {
	border: 0;
	margin-left: 5px;
}

.enabled {
	color: #336 !important;
	font-weight: bold !important;
}


.disabled {
	color: #666 !important;
	font-weight: normal !important;
}
/*============= CONTACT PAGE ===============*/
.contactTitle {
		text-decoration: underline;
		font-weight: bold;
		margin: 20px 0 20px 0;
		color: #333366;
}

.contactInfo {
		margin-left: 10px;
}

.contactDetails {
		font-size: 12px;
}

form.contact table tr td {
		font-size: 13px;
}

textarea {
		overflow: auto;
}

.asterisk {
		color: red;
		font-size: 15px;
}

.specialNotes {
		font-size: 10px;
}

