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

div#content {/*border-left: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333;*/ background: transparent;}
ul#nav_list, div#content_news, div#content_gadgets, div#content_misc, div#content_contact, div#content_about, div#site_info {background: transparent;}
h2 {color: #fff; font-size: 16px; font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; font-weight: bold; font-style: normal; font-variant: normal; line-height: normal; background: transparent URL('images/h2_back.png') top left; border-top: 1px solid #222; border-right: 1px solid #222; border-left: 1px solid #222;}
div#tMRB_brand > p {position: relative; color: #369; font-size: 14px; font-family: "Trebuchet MS", Arial, Tahoma;}
div#logo a {position: relative; padding-top: 10px;}
a, a:visited {text-transform: none; text-decoration: none; color: #39f;}
a:hover, a:active {text-transform: none; text-decoration: none; color: #fff; background: transparent URL('images/content_back2.png') top left;}
a.no_bg:hover, a.no_bg:active {background: transparent;}
a.blue_outline:hover {border: 1px solid #39F;}
div#logo a:hover {background: transparent;}
ul#nav_list a {color: #39F; text-decoration: none; border-bottom: 0px;}
ul#nav_list a:hover {color: #fff; background: transparent URL('images/content_back2.png') top left; border-bottom: 0px;}
/*ul#featured_list li {background: transparent URL('images/content_back.png') top left;}*/
div#site_info {color: #aaa; background: transparent URL('images/content_back2.png') top left;; border: 1px solid #222;}
ul#misc_list a, ul#misc_list a:hover, ul#misc_list a:visited {text-transform: none; text-decoration: none; font-weight: bold; color: #369;}
div#site_info p, div#content_iesucks p {font-size: 12px;}
div#content_iesucks {color: #aaa; border-top: 1px solid #222;}
div.news, div.inset, li.inset {background: transparent; border: 1px dashed #333;}
h3, h5, a.article:hover {color: #fff;}
div.quick_img > img {}
div.quick_img, div.product_img, div.featured_img {background: transparent URL('images/content_back2.png') top left;}
h5 {background: transparent URL('images/h3_back.png') top left;}
div.news h3, div.inset h3, li.inset h3, h3 {background: transparent URL('images/h3_back.png') top left; position: relative; height: 1%;}
html>body div.news h3, html>body div.inset h3, html>body li.inset h3, h3 {height: auto;}
p.timestamp {font-size: 12px; background: transparent URL('images/h3_back.png') top left;}
span.expand a, span.expand a:hover, span.expand a:visited {text-transform: none; text-decoration: none; font-weight: bold; color: #369; background: #9cf; letter-spacing: 0em; font-size: 14px;}
a.article, a.article:visited, a.article:hover {text-decoration: none; text-transform: none; font-weight: normal; border-bottom: 1px dotted #D14330; color: #777;}
h2 > span > a {background: #9cf;}
ul#nav_list a {font-size: 16px;}
ul#gadgets_list > li.feature {border: 1px dashed #333;}
ul#textlinks_list {border-bottom: 1px dashed #333;}

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

body {background:  #fff;}
div#logo a span {background: #fff URL('images/mrb_mobile.gif') top center no-repeat;}

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

@media Screen
{
body {color: #eee; background: #000 URL('images/bg_pattern.gif') top left; font: 14px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, Verdana, sans-serif;}
div#tMRB_brand {background: transparent URL('images/top_back.png') top left;}
div.wrapper {background: transparent URL('images/content_back2.png') top left; border-left: 1px solid #222; border-right: 1px solid #222; border-bottom: 1px solid #222;}
div#big_wrapper {background: transparent;}
div#content_wrapper {width: 100%; height: 100%;}
div#bg {background: transparent URL('images/bg.png') top right;}
div#logo a span {text-indent: -999px; background: transparent url('images/mrb_logo.png') top left no-repeat;}
div.main_div h2 span, div.sidebar_div h2 span {display: block; margin-top: 2px; height: 30px; text-indent: -9999px;}
div#content_featured h2 span {background: transparent url('images/featured.png') top left no-repeat;}
div#content_news h2 span {background: transparent url('images/news.png') top left no-repeat;}
div#content_about h2 span {background: transparent url('images/aboutus.png') top left no-repeat;}
div#content_quicklinks h2 span {background: transparent url('images/quicklinks.png') top left no-repeat;}
div#content_notify h2 span, div#content_pimnotify h2 span {background: transparent url('images/notifyme.png') top left no-repeat;}
div#content_products h2 span {background: transparent url('images/products.png') top left no-repeat;}
div#content_address h2 span {background: transparent url('images/address.png') top left no-repeat;}
div#content_contact h2 span {background: transparent url('images/contactus.png') top left no-repeat;}
div#content_installation h2 span {background: transparent url('images/installation.png') top left no-repeat;}
div#content_warranty h2 span {background: transparent url('images/warranty.png') top left no-repeat;}
div#content_techinfo h2 span {background: transparent url('images/techinfo.png') top left no-repeat;}
div#content_address h2 span {background: transparent url('images/oldschool.png') top left no-repeat;}
div#content_newschool h2 span {background: transparent url('images/newschool.png') top left no-repeat;}
div#content_misc h2 span {background: transparent url('images/misc.png') top left no-repeat;}
div#content_pim h2 span {background: transparent url('images/pim.png') top left no-repeat;}
div#content_pimbom h2 span {background: transparent url('images/whatyouget.png') top left no-repeat;}
div#content_pimbuy h2 span {background: transparent url('images/purchase.png') top left no-repeat;}
div#content_thanks h2 span {background: transparent url('images/thanksanyway.png') top left no-repeat;}
div#content_thankyou h2 span {background: transparent url('images/thankyou.png') top left no-repeat;}
div#content_oos h2 span {background: transparent url('images/outofstock.png') top left no-repeat;}
div#content_downloads h2 span {background: transparent url('images/downloads.png') top left no-repeat;}
}