@charset "utf-8";

/* CSS Document */



.clearer {clear:both}



body, html{ background-color:#436D83; margin:0px; padding:0px; text-align:center; }

a, a:visited{ color:#C4438F; }

a:active, a:hover{ color:#C4438F; }

p { font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:12px; font-weight:normal; margin-left:60px; margin-right:60px;}





h1 {display:none}



#page-top-bg {

background: url('../images/bg-top.jpg') top center repeat-x #9ec6d5;

color: inherit; /* this avoids a CSS warning later on. Whenever a background image or color is defined, a corresponding foreground color should be defined, even if it's inherited as it is in this case. */

}



#page-bot-bg {

background: url('../images/bg-bot.jpg') bottom center repeat-x; /* do not define a background color for this gradient as an alternative, or you'll wipe out the top gradient. EXTREMELY IMPORTANT. */

color: inherit; 

}



#container { position:relative; text-align:center; z-index:2; margin:0 auto; }

#main { position:relative; width:999px; padding:0px; text-align:left; background-image:url(../images/main-bg.png); z-index:3; margin:0 auto; }



#logostrip { position:relative; width:980px; height:177px; background-image: url(../images/logo-strip.png); margin-left:10px; background-repeat:no-repeat; z-index:10;}

#mainflash { position:relative; margin-top: -60px; width:922px; height:340px; margin-left:40px; z-index:4;}

#productshot{ position:relative; margin-top: -90px; width:950px; height:235px; margin-left:38px; z-index:4; text-align:right;}



#product{ position:relative; margin:0 auto; width:950px; margin-left:38px; z-index:4; text-align:left;}



#productlist { position:relative; left:0; top:0; width:180px; margin-right:20px; margin-left:0px; z-index:4; text-align:left; padding:0px;}



#productlist ul {list-style-image: url(../images/products/bullet-over.png);}

#productlist ul li a {color: #0b4872; text-decoration:none; font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:12px; list-style-image: url(../images/products/bullet.png); }

#productlistul li a:visited {color: #0b4872; text-decoration:none; font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:12px; list-style-image: url(../images/products/bullet.png); }

#productlist ul li a:active {color: #0b4872; text-decoration:none; font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:12px; list-style-image: url(../images/products/bullet.png); }

#productlist ul li a:hover {color: #c4438f; text-decoration:none; font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:12px; list-style-image: url(../images/products/bullet-over.png); }



#infoarea { position:relative; margin-left:40px; top:-180; left:200px; padding:0px; width: 660px; z-index:4; }

#infoarea p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; margin-left:10px; margin-right:10px;}



#productname {position:relative; z-index:4; text-align:left; font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:20px; font-weight:bold; color:#c4438f; margin-top:0px; margin-bottom:10px;}

#devider {position: relative; background-image:url(../images/products/devider-bar.png); background-repeat:no-repeat; z-index:4; margin:0; padding:0; width:648px; height:14px; padding-bottom:20px;}



#ProductPhotoThumbs { position:relative; z-index:5; width:210px; visibility:visible; left:0; top:304; }

#ProductPhotoThumbs img { padding:0; margin-left:1px; margin-right:1px; border:1px solid #c4438f; cursor:hand;}



#PhotoContainer { position:relative; left:0; top:0; width:210px;}

#mainphoto1 { position: absolute; left:0; top:0; height:300px; width:210px; z-index:5; visibility:visible; }

#mainphoto2 { position: absolute; left:0; top:0; height:300px; width:210px; z-index:5; visibility:hidden; }

#mainphoto3 { position: absolute; left:0; top:0; height:300px; width:210px; z-index:5; visibility:hidden; }

#mainphoto4 { position: absolute; left:0; top:0; height:300px; width:210px; z-index:5; visibility:hidden; }



#producttext { position:relative; top:-40px; left:260px; width:400px;}

#producttext p { margin-left:10px; margin-right:10px; }

#producttext h1 {font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:16px; font-weight:bold; color:#c4438f; margin-left:10px; margin-top:0px; margin-bottom:10px;}



#ProductStrip {  position:relative; margin-top: 20px; width:923px; height:121px; margin-left:40px; z-index:4;}

#enews { float: left; margin-top: 20px; width:305px; height:199px;}

#text { margin:0 auto; padding-top:20px;}



#txtWrap {width:650px; padding:15px 0 30px 0; float:left; font-family:"Trebuchet MS", "Century Gothic", Arial;}

#txtWrap h2 {font-size:15px; margin-left:60px; margin-right:60px; font-weight:bold; color:#C4438F;}

#txtWrap ul { font-size:12px; font-weight:normal; margin-left:40px; margin-right:60px;}

#txtWrap table {border:0px; margin:0 0 0 60px; width:520px; font-size:12px}



#nav {text-align:right; position:absolute; top:38px; right:28px; }

#nav ul li {

	margin-left: 0;

	padding:0px;

	border: 0px;

	list-style: none;

	display: block;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 12px;

	text-transform: uppercase;

	}

	#nav ul li a {color: #FFFFFF; text-decoration:none; display:block; float:left; height:22px; padding:10px 20px 0px 20px;}

	#nav ul li a:hover {background:url(../images/nav_hover.png) repeat-x}



a:hover {color: #FC4438F; text-decoration:none;}

		

#nav ul li.first {

	margin-left: 0;

	border-left: none;

	list-style: none;

	display: inline;

	}



#TopRight { position:absolute; top:0px; right:0px; background-image:url(../images/top-right-swirl.png); height:600px; width:300px;  z-index:1;}

#TopLeft { position:absolute; top:0px; left:0px; background-image:url(../images/top-left-swirl.png); height:600px; width:300px;  z-index:1;}

#BotRight {position:absolute; bottom:0px; right:0px; z-index:1; background-image:url(../images/bot-right-swirl.png); height:300px; width:300px;}

#BotLeft {position:absolute; bottom:0px; left:0px; z-index:1; background-image:url(../images/bot-left-swirl.png); height:300px; width:300px;}



#copyright { position:relative; top:0; left:0; text-align:right; background-color:#CCCCCC; font-family:Arial; font-size:10px; font-weight:regular; color:#333333; margin-top:0px; margin-left:10px; padding-top:12px;  padding-bottom:12px; margin-bottom:10px; height:10px; width:978px; }





#productShow {

	width:250px;

	float:left;

	border:0px;

	margin:0 0 0 0

}