/****  The default style for this page is the mobile version because PocketIE sucks ass.  ****/

body, div, dl, dt, ul, ol, li, h1, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
q:before, q:after {content: '';}
html {}
ul.norm_ul {list-style-type: disc; list-style-position: outside; margin-left: 40px; margin-top: -10px; margin-bottom: 10px;}
p.no_pad {padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px}
span.right {display: block; text-align: right; margin-right: 8px;}
h1 {text-indent: -9999px; height: 0px;}
div#logo {position: relative; margin-left: 810px; height: 130px; margin-top: 0px; z-index:99;}
div#logo a span {display: block; height: 130px; width: 214px;}
ul#nav_list li {display: inline;padding-left:1px;padding-right:1px;}
div.news > h3 {margin-bottom: -10px; padding-left: 8px;}
div#content_news h4 {margin-right: 25px;}
div.news > p {margin-bottom: 0px; margin-top: 10px; padding-top: 0px; padding-bottom: 0px;}
div#content_quicklinks h2 {margin-right: 0px; margin-top: 0px;}
div#content_quicklinks h5 {padding-left: 8px; margin-bottom: 5px;}
ul#quick_list li {margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding-bottom: 5px;}
a.blue_outline {float: left; margin: 5px; padding: 1px;}
a.quick_a:hover {/*margin-right: 3px;*/ padding: 0px;}
a.blue_outline:hover {/*margin-right: 10px;*/ padding: 0px;}
img.fix {margin-bottom: -4px;}
a.product_img {margin-right: 10px;}
div.product {padding-bottom: 5px;}
div.product_text {position: relative; /*display:inline;*/ height: 155px; overflow: hidden; margin-left: 205px; top: 2px;}
div.product_text p {margin-left: -5px;}
div.product_other {position: relative; margin-left: 210px; margin-top: 0px;}
div.product_other li {display: inline;}
div.product_other span {margin-top: -50px;}
div.product_image {position: relative; width: 160px;}
div.quick_image {position: relative; width: 52px; top: -5px; z-index: 99;}
div.quick_text {position: relative; height: 50px; overflow: hidden; margin-left: 55px; top: -2px;}
div.quick_text p {display:inline;display:inline;display:inline;display:inline;display:inline;display:inline;display:inline;display:inline;display:inline;margin-left: -5px;}
ul#featured_list {text-align: center;}
ul#featured_list li {display: inline; margin-left: 20px; margin-right: 20px;}
form#form_emailcontact {margin-left:1em;}
form#form_contact {text-align: center;}
ul#name_field {position: relative; height: 20px; margin-left: 0px;}
ul#name_field li {display: inline; width: auto;}
ul#comment_field li {display: none;}
ul#comment_field {margin-top: 10px;}
ul#comment_field > li+li {display: inline; margin-left: 25px;}
li#submit_li {text-align: center; margin-bottom: 15px;}
div#content_archive {min-height: 400px;}
div#archive_month {position: relative;}
ul#archive_article {position: relative; height: 100px;}
ul#year0 {position: relative; top: 0px; left: 10px; width: 80px; height: 100px;}
ul#year0 li, ul#year1 li, ul#year2 li {text-align: center;}
ul#year1 {position: relative; top: 0px; left: 110px; margin-top: -100px; height: 100px; width: 80px;}
ul#year2 {position: relative; top: 0px; left: 210px; margin-top: -100px; height: 100px; width: 80px;}
div#site_info {position: relative; width: 698px;  margin-left: 30px; margin-top: -20px; margin-bottom: 5px;}
div#site_info p span {padding-left: 10px; padding-right: 10px;}
ul#misc_list li {display: inline; margin-left: 10px;}
form#form_emailcontact label, form#form_emailcontact input, form#form_emailcontact select {font: .75em arial,tahoma,sans-serif;display: block;width: 175px;float: left;margin-bottom: 10px;}
form#form_emailcontact label {font-size: .75em;text-align: right;width: 50px;padding-right: 20px;}
form#form_emailcontact input#cmdSubmit {width:100px;float:none;margin:0 auto;}
br {clear: left;}
ul#textlinks_list, ul#imagelinks_list {margin-left: 15px; padding-bottom: 10px; padding-top: 10px; margin-right: 15px;}
div.inset {padding-top: 20px;}
div.inset h3, li.inset h3 {margin-bottom: 10px; padding-left: 8px;}
div.inset div.product h3 {margin-top: -20px;}
div.inset h3 {margin-top: -20px;}
div#addressblock div.fn, div#addressblock div.adr {padding-left: 20px;}
div#addressblock a.url, div#addressblock div.email {display: none;}

/****  The previous lines are modified by the next section to render for different media types.  ****/

body {width: 100%; margin: 0px auto;}
p, h4 {padding-left: 10px; padding-bottom: 20px; padding-right: 15px;}
h2 {margin-right: 10px;}
div#tMRB_brand {position: relative; width: 100%; height: 175px;}
ul#nav_list {position: absolute; bottom: 3px; z-index: 4; /*margin-top: 130px;*/ margin-left: 5px;}
div#content {position:relative; padding-top: 10px; padding-right: 10px; padding-bottom: 20px;}
div#content_gadgets, div#content_select, div#content_address {width: 100%; margin-right: 0px; margin-left: 10px; height: auto; margin-bottom: auto; position: static;}
img.big {display: none;}
div.news {width: auto; margin-right: 20px; margin-left: 10px; margin-bottom: 10px;}
ul#misc_list {margin-left: 5px; display: none;}
div#site_info > p {text-align: left; right: auto;}

/****  The following lines match the ones above and alter the previous code to render for a monitor.  ****/

@media Screen
{
body {width: 100%;}
div#big_wrapper {width: 100%; position: relative; /*margin-left: 20px;*/ margin-top: -500px;}
div#content {position: relative; /*width: 920px;*/ margin-left: 20px; margin-top: 0px; padding-top: 10px; padding-bottom: 30px;}
div#bg {width: 100%; height: 500px;}
p, h4 {padding-left: 10px; padding-bottom: 20px; padding-right: 25px;}
h4 {padding-bottom: 10px;}
h2 {height: 30px; margin-bottom: 0px; padding-left: 2px; margin-right: 0px; position: relative;}
h2 > img {padding-top: 2px;}
div.wrapper {padding-top: 10px; margin-left: 0px; margin-right: 0px;}
div#tMRB_brand {position: relative; width: 100%; height: 130px;}
ul#nav_list {position: absolute; margin-left: 30px; bottom: 8px; z-index: 4;}
div.main_div {margin-left: 10px; width: 700px;}
div#sidebar, div#content_select {position: absolute; height: 500px; width: 340px; margin-left: 720px; margin-bottom: -290px;}
div.sidebar_div {width: 100%; margin-right: 0px; margin-left: 10px;}
div#content_quicklinks {margin-top: 13px;}
div#content_quicklinks > ul {padding-bottom: 400px;}
ul#quick_list li {height: 80px; margin-left: 15px; margin-right: 15px;}
img.big {width: 300px; height: 200px; margin-left: 10px;}
div#news_items {padding-bottom:20px;}
div.news, div.inset {margin-left: 20px; padding-bottom: 10px; margin-right: 20px; margin-bottom: 10px;}
ul#misc_list {margin-left: 5px;}
div#site_info > p {text-align: center;}
div.product {position: relative; height: 225px;}
}