body{font-family:Tahoma,Verdana; margin:0; padding:0}

a{outline:none;}img{display:block;border:none;}
form, fieldset{margin:0;padding:0;border:none;}
label{cursor:pointer;}.link{color:blue; text-decoration:underline}
img{border:none;}

/* HOMEPAGE DEALS SECTION /////////////////////////////////////////////*/
#current-deals-new{width:830px;}
#current-deals-new, #current-deals-new *, #intro{float:left;margin:0;padding:0}
#current-deals-new .offer{text-align:left;width:390px; height:170px; margin:0 0 10px 10px;padding:10px 0px 10px 10px;background-repeat:repeat-x;float:left;border:1px solid #000}
#current-deals-new .one{text-align:left;width:390px;height:170px;padding:10px 0px 10px 10px;}
#current-deals-new .offer a{text-align:left;color:#800000}
#current-deals-new .offer h2{font-size:20px;padding-bottom:10px;width:100%}
#current-deals-new .offer p{width:205px; margin-left:10px}
#current-deals-new .offer p .price{width:100%;font-size:25px;font-weight:bold;padding-bottom:5px; color: #FF0000}
#current-deals-new .offer .offer-details{display:block;font-size:14px; margin-left:5px;color:#333333}
#current-deals-new .offer .link{margin-top:5px;font-size:16px;color:#800000}

#home-title{width:830px; padding:0;margin:0;font-size:16px}
#home-title p{float:center;margin:0 10px 10px 10px}

#home-banner{width:830px; padding:0;margin:0;}
#home-banner p{float:center;margin:0 10px 10px 10px}

#homepage-categories{float:left;width:auto; padding:0;margin:10px 0 0 0}
#homepage-categories table{margin-left:15px;float:left;clear:left; width:800px; border-collapse:collapse}
#homepage-categories table.two{margin-left:0px;width:820px}
#homepage-categories h3 a, #homepage-categories img{margin-left:10px}
#homepage-categories .category{float:left;width:280px; height:150px;margin:10px 0 0 8px;font-size:12px;border:1px solid #999}#homepage-categories > .category{width:290px;margin-left:10px}
#homepage-categories .category img{display:block;margin:0 5px}
#homepage-categories .one{width:805px; border:none;height:60px;padding-left:240px}
#homepage-categories .two{width:330px;height:170px;padding:10px 0px 10px 10px;}#homepage-categories > .two{width:330px;}
#homepage-categories .category img{float:left;clear:none}
#homepage-categories .three h3{padding:0 10px 10px 10px}

#homepage-categories .three p, #homepage-categories .three a{float:left; white-space:normal}
#homepage-categories .three p{margin:0 7px 10px 0;width:150px;}
#homepage-categories .three a{text-align:left;float:left;margin:0 7px 0 0;width:170px;}
#homepage-categories .three a.image, #homepage-categories .three h3 a{float:left;clear:left; width:auto}
#homepage-categories .three a img{display:block;float:left;padding-bottom:20px;width:85px;height:85px }
#homepage-categories .three a img.standalone-dvr{width:150px;height:54px}
#homepage-categories .three a.standalone-dvr{width:100px;}

/* END HOMEPAGE SECTION //////////////////////////////////////////////////////*/


/*

.TOPTITLEBAR { color: white;font-weight: bold; font-family: Tahoma,Veranda,Arial;font-size: 10pt;}
.SBSMENU { width:180px;color: #B4CFE7;}
.sideborderCATrow {cellspacing:0;cellpadding:0;border:0px none;}
.subMenu {color: white;font-weight: bold;font-family: Tahoma,Veranda,Arial;font-size: 9pt;text-decoration: underline;}
.subMenuLink {color: white;font-weight: bold;font-family: Tahoma,Veranda,Arial;text-decoration: underline;}
A:link {color: blue;font-weight: bold;font-family: Tahoma,Arial;}
A:visited {color: red;font-weight: bold;font-family: Tahoma,Arial;}
A:hover {color: blue;font-weight: bold;font-family: Tahoma, Arial;}
BODY {margin: 0px 0px 0px 0px;font-family:Tahoma,Verdana;}
.pagealignment {text-align: center;align: center;}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {margin: 0;padding: 0;background-color: #7C2323;bgcolor: #7C2323;list-style: none;}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {visibility: hidden;position: absolute; top: 0em; /* I'm using ems rather than px to allow people to zoom their font */ left: 0px; width: 150px;}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul { top: 0px; left: 155px;}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {float: left;position: relative;border: 0px margin-right: -1px;}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {float: none;margin-right: 0;margin-bottom: -1px;}
.menulist ul>li:last-child {margin-bottom: 1px;}

/* Links inside the menu */
.menulist a {display: block;padding: 3px;color: #000;text-decoration: none;}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {color: #FFF;}
.menulist  a.highlighted {color: #FFF;background-color: #003366;}

/* Only style submenu indicators within submenus. */
.menulist a .subind {display: none;}
.menulist ul a .subind {display: block;float: right;}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {float: left;}
.menulist ul a {float: none;}
/* \*/
.menulist a {float: none;}
/* */

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {float: left;height: 1%;}
* html .menulist  ul a {height: 1%;}
td img {/* Another Mozilla/Netscape bug with making sure our images display correctly */display: block;}


/*////////////////////// PRODUCT DETAILS (MORE INFO PAGE) /////////////////////////////////////*


html > body > table > tbody > tr > td > div #content > table > tbody > tr > td > div #product-details > div #details > img .product-image

html > body > table > tbody > tr > td > div #content > table > tbody > tr > td > div #product-details > div #details > div .product-info > form #FORM4045
/*--MORE INFO PAGE--*/


#content table .product-wrapper{display:block; height:100%; width:99%}
#content table .product-wrapper .product{}
#content table #product-details{display:block; height:100%; width:99%}
#content table #product-details #details{ display:block; height:100%; width:99%}


#container #content #product-details{width:820px;margin:10px 0 0 0; padding:0 0 25px 12px;float:left;clear:left; }
#product-specs, #product-photo, #product-drivers, #product-accessories{width:900px;margin:10px 0 0 0; padding:0 0 25px 0;float:left;clear:left;}
#content #product-description, #content #product-specs, #content #product-photo, #content #product-drivers, #content #product-accessories{font-size:12px}
#details, #configure, #info{height:500px;width:900px;float:left;clear:left;}
#details{background-image:url('http://www.mp50.com/images/img/more-info-bg.gif'); background-repeat:repeat-x; width:820px; height:315px; background-position:0 70%}
#details h1{color: #333; font-size:221%;margin:10px 0 0 8px;background-image:url('http://www.mp50.com/images/img/dots.gif'); background-repeat:repeat-x;}



#product-details #details{width:900px}
#details .product-image, #configure .product-image{display:block; float:left}
#details .product-image{}
#details .product-info{float:left;width:600px!important;}
#details .product-info form{padding:0; margin:0}




#details form, #configure form{float:left;width:600px; margin:0;padding:0;}

.col{float:left; padding:0; margin:0}
.one{width:32%; height:90%;}
.two{width:66%;}



#configure{width:900px;padding-bottom:20px;background-image:url('http://www.mp50.com/images/img/configure-bg.gif'); 
background-repeat:repeat-x; background-position:bottom; margin-top:2px;border:1px solid #000;}

#configure h2{color: #fff; width:100%;height:42px;margin:0;background-image:url('http://www.mp50.com/images/img/subtitle-bg.gif'); 
background-repeat:repeat-x; text-indent:10px; font-style:italic; font-variant:normal; font-weight:bold; font-size:24px; 
font-family:Arial; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0}

#configure h2 span{display:block;height:31px;background-image:url('http://www.mp50.com/images/img/subtitle-arrow.gif'); 
background-repeat:no-repeat; background-position: 320px 0px ;width:350px}

#configure .one .product-info table{margin:35px 0 0 20px}
.options{float:left;border:1px solid #666666;width:800px;padding:4px;margin:10px 0 0 0; background-color:#fff}
.options h3{float:left;margin:0;padding:5px 0 0 0;color:#fff; font:bold italic 18px arial;text-indent:10px; height:24px}
.options td{border:1px solid #999;margin:2px}
.options td table td{border: none}
.options td.title{background-image:url('http://www.mp50.com/images/img/subtitle-bg.gif'); background-repeat:repeat-x }
.options .td1{width:150px!important;}
.options .td2{border-left:none; padding-left:10px}
.options .one{clear:left; height:100px}
.options .two{height:100px;margin-left:0}

#configure table.included-items, #configure table.add-cameras{float:left;clear:left;width:100%;}
table.add-cameras .images{height:100px;}
#configure table.add-cameras a{font:bold 12px/22px Arial}
#configure table.add-cameras .quantity{padding-left:5px}
#configure table.add-cameras span, #configure table.add-cameras select{font-size:14px; display:block; float:left; clear:none;}
#configure table.add-cameras span{padding-left:5px;height:25px}					
#configure table.add-cameras td{width:100px; font-size:12px}


#info h4{float:left;clear:left;color: #CC6600; width:100%;height:24px;padding:0; background-image:url('http://www.mp50.com/images/img/configure-product-bg.gif'); background-repeat:no-repeat; background-position: 0 -9px; border-bottom:1px solid #FCEA91; text-indent:15px; font-style:italic; font-variant:normal; font-weight:bold; font-size:18px; font-family:Arial; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:5px}









.price, .sku, .series, .bt{ display:block; float:left; clear:left; white-space:nowrap}
.price{font:bold 28px Arial; color: #B99A8D; width:180px}
.price div.price{color: #9C1616;}
table.add-cameras .price{color: #9C1616;}





.product-info .sku{color: #999999; font-size:12px;height:20px}
.product-info .bt{margin-top:10px}
.product-info .series{height:30px; white-space:nowrap}
.product-info .economy{ background-position:0 0}
.product-info table.dvr-upgrades td.label, #configure .product-info table.dvr-upgrades td.label{width:70px}
.product-info table.dvr-upgrades td.list-item{width:250px}

table.dvr-upgrades td.label, table.dvr-upgrades td.list-item{height:45px;}
table.dvr-upgrades td.label label{font-size:12px;color#666666}
#content #info ul, #content #info ul li, #content #info div, #content #info img{float:left;clear:left; display:block}
#content #info ul li{white-space:nowrap}
table.included-items{ font-size:12px}
table.included-items ul{margin:10px 0 10px 30px;padding:0}

.odd{ background-color:#ebebeb}
.even{background-color:#fff}

ul.accessories-price{float:left;clear:left;}
ul.accessories-price li{ list-style-type:none;float:left;clear:left}
ul.accessories-price li.description, ul.accessories-price li.name{width:200px;margin:3px 0}
ul.accessories-price .sku{font-size:16px; color:#999999; margin-top:10px;width:200px}	
ul.accessories-price .price{font-size:16px; color:#ff0000;font-weight:bold;padding:3px 0 10px 0}
#content #product-specs ul li span{  display:block;width:800px!important}



body#home .home{ visibility:hidden}

#configure .one{width:100%; padding-left:10px}
#configure .two{width:100%; padding-left:10px; clear:left}

#configure .product-info{margin:0; padding:0}
#container #content table #product-details #configure .product-info table{width:100%;margin:0; padding:0}
#configure .product-info table .price .price{width:auto; clear:none}
#configure .product-info table input{float:left}

/**/





/*--CONTAINER-- ADDED BY ED 07/21/2009 TO RESOLVE DEALER DISPLAY ISSUES*/
#container{width:1000px;background-color:#fff;}
#content{  width:900px; float:left}
body#category #container #content table #breadcrumb ul li{}
#footer{width:1000px;}

/*--PAGE SPECIFIC RULES--*/

/*--HOME PAGE--*/

/*--CATEGORY PAGE--*/
/*#container #content #breadcrumb li{padding-left:5px}*/
h1,body#category #container #content table h1{float:left;width:830px; color: #333;  font-size:24px!important;margin:10px 0 0 8px;}
h2{ FONT-SIZE: 12pt; COLOR: #82836F; padding:0 0 0 20px; line-height:1.25em;clear:left }

#breadcrumb{float:left;height:30px; width:100%; color:#666666; font-size:10px; margin:0}
#breadcrumb	ul{margin:0 0 0 10px;padding:0}#breadcrumb ul li{float:left; clear:none;list-style-type:none;line-height:2em; padding-left:5px}#breadcrumb ul li a{color:#1257A4}	
#content table .category, #content table .category table#hor-minimalist-b{width:820px!important}
#category .coltwo{width:820px; float:left; margin-left:5px;margin-top:5px;}
#content table .coltwo dl{width:820px;}
#content table .coltwo dt {font-size:12px}
#content table .coltwo dd{font-size:16px; width:450px}





/*--CATEGORY PAGE ADDED 4.20.2010--*/
.product table .info, .product table .desc{width:650px}
.product table .pics{width:250px}
.product .number{display:block;float:left;font-size:18px; line-height:1.5em;margin:0 5px; color:#999999}
.product h3{font-size:14px; line-height:30px;clear:none;color:#800000; text-decoration:underline;float:left;width:580px; text-align:left;margin:0;}
.product h3 a{color:#800000}

.product ul{padding:0;margin:0;}.product li{clear:left;padding:0;margin:0; text-align:left}			
.product .sku, .product ul.product-upgrade .sku{font-size:16px; color:#999999 }
.product .price{font-size:16px; color:#ff0000;font-weight:bold;clear:none!important}
.product .buy-button{float:right}
.product .upgrade-message{font-size:16px;font-weight:bold;clear:none!important}
		
ul.product-price, ul.product-upgrade{width:90%;float:left;clear:left;margin:10px 0 0 20px}ul.product-links{margin:5px 0 0 20px}
ul.product-price li, ul.product-upgrade li, ul.product-links li{ list-style-type:none}
ul li.sku, ul li.price, ul li.buy-button{float:left;clear:none; margin-right:10px} 	

ul.product-upgrade li, ul.product-links li{float:left;clear:none} 		
ul.product-upgrade li.upgrade-message{clear:left;white-space:nowrap}

.product img.product-image{display:block; float:right; margin:10px;}
.product .add-on-under-pic img{display:block; border:5px dotted lime}
.product ul.product-links{width:400px;clear:none!important}
.product ul.product-links li{font-size:11px; line-height:1.5em;clear:none; list-style-type:none ;background:url('http://www.mp50.com/images/arrow-red.gif') no-repeat right;padding-right:5px;margin-right:10px}
.product ul.product-links li a{padding-right:5px}

.product td.desc{padding-left:40px; font-size:12px}
.product td.desc img{float:right}
.product td.desc{}