/* ------------------------------- body, forms, links, and fonts ------------------------------ */

body {
	font-size: 11px; color: #405468; font-family: Verdana, MS Sans Serif;
	margin: 0px; background: url("../img/generic/background_mid.gif") 0 0; 
	background-position: 50% 0%; 
}

img { display: block; }

input, textarea, .pullDownText { color: #323F40; font-size: 11px; font-family: Verdana, MS Sans Serif; }

a:link { color: #405468; text-decoration: underline; }
a:visited { color: #405468; }
a:hover { color: #84A6D6; }
a:active { color: black; }

a.white2blue:link { color: white; text-decoration: none; }
a.white2blue:visited { color: white; text-decoration: none; }
a.white2blue:hover { color: #84A6D6; text-decoration: underline; }
a.white2blue:active { color: #EF4937; }

a.white2darkBlue:link { color: white; text-decoration: none; }
a.white2darkBlue:visited { color: white; text-decoration: none; }
a.white2darkBlue:hover { color: #405468; text-decoration: underline; }
a.white2darkBlue:active { color: black; }

a.grey2blue:link { color: #A0A0A0; text-decoration: underline; }
a.grey2blue:visited { color: #A0A0A0; text-decoration: underline; }
a.grey2blue:hover { color: #405468; text-decoration: underline; }
a.grey2blue:active { color: #EF4937; text-decoration: underline; }

a.baby2blue:link { color: #84A6D6; text-decoration: underline; }
a.baby2blue:visited { color: #84A6D6; text-decoration: underline; }
a.baby2blue:hover { color: #405468; text-decoration: underline; }
a.baby2blue:active { color: #EF4937; text-decoration: underline; }

.font16blue { font-size: 16px; color: #3B536A; }

a.imageRoll { float: left; border: 1px solid #E4E6D7; }
a.imageRoll:hover { border: 1px solid #999; }

a.imageRollRight { float: right; border: 1px solid #E4E6D7; }
a.imageRollRight:hover { border: 1px solid #999; }

h1 

/* ------------------------------- layout ------------------------------ */

#mainContainer {
	float: left; width: 100%; height: 123px;  
	background: url("../img/generic/background_top.gif") 0 0 no-repeat;
	background-position: 50% 0%;
}

#bannerTopPart {
	left: 50%; width: 743px; height: 80px; top: 42px; position: absolute; 
	margin-left: -370px; background: url("../img/generic/top_part1.jpg") 0 0 no-repeat;
}

#bannerBotPart {
	left: 50%; width: 743px; height: 97px; top: 122px; position: absolute; 
	margin-left: -370px; background: url("../img/generic/top_part2.jpg") 0 0 no-repeat; 
}

#contentContainer {
	left: 50%; width: 743px; top: 219px; position: absolute; margin-left: -370px; 
	background: url("../img/generic/content_back.jpg") 0 0; 
}

#topMenu {
	float: left; width: 743px; height: 28px; color: #CCCCCC;
	font-size: 13px; text-align: center;  line-height: 26px; 
	background: url("../img/generic/top_menu_back.jpg") 0 0; 
	border-bottom: 1px solid white;  
}

.topMenuItem a {
	float: left; text-decoration: none; color: white; 
	padding: 6px 15px 0px 15px; 
}
.topMenuItem a:hover { text-decoration: underline; }
.topMenuItem a:active { color: black; }
.topMenuItem a:visited { color: white; }

#leftColContainer { float: left; width: 179px; }

#rightColContainer {
	float: left; width: 542px; background-color: white; padding: 10px 10px 10px 12px;
}

/* ------------------------------- left menu ------------------------------ */

.menuLeftItem a {
	float: left; width: 139px; text-decoration: none; color: white; font-size: 12px;  
	padding: 7px 30px 7px 10px; border-bottom: 1px dashed #CEE0EB;
	background: url("../img/menu_left/item_back.jpg") 0 0 no-repeat;
} 
.menuLeftItem a:hover { background-position: 0 -87px; text-decoration: underline; }
.menuLeftItem a:active { background-position: 0 -174px; }
.menuLeftItem a:visited { color: white; }

#emailPhone {
	float: left; width: 127px; color: white; font-size: 10px;  line-height: 28px;
	padding-left: 42px; padding-right: 10px; padding-top: 4px; padding-bottom: 6px;
	background: url("../img/menu_left/email_phone_back.jpg") 0 0 no-repeat;
}

#address {
	float: left; width: 133px; color: white; font-size: 10px;  line-height: 14px;
	padding-left: 42px; padding-right: 4px; padding-top: 8px; padding-bottom: 8px;
	border-bottom: 1px solid white;
	background: url("../img/menu_left/address_back.jpg") 0 0 no-repeat;
}

/* ------------------------------- content ------------------------------ */

.testing {
	float: left; width: 242px; height: 27px;  
	color: white; line-height: 25px; padding-left: 10px;
	background: url("../img/home/product_title_back.gif") 0 0 no-repeat;
}

.contentBoxDotted {
	float: left; width: 520px; padding: 10px; border: 1px dotted #929292; 
	margin-bottom: 10px; 
}

.homeProductBox {
	float: left; width: 264px; height: 188px; border: 1px dotted #929292; 
	margin-bottom: 10px;
}

.homeProductTitle {
	float: left; width: 242px; height: 27px;  
	color: white; line-height: 25px; padding-left: 10px;
	background: url("../img/home/product_title_back.gif") 0 0 no-repeat;
}

.homeProductText {
	float: left; width: 130px; height: 115px; padding: 6px 3px 6px 8px;  overflow: hidden; 
}

.homeProductImage { float: left; margin: 7px 0px 0px 0px; }

.homeProductReadMore { float: left; width: 246px; text-align: right; padding: 6px 3px 6px 8px; }

#shortTitle {
	float: left; height: 27px; width: 233px; color: white; line-height: 25px; 
	padding: 0px 10px 0px 10px; margin-bottom: 10px; 
	background: url("../img/titles/back_short.gif") 0 0 no-repeat;
}

h1 {
	font-size: 11px;
}

h2 {
	font-size: 11px;
}

#longTitle {
	float: left; height: 27px; width: 382px; color: white; line-height: 25px; 
	padding: 0px 0px 0px 10px; margin-bottom: 10px; 
	background: url("../img/titles/back_long.gif") 0 0 no-repeat;
}

#longestTitle {
	float: left; height: 27px; width: 501px; color: white; line-height: 25px; 
	padding: 0px 10px 0px 10px; margin-bottom: 10px;
	background: url("../img/titles/back_longest.gif") 0 0 no-repeat; 
}

#newsletterTitle {
	float: left; height: 27px; width: 560px; color: white; line-height: 25px; 
	padding: 0px 10px 0px 10px; margin-bottom: 10px;
	background: url("../img/newsletter/title_back.gif") 0 0 no-repeat; 
}

.productZoomCol { float: left; width: 259px; }

#productZoomThumbs { float: left; width: 259px; padding: 10px 0px 10px 0px; text-align: right; }

.productZoomDetails { 
	float: left; width: 259px; padding-top: 10px; overflow: hidden; text-align: right;
}

.productInfoCol { float: left; width: 394px; height: 92px; padding-right: 10px; }

.productImageCol { float: left; width: 116px; }

.productTitleLeft { float: left; width: 280px; }

.productTitleLink { float: left; width: 92px; text-align: right; }

.productInfo { float: left; width: 350px; padding-left: 4px; }

#cartTitle {
	float: left; height: 27px; width: 535px; color: white; line-height: 25px; 
	padding-left: 10px; margin-bottom: 10px; 
	background: url("../img/cart/title.gif") 0 0 no-repeat;
}

.cartItemInfo {
	float: left; height: 56px; width: 437px; color: white;  
	padding-left: 10px; margin-top: 2px; 
	background: url("../img/cart/item_back.gif") 0 0 no-repeat;
}

.productListLetter {
	float: left; width: 33px; height: 33px; 
	font-size: 14px; line-height: 35px; text-align: center; 
	margin: 0px 5px 5px 0px; border: 1px dotted #929292; 
}

.productListing {
	float: left; width: 519px; height: 34px; line-height: 34px;
	border-bottom: 1px dotted #929292;
	background: url("../img/product_list/arrow.gif") 498px 5px no-repeat;
}

.pressItemDotted {
	float: left; height; 240px; padding: 5px; margin: 0px 10px 10px 0px; 
	text-align: center; border: 1px dotted #929292;
}

#companyInfo { float: left; width: 417px; color: #A0A0A0; font-size: 9px; padding-right: 10px; }

#version { float: left; width: 112px; color: #A0A0A0; font-size: 9px; text-align: right; }