/******************/
/*  MAIN SECTION  */
/******************/

h1.pagetitle {margin:1em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
h1.pagetitle-browse {margin:0 0 1em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
h2 {text-decoration:underline; clear:both; margin:0 0 1em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
h1.side {clear:none;}
h2.side {clear:none;}
h3.side {clear:none;}
h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
p.center {text-align:center;}
p.right {text-align:right;}
p.small {margin:0 0 0 0; line-height:1.0em; font-size:90%;}
p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
table {clear:both; font-size:12px;}
th.top {}
th {padding:5px;}
td {padding:5px;}
tfoot {padding:5px;}
dl {font-size:12px;}
dt {font-weight:bold;}
dd {margin:5px}

.center {text-align:center}


/* MAIN NAVIGATION */
.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(img/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}
.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main ul {font-size:12px;margin:8px 16px;}
.main ul li {list-style: square inside;}

.main ol {font-size:12px;margin:12px 0;}
.main ol li {list-style-position:inside;}


.browse-product-list {
	width: 100%;
	clear: both;
	float:left;
	border:1px solid #E9E9E9; 
	padding:5px;
	margin: 0 0 5px 0;
}

.main-content-browse p {font-size: 10px;}
.main-content-browse ul {font-size: 12px;}
.main-content-browse ul li {list-style: square inside; color:black;}

.main-content-browse-no-nav p {font-size: 10px;}
.main-content-browse-no-nav ul {font-size: 12px;}
.main-content-browse-no-nav ul li {list-style: square inside; color:black;}

.resource-list {
	clear: both;
}

.resource-list dl {
	margin: 15px 0 15px 10px;
	font-size:12px;
}
.resource-list dl dt {font-weight:bold;}
.resource-list dl dd {margin:0px;}

.breadcrumbs {
	padding: 2px 0; 
	color:rgb(100,100,100); 
	font-size:9px; 
	font-weight:bold;
	background:none;
}

.breadcrumbs-browse {
	padding: 12px 30px; 
	color:rgb(100,100,100); 
	font-size:9px; 
	font-weight:bold;
	background:none;
	float:left;
}

.remove {
	
}
.remove a {
	color:#FFFFFF;
	border: 1px solid #c0c0c0; 
	padding: 2px 1px 2px 2px; 
	background-color:#FFE3DD;
	font-weight:bold;
	text-decoration:none;
}
.remove a:hover {
	border: 1px solid #000000; 
	text-decoration:none;
}

.filter table {font-size:12px; margin:5px;}
.filter table th {}
.filter table td {padding:2px}
.filter tfoot {text-align:right;}

.pricing {border: 1px solid #e7e7e7; margin:3px; padding:10px; background-color:#f7f7f7}
.pricing table {width:auto; font-size:12px; text-align:left; margin: 0px; }
.pricing table td {padding:2px;}

.shopping-cart table {margin:0; width:100%; font-size:12px; border: 1px #C0C0C0 solid; border-collapse: collapse; border-spacing: 0px;}
.shopping-cart table th.top {}
.shopping-cart table th {padding:5px; background-color:#e9e9e9}
.shopping-cart table td {padding:5px; border: 1px solid #C0C0C0}
.shopping-cart table tfoot {padding:5px; background-color:#e9e9e9}

.grid-view {margin: 20px 0 10px 0; width:auto; font-size:12px; border: 1px #C0C0C0 solid; border-collapse: collapse; border-spacing: 0px;}
.grid-view th {padding:5px; background-color:#e9e9e9}
.grid-view td {padding:5px; border: 1px solid #C0C0C0}
.grid-view tfoot {padding:5px; background-color:#e9e9e9}

#form_checkout {margin: 15px 0 10px 0; padding:0px;}
#form_checkout table td {padding:4px;}

.search-results ol {}
.search-results ol li {}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

table.tight {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-width: 0px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	margin:25px;
}
table.tight th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color:#F5F5F5;
}
table.tight td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: gray;
	background-color: #ffffff;
	vertical-align:top;
}

table.delineate_options {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px;
	margin: 0 0 15px 0;
}
table.delineate_options th {
	padding: 5px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color:#F5F5F5;
}
table.delineate_options td {
	padding: 5px;
	border-bottom: 1px dashed #e9e9e9;
	vertical-align: middle;
}




/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:#663366;}
.main a img {border:solid 1px #e9e9e9;}
.main a:hover img {border:solid 1px #000000;}

.main-with-nav img {clear:both; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main-with-nav img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.main-with-nav img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main-with-nav a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-with-nav a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main-with-nav a:visited {color:#663366;}
.main-with-nav a img {border:solid 1px #e9e9e9;}
.main-with-nav a:hover img {border:solid 1px #000000;}

.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}

/* pricing styles */
.product-code {}
.product-code-label {}
.list-price-label {}
.list-price {text-decoration:line-through;text-align:right;}
.you-save-label {}
.you-save {text-decoration:underline;text-align:right;}
.your-price-label {font-size :150%;font-weight:bold;}
.your-price {font-size :150%;color:#990000;font-weight:bold;text-align:right;}

dl.inline-images {
	text-align:center;
	margin: 20px 0 0 0;
	padding: 0;
}

.inline-images dt {
	display: inline; 
	margin: 0; 
	padding: 0 0 0 20px;
}

.inline-images dd {
	display: inline; 
	margin: 0; 
	padding: 0 0 0 5px;
	vertical-align:top;
}

.inline-images dt img{
	border: none;
	margin: 0; 
	padding: 0;
}

.inline-images dd, dt a:hover{
	border: none;
}

.badges-cart {
	float:left;
	padding: 0;
	width: 600px;
}

.badges-cart img {
	border: none;
}

.badges-checkout {
	float:left;
	margin-left: auto;
  margin-right: auto;
	padding: 0;
	text-align: center;
	border: none;
	width: 100%;
}

.badges-checkout img {
	border: none;
}



/* form styles */
#formHeader {padding:5px; white-space:nowrap; background-color:#E9E9E9; border: 1px solid #C0C0C0}
#formRequired {color:#990000;}
#formError {color:#990000; font-weight: bold;}
