@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	color: #6C6C66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
img, fieldset {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1em;
}

strong { font-weight: bold; }

/* TEMPLATE ELEMENTS */
#container { width: 800px; margin: 0 auto; position: relative; margin-top: 25px; }
#header { width: 100%; position: relative;  }
#topNav { position: relative; float: right; padding-top: 24px; margin-right: 8px; }
#topNav a { padding: 2px 5px; color: #0099CC; text-decoration: none; }
#topNav a:hover { background-color: #F3F3F3; }
#productNav { height: 24px; position: relative; background: url(/assets/images/nav_trim_bottom.gif) no-repeat left bottom; margin-top: 5px; margin-bottom: 10px; }
#productNav p { text-align: center; padding-top: 6px; padding-bottom: 10px; background: url(/assets/images/nav_trim_top.gif) no-repeat left top; float: left; width: 100%;}
#productNav a { color: #76797C; padding: 2px 4px 2px 4px; text-decoration: none; }
#productNav a:hover { background: #E6F2FF; }
#mainContent { margin: 0; padding: 0; border: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; }
#mainContent a:link, #mainContent a:visited { color: #0099CC; text-decoration: none }
.clear { clear: both; }
#mainContent hr { 
	margin: 0;
	margin-bottom: 4px;
	border: 0;
	border-top: #CCCCCC 1px solid;
	color: #ffffff;
	background-color: transparent;
	height: 0px;
}
#footer { clear: both; text-align: center; margin-top: 20px; margin-bottom: 20px; }
#footer p { padding: 2px; }
#footer p.footerNav a { padding: 4px; }
#footer a { color: #0099CC; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* PAGE LAYOUTS */

.column { width:50%;float:left;position:relative;padding:0; }

.floatLeft { float: left; }

.floatRight { float: right; }

.alignRight {
	text-align: right;
}

#standardLeft {
	width: 590px;
	float: left;
	margin-right: 10px;
}
#standardRight {
	width: 200px;
	float: left;
}
#standardLeft p {
	line-height: 1.5em;
}
#standardLeft .featureTitle {
	border: 0;
	border-bottom: #CCCCCC 1px solid;
	background: url(/assets/images/featureLeftTitle.gif) no-repeat;
	color: #FFFFFF;
	padding: 4px 8px;
}
#standardLeft .featureTitle h1 {
	font-size: 12px;
	font-weight: bold;
}
#standardLeft .featureTitlePlain {
	border: 0;
	background: url(/assets/images/featureLeftTitlePlain.gif) no-repeat;
	padding: 4px 8px 0 8px;
}
#standardLeft .featureTitlePlain h1 {
	font-size: 12px;
	font-weight: bold;
}
	
#standardLeft .featureContent {
	border-bottom: 0;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-top: 0;
	padding: 4px 8px 0 8px;
	font-size: 12px;
}
#standardLeft .featureContent img.floatRight {
	margin-left: 4px;
}
#standardLeft .featureContent h1 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
#standardLeft .featureContent p {
	padding-top: 4px;
	padding-bottom: 8px;
	
}
#standardLeft .featureContent a:hover { text-decoration: underline; }

#standardLeft .featureContent ul { padding-top: 5px; padding-bottom: 15px; }
#standardLeft .featureClose {
	width: auto;
	height: 5px;
	margin-bottom: 10px;
	background: url(/assets/images/featureLeftCloser.gif) no-repeat bottom left;
}

#standardRight .featureTitle {
	border: 0;
	background: url(/assets/images/featureRightTitle.gif) no-repeat;
	color: #FFFFFF;
	padding: 4px 8px;
}
#standardRight .featureTitle h1 {
	font-size: 12px;
	font-weight: bold;
}
	
#standardRight .featureContent {
	border-bottom: 0;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	background: #F6F6F6;
	font-size: 11px;
}

#standardRight .featureContent h1 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 8px;
	padding-top: 8px;
}
#standardRight .featureContent p {
	padding: 8px 8px 2px 8px;
}
#standardRight .featureContent p a:hover, #standardRight .featureContent h1 a:hover { text-decoration: underline; }

#standardRight .featureDivider {
	background: #F1EFE2;
	border: #CCCCCC 1px solid;
	border-bottom: 0;
	padding: 4px 8px;
}
#standardRight .follower {
	padding-bottom: 4px;
}
#standardRight .featureDivider h1 {
	font-size: 11px;
	font-weight: bold;
}
#standardRight .featureClose {
	width: auto;
	height: 5px;
	margin-bottom: 10px;
	background: url(/assets/images/featureRightCloser.gif) no-repeat bottom left;
}


.featureContent ul {
	list-style: inside square;
	padding: 0 8px;
}
.featureContent li {
	padding: 4px 0 4px 0;
}

ul.newItems {
	list-style-type: none;
	padding: 0;
	padding-top: 4px;
}
ul.newItems li {
	padding: 0;
}

.newItems a {
	display: block;
	text-decoration: none;
	color: #0099CC;
	padding: 4px 4px 4px 8px;
}
.newItems a:hover {
	text-decoration: none;
	background-color: #E6F2FF;
}

/* Styles */
.img-shadow {
  float:left;
  background: url("/assets/images/shadowAlpha.png") no-repeat bottom right !important;
  background: url("/assets/images/shadow.gif") no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
table.catalog {
 	border-collapse: collapse;
	border: #CCCCCC 1px solid;
	font-size: 11px;
	width: 100%;
}
table.catalog th {
	font-weight: bold;
	background: #E6F2FF;
	text-align: left;
	padding: 4px 10px 4px 4px;
	width: auto;
}
table.catalog td {
	border-top: #CCCCCC 1px dotted;
	text-align: left;
	padding: 4px 10px 4px 4px;
	width: auto;
	height: 118px;
}
table.catalog tr:hover {
	background: #F1EFE2;
}

.blockquote {
	margin-top: 4px;
	margin-left: 35px;
}