@import url("../../../../css/base.css");

/* Global Styles
--------------------------------------------------------*/
body {background: #F6BFF4 url(images/design/bkgd-tile.gif) repeat-x top; padding: 0 0 20px 0}
#PageTable {background: url(images/design/bkgd-decor.png) no-repeat 50% 178px}
/*
#PageCell {background: url(images/design/bkgd-shad-tile.png) repeat-y 50% 0}
*/
#PageSubTable {width: 768px}
#ContentCell {height: 400px; background: url(images/design/c-shad-tile.png) repeat-y right; width: 80%; padding: 10px 15px 10px 10px}

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #484848; line-height: normal}

/* Form Page Styles */
.col2 .c1 {border-right: 1px dotted #F6BFF4}
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #484848; background: #fff}

/* Error Messages */
table.formtbl .ErrorMessages {width: 5px}

/* Instructions Box */
#Instruction1_InstructCell {background:#F5DEF4; border: 1px solid #F6BFF4; padding: 7px}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {color: #fff; background: #B838B6}
table.optionsbox {border: 1px solid #B838B6}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 12px Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #B838B6}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #BA39B7}

/* Page Headlines = h1 */
.Headings, #ContentCell h1 {font-size: 16px; text-transform: uppercase; font-weight: bold; color: #8B0C89; border-bottom: 1px solid #F0D9F0; padding-bottom: 5px; margin-bottom: 15px}

/* Sub Headlines = h2 */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #484848; margin-bottom: 15px}
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dotted #F6BFF4}

/* Sub Headlines 2 = h3 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #484848; margin: 0}

/* Body Copy */
.Content {line-height: 18px; color: #484848}
#ContentCell p {font-size: 12px; line-height: 18px; margin: 0 0 15px 0}

/* Static Page List Styles */
.static #ContentCell ul {margin: 0 0 15px 0; padding: 0; line-height: 18px; list-style: none}
.static #ContentCell li {background: url(images/design/c-arrow.gif) no-repeat 0 6px; padding-left: 10px; color: #484848}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px; background: url(images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 15px}

/* Body Link Styles */
.Content a  {color: #484848; text-decoration: underline}
.Content a:hover  {color: #484848; text-decoration: none}
#Instruction1_InstructCell a  {color: #B838B6; text-decoration: underline}
#Instruction1_InstructCell a:hover  {color: #B838B6; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {background: url(images/design/bn-shad-tile.png) repeat-y left; color: #fff; font-weight: bold}
#TopBannerCell a {color: #F0B8EF; text-decoration: none}
#TopBannerCell a:hover {text-decoration: underline}
#TopBannerCell .logo {float: left; width: auto; margin: 12px 0 0 19px; padding-bottom: 12px}
#TopBannerCell .cart {float: right; width: auto; text-align:right; margin: 10px 22px 0 0}
#TopBannerCell .cart ul {clear: both; width: auto; text-align: right; margin-bottom: 9px}
#TopBannerCell .cart li {display: inline; padding: 0 13px 0 10px; _padding: 0 11px 0 12px; background: url(images/design/bn-topnav-divide.gif) no-repeat 100% 50%}
#TopBannerCell .cart li.last {padding-right: 0; background: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height: 29px; line-height: 29px; background: url(images/design/bn-shad-navbkgd.png) no-repeat 0 0; color: #8B0C89; font-weight: bold; font-size:12px}
#TopSubBannerCell a {color: #8B0C89; text-decoration: none}
#TopSubBannerCell a:hover {text-decoration: underline}
#TopSubBannerCell li {display: inline}
#TopSubBannerCell .main-nav {float: left; margin: 0 0 0 9px}
#TopSubBannerCell .main-nav li {padding: 0 8px 0 3px; _padding: 0 4px 0 2px; background: url(images/design/bn-nav-divide.gif) no-repeat 100% 50%}
#TopSubBannerCell .main-nav li.last {padding-right: 0; background: none}
#TopSubBannerCell .search {float: right; margin: 4px 20px 0 0; _margin: 3px 20px 0 0; line-height: normal}
#TopSubBannerCell .search li {}
#TopSubBannerCell .search li.textbox {padding-top: 3px}
#TopSubBannerCell .search input {font: 13px Arial, Helvetica, sans-serif; color: #484848; width: 120px; border: 1px solid #E09EDF}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {background: url(images/design/lc-shad-tile.png) repeat-y left; width: 20%; padding-bottom: 20px}
#LeftColumnNav1_custommenu {width: 155px; font-size: 12px; color: #9D1F9B}
#LeftColumnNav1_custommenu, #LeftColumnNav1_custommenu table {font-size: 12px; line-height: 18px}
#LeftColumnNav1_custommenu a {color: #9D1F9B; text-decoration: none; background: url(images/design/lc-arrow.gif) no-repeat 3px; padding-left: 13px}
#LeftColumnNav1_custommenu a:hover {text-decoration: underline}
#LeftColumnNav1_custommenu h2 {line-height: normal; font-size: 20px; color: #8B0C89; font-weight: bold; text-transform: uppercase; margin: 23px 23px 7px 14px; padding: 0 0 5px 5px; border-bottom: 1px solid #F0D9F0}
#LeftColumnNav1_custommenu .nav {border-bottom: 1px solid #F0D9F0; padding: 0 0 6px 5px; margin: 0 23px 6px 14px}
#LeftColumnNav1_custommenu .product {padding: 0 0 6px 19px; margin: 0 0 6px 0; border-bottom: none; background: url(images/design/lc-divide.gif) no-repeat 100% 100%}
#LeftColumnNav1_custommenu .hackersafe a {background:none;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: url(images/design/ft-bkgd.png) no-repeat bottom left; padding: 10px 5px 16px 3px; color: #fff; font-size: 11px; line-height: 20px}
#FooterCell a {color: #fff; text-decoration: none; font-weight: bold}
#FooterCell a:hover {text-decoration: underline}
#FooterCell p {text-align: center}
#FooterCell span {margin: 0 3px}

/* Home Page Styles
--------------------------------------------------------*/
.default #ContentCell {padding: 0 0 17px 0}
.default .section {float: left; clear:both; margin: 0 19px 0 17px}
.default .primary {margin-left: 0}
.default .primary .column {}
.default .primary .left {width: 383px; float: left}
.default .primary .right {width: 209px; float: right}
.default .primary .right div {clear: both}
.default .primary .right .video {margin-bottom: 1px}

.default .section .row {padding: 12px 0; background: #F5DEF4; border: 1px solid #F5B6F0; clear: both; float: left; margin-top: 9px}
.default .section .row .inner {width: 575px}
.default #ContentCell .section h2, .default .Content .section h2 {float: left; margin: 0 0 0 17px; font-size: 24px; font-weight: normal; color: #8B0C89}
.default .section .row .right {float: right; width: 422px}
.default .specials .right ul {float: left; width: auto; margin: 0 12px 0 0; padding: 0; list-style: none; text-align: center; font-size: 11px}
.default .specials .right ul li {clear: both}
.default .specials .right ul a {color: #A32DA1}
.default .corner .article {float: left; clear:left; color: #A32DA1; line-height: 18px; margin:15px 17px 0 17px;}
.default .corner .article .inner {float: left; width: 537px}
.default .corner h3, .default #ContentCell .corner h3 {font-size: 14px; font-weight: bold; color: #A32DA1; margin-bottom: 7px}
.default .corner p {width: 100%}
.default .corner ul {margin: 0 0 0 10px; padding: 0; list-style: none; float: left; font-size: 11px; line-height: 19px}
.default .corner li {background: url(images/design/df-list-arrow.gif) no-repeat 0 6px; padding-left: 10px; color: #000}
.default .corner a {color: #000}

/* Landing Page Styles
--------------------------------------------------------*/
.main {background:#000; color:#fff; margin:0 0 30px 0; padding:3px 0 0 0; float:left; height:auto; text-align:center;}
.main img {}
.main .video {border-bottom:1px solid #fff; width:100%;}
.main .float-left {width:389px; height:95px; border-right:1px solid #fff;} 
.main .float-right {width:177px; height:95px;}
#ContentCell.static .main .float-left p {padding:0 15px;}
#ContentCell.static .main .float-left p.head {font-size:14px; font-weight:bold; padding-top:10px;}

#ContentCell.static h2 {font-size:16px; font-weight:bold; color:#8b0c89; margin:15px 0; padding:10px 0;}
#ContentCell.static h2 span {color:#b838b6;}

#ContentCell.static ul {margin:10px 0 0 0; padding:0;}
#ContentCell.static ul li {list-style-image:url(images/design/landing-arrow.gif); color:#fff; font-size:12px; text-align:left; background:none; margin:0; padding:0;}
#ContentCell.static ul li a {color:#fff; text-decoration:none;}
#ContentCell.static ul li a:hover {text-decoration:underline;}

p img {margin:0 10px 0 0; padding:0;}
p img.last {margin:0; padding:0;}

/* Video Archive Page Styles
--------------------------------------------------------*/
#ContentCell.static ul.archive-item {float:left; width:185px; height:115px; margin:10px; padding:0;}
#ContentCell.static ul.archive-item li {color:#000; margin:0; padding:0; list-style:none; list-style-image:none;}
#ContentCell.static ul.archive-item li.img {float:left; margin:0 10px 0 0;}
#ContentCell.static ul.archive-item li a {color:#000; text-decoration:underline;}
#ContentCell.static ul.archive-item li a:hover {text-decoration:none;}

/* Enter/Exit Page Styles 
--------------------------------------------------------*/
.contentWrap {width:100%;}
.contentWrap .logo-block,
.contentWrap .main-block,
.contentWrap .enter-block,
.contentWrap .content-block {float:left; width:100%; text-align:center; clear:left; color:#b938b6; font:normal 12px Arial, Helvetica, sans-serif; line-height:18px;}
.contentWrap .enter-block img {margin:10px 13px 25px 13px;}
.contentWrap .content-block p {width:505px; margin:0 auto;}
.contentWrap .content-block {padding:0 0 15px 0;}
.logo-block {height:155px;}
.logo-block img {margin:42px 0 0 0;} 

/* Static Page Styles
-------------------------------------------------------*/
#ContentCell .text-center {width: 100%; float: left}
#ContentCell .model-copy {width: 400px; margin: 0 auto;}
#ContentCell .model-copy p {text-align:center; width:400px;}
#ContentCell .model-copy h2 {text-align:center; width:400px;}

/* Sizing Chart */
#ContentCell p.pagenav {text-align: center; padding-bottom: 15px; border-bottom: 1px dotted #F6BFF4}
#ContentCell p.pagenav span {margin: 0 5px}
.sizing table {border: 1px solid #8B0C89; border-bottom: none; border-left: none; border-collapse:collapse; border-spacing:0; font-size: 12px; margin-bottom: 30px}
.sizing table td, .sizing table th {border: 1px solid #8B0C89; border-top: none; border-right: none; padding: 3px; text-align: center}
.sizing table th {background: #8b0c89; color: #fff}
.sizing table td {background: #F9EDF9; color: #8B0C89}
.tbl-col2 td {width: 294px}
.tbl-col5 td {width: 117px}
.tbl-col6 td {width: 98px}
.sizing caption {position: relative; font-size: 14px; font-weight: bold; color: #484848; padding-bottom: 5px}

/* FAQ */
.faq .column {float: left; width: 49%; color: #b737b5}
.faq .column ul {margin: 0 0 15px 0; line-height: 18px; padding: 0; list-style: none;  color: #b737b5}
.faq .column li {margin: 0;  color: #b737b5}
.faq a.anchor {width: 100%; float: left; clear: both;  color: #b737b5}

#ContentCell.faq h2 {border-top: 1px dotted #F6BFF4; padding-top: 15px; width: 100%; float: left}
#ContentCell.faq p {float: left; clear: both; width: 100%; color: #b737b5}
#ContentCell.faq h3 {font-size: 12px; font-weight: bold; color: #b737b5; margin: 0}
#ContentCell.faq ul {margin: 0 0 0 10px; padding: 0; list-style: none; float: left; font-size: 12px; line-height: 19px}
#ContentCell.faq li {background: url(images/design/df-list-arrow.gif) no-repeat 0 6px; padding-left: 10px; color: #b737b5}
#ContentCell.faq a {color: #b737b5}

/* Search Result Page Styles
-------------------------------------------------------*/
.search-grid-item {margin-bottom: 20px}
.search-grid-item td {text-align: center}
.search-grid-item .attribute-table {width: 100%; margin-top: 10px}
.search-grid-item .attribute-table td table {margin: 0 auto}
.search-grid-item .attribute-table td table td {padding-bottom: 3px}
.search-grid-image {padding-bottom: 10px}
.search-grid-price {padding: 10px 0; font-size: 14px; font-weight: bold}
.search-grid-button img {margin-bottom: 5px}

/* Filter Results */
.filter-results {background: #F6BFF4; margin-bottom: 15px}
.filter-results select {color: #484848}

/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}
#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 13px; font-weight: bold}
tr#ProductDetail11_trDescription td {border-top: 1px dotted #F6BFF4}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {border-top: 1px dotted #F6BFF4}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 13px; font-weight: bold}
#ProductDetail21_Table2 .attribute-table {margin-top: 10px}
#ProductDetail21_Table2 .attribute-table td table td {padding-bottom: 5px}

/* Invenory Control */
.inventory-tbl {background: #FFEBFD; margin: 5px 0}
.inventory-tbl table table td, .inventory-tbl th {padding: 3px; text-align: left}
.inventory-tbl th {color: #B838B6; font-size: 14px; font-weight: bold}
.inventory-tbl table table {background: #FFEBFD}
.detail2 .options .inventory-tbl span#ProductDetail21_CInventoryControl1_lblStockInfo {padding: 0}