/*
-------------------------------------------------------------
Typography:

Pimp My MPC is a centered, 720px wide layout on a gray background.

Created:  10/12/06 
Modified: 10/23/07
Author: Ulan McKnight <ulan@yvod.com>

All fonts are Arial unless otherwise specified.

Colors:

The color scheme is gray, orange, maroon, aqua and black.

gray:     #7f7f7f;
orange:   #f08f0d;
maroon:   #740000;
aqua:     #00b2d9;
black:    #000000;

-------------------------------------------------------------
*/


/*
--------------------------------------------------
IE hacks
hide from IE
show only in IE
--------------------------------------------------
*/

/*\*/
html>body .ie-hack {
}
/**/

* html .ie-hack {
} 
/*
--------------------------------------------------
Structural Background images - Brian Kelly 20090605
--------------------------------------------------
*/
.bg-border-top {
	width: 800px;
	height: 19px;
	background: url(/images/bg-border-top.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.bg-navigation {
	width: 800px;
	height: 150px;
	background: url(/images/bg-navigation.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.bg-navigation-sub {
	width: 800px;
	height: 94px;
	background: url(/images/bg-navigation-sub.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 88px;
	padding-right: 40px;
}
.bg-white-header {
	width: 800px;
	height: 20px;
	background: url(/images/bg-white-header.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.bg-standard-body {
	width: 800px;
	height: 150px;
	background: url(/images/bg-standard-body.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding-left: 88px;
	padding-right: 40px;
}
.bg-white-footer {
	width: 800px;
	height: 20px;
	background: url(/images/bg-white-footer.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 0px 0px 0px 0px;

}
.bg-gray-body {
	width: 800px;
	height: auto;
	background: url(/images/bg-gray-body.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
}
.bg-images-footer {
	width: 800px;
	height: 100px;
	background: url(/images/bg-images-footer.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.copyright {
	width: 800px;
	height: auto;
	background: url(/images/bg-gray-body.jpg);
	background-repeat: repeat-y;
	font-size: 10px;
  	line-height: 20px;
  	color: #000;
 	font-family: arial, verdana, sans-serif;
    text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
}
.bg-footer {
	width: 800px;
	height: 30px;
	background: url(/images/bg-footer.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
--------------------------------------------------
COMPONENTS - Brian Kelly 20090605
--------------------------------------------------
*/
.bg-download {
	width: 175px;
	height: 99px;
	background: url(/images/bg-download.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: center;
}
.bg-quote {
	width: 420px;
	height: 130px;
	background: url(/images/bg-quote.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	padding-top: 24px;
	padding-right: 25px;
	padding-bottom: 5px;
	text-align: left;
}
.bg-most-popular {
	width: 200px;
	height: 172px;
	background: url(/images/bg-most-popular.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.bg-coming-soon {
	width: 208px;
	height: 106px;
	background: url(/images/bg-coming-soon.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 0px;
	text-align: center;
}
.bg-demo {
	width: 253px;
	height: 124px;
	background: url(/images/bg-demo.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
}
.bg-we-design-kits {
	width: 222px;
	height: 130px;
	background: url(/images/bg-we-design-kits.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}


/*
--------------------------------------------------
TEXT - Brian Kelly 20090605
--------------------------------------------------
*/
.orange-lg {
  font-size: 1em;
  line-height: 1.2em;
  color: darkorange;
  font-family: arial, verdana, sans-serif;
  text-align: left;
}.white-lg {
  font-size: 1em;
  line-height: 1.2em;
  color: #fff;
  font-family: arial, verdana, sans-serif;
  text-align: left;
}
.white-sm {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-family: arial, verdana, sans-serif;
  text-align: left;
}
.white-tiny {
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  font-family: arial, verdana, sans-serif;
  text-align: left;
}
.black-lg {
  font-size: 1.1em;
  line-height: 1.1em;
  color: #000;
  font-family: times, serif;
  font-style: bold;
  text-align: left;
}
.black-sm {
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-family: arial, verdana, sans-serif;
  text-align: left;
}
.fineprint {
  font-size: 10px;
  line-height: 12px;
  color: #444;
  font-family: arial, verdana, sans-serif;
  text-align: left;
}
.quote {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-family: times, serif;
  font-style: normal;
  text-align: left;
}
.attribution {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  font-family: arial, verdana, sans-serif;
  font-style: italic;
  text-align: left;
}
.padding-50 {
padding-right: 50px;
}
 /*
--------------------------------------------------
LINKS - Brian Kelly 20090605
--------------------------------------------------
*/

a.green-lg {
    color: #02A552;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}
a.green-lg:hover {
    color: #02A552;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}
a.purple-sm {
    color: #909;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: underline;
}
a.purple-sm:hover {
    color: #909;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
}
a.white-lg {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
}
a.white-lg:hover {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: underline;
}
a.black-lg {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
}
a.black-lg:hover {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: underline;
}
a.blue-lg {
    color: #09c;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
}
a.blue-lg:hover {
    color: #09c;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: underline;
}
/*
--------------------------------------------------
main stuff
--------------------------------------------------
*/

html, body {
	height: 100%;
}

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  color: #000000;
  width: 720px;
	font-family: arial, verdana, sans-serif;
	background: url(/media/assets/background.jpg);
	background-repeat: repeat;
  margin: 10px auto 5px auto; 
	padding: 0px 0px 0px 0px;
	text-align: center; /* IE bug fix to center div */
	position: relative;
}

/*\*/
html>body {
	text-align: left;
}
/**/

.utf8sans {
  "Lucida Grande","Arial Unicode MS", sans-serif;
}

p { 
	font-size: 1.2em;
	text-align: left;
	line-height: 1.4em;
	margin: 5px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
}

p.large { 
	font-size: 1.4em;
}
td { 
	font-size: 1.2em;
	text-align: left;
	line-height: 1.4em;
}

 /*
--------------------------------------------------
link definitions
--------------------------------------------------
*/

a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

 /*
--------------------------------------------------
everything
--------------------------------------------------
*/

.everything-header {
	width: 800px;
	height: 19px;
	background: url(/media/assets/background-index-header.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.everything-body {
	width: 800px;
	background: url(/media/assets/background-index-body.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.everything-footer {
	width: 800px;
	height: 30px;
	background: url(/media/assets/background-index-footer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.main-content-header {
	width: 800px;
	height: 20px;
	background: url(/media/assets/background-standard-header.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.main-content-body {
	width: 800px;
	background: url(/media/assets/background-standard-body.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.main-content-data {
  width: 640px;
  margin: 0px 0px 0px 70px;
  padding: 1px 0px 1px 0px;
}

.main-content-index-footer {
	width: 800px;
	height: 83px;
	background: url(/media/assets/background-index-images-footer.jpg);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.main-content-footer {
	width: 800px;
	height: 98px;
	background: url(/media/assets/background-standard-footer.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.item-header {
	width: 160px;
	height: 16px;
	background: url(/media/assets/item-header.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.item-body {
	width: 160px;
	background: url(/media/assets/item-body.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.item-data {
  width: 140px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 1px 0px;
}

.item-footer {
	width: 160px;
	height: 24px;
	background: url(/media/assets/item-footer.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
--------------------------------------------------
index stuff
--------------------------------------------------
*/

.index-content {
	width: 100%;
	height: 660px;
	z-index: 1;
	background: url(/media/assets/background-index-content.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.index-download {
  position: absolute;
  top: 275px;
  left: 53px;
	z-index: 3;
  width: 175px;
  height: 99px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-download img {
  width: 175px;
  height: 99px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-demo {
  position: absolute;
  top: 307px;
  left: 330px;
	z-index: 3;
  width: 250px;
  height: 115px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-demo img {
  /* border: 1px solid black; */
  width: 250px;
  height: 115px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-video-tutorial {
  position: absolute;
  top: 355px;
  left: 630px;
	z-index: 3;
  width: 100px;
  height: 50px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-video-tutorial img {
  /* border: 1px solid black; */
  width: 100px;
  height: 50px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-most-popular {
  position: absolute;
  top: 435px;
  left: 575px;
	z-index: 3;
  width: 170px;
  height: 165px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-most-popular img {
  /* border: 1px solid black; */
  width: 170px;
  height: 165px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-not-mtv {
  position: absolute;
  top: 600px;
  left: 95px;
	z-index: 3;
  width: 400px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-not-mtv img {
  /* border: 1px solid black; */
  width: 400px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-coming-soon {
  position: absolute;
  top: 625px;
  left: 55px;
	z-index: 3;
  width: 200px;
  height: 100px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-coming-soon img {
  /* border: 1px solid black; */
  width: 200px;
  height: 100px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-we-design-kits {
  position: absolute;
  top: 615px;
  left: 530px;
	z-index: 3;
  width: 210px;
  height: 120px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-we-design-kits img {
  /* border: 1px solid black; */
  width: 210px;
  height: 120px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-instant-downloads {
  position: absolute;
  top: 395px;
  left: 95px;
	z-index: 3;
  width: 230px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-instant-downloads p {
  color: #ffffff;
  font-size: 1.4em;
  /* border: 1px solid black; */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-sample-kits {
  position: absolute;
  top: 470px;
  left: 95px;
	z-index: 3;
  width: 450px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

.index-sample-kits p {
  color: #ffffff;
  font-size: 1.4em;
  line-height: 1.1em;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
 
.index-testimonial {
  position: absolute;
  top: 740px;
  left: 70px;
	z-index: 3;
  width: 210px;
  height: 120px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* border: 1px dotted green; */
}

/*
--------------------------------------------------
about-us content
--------------------------------------------------
*/

.about-us p { 
	font-size: 1.2em;
	text-align: left;
	line-height: 1.4em;
	margin: 5px 5px 5px 0px;
	padding: 0px 0px 5px 0px;
}


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

.main-content {
	width: 100%;
	/*
	z-index: 1;
	background: url(/media/assets/middle.gif);
	background-position: center center;
	background-repeat: repeat-y;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	*/
}

.breadcrumbs {
	color: #000000;
	font-size: 1.4em;
	font-weight: bold;
	text-align: right;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 25px;
}

.breadcrumbs a:link,
  .breadcrumbs a:visited {
    color: #cc0000;
    font-size: 0.6em;
    font-weight: bold;
}

.breadcrumbs a:hover,
  .breadcrumbs a:active {
    color: #000000;
    font-size: 0.6em;
    font-weight: bold;
    text-decoration: underline;
}

.mainbody-content {
  position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 20px 0px;
	border: 1px dotted black;
}

* html .mainbody-content {
	padding: 0px 0px 20px 20px;
}

.body-content-secure {
	width: 100%;
	/* background: url(/media/new/main-content-background.gif); */
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 20px 20px;
}

.notice-foot {
  width: 100%;
  font-size: 1.1em;
  margin: 0px 0px 0px 0px;
  padding 10px 0px 20px 0px;
}

.notice-foot p {
	font-size: 0.9em;
	text-align: center; /* IE bug fix to center div */
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
}

.notice-foot-big {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center; /* IE bug fix to center div */
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
}

.notice-foot-index {
  width: 100%;
  font-size: 1.1em;
  margin: 0px 0px 0px 0px;
  padding 10px 0px 20px 0px;
}

.notice-foot-index p {
	font-size: 0.9em;
	color: #ffffff;
	text-align: center; /* IE bug fix to center div */
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
}

.notice-foot-index a:link,
  .notice-foot-index a:visited{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.notice-foot-index a:hover,
  .notice-foot-index a:active {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.footer {
	width: 100%;
	/*
	background: url(/media/assets/bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.footer p {
	color: #000000;
	text-align: right;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 20px 40px 0px 10px;
}

* html .footer p {
	font-size: 1.0em;
}

.vertical-5 {
	width: 100%;
	height: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.vertical-10 {
	width: 100%;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.vertical-20 {
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.vertical-40 {
	width: 100%;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
--------------------------------------------------
hr hack URL: http://www.sovavsiti.cz/css/hr.html
Not working. Not sure why :{
--------------------------------------------------
*/

.hr {
ÊÊheight: 15px;
ÊÊbackground: #000000 url(/media/hr1.gif) no-repeat scroll center;
}

.hr hr {
ÊÊdisplay: none;
}

.divider {
ÊÊheight: 20px;
	/* background: #ffffff url(/media/divider.gif) no-repeat center; */
	margin: 20px 0px 20px 0px;
}
/* .divider is an hr substitute to separate blocks of text */

/*
--------------------------------------------------
slider code
--------------------------------------------------
*/

/* slider area definitions */
.slider {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 0px 7px;
	border: 1px solid black;
}

.slider a {
	min-height: 26px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

* html .slider a {
	height: 26px;
	padding: 4px 0px 0px 4px;
}

/* links within slider area */
.slider a.inline {
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
	border: none;
}

.first-column {
  float: left;
  width: 250px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.second-column {
  float: left;
  width: 250px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/*
--------------------------------------------------
column definitions
float left (organize as desired on page)
float-right allows text to flow around div
10px less than column width to allow for IE bug
universal padding of 5px (adjust spacing within section a required)
--------------------------------------------------
*/

.one-column {
  float: left;
	width: 130px;
	margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.one-column-right {
	float: left;
	width: 130px;
	margin: 0px 15px 0px 5px;
  padding: 0px 5px 5px 5px;
}

.two-column {
	float: left;
	width: 258px;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0px 5px 5px 5px;
}

.two-column-right {
	float: right;
	width: 258px;
  padding: 0px 5px 5px 5px;
}

.three-column {
	float: left;
	width: 398px;
  padding: 0px 5px 5px 5px;
}

.three-column-right {
	float: right;
	width: 398px;
  padding: 0px 5px 5px 5px;
}

.four-column {
  float: left;
	width: 550px;
  margin: 0px 5px 5px 10px;
}

.five-column {
	width: 748px;
  padding: 5px 5px 5px 5px;
}

/*
--------------------------------------------------
New Stuff 08-20-06
--------------------------------------------------
*/

.indent-1 {
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.indent-2 {
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

.indent-3 {
	font-size: 0.9em;
	font-style: italic;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

.product-logo {
	border: none;
	float: left;
	clear: both;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}

/*
--------------------------------------------
cleaner
--------------------------------------------
*/

.cleaner {
	clear: both;
}

/* 
-------------------------------------------------------------
top stuff
top-1 - logo with transparent gif overlay
top-2 - navigation links
-------------------------------------------------------------
*/

.top-holder {
	position: relative;
	width: 800px;
	background: url(/media/assets/background-index-body.jpg);
	background-repeat: repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.top {
	background-image: url(/media/assets/navigation.jpg);
	background-repeat: no-repeat;
	position: center;
	width: 100%;
	height: 244px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.top-1 {
	width: 100%;
	height: 120px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.top-2 {
	float:left;
	font-style: italic;
	font-size: 2.0em;
	width: 100%;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.top-2 a:hover,
  top-2 a:active {
	  color: #f08f0d;
	  text-decoration: none;
}

.top-3 {
	width: 100%;
	height: 90px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

.top-3 p {
  font-size: 3.0em;
	color: #f08f0d;
	font-weight: bold;	
	line-height: 1.3em;
	margin: 20px 0px 5px 30px;
	padding: 0px 0px 0px 00px;
}

.top-3-headphones {
	background-image: url(/media/assets/headphones-2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
	height: 358px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

.top-3-shopping {
	width: 100%;
	height: 358px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

/* 
-------------------------------------------------------------
navigation stuff
navigation-1 - downloads
navigation-2 - support
navigation-3 - about us
navigation-4 - contact
-------------------------------------------------------------
*/

.navigation-1 {
	float:left;
	width: 160px;
	height: 20px;
	margin: 0px 0px 0px 220px; 
	padding: 0px 0px 0px 0px;
}

* html .navigation-1 {
	float:left;
	width: 150px;
	height: 20px;
	margin: 0px 0px 0px 90px; 
	padding: 0px 0px 0px 0px;
}

.navigation-2 {
	float: left;
	width: 120px;
	height: 20px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.navigation-3 {
	float: left;
	width: 130px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.navigation-4 {
	float: left;
	width: 140px;
	height: 20px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

* html .navigation-4 {
	float: left;
	width: 140px;
	height: 20px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

/* ------------------------------- */

.navigation-1 a:link,
  .navigation-1 a:visited,
  .navigation-2 a:link,
  .navigation-2 a:visited,
  .navigation-3 a:link,
  .navigation-3 a:visited,
  .navigation-4 a:link,
  .navigation-4 a:visited {
    color: #ffffff;
}

.navigation-1 a:hover,
  .navigation-1 a:active,
  .navigation-2 a:hover,
  .navigation-2 a:active,
  .navigation-3 a:hover,
  .navigation-3 a:active,
  .navigation-4 a:hover,
  .navigation-4 a:active {
    color: #f08f0d;
}

/* ------------------------------- */

.navlarge-index {
  width: 140px;
	font-size: 0.8em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

* html .navlarge-index {
	font-size: 0.9em;
}

.nav-index {
  width: 140px;
	font-size: 0.7em;
	line-height: 1.1em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px
}

.navlarge-index a:link,
	.navlarge-index a:visited {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.navlarge-index a:hover,
	.navlarge-index a:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.nav-index a:link,
  .nav-index a:visited {
	  color: #ffffff;
    font-weight: bold;
	  text-decoration: none;
}

.nav-index a:hover,
	.nav-index a:active {
		color: #000000;
    font-weight: bold;
		text-decoration: none;
}

/* ------------------------------- */

.bottom-navigation {
  background-image: url(/media/assets/bottom-index.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.bottom-navigation-2 {
	margin: 0px 0px 0px 20px; 
	border: 1px solid white;
}

.bottom-navigation-3 {
	margin: 0px 0px 0px 0px;
	border: 1px dotted black;
}

.bottom-navigation-4 {
	margin: 0px 0px 0px 0px; 
	border: 1px solid white;
}

.bottom-navigation-5 {
	margin: 0px 5px 5px 0px; 
	border: 1px dotted black;
}

.collage-index {
  width: 600px;
  height: 90px;
  overflow: hidden;
	margin: 0px 0px 0px 10px; 
	border: 1px solid black;
}


/* 
-------------------------------------------------------------
downloads

.video-tutorial sits inside top-3
-------------------------------------------------------------
*/

.page-title {
  position: absolute;
  top: 220px;
  left: 110px;
	z-index: 3;
	/*
  top: 175px;
  left: 55px;
	background-image: url(/media/assets/kits.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #ffffff;
	*/
	font-style: italic;
	font-size: 2.0em;
	font-weight: bold;
	color: #ffffff;
  width: 149px;
  height: 80px;
  margin: 0px 0px 0px 10px;
}

* html .page-title {
  top: 210px;
  left: 290px;
}

.kits p {
  font-size: 1.1em;
  text-align: center;
  padding: 40px 20px 10px 20px;
}

/* 
-------------------------------------------------------------
video-tutorial

.video-tutorial sits inside top-3
-------------------------------------------------------------
*/

.video-tutorial {
	background-image: url(/media/assets/video-tutorial-2.gif);
	background-repeat: no-repeat;
	background-position: center center;
  width: 300px;
  height: 89px;
  margin: 0px 0px 0px 10px;
}

.video-tutorial p {
  font-size: 1.1em;
  text-align: center;
  padding: 40px 20px 10px 20px;
}

/* 
-------------------------------------------------------------
shopping stuff

.shop-1       - Left cell
.shop-1-head  - Header row for shopping table
.shop-1 p     - p formatting
-------------------------------------------------------------
*/

.item-row {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 20px 0px;
}

.shop-1 {
	float: left;
	background-image: url(/media/assets/text-block.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 425px;
	height: 100px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.shop-1-head {
	float: left;
	width: 425px;
	height: 20px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.shop-2 {
	float: left;
	width: 140px;
	text-align: center;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
}

.shop-2-head {
	float: left;
	width: 140px;
	text-align: center;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
}

.shop-3 {
	float: left;
	width: 120px;
	text-align: center;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
}

.shop-3-head {
	float: left;
	width: 120px;
	height: 20px;
	text-align: center;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
}

.shop-4 {
	float: left;
	width: 180px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
}

.shop-4-head {
	float: left;
	text-align: center;
	width: 180px;
	height: 20px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
}

.shop-1 p {
  margin: 0px 0px 0px 0px;
  padding: 12px 0px 5px 25px;
}

.shop-2 p {
	float: left;
	color: white;
	font-size: 1.6em;
	height: 50px;
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 0px 0px;
}

.shop-2-head p {
  text-align: center;
  margin: 0px auto 10px auto;
  padding: 0px 0px 0px 0px;  
}

.shop-4-head p {
  text-align: center;
}

.price {
  font-size: 1.6em;
  color: white;
	text-align: center;  
  margin: 0px auto 10px auto;
  padding: 0px 0px 0px 0px;
}

/*
-------------------------------------------------------------
align stuff
-------------------------------------------------------------
*/

.left {
	margin: 0px auto 0px auto;
	text-align: left;
}

.center {
	margin: 0px auto 0px auto;
	text-align: center;
}

.right {
	margin: 0px auto 0px auto;
	text-align: right;
}

.thank-you-data {
  margin: 20px 0px 20px 0px;
}

.variable-name {
  float: left;
  width: 200px;
  font-size: 1.4em;
  font-weight: bold;
}

.variable-value {
  font-size: 1.4em;
}

/*
--------------------------------------------------
localnav
--------------------------------------------------
*/

.localnav {
	width: 100%;
}

.localnav-head {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	/* color: #990000; */
	/* background-image: url(/media/new/localnav/ln_head.gif); */
	margin: 0px 0px 0px 20px;
	padding: 8px 6px 2px 20px;
}

.localnav-content {
	/* background-image: url(/media/new/localnav/ln_repeat.gif); */
	/* background-repeat: repeat-x; */
}

.localnav-foot {
	/* background: url(/media/new/localnav/ln_foot.gif) no-repeat top left; */
	height: 8px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.localnav-a {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 3px 0px;
}

.localnav-b {
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 2px 9px;
}

.localnav-c {
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 1px 9px;
}

.localnav-a a:link,
  .localnav-a a:visited {
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
}

.localnav-a a:hover,
  .localnav-a a:active {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.localnav-b a:link,
  .localnav-b a:visited {
    color: #000000;
    font-weight: normal;
	  text-decoration: none;
}

.localnav-b a:hover,
  .localnav-b a:active {
    color: #cc0000;
    font-weight: normal;
	  text-decoration: none;
}

.localnav-c a:link,
  .localnav-c a:visited,
  .localnav-c a:hover,
  .localnav-c a:active {
    color: #cc0000;
    font-weight: normal;
	  text-decoration: none;
}

/*
--------------------------------------------------
local-links
--------------------------------------------------
*/

.local-links {
	width: 100%;
}

/*
* html .local-links {
	width: 141px;
	padding: 0px 0px 0px 20px;
}
*/

.local-links-begin {
	width: 100%;
	height: 45px;
	background: url(/media/assets/local-links-top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.local-links-begin p {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	line-height: 1.4em;
	text-decoration: none;
	text-align: center; /* IE bug fix to center div */
	margin: 0px auto 0px auto;
	padding: 15px 0px 3px 0px;
}

.local-links-end {
	width: 100%;
	background: url(/media/assets/local-links-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.local-links-end p {
	font-size: 1.0em;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	color: #000000;
	margin: -1px 0px 0px 0px;
	padding: 0px 6px 2px 20px;
}

.local-links-end a:link,
  .local-links-end a:visited {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

.local-links-end a:hover,
  .local-links-end a:active {
    color: #cc0000;
    text-decoration: underline;
}

/*
--------------------------------------------------
lists
--------------------------------------------------
*/

/*
ul {
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
}
*/

ol li {
  font-size: 13px;
  margin: 0px 0px 5px 0px;
}

.hand-list {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}	

.hand-list li {
  font-size: 1.3em;
  font-weight: bold;
	background-image: url(/media/assets/hand.gif);
  background-repeat: no-repeat;
  background-position: 0px 0.3em;
	padding: 0px 0px 7px 25px;
}	

.arrow-list {
	font-size: 0.9em;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

* html .arrow-list {
	margin: 0px 0px 0px 8px;
}

.localnav-list {
	font-size: 0.9em;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

li.blue,
	li.gray,
	li.green,
	li.orange,
	li.red,
	li.yellow,
	li.none {
		background-repeat: no-repeat;
		background-position: 0px 6px;
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 16px;
}

* html li.blue,
	* html li.gray,
	* html li.green,
	* html li.orange,
	* html li.red,
	* html li.yellow,
	* html li.none {
		padding: 3px 0px 3px 0px;
}

li.blue {
	background-image: url(/media/new/arrow-blue.gif);
}

li.gray {
	background-image: url(/media/new/arrow-gray.gif);
}

li.green {
	background-image: url(/media/new/arrow-green.gif);
}

li.orange {
	background-image: url(/media/new/arrow-orange.gif);
}

li.red {
	background-image: url(/media/new/arrow-red.gif);
}

li.yellow {
	background-image: url(/media/new/arrow-yellow.gif);
}

li.none {
	margin-top: -7px;
}

/*
--------------------------------------------------
header text stuff
--------------------------------------------------
*/

h1 {
	font-size: 1.6em;
	color: #000000;
	margin: 0px 0px 0x 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	font-size: 1.4em;
	color: #000000;
	font-weight: bold;	
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2 a:link, 
	h2 a:visited {
	font-weight: bold;	
	color: #cc0000;
	text-decoration: none;
}	

h2 a:hover,
	h2 a:active {
	font-weight: bold;	
	color: #000000;
}	

h2.giant {
  color: #cc0000;
  font-size: 20pt;
  margin: 5px 10px 10px 10px;
}

h2.super-giant {
  font-size: 26pt;
  margin: -20px 10px 10px 10px;
}

h3 {
	font-size: 1.4em;
	color: #cc0000;
	font-weight: bold;	
	line-height: 1.2em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

h3.huge {
	color: #cc0000;
	font-size: 20pt;
}
	
h4 {
	font-size: 1.2em;
	color: #cc0000;
	font-weight: bold;	
	line-height: 1.2em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

h4.big {
	font-size: 36pt;
	color: cc0000;
}	

h5 {
	font-size: 1.3em;
	color: #cc0000;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/*
--------------------------------------------------
copy related
--------------------------------------------------
*/

.copy {
	font-size: 1.3em;
	text-align: left;
	line-height: 1.4em;
	margin: 5px 20px 10px 0px;
	padding: 0px 0px 3px 0px;
}

.copy-center {
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
}

.copy a:hover, 
  .copy-large a:hover {
    text-decoration: underline;
    color: #cc0000;
    font-weight: bold;
}	

/*
.copy:first-line {
	margin: 0px 20px 12px 0px;
	padding: 0px 0px 0px 0px;
}
*/

.copy-large {
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.copy-medium {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.copy-small {
	font-size: 0.7em;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.copy-support {
	margin-bottom: 30px;
	border-bottom: 1px solid ##cc0000;
	}

.copy-tiny {
	font-size: 0.6em;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

* html .copy-tiny {
	font-size: 0.7em;
}

.copyhuge {
	font-size: 1.3em;
	line-height: 150%;
	margin: 0 20px 0 0;
	padding: 0 0 12px
}

.copy-notice {
	font-size: 1.0em;
	line-height: 150%;
	margin: 0 20px 0 0;
	padding: 0 0 12px;
	color: #000000;
}

/*
--------------------------------------------------
testimonial related
--------------------------------------------------
*/

.testimonial {
	width: 640px;
	margin: 0px 10px 10px 0px;
	padding: 2px 5px 0px 5px;
	border: 2px dotted #000000;
}

* html .testimonial {
	width: 600px;
	margin: 0px 0px 0px -40px;
	border: 2px dotted #000000;
}

.quote {
  font-size: 1.4em;
  font-style: italic;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.artist {
  font-size: 1.2em;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.artist:first-line {
  font-weight: bold;
}

.testimonial-right {
	float: right;
	width: 181px;
	margin: 10px 0px 0px 0px;
}

.testimonial-full {
  float: left;
	width: 450px;
	margin: 10px 10px 10px 10px;
}

.quote-begin {
	width: 181px;
	height: 25px;
	background: url(/media/assets/testimonial-top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.quote-end {
	width: 181px;
	background: url(/media/assets/testimonial-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0px 0px 10px 0px;
}

.quote-end p {
  font-size: 1.2em;
  color: #ffffff;
	width: 140px;
	margin: -5px 10px 20px 22px;
	padding: 0px 0px 0px 0px;
}

* html .quote-end p {
	width: 140px;
	margin: 0px 10px 20px 22px;
	padding: 5px 0px 0px 0px;
}

/*
.quote-end p:first-line {
  font-size: 1.3em;
  font-weight: bold;
}
*/

.quote-end i {
	color: #ffffff;
	text-align: center;
}

/* orange testimonials */
.quote-begin-orange {
	width: 258px;
	height: 45px;
	background: url(/media/assets/orange-testimonial-top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.quote-end-orange {
	width: 258px;
	background: url(/media/assets/orange-testimonial-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0px 0px 10px 0px;
}

.quote-end-orange p {
  font-size: 1.2em;
	width: 190px;
	margin: -15px 10px 20px 40px;
	padding: 0px 0px 0px 0px;
}

* html .quote-end-orange p {
	width: 190px;
	margin: 0px 10px 20px 40px;
	padding: 5px 0px 0px 0px;
}

.quote-end-orange p:first-line {
  font-size: 1.3em;
  font-weight: bold;
}

.quote-end-orange i {
	color: #ffffff;
}
/*
.testimonial p {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
*/

.text-red {
	color: #cc0000;
}

.text-aqua {
	color: #00b2d9;
}

.text-orange {
	color: #f60f60;
}

.text-dark-orange {
	color: #f30f30;
}

.text-small {
  font-size: 1.1em;
}

.text-big {
  font-size: 1.4em;
}

.text-real-big {
  font-size: 1.6em;
}

/*
--------------------------------------------------
image related
--------------------------------------------------
*/

.arrow,
	.arrow-blue,
	.arrow-gray,
	.arrow-green,
	.arrow-orange,
	.arrow-red,
	.arrow-yellow {
		background-repeat: no-repeat;
		background-position: 8px 2px;
}

.arrow {
	background-image: url(/media/new/arrow.gif);
}

.arrow-blue {
	background-image: url(/media/new/arrow-blue.gif);
}

.arrow-gray {
	background-image: url(/media/new/arrow-gray.gif);
}

.arrow-green {
	background-image: url(/media/new/arrow-green.gif);
}

.arrow-orange {
	background-image: url(/media/new/arrow-orange.gif);
}

.arrow-red {
	background-image: url(/media/new/arrow-red.gif);
}

.arrow-yellow {
	background-image: url(/media/new/arrow-yellow.gif);
}

/*
--------------------------------------------------
form related
--------------------------------------------------
*/

.form-div {
	width: 500px;
}

.form-begin {
	width: 500px;
	height: 20px;
	background: url(/media/assets/form-top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.form-end {
	width: 500px;
	background: url(/media/assets/form-bottom.gif);
	background-repeat: repeat;
	background-position: bottom center;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 40px 0px;
}

.form-end-content {
  margin: 0px 0px 0px 30px;
}

.form-end-content p {
  font-size: 0.9em;
}

/*
--------------------------------------------------
table stuff
--------------------------------------------------
*/

.label-cell {
  font-size: 0.8em;
  margin: 0px 5px 5px 5px;
}

.value-cell {
  font-size: 0.8em;
}

/*
--------------------------------------------------

--------------------------------------------------
*/

p.cart-item {
	font-size: 0.8em;
}

i {
	font-style: italic;
}

b {
	font-weight: bold;
}

dd {
	font-size: 12px;
	font-family: Georgia, Times;
	line-height: 1.5em;
}

ul.list-blue {
	/* background-image: url(/media/new/arrow-blue.gif) no-repeat; */
}
	
.list {
	font-size: 10px;
	line-height: 1.4em;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 8px;
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0 40px 0 0;
	padding: 5px 6px 8px 12px
}

.navlarge {
  width: 140px;
	font-size: 0.7em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
	padding: 6px 0px 0px 0px;
}

.nav {
  width: 140px;
	font-size: 0.6em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px
}

.navlarge a:link,
	.navlarge a:visited {
    color: #cc0000;
    text-decoration: none;
    font-weight: bold;
}

.navlarge a:hover,
	.navlarge a:active {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.nav a:link,
  .nav a:visited {
	  color: #000000;
    font-weight: bold;
	  text-decoration: none;
}

.nav a:hover,
	.nav a:active {
		color: #cc0000;
    font-weight: bold;
		text-decoration: none;
}

.blockimages {
	margin: 0px 12px 14px 0px;
	padding: 0px 0px 0px 0px;
}

.copylarge {
	font-size: 11px;
	line-height: 150%;
	margin: 0 24px 0 0;
	padding: 0 0 12px
}

.image {
	margin: 0;
	padding: 14px 0px 6px;
}


.pagetitle {
	font-size: 16px;
	line-height: 120%;
	text-decoration: none;
	margin: 0;
	padding: 12px 0
}

.search {
	margin: 6px 0 0;
	padding: 0
}

.steps {
	font-size: 9px;
	line-height: 150%;
	background-color: #f0f0f0;
	margin: 0 2px 0 0;
	padding: 3px 0 4px 4px;
	position: relative;
	top: 6px;
	width: 134px;
	float: left
}

/*
--------------------------------------------------
img treatments
--------------------------------------------------
*/

img {
	border: none;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

img.image-left {
	float: left;
	margin: 0px 20px 0px 0px;
}

img.image-right {
	float: right;
	margin: 0px 0px 0px 20px;
}

img.home {
  display: block;
  text-align: center;
	margin: 10px auto 10px auto;
}	

img.inspire {
	float: left;
	margin: 0px 20px 0px 0px;
}	

img.logo {
  margin: 0px 0px 0px 0px;
  padding 0px 0px 0px 0px;
}

img.rotating {
  margin: 0px 0px 0px 0px;
  padding 0px 0px 0px 0px;
}

img.collage {
	margin: 0px 0px 0px 0px;
}

/*
-------------------------------------------------------------
blendy - http://www.alistapart.com/articles/supereasyblendys
-------------------------------------------------------------
*/

.grad img {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.box {
  border: solid orange 2px;
  float: left;
  margin: 1px;
  position: relative;
  width: 165px;
  height: 200px;
  padding: 5px;
}

.box * {
  margin: 0px;
  position: relative;
  z-index: 1;
}

* html .grad {
  filter: progid:DXImageTransform.Microsoft.AlphaImage Loader (src='/media/assets/grad_white.png', sizingMethod='scale');
}

* html .grad img {
  display: none;
}

* html .box {
    position:static;
}

.blue { 
  background-color: #2382a1; 
}

.green { 
  background-color: #4be22d; 
}

.pink { 
  background-color: #ff009d;
}

.grey { 
  background-color: #7f7f7f;
}

/*
---------------------------------
old stuff
---------------------------------
*/

/*
body   {
	color: #505050;
	font-family: xVerdana, Verdana, Tahoma, Arial, "Lucida Sans"
}

h1  {
	color: #999;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	font-stretch: normal;
	text-decoration: none;
	margin: 12px 10px 6px 0;
	padding: 0
}

h2   {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5em;
	font-stretch: normal;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 8px 0 3px
}

h3    {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.4em;
	font-stretch: normal;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 0
}

h4  {
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.4em;
	font-stretch: normal;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 0 0 0 6px
}

i {
	font-style: italic
}

b {
	font-weight: bold
}

dd {
	font-size: 12px;
	font-family: Georgia, Times;
	line-height: 1.5em
}

.row0 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4em
}

.row1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em
}

.row2 {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.4em
}

a:link  {
	color: #f60;
	text-decoration: none;
	margin: 0;
	padding: 0
}

a:visited   {
	color: #f60;
	text-decoration: none;
	margin: 0;
	padding: 0
}

a:hover   {
	color: #f30;
	text-decoration: none;
	margin: 0;
	padding: 0
}

a:active   {
	color: #f30;
	text-decoration: none;
	margin: 0;
	padding: 0
}

.list    {
	font-size: 10px;
	line-height: 1.4em;
	text-decoration: none;
	background-image: url(/media/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0 40px 0 0;
	padding: 5px 6px 8px 12px
}

.list_small_column {
	font-size: 10px;
	line-height: 1.4em;
	text-decoration: none;
	background-image: url(/media/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0 12px 0 0;
	padding: 5px 6px 8px 12px
}

.list_small_column1 {
	font-size: 10px;
	line-height: 1.4em;
	text-decoration: none;
	background-image: url(/media/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	text-align: left;
	text-indent: 12px;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0;
	padding: 3px 6px 6px 0
}

.linklist_small  {
	font-size: 9px;
	line-height: 1.4em;
	text-decoration: none;
	background-image: url(/media/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0 40px 0 0;
	padding: 3px 6px 0 12px
}

.id {
	color: red
}

.navlarge    {
	color: #7c7c7c;
	font-size: 14px;
	font-weight: bolder;
	margin: 0;
	padding: 6px 0 0 6px;
	list-stynew: none    
}

a.navlarge  {
	color: #7c7c7c;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.navlarge:link  {
	color: #7c7c7c;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.navlarge:visited  {
	color: #7c7c7c;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.navlarge:hover {
	color: #f50;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

.nav    {
	font-size: 11px;
	line-height: 1.4em;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0 0 0 6px
}

a.nav {
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.nav:link {
	color: #505050;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.nav:visited {
	color: #505050;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.nav:hover {
	color: #f50;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.nav:active {
	color: #f50;
	text-decoration: none;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 0
}

a.steps {
	font-size: 9px;
	line-height: 150%;
	background-color: #f0f0f0;
	margin: 0 2px 0 0;
	padding: 3px 0 4px 4px;
	position: relative;
	float: left
}

a.steps:link {
	background-color: #ccc
}

.left  {
	background: #f0f0f0 url(/media/header/roundleft.gif) no-repeat;
	margin: 0;
	padding: 0;
	width: 138px;
	height: 92px
}

.right  {
	background: #f0f0f0 url(/media/header/roundright.gif) no-repeat 120px 0;
	margin: 0;
	padding: 0;
	width: 138px;
	height: 92px;
	border-left: 2px solid #fff
}

.featureblock {
	font-size: 10px;
	line-height: 1.4em;
	margin: 0 0 12px;
	padding: 0
}

.featurebox_top    {
	font-size: 9px;
	font-weight: bold;
	line-height: 1.4em;
	background-color: transparent;
	background-image: url(/media/featurebox/fb_top_blue.gif);
	margin: 0;
	padding: 8px 8px 3px 6px
}

.featurebox   {
	font-size: 9px;
	line-height: 1.4em;
	background-image: url(/media/featurebox/fb_repeat.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 4px 8px 0 6px
}

.featurebox2_top   {
	font-size: 9px;
	font-weight: bold;
	line-height: 1.4em;
	background-color: transparent;
	background-image: url(/media/featurebox/fb_top_grey.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 8px 8px 3px 6px
}

.blockimages  {
	margin: 0 12px 14px 0;
	padding: 0
}

.breadcrumbs {
	color: #999;
	font-size: 9px;
	line-height: 150%;
	margin: 6px 12px 6px 0;
	padding: 0
}

.categoryhead {
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	background-color: #e9e9e9;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 0 24px 0 0;
	padding: 4px 6px 6px
}

.categoryhead_gap {
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	background-color: #e9e9e9;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 0 24px 12px 0;
	padding: 4px 6px 6px
}

.categoryhead_gaptop {
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	background-color: #e9e9e9;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 12px 24px 0 0;
	padding: 4px 6px 6px
}

.copy   {
	font-size: 10px;
	line-height: 1.5em;
	margin: 0 20px 0 0;
	padding: 0 0 3px
}

.copy:first-line  {
        font-size: 10px;
        line-height: 1.5em;
        margin: 0 20px 12px 0;
        padding: 0
}

.copy_small   {
        font-size: 9px;
        line-height: 1.5em;
        margin: 0 20px 0 0;
        padding: 0 0 3px
}

.copy_large  {
        font-size: 14px;
        line-height: 150%;
        margin: 0 20px 0 0;
        padding: 0 0 12px
}

.copyhuge   {
	font-size: 13px;
	line-height: 150%;
	margin: 0 20px 0 0;
	padding: 0 0 12px
}

.copy-notice   {
	font-size: 10px;
	line-height: 150%;
	margin: 0 20px 0 0;
	padding: 0 0 12px;
	color: #FF0000;
}

.feature_home {
	font-size: 13px;
	line-height: 1.4em;
	margin: 0;
	padding: 6px 0 0 6px
}

.feature_home_sml {
	font-size: 9px;
	line-height: 1.4em;
	margin: 0;
	padding: 6px 4px 0 8px
}

.copylarge {
	font-size: 11px;
	line-height: 150%;
	margin: 0 24px 0 0;
	padding: 0 0 12px
}

.copy-feature {
	font-size: 11px;
	line-height: 150%;
	background-image: url(/media/arrow.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0 12px 0 0;
	padding: 0 0 12px 21px
}

.copy-highlights    {
	font-size: 14px;
	line-height: 150%;
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0 12px 0 0;
	padding: 0 0 12px 21px
}

.copy_larger {
	font-size: 13px;
	line-height: 150%;
	margin: 0 24px 0 0;
	padding: 0 0 12px
}

.image  {
	margin: 0;
	padding: 14px 0 6px
}

.copylargelist  {
	font-size: 11px;
	line-height: 150%;
	list-style-image: url(/media/yvod/arrow.gif);
	list-style-position: inside;
	display: list-item;
	margin: 0 12px 0 0;
	padding: 0
}

.copylargemarg {
	font-size: 11px;
	line-height: 150%;
	font-size-adjust: ;
	margin: 0 12px 0 0;
	padding: 4px 0 0
}

.copymarg {
	font-size: 10px;
	line-height: 150%;
	font-size-adjust: ;
	margin: 0 12px 0 0;
	padding: 1px 0 0
}

.copysml {
	font-size: 9px;
	line-height: 150%;
	margin: 6px 12px 6px 0;
	padding: 0
}

.dividerline {
	color: #f0f0f0;
	font-size: 1px;
	line-height: 0;
	text-decoration: overline;
	margin: 0;
	padding: 0 0 12px
}

.footer   {
	color: #999;
	font-size: 9px;
	line-height: 150%;
	margin: 0;
	padding: 12px 12px 35px 0
}

.globalnav_background {
	background-image: url(/media/global_nav/global_nav.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0
}

.localnavboxgreen {
	background-color: #f2fcd2;
	margin: 0;
	padding: 0 0 2px;
	border-left: 2px solid #fff
}

.logo {
	margin: 12px 0 0;
	padding: 0
}

.navbackground {
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
	width: 138px;
	height: 92px;
	border-left: 2px solid #fff
}

.navlocal      {
	font-size: 11px;
	line-height: 140%;
	text-decoration: none;
	background-image: url(/media/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 0;
	padding: 0 8px 6px 21px
}

.navlocalhead    {
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	background-image: url(/media/localnav/ln_head.gif);
	background-repeat: no-repeat;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 0;
	padding: 4px 6px 6px 21px
}

.navlocalhead_topmargin  {
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	background-color: #e9e9e9;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 12px 0 0;
	padding: 4px 6px 6px 21px
}

.navlocalheadgreen {
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	background-color: #e3f6a8;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0;
	padding: 4px 6px 6px 21px
}

.localnavbox {
	background-image: url(/media/localnav/ln_repeat.gif);
	margin: 0;
	padding: 0 0 2px
}

.navlocalheadtext   {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;
	text-decoration: none;
	background-image: url(/media/localnav/ln_head.gif);
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 0;
	padding: 8px 6px 0 21px
}

.navlocallist  {
	font-size: 9px;
	font-weight: bold;
	line-height: 150%;
	list-style-image: url(/media/yvod/arrow.gif);
	list-style-position: inside;
	display: inline
}

.navlocaltext  {
	font-size: 11px;
	line-height: 140%;
	text-decoration: none;
	text-align: left;
	list-style: none url(/media/yvod/arrow.gif);
	display: list-item;
	margin: 0 0 12px 16px;
	padding: 0 6px 0 0
}

.newsthread {
	color: #414141;
	font-size: 10px;
	line-height: 150%;
	font-size-adjust: ;
	background-color: #ebebeb;
	text-indent: 4px;
	display: block;
	margin: 16px 0 6px;
	padding: 0;
	border-bottom: 1px solid #fff
}

.pagetitle {
	font-size: 16px;
	line-height: 120%;
	text-decoration: none;
	margin: 0;
	padding: 12px 0
}

.search {
	margin: 6px 0 0;
	padding: 0
}

.steps {
	font-size: 9px;
	line-height: 150%;
	background-color: #f0f0f0;
	margin: 0 2px 0 0;
	padding: 3px 0 4px 4px;
	position: relative;
	top: 6px;
	width: 134px;
	float: left
}

.titleimages {
	margin-top: 16px;
	margin-bottom: 18px;
	margin-left: 0
}


.worknetnav  {
	color: #414141;
	font-size: 10px;
	line-height: 150%;
	font-size-adjust: ;
	background-color: #ebebeb;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff
}

.worknettoday     {
	color: #414141;
	font-size: 10px;
	line-height: 150%;
	font-size-adjust: ;
	background-image: url(/media/today.gif);
	display: block;
	margin: 0;
	padding: 0
}

.chart-box1 {
	color: #414141;
	font-size: 9px;
	line-height: 140%;
	font-size-adjust: ;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
}

.chart-title {
	font-weight: bold;
	font-size: 10px;
	line-height: 140%;
	font-size-adjust: ;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 2px solid white
}

.chart-category {
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	font-size-adjust: ;
	background-color: #D6D6D6;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
}

	.usitenavneutraltop {
	color: #414141;
	font-size: 9px;
	line-height: 140%;
	font-size-adjust: ;
	background-color: #d6d6d6;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 2px solid white
}

	.usitenavsub {
	color: #414141;
	font-size: 9px;
	line-height: 140%;
	font-size-adjust: ;
	background-color: #ecfdd2;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 2px solid white
}

	.usitenavsubneutral {
	color: #414141;
	font-size: 9px;
	line-height: 140%;
	font-size-adjust: ;
	background-color: #e8e8e8;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 2px solid white
}

.usitenavtop {
	color: #414141;
	font-size: 9px;
	line-height: 140%;
	font-size-adjust: ;
	background-color: #dbf4b7;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 2px solid white
}

	.usitepronavsub {
	color: #414141;
	font-size: 9px;
	line-height: 140%;
	font-size-adjust: ;
	background-color: #daf8fd;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 2px solid #fff
}

	.img {
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0
}

	.img a:link {
	background-color: transparent
}

	.img a:visited {
	background-color: transparent
}

	.img a:hover {
	background-color: transparent
}

	a.login:link  {
	font-size: 11px;
	ba
	a.login:link  {
	font-size: 11px;
	background-color: #e9e9e9;
	background-image: url(/media/icns/icn_login.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0 0 12px;
	padding: 4px 0 6px 20px;
	width: 118px
}

	a.login:visited  {
	font-size: 11px;
	background-color: #e9e9e9;
	background-image: url(/media/icns/icn_login.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0 0 12px;
	padding: 4px 0 6px 20px;
	width: 118px
}

	a.login:hover  {
	font-size: 11px;
	background-color: #dedede;
	background-image: url(/media/icns/icn_login.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0 0 12px;
	padding: 4px 0 6px 20px;
	width: 118px
}

	a.login:active  {
	font-size: 11px;
	background-color: #dedede;
	background-image: url(/media/icns/icn_login.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0 0 12px;
	padding: 4px 0 6px 20px;
	width: 118px
}

	.buynow  {
	font-size: 11px;
	line-height: 150%;
	background-color: #f0f0f0;
	background-image: url(/media/icns/icn_shoppingcart.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 2px 24px 0 0;
	padding: 0 0 0 21px
}

	.field {
	font-size: 11px;
	text-decoration: none;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 0;
	padding: 2px 0 6px 20px;
	width: 118px
}

	.info  {
	font-size: 11px;
	text-decoration: none;
	background-color: #f0f0f0;
	background-image: url(/media/icns/icn_info.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 0;
	padding: 2px 0 4px 20px;
	width: 118px
}

	.login      {
	font-size: 11px;
	background-color: #f0f0f0;
	background-image: url(/media/icns/icn_login.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0 0 12px;
	padding: 4px 0 6px 20px;
	width: 118px
}

	.nogap {
	background-color: #f0f0f0;
	margin: 0;
	padding: 2px 0 0
}

	.noicon {
	font-size: 11px;
	text-decoration: none;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 2px 0 6px 20px
}

	.data_entry  {
	font-size: 11px;
	text-decoration: none;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	text-align: left;
	list-style-type: none;
	display: list-item;
	margin: 0;
	padding: 4px 0 4px 6px
}

	.data_entry_last {
	font-size: 11px;
	text-decoration: none;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	text-align: left;
	list-style-type: none;
	display: list-item;
	margin: 0 0 12px 0;
	padding: 4px 0 0 6px
}

	.pricelist  {
	font-size: 11px;
	line-height: 150%;
	background-color: #f0f0f0;
	background-image: url(/media/icns/icn_info.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 2px 24px 0 0;
	padding: 0 0 0 21px
}

	.total  {
	font-size: 11px;
	line-height: 150%;
	background-color: #f0f0f0;
	background-image: url(/media/icns/lrg_icn_arw_12.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	list-style-type: none;
	list-style-position: inside;
	display: list-item;
	margin: 2px 0 0;
	padding: 0 0 18px 21px
}

	.shoppingcart  {
	font-size: 11px;
	text-decoration: none;
	background-color: #f0f0f0;
	background-image: url(/media/icns/icn_shoppingcart.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: list-item;
	margin: 0;
	padding: 2px 0 4px 20px;
	width: 118px
}

	.withgap {
	background-color: #f0f0f0;
	margin: 12px 0 0;
	padding: 0
}

	.legalstatement {
	color: #666;
	font-size: 10px;
	line-heig
.img a:active {
	backgroun
	.img {
	line-h
.usitepronavtop    {
	color: #414141;
	font-size: 9px;
	line-height: 140%;
	font-size-adjust: ;
	background-color: #c7eef4;
	text-indent: 4px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 2px solid white
}

*/