/* +------------------------------------------------------------+ */
/* | General XHTML Elements                                     | */
/* +------------------------------------------------------------+ */

body { color: #000103; background-color: #000103; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; font-weight: normal; background-image: url(../media/digitalvoicelogger_01.jpg); background-repeat: repeat-x; background-position: 0 top; text-align: left; margin: 0; }

a {
     color: #006699;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     }

p {
     margin: 5px 0px 7px 0px;
     }

sup {
     display: inline;
     padding: 0px;
     vertical-align: super;
     font-size: 8px;
     }

a:hover {
     color: #555555;
     }

legend {
     display: none;
}


label {
     display: none;
}

fieldset {
     border: none;
     padding: 4px 0px 4px 5px;
    }

fieldset p {
     display: block;
     margin: 5px 5px 5px 2px;
     }

form {
     
     }

img {
     border: none;
     }

li {
     padding-bottom: 5px;
     }
h2 { color: #18427b; font-size: 15px; font-weight: normal; margin: 0.83em 0; border-bottom: 1px solid #000103; }
h3 { color: #005cab; font-size: 1.17em; font-weight: bold; margin: 0; border-bottom: 1px solid #000; }
/* +------------------------------------------------------------+ */
/* | General XHTML Classes                                      | */
/* +------------------------------------------------------------+ */

.center {
     text-align: center;
     }

.inlinecenter {
     text-align: center;
     }

p.inline {
     display: inline;
     padding: 0px;
     }

.strong {
     font-weight: bold;
     }

.big {
     font-weight: bold;
     font-size: 16px;
     }

.hidden {
     display: none;
     }

a.unfancy {
     color: #006699;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     }

/* +------------------------------------------------------------+ */
/* | Skin Specific Divs                                         | */
/* +------------------------------------------------------------+ */

#skin_wrapper {
     width: 899px;
     padding: 0;
     margin: auto;
     }

#skin_wrapper_full {
     width: 100%;
     padding: 0px;
     margin: 0px;
     background-image: url('../media/header.png');
     background-repeat: repeat-x;
     background-position:  top left;
     }

#skin_ct {
     width: 100%;
     padding: 0px;
     margin: 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     }

#skin_ct_lcol_head {
     padding: 10px;
     margin: 0px;
     width: 160px;
     height: 80px;
     }

#skin_ct_rcol_head {
     padding: 10px;
     margin: 0px;
     height: 80px;
     text-align: right;
     }

#skin_ct_lcol {
     padding: 20px 10px 10px 10px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     text-align: left;
     }

#skin_ct_mcol {
     padding: 20px 10px 10px 10px;
     margin: 0px;
     vertical-align: top;
     line-height: 150%;
     }

#skin_ct_rcol {
     padding: 20px 10px 10px 10px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     }

#skin_footer {
     color: #FFFFFF;
     background-color: #006699;
     padding: 50px 10px 10px 10px;
     margin: 0px;
     text-align: center;
     background-image: url('../media/footer.png');
     background-repeat: repeat-x;
     background-position:  top left;
     }

#skin_pgtitle { color: #18427b; font-size: 1.5em; padding: 10px 0 4px 10px; margin: 0 0 10px; font-weight: normal; border-bottom: 1px solid #999999; }

#skin_content { width: 875px; margin: auto; }

/* +------------------------------------------------------------+ */
/* | Skin Specific Classes                                      | */
/* +------------------------------------------------------------+ */

.skin_fenavh {
     color: #59A325;
     padding: 3px 0px 5px 0px;
     margin: 0px;
     border-bottom: 1px dotted #999999;
     font-weight: bold;
     font-size: 14px;
     }

.skin_fenav ul {
     padding: 0px;
     margin: 0px 0px 10px 0px;
     list-style: none;
     }

.skin_fenav ul li {
     margin: 0px;
     padding: 0px;
     list-style: none;
     }

.skin_fenav ul li a {
     color: #333333;
     font-weight: normal;
     display: block;
     text-decoration: none;
     padding: 6px 5px 6px 14px;
     background-image: url('../media/menu_bullet.png');
     background-repeat: no-repeat;
     background-position:  center left;
     border-bottom: 1px dotted #999999;
     }

.skin_fenav ul li a:hover {
     color: #333333;
     background-color: #DDDDDD;
     text-decoration: none;
     }

.skin_headacct {
     width: 100%;
     text-align: right;
     clear: both;
     }

.skin_fenavmini {
     padding: 7px;
     margin: 0px 0px 10px 0px;
     border-left: 1px dotted #999999;
     border-right: 1px dotted #999999;
     border-bottom: 1px dotted #999999;
     }

#skin_menu_head ul { text-align: right; padding: 4px 0 0; margin: 0; list-style: none; }

#skin_menu_head li {
     padding: 0px;
     margin: 0px;
     list-style: none;
     display: inline;
     }

#skin_menu_head ul li a {
     color: #ffffff;
     font-weight: normal;
     text-decoration: none;
     margin: 0 0 0 15px;
     padding: 0 0 0 15px;
     background-image: url(../media/menu_arrow.png);
     background-repeat: no-repeat;
     background-position: left center;
     }

#skin_menu_head ul li a:hover {
     text-decoration: underline;
     }

#skin_headacct {
     color: #ABABAB;
}

#skin_headacct a {
     color: #FFFFFF;
     text-decoration: none;
}

#skin_headacct a:hover {
     color: #FFFFFF;
     text-decoration: underline;
}

/* +------------------------------------------------------------+ */
/* | System Required Divs                                       | */
/* +------------------------------------------------------------+ */

#debug {
     color: #555555;
     background-color: #FFFFFF;
     border-top: 1px solid #999999;
     overflow: hidden;
     padding: 10px;
     margin: 0px auto 10px auto;
     }

#printable {
     padding: 10px;
     margin: auto;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Messages                          | */
/* +------------------------------------------------------------+ */

.error {
     color: #FF0000;
     font-weight: bold;
     }

.confirm {
     color: #339933;
     font-weight: bold;
     }

.imgfloatrt {
     float: right;
     margin-bottom: 10px;
     margin-left: 10px;
     display: inline;
     }

.inline {
     display: inline;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Form Fields                       | */
/* +------------------------------------------------------------+ */

.formfieldrelwrap {
     overflow: auto;
     width: 550px;
     height: 90px;
     border: 1px solid #555555;
     padding: 5px;
     margin: 10px 0px 10px 0px;
     }

.formfieldwysiwyg {
     background-color: #FFFFFF;
     border: 1px solid #555555;
     margin: 5px 5px 0px 2px;
     font-size: 11px;
     }

.formfieldwysiwyg:hover {
     background-color: #F5F5F5;
     }

.formfieldradcb {
     color: inherit;
     background-color: inherit;
     }

.formfield {
     background-color: #FFFFFF;
     border: 1px solid #555555;
     margin: 5px 5px 0px 2px;
     font-size: 11px;
     }

.formfield:hover {
     background-color: #F5F5F5;
     }

.formfieldp {
     display: block;
     padding: 0px;
     margin: 0px 0px 2px 2px;
     }

.formfieldpnfs {
     display: block;
     padding: 0px 5px 0px 5px;
     margin: 0px 0px 5px 0px;
     }

.formfielda {
     display: block;
     padding: 0px 5px 0px 5px;
     margin: 0px 0px 2px 0px;
     }

.formbutton {
     color: #000103;
     background-color: #fea002;
     padding: 5px;
     margin: 0 0 5px;
     font-size: 13px;
     border: solid 1px;
     }

.formbutton:hover {
     color: #fff;
     background-color: #43a558;
     }

.quickbutton {
     color: #000103;
     background-color: #fea002;
     padding: 5px;
     margin: 0;
     font-size: 13px;
     border: solid 1px;
     }

.quickbutton:hover {
     color: #fff;
     background-color: #43a558;
     }

.quickform {
     margin: 5px 0px 0px 0px;
     }

.quickfield {
     background-color: #FFFFFF;
     border: 1px solid #555555;
     font-size: 11px;
     margin: 1px 0px 0px 0px;
     }

.quickfield:hover {
     background-color: #EFEFEF;
     }

.formfieldleg {
     font-weight: bold;
     }

.formfieldleg_rnc {
     font-weight: bold;
     color: #FF0000;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Form Table Displays               | */
/* +------------------------------------------------------------+ */

.formsecthead {
     color: #59A325;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
     font-size: 14px;
     }

table.formtable {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

table.formtable td {
     padding: 4px 2px 4px 2px;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Sort Table Displays               | */
/* +------------------------------------------------------------+ */

table.sorttable {
     margin: 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

th.sorttable {
     padding: 4px 5px 4px 5px;
     border-bottom: 1px solid #DEDEDE;
     vertical-align: top;
     font-weight: bold;
     }

td.sorttable {
     padding: 4px 5px 4px 5px;
     border-bottom: 1px solid #DEDEDE;
     vertical-align: top;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Regular Table Displays            | */
/* +------------------------------------------------------------+ */

.regtablehead {
     color: #59A325;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
     clear: both;
     font-size: 14px;
     }

table.regtable {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.regtable {
     padding: 4px 2px 4px 2px;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

.regtable p {
     padding: 0px;
     margin: 0px 0px 5px 0px;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Ghost Table Displays              | */
/* +------------------------------------------------------------+ */

table.ghost {
     margin: 0px;
     padding: 0px;
     border-spacing: 3px;
     border-collapse: collapse;
     width: 100%;
     }

td.ghost {
     padding: 0px;
     margin: 0px;
     vertical-align: top;
     }

.ghost form {
     display: inline;
}

td.ghost img {
     margin-right: 10px;
     margin-bottom: 10px;
     }

td.ghost p {
     margin: 0px 0px 6px 0px;
}

/* +------------------------------------------------------------+ */
/* | System Required Classes: Boxed Paragraphs                  | */
/* +------------------------------------------------------------+ */

p.ultablesp {
     margin: 0px;
     font-size: 1px;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Online Store Displays             | */
/* +------------------------------------------------------------+ */

.storehead {
     color: #59A325;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
     clear: both;
     font-size: 14px;
     }

.storelink {
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 5px;
     border: 1px dotted #999999;
     }

.storelink p {
     margin: 0px;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Category List Display Tables      | */
/* +------------------------------------------------------------+ */

table.cptbl_cat {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.cptbl_cat {
     padding: 5px 0px 0px 0px;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

td.cptbl_cat a {
     font-weight: bold;
     }

td.cptbl_cat_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Product List Display Tables       | */
/* +------------------------------------------------------------+ */

table.cptbl_prod {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.cptbl_prod {
     padding: 5px 0px 0px 0px;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

td.cptbl_prod a {
     font-weight: bold;
     }

td.cptbl_prod_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Product Detail Display Tables     | */
/* +------------------------------------------------------------+ */

table.cptbl_det {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.cptbl_det {
     padding: 5px 0px 0px 0px;
     vertical-align: top;
     }

td.cptbl_det_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Price Displays                    | */
/* +------------------------------------------------------------+ */

.pricediv {
     margin: 5px 0px 7px 0px;
     }

.price {
     color: #FC8E2F;
     font-weight: bold;
     display: inline;
     }

.pricex {
     color: #FF0000;
     font-weight: bold;
     display: inline;
     text-decoration: line-through;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Shopping Cart Displays            | */
/* +------------------------------------------------------------+ */

.cartbutton {
     color: #fff;
     background-color: #bd1915;
     padding: 5px;
     font-size: 13px;
     font-weight: normal;
     text-align: center;
     display: block;
     margin: 0 0 5px;
     border: solid 1px;
     text-decoration: none;
     }

.cartbutton:hover {
     color: #fff;
     background-color: #000103;
     text-decoration: none;
     cursor: default;
     }

/* +------------------------------------------------------------+ */
/* | System Required Classes: Misc                              | */
/* +------------------------------------------------------------+ */

.clearboth {
     clear: both;
     }

.outstock {
     color: #FF0000;
     }

a.hrefbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 2px 5px 2px 5px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     border: 1px solid #555555;
     text-decoration: none;
     }

a.hrefbutton:hover {
     color: #555555;
     background-color: #EBF1FF;
     text-decoration: none;
     cursor: default;
     }

.outline {
     border: 1px solid #999999;
     padding: 5px;
     margin-top: 5px;
     }

.outline p {
     margin: 0px 0px 3px 0px;
}

/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */
#header { background-image: url(../media/digitalvoicelogger_03.jpg); background-repeat: no-repeat; width: 899px; height: 176px; }
#main { background-color: #fff; width: 899px; border-left: 1px solid #000103; border-bottom: 1px solid #000103; border-right: 1px solid #000103; }
#footer { width: 899px; }
/* +------------------------------------------------------------+ */
#topnav { width: 899px; height: 38px; padding-top: 70px; }
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.dropdown { position: relative; float: left; }

ul.dropdown li { float: left; vertical-align: middle; zoom: 1; padding: 7px 10px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color: #f6f6f6; color: #000; font-size: 13px; font-weight: normal; height: 18px; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; background-color: #eee; color: #000; font-weight: normal; }

ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; width: 180px; z-index: 598; margin-top: 1px; }

ul.dropdown ul li {
 float: none;
 font-weight: normal;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 font-weight: bold;
}
ul.dropdown a:link,
ul.dropdown a:visited	{ color: #000; text-decoration: none; }
ul.dropdown a:hover		{ color: #000; }
ul.dropdown a:active	{ color: #ffa500; }
/* +------------------------------------------------------------+ */
#minisearch { color: #000103; text-align: right; width: 500px; height: 35px; float: left; padding-top: 10px; }
.ecom--minisearch { width: 200px; display: inline; }
.searchbutton { color: #fff; background-color: #43a558; padding: 1px; border: solid 1px #435f58; }
.searchbutton:hover { color: #fff; background-color: #18427b; }
#minicart { width: 300px; height: 38px; float: right; padding-top: 10px; }
a.bigwhitetext { color: #fff; font-size: 18px; font-weight: normal; text-decoration: none; }
a.bigwhitetext:hover { color: #ffd500; }
.breadcrumbs { font-size: 11px; width: 880px; float: left; padding-left: 15px; }
.prodisp_right { vertical-align: top; width: 250px; }
.floatright { float: right; padding: 5px; }
.floatleft { float: left; padding: 5px; }
#footer_info { color: #fff; width: 900px; margin: 0 auto; padding: 0 0 15px; border-style: none; border-width: 0; }
.footer_info_left { text-align: left; vertical-align: top; width: 400px; border-right: thin dotted #696969; }
.footer_info_middle { text-align: left; vertical-align: top; width: 180px; padding-left: 10px; border-right: thin dotted #696969; }
.footer_info_right { text-align: right; vertical-align: top; }
.footer_title { color: #393; font-size: 13px; font-weight: bold; }
#footer_info a { color: #fff; text-decoration: none; }
#footer_info a:hover { color: #ee9d26; text-decoration: none; }
#splashbanner { background-image: url(../media/splash_banner.jpg); background-repeat: no-repeat; width: 850px; height: 280px; padding-top: 25px; }
.splash_text { width: 375px; padding-left: 20px; }