﻿/* Normalizers */
div, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, blockquote, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
ol, ul {list-style:none;}
address, caption, cite, dfn, em, strong, th, var {font-style:normal; font-weight:normal; }
a:link, a:active, a:visited, button{border:none; color:white; cursor:pointer; text-decoration: none;	font-size:100%; width:auto; overflow:visible;}
a:hover, button:hover {text-decoration: underline;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;vertical-align:middle;}
caption, th {text-align:left;}
q:before, q:after {content:'';}


body {font-family: arial, helvetica, sans-serif; height: 100%;}
.clear-both { clear:both; font-size:1px; height:1px; line-height:1px; margin:-1px 0; overflow:hidden;}
.repeater {overflow:hidden; margin:0; padding:0; float:left;}
.rrow {clear:both; overflow:visible;}
.column {position:relative; float:left;}

/* temporary */
body {background-image: url(images/bodybackground.jpg); background-repeat: repeat-x;}
#container {background-color:#333333; background-image: url(images/containergradient.jpg); background-repeat: repeat-x; margin:0 auto; overflow:visible; position:relative; width:980px;}
#container {background-color:Black; background-image: none;}
#nav_main {height:25px; background-color:silver;}
#nav_sub {width:160px; height:500px; background-color:green;}
#content_sub {margin-top: 13px;}
#flash {background-color: black; height:287px; width:540px; margin-right: 10px; margin-bottom: 10px; background-repeat:no-repeat;}
#main_col_lists {width:320px; margin-right: 5px;}
#upper_list {height:190px; width: 320; margin-bottom: 10px;}
#lower_list {height:100px; width: 320; background-color:#303030; margin-bottom: 10px;}
#main_col_right_list {width:215px; margin: 0px 5px; height:300px; background-color: #000000;}
#main_col_right_list .decoratedblock {height: 298px;}
#offer {height:287px; width: 230px; margin-left:5px; margin-bottom: 10px;}
#right_col_list {height:300px; width: 230px; margin-left: 5px; background-color: #000000;}
#right_col_list .decoratedblock {height: 298px;}
#numlist ol, #numlist li {list-style-type: inherit; list-style-position: inside; text-align: left; padding-bottom: 10px; }
#right_col_list img {width:30px; height:20px; float: left; padding-right: 10px; padding-bottom: 20px;}
#right_col_list .blockcontent {text-align: left;}
#right_col_list .productgridlink {padding-bottom: 10px;}
#recentview {clear: both; }
#recentview table {margin-top: 20px;}
#recentview td td {padding: 6px 10px;}
#recentview a {width: 140px;}
.featuredprogram {text-align: left;}
.featuredprogram img {padding: 0px 5px 5px 0px; float: left;}
.featuredprogram .blockcontent {height: 180px; }
.morelink a {}
#rbclist li {padding-bottom: 10px; border-top: dashed 1px white; margin-top: 5px; padding-left: 5px;}
#recentview table table td {width: 200px;}

/* universal */
a {color:#999;text-decoration:none;}
a:hover {color:#f9dc92;text-decoration:underline;}
.clear {clear:both;}
.hide {display: none;}
body {margin:0;padding:0;font-size: 13px;color: #fff;background-color:#555555; font-family: Arial, Verdana, Sans-Serif; }
table { width: 100%; }

/* Admin Panel */
#adminpanel {font-size:11px;background-color:#303030;color:#999;border-bottom: 1px solid #666;padding:5px;}
#adminpanel a {color:#999;text-decoration:none;}
#adminpanel a:hover {text-decoration:underline;}

/* header */
#header {width: 980; height: 160px;font-size:11px;margin:0; clear:both; overflow:hidden; background-image: url(images/dodheader.jpg);}
#header ul {list-style:none;margin:0;padding:0; margin-right: 24px;}
#header ul li {display:inline;margin:0;padding:0; margin-left: 8px; margin-right: 8px; text-decoration: none;}
#header a {color:#fff; margin:0 0px 0 0;padding-left: 4px; padding-right: 4px; text-decoration: none;}
#headermainmenu {text-align:right; margin-top: 86px; font-size:13px;}
#headermainmenu a {color: #fadd93;  padding-left: 10px;}
#headernavmenu {margin:0 0 5px 150px;padding:10px 0 0 0px; text-align:right; text-transform: uppercase;}
#wait{ background: #000000; position: fixed; top: 15px; right: 15px; width: 100px; }
#dodlogo {width: 141px; height: 88px; background-image: url(images/dodlogo.jpg); position: absolute; z-index: 100; left:10px; top:5px; display: none;}
.headerlogo {position: absolute; left: 20px; top: 20px;}


/* footer */
#footer {width:980px;margin-top: 20px; margin-left:auto;margin-right:auto;clear:both; background-color: #333333; padding-top: 20px;}
#footernavmenu {}
#footernavmenu ul {padding-bottom: 8px; font-size: 13px;}
#footernavmenu ul ul {padding-left: 6px; font-size: 11px;}
#footercopyright {width:300px;padding:10px;color:#666;font-size:11px;}
#footerbottom {width: 980px; margin-left:auto; margin-right:auto; clear:both; height: 30px; padding-top: 10px; background-color:#222222;}
#footerbottom p {text-align: center; color: #555555;}
#pagebottom {width: 980px; margin-left:auto; margin-right:auto; clear:both; height: 40px; padding-top: 10px; background-color:#555555;}
.FooterColumnOne {float: left; padding-left: 5px; padding-bottom: 20px; padding-right: 5px;}
.FooterColumn {float: left; padding-left: 5px; padding-right: 10px; border-left: solid 1px #777777;}
.FooterColumnContent {padding-left: 10px;}
.FooterColumnContent h2 {border-bottom: dotted 1px #555555; margin-bottom: 10px;}
.footerlogo img {margin-right: 20px;}


/* content */
#maincontent {margin-bottom:0;margin-left:auto;margin-right:auto;width:980px; clear:both; overflow:visible;} 
#maincolumn p {padding: 0px 0px 4px 0px;}
#maincolumn h1 {padding: 0px 0px 4px 0px;}
#maincolumn h2 {padding: 5px 0px 4px 0px;}
#maincolumn ol {padding: 0px 0px 4px 0px;}

/* home page */
#homepagecolumn1 {width:165px;float:left; position: relative; padding-top: 20px; padding-right: 5px; padding-left: 5px; height: 100%;}
#homepagecolumn2 {width:794px; border-left: solid 1px #000000; float:left; position: relative; padding-left: 10px; padding-top: 10px; background-color: Black;}

#navcolumn {width:160px;}
#maincolumn {width:800px;float:left; position: relative; padding-left: 10px;}

/* content block tags */
.decoratedblock {border:solid 1px #333; margin:0 0 15px 0; background-image: url(images/dottexture.jpg); background-repeat: repeat;}
.decoratedblock h4 {font-size: 15px;height: 15px;margin: 0px; padding: 1px 3px 0px 5px;color: #fff;}
.blockcontent {padding:5px;text-align:left;}
#gradient { background-image: url(images/gradientbox.jpg); background-repeat: repeat-x;  margin: -5px -5px 0px -5px; padding: 5px 5px 0px 5px;}
#recentview .decoratedblock {background-image: url(images/dottexture.jpg); background-repeat: no-repeat; background-position: center;}

#homepagecolumn1 .decoratedblock { }


#SearchMenu {position: absolute; left: 760px; top: 40px; width: 280px; height: 20px;}
#SearchMenu .forminput {width: 150px; margin: 0px; padding: 0px; float: left;}
#SearchMenu .decoratedblock {border: none; margin: 0; background-color: Transparent;}
#SearchMenu .decoratedblock h4 {display: none;}
#SearchMenu .searchbutton {margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#SearchMenu .blockcontent {margin: 0 0 0 0; padding: 0 0 0 0; }



/* heading tags */
h1 {color:#FFF;font-size:20px;margin:0px;}
h3 {text-align:left;font-size:9pt;font-weight:normal;padding:3px;text-align:left;line-height:16px;color:#fff;margin:0;border-bottom:solid 1px #666;}
h4 {font-size:11px;}
h2 {font-size: 1.3em; text-transform: uppercase;}
.orangeheader {color: Orange; text-align: left; padding: 10px; background-image: url(images/diag.gif); margin: -5px -5px 10px -5px;}
.whiteheader {color: White; text-align: left; padding: 10px; background-image: url(images/diag.gif); margin: -5px -5px 10px -5px;}

#homepagecolumn1 .decoratedblock h4 {font-size: 14px; text-align: left; padding: 10px; background-image: url(images/glass.gif); padding-bottom: 14px; border-bottom: solid #333333 1px; margin-top: 0px;}
/* Side Menu Content Block */
.sidemenu ul, .categorymenu ul {padding:0;margin:5px 0;}
.sidemenu li, .categorymenu li {padding: 2px 2px 2px 10px;list-style:none;}

.breadcrumbs {color:#666;font-size:11px;margin:0 0 10px 15px;padding:0 0 5px 0;}
.categoryrotator .blockcontent {text-align:center;}
.productrotator .blockcontent {text-align:center;}
.productgrid .blockcontent {text-align:center;}

/* Specific Content Block Tags */
#searchform {margin:10px 0;padding:10px;}
.row {text-align: left;background-color: #000000;}
.row td, .alternaterow td {}
.alternaterow {text-align:left;background-color: #222222;}
.rowheader {text-align:left;background-color: #666;color:#fff;}
.searchresultspane {margin:0 0 20px 60px;}
.searchresultrecord {margin:3px 20px 5px 20px;}

/*checkout */
#checkoutpage {margin-left: 50px; margin-right: 50px; padding-bottom: 20px;}
#checkoutpage h2 {margin-top: 15px;}
#checkoutpage #column2 {padding-left: 90px;}
#checkoutpage #column1 {width:300px;}
#checkoutpage #CurrentUserTable {margin-bottom: 30px;}
#receiptpage {margin-left: 100px; margin-right: 100px; padding-bottom: 20px;}
#receiptpage tr {margin-bottom: 2px;}

/* cart */
#cartpage {margin-left: 20px; margin-right: 20px;}
.cartitemimage {width:110px;height:110px;float:left;}
.cartitemdescription {display:inline;}
#cartFooter {margin: 10px 0 0 0;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;}
#cartupdates {width:550px;margin-bottom:10px;text-align:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }
.radiobuttoncol {width: 20px;}
#cartcoupons {margin-bottom: 20px;}
.cartproductgrid th {padding-bottom: 4px; text-align: center;}


#popupContainer {width:100%;padding:10px;}

.StickyNote {color:#000;font-size: 14px;font-family:'Comic Sans MS' , Arial, Verdana;}

/* BVC5 Single Product Display Control */
.WideSingleProductDisplayPanel .SingleProductDisplayImage {float: left;display: block;}
.WideSingleProductDisplayPanel .ProductBadge {}
.WideSingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.WideSingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.WideSingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayImage {float:none;display:block;}
.SkinnySingleProductDisplayPanel .ProductBadge {}
.SkinnySingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}

/* Main Menu Control */
div.MainMenu {background-color:Gray;margin-bottom:5px;margin-left:auto;margin-right:auto;width:980px;clear: both;}
ul.MainMenu {display:block;margin:2px 0px;list-style-type:none;}
li.MenuItem {margin:2px 10px 2px 0;display:inline;}
li.activemainmenuitem {margin: 2px 10px 2px 0; display:inline; font-weight:bolder; color: #ffffff; }
#headermainmenu li.activemainmenuitem {background-image: url(images/menuselectedbk.jpg); padding-top: 2px;}


/* Site Map Page */
.sitemapColumn{ vertical-align: top;}

#SiteMapColumns h2 {margin-top: 10px; margin-bottom: 5px;}
.ColumnOne {float: left; padding-left: 25px; padding-bottom: 20px;}
.ColumnTwo {float: left; padding-left: 25px; padding-bottom: 20px;}
.ColumnThree {float: left; padding-left: 25px; padding-bottom: 20px;}
#SitemapTable{ width: 100%; }

.AddedToCartMessage {color: Red;}

/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0;padding:0}
.pager a {color:#ddd; text-decoration:none;margin:0 20px 0 0;}

.errormessage { color: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }

/* checkout */
.shippingdiscount { text-decoration: line-through; }

/* Message */
.messagebox { width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

.MarkDownPrice {text-decoration:line-through;}

/* SignIn */
#CurrentUsers {padding-left: 10px;}
#NewUsers {padding-left: 10px;}
#CurrentUsers legend {font-size: larger;}
#NewUsers legend {font-size: larger;}
#CurrentUsers .formlabel {padding-left: 16px;}
#NewUsers .formlabel {padding-left: 16px;}
#CurrentUsers input {margin-bottom: 5px;}
#NewUsers input {margin-bottom: 5px;}

#maincontent .FormLabel {padding-right: 4px;}
#maincolumn .FormInput {margin-bottom: 4px;}

#poweredbybvcommerce5 {display: none;}
#footercopyright {display: none;}
#footer {clear: both;}

#staffpage {margin-left: 30px; margin-right: 50px; padding-top: 30px; }
#staffmember {padding-bottom: 30px; margin-left: 150px; min-height: 140px; }
#staffmember p {padding-bottom: 8px; font-size: 1em;}
#staffmember .name {font-family: Arial; font-size: 1.8em;}
#staffmember .title {padding-bottom: 8px; font-style: italic;}
#staffpage .staffimage {float: left; border: solid 1px #fff; width: 126px; height: 126px; position: absolute;}
#staffpage .minmax {color: yellow; text-decoration: underline;}
#staffpage .label {margin-top: 10px; font-weight: bolder; padding-bottom: 2px;}
#staffmember .detail_view a { text-decoration: underline;}

#xmleditor td {padding-left: 4px; padding-right: 4px;}
.xmllabel {width: 100px; display: block; float: left;}

#custompage p {padding-bottom: 6px;}
#custompage li {list-style:disc; margin-left: 15px;}
#custompage {padding-bottom: 20px;}

#recentview {width: 785px;}
#recentview table {margin-top: 10px;}

#maincontent h1 {margin-left: 15px;}
#checkoutpage h1 {margin-left: 0px;}

#custompage {margin-left: 15px; margin-right: 15px;}
#viewercomments {margin-left: 100px; margin-right: 200px;}
#viewercomments p {margin-left: 15px; padding-top: 10px; padding-bottom: 10px;}
#viewercomments h4 {font-size: 14px; margin-top: 20px;}

#faquestions {padding-left: 15px; padding-bottom: 20px;}
#faanswers {padding-left: 15px; padding-right: 60px;}
#servicepage #homepagecolumn2 h2 {padding-left: 15px;}
#servicepage #homepagecolumn2 h3 {margin-top: 15px;}

#cartpage h1 {padding-left: 0px; margin-left: 0px;}

#martvideo {width: 500px; float: left;}
#martdesc {width: 350px; float: left; margin-top: 150px; font-size: 14px;}

#receiptpage {margin: 0 15px;}

#offerimg {width: 100px; height: 195px; overflow: hidden; float: left; padding-right: 10px;}
#offerimg img {width: 100px; float: left; padding-right: 10px; }
#offer {background: url(images/specialofferbak.gif) no-repeat; padding: 55px 15px 15px 15px; width: 200px; height: 204px; overflow: hidden;}
#offer h2 {display: none;}
#offer h4 {font-size: 11px; padding-bottom: 6px;}
#offer #offercopy {width: 90px; display: block; float: left;}
#offer #offercopy p {font-size: 12px; padding-bottom: 5px;}


#promo-fader{height:273px;margin:0 0 20px 0;overflow:hidden;position:relative;}
#promo-fader .controls{position:absolute;top:-5px;left:50%;z-index:10;font-size:42px;}
#promo-fader .controls a{text-decoration:none;color:#000;padding:0 2px;}
#promo-fader .controls a.first{padding-left:10px;}
#promo-fader .controls a.last{padding-right:10px;}
#promo-fader .controls a.active{color:#fff;}
#promo-fader .fader-page{position:absolute;opacity:0;display:none;top:0;left:0;width:100%;height:100%;z-index:5;}
#promo-fader #promo-fader_social{position:relative;height:273px;}
#promo-fader #promo-fader_social a{position:absolute;left:0;top:0;display:block;width:100%;height:100%;}

/* @media print {div, body, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, blockquote, th, td, a, a:link; a:visited {background-color: #ffffff; color: #222222;}
} */

