*{padding:0;margin:0;}
img,a img{padding:0;margin:0;border:none;}

p.left{text-align:left;}
p.right{text-align:right;}
p.center{text-align:center;}
p.justify{text-align:justify;}

body{margin:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;}


.draft{text-align:center;font-weight:700;background:#FFFFFF;font-size:1.2em;padding:10px;border-bottom:4px solid #FF0000;margin:0 0 20px 0;}

a{text-decoration:none;color:#000000;}
a:hover, form input.button:hover{text-decoration:underline;cursor:pointer;background:#FFFF00;}
a.button{border:1px solid;line-height:1em;padding:4px 5px 4px 5px;}
a.no_hover:hover, a.no_hover:focus{background:none;}

a.pdf_download,a.pdf_download:hover,a.pdf_download:focus  {background-image:url(../img/bg_icon_pdf.png);background-repeat:no-repeat;background-position:5px center;padding:20px 5px 20px 60px;line-height:50px;}

#full_panel a{font-weight:700;}

form label:hover {text-decoration:underline;cursor:pointer;}

.mouse_pointer{cursor:pointer;}
.mouse_pointer td {text-decoration:underline;}

.content img{display:inline;float:left;margin:0 20px 20px 0;}

.thumb{display:inline;float:left;padding:5px;border:1px solid;margin:0 20px 20px 0;}
.content .right .thumb, .content .right img{margin:0 0 20px 20px;float:right;}

.content img.block{display:block;clear:both;float:none;margin:0 0 20px 0;}

.content ul {margin:0 0 20px 0;padding:0;list-style:none;clear:none;}
.content ul li{padding:0 0 5px 15px;margin:0;background:url(../img/gr_bullet.png) no-repeat left 8px;}

ul.thumbnails{text-align:left;border:1px solid;margin:0 0 20px 0;display:inline;float:left;width:100%;padding:10px 0 10px 0}
ul.thumbnails li{padding:0;margin:10px 0 10px 0;display:inline;background:none;float:none;}
ul.thumbnails li a{margin:0 5px 0 5px;padding:0;display:inline;float:none;}
ul.thumbnails li a img{border:1px solid;padding:5px;margin:0;display:inline;float:none;}
ul.thumbnails li a img:hover, ul.thumbs li a img:focus{border:1px solid;background:#FFFF00;}
ul.thumbnails li a:hover, ul.thumbs li a:focus{background:none;}





.tags{border:1px solid;padding:5px;font-size:0.8em;}

.downloads{margin:0 0 20px 0;}

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

ul{padding:0;margin:0 0 20px 30px;}
ul li{padding:0 0 0 10px;margin:0 0 0 20px;}

.breaker{border-bottom:1px solid;margin:0 0 20px 0;padding:0;line-height:1px;height:1px;clear:both;}
.bold{font-weight:700;}

.hidden{display:none;}
.show{display:inline;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.highlight{background:#FFFF00;}

.encoded ._js_encoded_content{display:none;}

.notes{font-style:italic;}

.float_right {float:right;}
.float_left {float:left;}

.scroll {overflow:auto;}

.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}

.warning{color:#000000;padding:0;margin:0;}
.success{color:#000000;padding:0;margin:0;}

h1{display:none;}

h2{padding:0;margin:0;text-align:right;display:inline;}

h3{padding:0 0 5px 0;margin:0;clear:none;font-weight:700;}

h4{font-size:1.8em;margin:0 0 20px 0;padding:0;line-height:normal;}

h5{font-size:1.1em;margin:0 0 15px 0;padding:0;line-height:1.2em;font-weight:700;}

h6{font-size:1em;margin:0 0 20px 0;line-height:1.2em;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px;clear:both;}

#wrapper{margin:0 auto 20px auto;padding:0;clear:both;}

#top{padding:0 0 20px 0;}

#header{padding:0;padding:0 0 10px 0;display:inline;float:left;width:100%;clear:both;}
#header #logo{display:inline;float:left;}

#header #search div.label, #header #accessibility div.label{font-weight:700;padding:0 0 3px 0;}
#header h2{padding:5px 0 0 0;}
#header .flash{padding:5px 0;}

#header #search{display:inline;float:left;margin:0 0 0 40px;padding:0;}
#header #search form label{font-weight:700;}
#header #search form input.input_text{line-height:1em;border:1px solid;display:inline;float:left;}
#header #search form input.image{border:1px solid;display:inline;float:left;}

#header #accessibility{display:inline;float:right;padding:0;margin:0;}
#header #accessibility .buttons{border:1px solid;height:25px;display:inline;float:left;}
#header #accessibility .buttons a{margin:0;display:inline;float:left;border:1px solid;}
#header #accessibility .buttons a img{display:inline;float:left;}
#header #accessibility .buttons #css_links{margin:0 1px 0 1px;line-height:23px;padding:0 5px 0 5px;text-decoration:underline;}

#tabs{height:2.2em;display:block;clear:both;background:url(../img/bg_tabs.png) repeat-x;margin:0 0 20px 0;overflow:hidden;}
#tabs ul{display:inline;float:left;list-style:none;margin:0;padding:0;}
#tabs ul li{display:inline;float:left;margin:0 20px 0 0;padding:0;}
#tabs ul li a{font-weight:700;height:2em;padding:0 10px 0 10px;line-height:2em;border:1px solid #000;border-top:none;display:inline;float:left;text-decoration:none;}
#tabs ul li a.current{background:url(../img/bg_tabs.png) repeat-x #FF0;color:#000;}
#tabs h2{display:inline;float:right;font-size:1em;line-height:2.2em;margin:0 5px 0 0;}



#content{clear:both;}

#left_panel {float:left;display:inline;padding:0;}
#left_panel p{margin:0;padding:0 0 5px 0;}

#left_panel .feature{font-weight:700;margin:0 0 15px 0;}
#left_panel .feature p{padding:0 10px 0 10px;}
#left_panel .feature .top, #left_panel .feature .bottom{height:5px;clear:both;overflow:hidden;}
#left_panel .feature .middle{border-right:1px solid;border-left:1px solid;float:left;clear:both;}

#left_panel .browse_aloud{border:1px solid;text-align:center;padding:10px 0 10px 0;}
 
.menu {list-style:none;padding:0;margin:0 0 20px 0;clear:both;}
.menu li{margin:0 0 5px 0;text-align:left;padding:0;}
.menu li a{display:block;padding:3px 0 4px 5px;}
.block{margin:0 0 80px 0;}
.block li a, .transparent li a{border:1px solid;}
.block li a{font-weight:700;}
.block li a span{display:none;}
.block li ul, .transparent li ul{margin:15px 0 15px 10px;list-style:none;padding:0;}
.block li ul li a, .transparent li ul li a{font-weight:normal;}

#left_panel .grey_box{padding:4px;margin:0 0 10px 0;border:1px solid;}
#left_panel .grey_box .button{font-weight:700;}

#middle_panel {display:inline;float:left;}

#middle_panel a, #right_panel a{font-weight:700;}
#middle_panel .youtube{width:100%;display:block;height:300px;text-align:center;margin:0 0 10px 0;}
#middle_panel p.transcript{margin:0 0 20px 0;padding:0;text-align:right;}
#middle_panel p.transcript a{font-weight:normal;text-decoration:underline;}

#full_panel{display:inline;float:right;clear:none;margin:0;}

#full_panel .youtube{display:inline;width:100%;float:left;margin:0 0 20px 0;background:#E5E5E5;}
#full_panel .youtube object{height:300px;display:inline;float:left;margin:0 10px 0 0;}
#full_panel .youtube .desc{padding:10px 10px 0 0;display:inline;float:right;}

#full_panel .content {display:inline;float:left;}
#full_panel .content  img{display:inline;}

#twitter {border-top:1px solid;border-bottom:1px solid;padding:5px 10px 5px 10px;display:inline;float:left;background:url(../img/bg_twitter.png) no-repeat;background-position:bottom right;margin:10px 0 20px 0;}
#twitter p{display:inline;float:left;margin:0 0 10px 0;padding:0;}
#twitter p.tweet a{font-weight:normal;}
#twitter img{float:right;margin:35px 0 0 0;}

.preview{margin:0 0 20px 0;padding:0;display:inline;float:left;width:100%;}
.preview p{font-size:0.9em;line-height:1.3em;margin:0 0 15px 0;padding:0;}
.preview img{display:inline;float:left;margin:0 20px 0 0; }
.preview .button{margin:0;display:inline;float:left;}

#right_panel {display:inline;float:right;padding:0;}

#right_panel .feature {margin:0 0 20px 0;}
#right_panel .feature form{padding:0 0 10px 0;display:inline;float:left;clear:both;width:100%;}
#right_panel .feature form fieldset{padding:5px 0 0 5px;border:none;margin:10px 5px 0 5px;width:auto;}
#right_panel .feature form fieldset legend{font-weight:700;margin:0 0 0 5px;padding:0;}
#right_panel .feature form label{font-weight:normal;display:inline; float:left;clear:right;margin:0 0 10px 0;}
#right_panel .feature form input.button{margin:10px 0 0 8px;display:inline;float:left;clear:both;}

#right_panel .feature .top, #right_panel .feature .top_transparent, #right_panel .feature .bottom{height:5px;clear:both;overflow:hidden;}
#right_panel .feature .middle{border-right:1px solid;border-left:1px solid;float:left;clear:both;}
#right_panel .feature .middle h4{font-size:1em;line-height:1.2em;padding:0 10px 4px 10px;margin:0 0 3px 0;}
#right_panel .feature .middle p {padding:0 10px 10px 10px;}
#right_panel .feature .thumb{margin:0 auto 10px auto;}

.breadcrumb{padding:0 0 20px 0;}


.pagination {margin:0 0 20px 0;float:right;padding:0;}
.pagination span{float:left;padding:0 10px 8px 10px;display:inline;}
.pagination ul {list-style:none;display:inline;margin:0 0 0 2px;padding:0;}
.pagination ul li{display:inline;float:left;margin:0;}
.pagination ul li a{margin:0;font-weight:700;padding:6px 8px 6px 8px;border:1px solid;}
.pagination ul li.on a{background:#FFFF00;color:#000000;}



.data_table {border-top:1px solid;border-left:1px solid;margin:0 0 20px 0;}
.data_table tr td, .data_table tr th{text-align:left;border-right:1px solid;border-bottom:1px solid;padding:4px;}

.info_table {margin:0 0 20px 0;}
.info_table tr th,.info_table tr td{text-align:left;padding:1px 4px 1px 4px;background:#000000;}

#bottom{padding:20px 0 10px 0;margin:10px 0 0 0;display:block;clear:both;}

#footer{clear:both;padding:5px 0;border-top:1px solid;margin:0;}

#footer .bookmarks{margin:0;list-style:none;clear:both;}
#footer .bookmarks li{display:inline;float:left;margin:0 5px 0 0;padding:0;}
#footer .bookmarks li.logo{background:url(../img/bg_social_logos.png);margin:0 5px 0 5px;}
#footer .bookmarks li.what{margin:0 0 0 20px;}

#subfooter {padding:20px 0;}
#subfooter .website{padding:0 0 0 40px;}
#subfooter .links{float:left;display:inline;padding:10px 0 0 0;}
#subfooter .w3c {float:right;display:inline;}
#subfooter .w3c a{margin:0 0 0 5px;}

.multiform_controls #multiform_prev{display:inline;float:left;}
.multiform_controls #multiform_next{display:inline;float:right;}

.multiform_links{list-style:none;margin:10px 0 20px 0;padding:0;display:inline;float:right;clear:both;}
.multiform_links li{display:inline;float:left;margin:0;padding:8px 10px 8px 10px;}
.multiform_links li a {margin:0;font-weight:700;}
.multiform_links li.on a{background:#FFFF00;color:#000000;}

p.warning{margin:0;padding:0 0 10px 0;color:#FF0000;font-weight:700;}
div.form_errors{padding:0 0 10px;margin:0 0 15px 0; }

form {margin:0;padding:0;}

form div{display:block;clear:both;}

form textarea, form input{font-family:Arial, Helvetica, sans-serif;font-size:1em}
form div {clear:both;}
form textarea {margin:0;}
form input.button{padding:2px 6px 2px 6px;border:1px solid;clear:both;cursor:pointer;font-size:1em;font-weight:700;}
form input.radio{line-height:1.4em;}
form input.input_text{padding:5px 5px 4px 5px;}

form .input input, form textarea{border:1px solid;}

#full_panel form fieldset {padding:0 20px 20px 20px;border:2px solid;margin:0 0 20px 0;}
#full_panel form fieldset legend {margin:0;padding:0 20px 0 20px;font-size:1.2em;text-transform:uppercase;font-weight:700;}

form .checkbox label{width:495px;display:inline;float:left;}
form .checkbox input{margin:7px 0 0 0;line-height:1.2em;padding:5px;}
form .checkbox input:focus{background:#FFFF00;}

form .input, form .textarea{margin:0 0 15px 0;}
form .input input, form .textarea textarea{display:inline;margin:0;padding:5px;}

form textarea.medium{display:block;clear:both;}
form  textarea.large{display:block;clear:both;}

form div.label, form .label label,form .input label, form .textarea label, form .checkbox label{font-weight:700;display:inline;float:left;margin:0 15px 0 0;padding:5px 0 5px 0;}
form label.large{display:block;}

form .captcha_image{float:left;margin:0 5px 0 0;}
form .captcha{width:100px;float:left;margin:0 5px 0 0;}

form .radio_replace{display:inline;float:left;}
form .radio_div{overflow:hidden;width:1em;height:1em;border:2px solid;font-weight:700;display:inline;float:left;clear:none;line-height:1em;}
form .radio_div .radio_box{cursor:pointer;width:1em;height:1em;text-align:center;display:inline;float:left;}
form .radio label{font-weight:normal;display:inline; float:left;clear:right;margin:0 0 10px 0;}
form .radio {display:block;clear:both;height:1.4em;}
form .radio label{font-weight:normal;display:inline; float:left;clear:right;margin:0 0 10px 0;}
form .radio label{width:150px;}
form .radio input.radio_replace{margin:3px 5px 0 0;}
form .radiogroup {clear:both;display:block;margin:0 0 20px 0;}

.weekly_availability tr td,.weekly_availability tr th {padding:6px;text-align:center;}
.weekly_availability tr td:hover, weekly_availability tr td.focus{background:#FFFF00;}

.checkbox input:focus{background:#FFFF00;}


.yes_no{text-transform:uppercase;background:#FFFF00;padding:0 4px 0 4px;color:#000000;}

.checkboxes {margin:0 0 30px 0;display:inline;float:left;}
.checkboxes div{padding:0 10px 0 0;clear:none;float:left;display:inline;margin:0;}
.checkboxes div.block{padding:0 10px 0 0;clear:both;display:block;}
.checkboxes .checkbox{border-bottom:1px dotted;display:inline;float:left;width:270px;margin:0;}
.checkboxes .checkbox input{display:inline;clear:none;float:left;}
.checkboxes .checkbox label{width:240px;font-weight:normal;}


ul.product_categories{margin:0 0 20px 0;display:inline;float:left;width:100%;padding:10px 0 10px 0;list-style:none;}
ul.product_categories li{display:inline;float:left;padding:0;margin:0 22px 20px 0;border:1px solid;}
ul.product_categories li span.top{padding:5px 10px 5px 10px;font-weight:700;border-bottom:1px solid;}
ul.product_categories li span.bottom{padding:5px 10px 5px 10px;border-top:1px solid;}
ul.product_categories li span.middle{text-align:center;display:block}
ul.product_categories li span.top,
ul.product_categories li span.middle,
ul.product_categories li span.bottom{display:block;clear:both;}


/* Small Lo Res */
ul.product_categories li{width:180px;}
ul.product_categories li span.middle{border:10px solid;overflow:hidden;width:160px;height:160px;}
ul.product_categories li span.middle img{width:100%;}

div.product{border:1px solid;display:block;clear:both;margin:0 0 30px 0;}
div.product img{border:none;margin:10px 20px 10px 10px;height:140px;width:140px;display:inline;float:left;}
div.product span.content{margin:10px;font-size:0.9em;}
div.product div.bottom{clear:both;display:block;border-top:1px solid;padding:5px;}
div.product h5{font-size:1em;padding:5px;border-bottom:1px solid;display:block;clear:both;margin:0;}
div.product h5 span.left{width:180px;display:inline;float:left;}
div.product bottom form{display:inline;float:left;}

div.product form label{display:inline;float:left;font-weight:700;}
div.product form label:hover, div.product form label a{text-decoration:none;}
div.product form label.left{width:180px;}
div.product form label.price{margin:0 30px 0 0;}
div.product form label.qty{margin:0 10px 0 0;}
div.product form .add_product{cursor:pointer;border:none;background:none;display:inline;float:right;font-weight:700;}
div.product form .add_product:hover{background:#FF0;color:#000;}

table.basket .right{text-align:right;}
table.basket .total td{padding:5px 0 0 0;border-top:4px solid;}
table.basket th{text-align:left;border-bottom:1px solid;}
table.basket td{padding:5px 0 10px 0;}