/*****************/
/* HTML Elements */
/*****************/
.lists ul {
	list-style:none;
	padding-left:0px;
}

.lists li {
	list-style-type: none;
	padding-left:10px;
	background:url(../images/bullet_black.png) 0 7px no-repeat;
	padding-top:2px;
	padding-bottom:2px;
}


* {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666;
 font-weight: normal;
}

.content a:link, .content a:visited, div.googlecart-add {
 color: #cc6600;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
}
.content a.big:link, .content a.big:visited {
 font-size: 14px;
 font-weight: normal;
}
.content a:hover, .content a:active {
 text-decoration: underline;
}

div.product-sku {
 display: none;
}

h1 {
 margin: 0;
 padding: 0 0 10px 0;
}

h2 {
 margin: 0;
 padding: 0 0 10px 0;
 font-size: 15px;
 font-weight: normal;
 color: #333;
}
h2.hidden {
 visibility: hidden;
}

.darkgrey {
 color: #333;
}

.lightgrey {
 color: #999;
}

.blue, .content .blue a:link, .content .blue a:visited {
 color: #016ba9;
}

.lightblue, .content .lightblue a:link, .content .lightblue a:visited, .content a.lightblue:link, .content a.lightblue:visited {
 color: #2d7b7b;
}

.content a.lightgrey:link, .content a.lightgrey:visited {
 color: #666;
}

.small, .content .small a:link, .content .small a:visited {
 font-size: 11px;
}

.big {
 font-size: 13px;
}

.b, b {
 font-weight: bold;
}

.n, .content .n a:link, .content .n a:visited {
 font-weight: normal;
}

p {
 margin: 0;
 padding: 0 0 10px 0;
}

.content p a:link, .content p a:visited, .content .p a:link, .content .p a:visited {
 font-size: 12px;
 font-weight: normal;
 color: #333;
 text-decoration: underline;
}

.blue_bg1 {
 background-color: #edf3f8;
}

.blue_bg2 {
 background-color: #f4f8fb;
}

.blueunderline {
 border-bottom: solid 1px #d6e2e2;
}

.content .blueunderline a:hover {
 text-decoration: none;
}

ul, ol {
 margin: 0;
 padding: 0 0 0 20px;
}

ul li, ol li {
 margin: 0;
 padding: 0 0 10px 0;
 list-style-position: inside;
}

ol.alpha li {
 list-style-type: lower-alpha;
}

ol.alpha li ol li {
 list-style-type: decimal;
}

a.arrow {
 display: block;
 width: 11px;
 height: 11px;
 margin: 4px 0 0 0;
 overflow: hidden;
 background-image: url(../images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
a.arrow.expanded {
 background-position: 0px -11px;
}

a.arrowed {
 padding: 0 11px 0 0;
 background-image: url(../images/arrowed.gif);
 background-repeat: no-repeat;
 background-position: 100% 50%;
}
















/***********************/
/* Wrapper, and Layout */
/***********************/

#wrapper {
 width: 872px;
}

#container {
 background-color: #fff;
 padding: 2px 0 20px 0;
}

.leftnav {
 position: absolute;
 width: 115px;
 padding: 65px 20px 0 30px;
}

.leftnav a {
 display: block;
 margin-bottom: 4px;
 font-size: 13px;
 color: #1d7272;
 font-weight: normal;
 text-decoration: none;
}
.leftnav a.current {
 font-weight: bold;
}
.leftnav a:hover {
 text-decoration: underline;
}

.content {
 margin: 0;
 padding: 20px 30px 20px 30px;
 background-color: #fff;
 line-height: 1.4em;
}

.withleftnav {
 min-height: 200px;
 margin: 0 0 0 165px;
 border-left: solid 1px #d6e2e2;
}








/********************/
/* Forms and Inputs */
/********************/

fieldset {
 margin: 0;
 padding: 0;
 border: none;
}

div.row label {
 float: left;
 width: 202px;
}

input {
 margin: 0;
 padding: 3px 4px;
 border: solid 1px #ccc;
 color: #333;
}

fieldset div.row {
 clear: left;
 padding: 0 0 10px 0;
}

div.row input {
 width: 170px;
}

input.radio, input.checkbox {
 border: none;
}
label.radio, label.checkbox {
 padding-left: 8px;
}

input.checkbox, div.row input.checkbox, input.radio, div.row input.radio {
 display: block;
 clear: left;
 float: left;
 width: 15px;
}
label.checkbox, label.radio, div.row label.checkbox, div.row label.radio {
 display: block;
 float: left;
 width: 90%;
}

div.row input, div.row input.radio {
 clear: none;
}

div.row label.radio {
 width: 200px;
}



.btn {
 display: block;
 height: 35px;
}
.btn * {
 cursor: pointer;
}
.btn .left {
 display: block;
 float: left;
 width: 5px;
 height: 35px;
 background-image: url(../images/btn_bg_left.png);
 background-repeat: no-repeat;
}
.btn .mid {
 display: block;
 float: left;
 height: 27px;
 padding: 8px 10px 0 10px;
 background-image: url(../images/btn_bg_mid.png);
 background-repeat: repeat-x;
}
.btn input.mid {
 width: auto;
 height: 35px;
 padding-top: 0;
 border: none;
 background-color: transparent;
}
.btn .mid, .btn a.mid, .btn input.mid {
 font-size: 13px;
 font-weight: normal;
 color: #1d7272;
}
.btn a.mid:hover {
 text-decoration: none;
}
.btn .right {
 display: block;
 float: left;
 width: 5px;
 height: 35px;
 background-image: url(../images/btn_bg_right.png);
 background-repeat: no-repeat;
}










/********************/
/* Specific Content */
/********************/

table.standardpadded {
 width: 100%;
 border-collapse: collapse;
}

table.standardpadded tr th, table.standardpadded tr td {
 padding: 10px;
 text-align: center;
}
table.standardpadded tr th.left, table.standardpadded tr td.left {
 text-align: left;
}

table.standardpadded tr td.checkmark {
 background-image: url(../images/checkmark.gif);
 background-repeat: no-repeat;
 background-position: 50% 50%;
}

.icon_audio, .icon_video, .icon_doc {
 position: relative;
 width: auto;
 margin: 0 0 5px 0;
 padding: 5px 0 5px 40px;
 background-position: 0 5px;
 background-repeat: no-repeat;
}
.icon_audio {
 background-image: url(../images/icon_audio.png);
}
.icon_video {
 background-image: url(../images/icon_video.png);
}
.icon_doc {
 background-image: url(../images/icon_doc.png);
}

#freeresources {
 position: absolute; 
 width: 200px; 
 height: 100%;
 margin-left: 420px; 
 padding: 15px 20px 15px 20px;
}

.moreabout {
 padding: 0;
}

.highlighted {
 background-color: #fcfcdd;
}






/*******************************/
/* Errors, responses, feedback */
/*******************************/

#responses {
 height: 27px;
}

div.response {
 padding: 6px 10px 6px 25px;
 margin: auto auto 15px auto;
 background-position: 12px 50%;
 background-repeat: no-repeat;
}
div.errors {
 background-color: #990000;
 background-image: url(../images/icon_error.png);
}
div.notices {
 padding-left: 10px;
 background-color: #fcfcdd;
}
div.successes {
 padding-left: 35px;
 background-color: #009900;
 background-image: url(../images/icon_success.png);
}
div.infos {
 background-color: #000066;
 background-image: url(../images/icon_info.gif);
}


div.response p {
 padding: 0px;
 margin: 3px;
}
div.errors p, div.errors p *, div.errors p a:link, div.errors p a:visited, div.errors p a:hover, div.errors p a:active {
 color: #fff;
 font-weight: bold;
}
div.notices p, div.notices p *, div.notices p a:link, div.notices p a:visited, div.notices p a:hover, div.notices p a:active {
 color: #333;
 font-weight: normal;
}
div.successes p, div.successes p *, div.successes p a:link, div.successes p a:visited, div.successes p a:hover, div.successes p a:active {
 color: #fff;
 font-weight: bold;
}
div.infos p, div.infos p *, div.infos p a:link, div.infos p a:visited, div.infos p a:hover, div.infos p a:active {
 color: #fff;
 font-weight: bold;
}


#jserrors, #jserrors p, .errors p {
 color: #ca0c35;
 padding-left: 1px;
 font-weight: bold;
}
#jserrors {
 padding-bottom: 8px;
}
#jserrors p {
 padding-bottom: 5px;
}