﻿/* CORE ELEMENTS */
body { 
    color:#444444; 
    font-family:Verdana, Arial, Sans-Serif;
    margin:0px;
    padding:0px; }
body.nup { 
    background-color:#F6F6F6; 
    background-image:url('bgBody.jpg'); 
    background-position:top center; 
    background-repeat:repeat-y; }
h1 {
    color:#003366;
    font-size:16pt;
    font-weight:normal;
    margin:0px 0px 10px 0px; }
h2 {
    color:#003366;
    font-size:14pt;
    font-weight:normal;
    margin:0px 0px 10px 0px; }
h3 {
    color:#003366;
    font-size:12pt;
    font-weight:normal;
    margin:10px 0px 10px 0px; }
p {
    font-size:x-small;
    margin:10px 0px 10px 0px;
    padding:0px; }
span,label,blockquote {
    font-size:x-small; }
div {
    border-collapse:collapse;
    font-size:x-small;
    margin:0px;
    padding:0px; }
li {
    font-size:x-small; }
table {
    border-collapse:collapse; }
td {
    font-size:x-small;
    text-align:left; }
th {
    font-size:x-small;
    text-align:left; }
a { 
    color:#006699;
    cursor:pointer;
    font-size:x-small;
    text-decoration:underline; }
a:hover { 
    color:#cc33cc;
    cursor:pointer;
    text-decoration:underline; }
img {
    border-width:0px; }
input, select {
    font-family:Verdana, Arial, Sans-Serif;
    font-size:x-small; }
select {
    font-family:Verdana, Arial, Sans-Serif;
    font-size:x-small; }
textarea {
    font-family:Verdana, Arial, Sans-Serif;
    font-size:x-small; }
.cb { clear:both; }
ul li { 
    list-style-type:square; }

/* FORMS */
.tblForm {
    border-collapse:collapse;
    width:100%; }
.tblForm td {
    border:1px solid #ffffff;
    padding:4px 0px 4px 0px;
    vertical-align:middle; }
.tblForm .tdCap {
    color:#888888;
    padding-right:10px;
    text-align:right;
    width:120px; }
.divFormControls {
    border-top:1px solid #cccccc;
    margin-top:20px;
    padding:10px;
    text-align:right; }
.btn1 {
    background-image:url('bgButton.jpg');
    background-position:center center;
    background-repeat:repeat-x;
    border:1px solid #DBDBEF;
    font-size:x-small;
    padding:2px 20px 2px 20px; }
.txtTiny {
    font-size:x-small; 
    width:50px; }
.txtLarge {
    font-size:x-small; 
    width:200px; }
.txtXLarge {
    font-size:x-small; 
    width:300px; }
.chkPadd label {
    margin-left:4px; }

/* GRIDS */
.tblList {
    width:100%;
    border:2px solid #DBDBEF;
    border-collapse:collapse; }
.tblList td, .tblList th {
    vertical-align:middle;
    border-right:1px solid #DBDBEF;
    padding:2px 4px 2px 4px; }
.tblList .tdCurr {
    text-align:right;
    width:100px; }
.tblList .tr0 td, .tblList .tr0 th {
    background-color:#cccccc;
    background-image:url('bgGvHead.jpg');
    background-position:top;
    background-repeat:repeat-x;
    border-bottom:1px solid #DBDBEF;
    font-weight:normal;
    min-height:30px;
    height:30px; }
.tblList .tr1 td {
    background-color:#ffffff;
    border-top:1px dotted #DBDBEF;
    min-height:20px;
    height:20px; }
.tblList .tr2 td {
    background-color:#ffffff;
    border-top:1px dotted #DBDBEF;
    min-height:20px;
    height:20px; }

/* CMS */
.divBlkOut {
    background-color:#000000;
    display:none;
    height:100%;
    left:0px;
    position:fixed;
    top:0px;
    width:100%; }
.divModal {
    background-color:#ffffff;
    border:2px solid #666666;
    display:none;
    height:500px;
    left:50%;
    margin-top:-250px;
    margin-left:-340px;
    position:absolute;
    top:50%;
    width:680px; }
.divModalToolbar {
    background-color:#eeeeee;
    background-image:url(bgModalToolbar.jpg);
    background-position:left middle;
    background-repeat:repeat-x;
    margin:4px;
    padding:4px;
    text-align:right; }
.divModalToolbar a {
    color:#ffffff;
    text-decoration:none; }
.iFrmMdl {
    height:450px;
    width:680px; }
.iFrmWys {
    border:1px solid #cccccc;
    height:200px;
    margin-top:2px;
    width:100%; }
.txtWysiwyg {
    border:1px solid #cccccc;
    height:250px;
    width:100%; }
.AreaEdt { }
.ItmAdd {
    background-color:#ffffff;
    background-image:url('/Images/Icons/icnSprite.gif');
    background-repeat:no-repeat;
    background-position:0px -80px; 
    border:1px dotted #666666;
    margin:2px;
    padding:4px 2px 4px 22px;
    text-align:left; }
.ItmAdd a {
    font-size:x-small; }
.ItmEdt {
    background-color:#ffffff;
    background-image:url('/Images/Icons/icnSprite.gif');
    background-repeat:no-repeat;
    background-position:0px -100px; 
    border:1px dotted #666666;
    margin:2px;
    padding:4px 2px 4px 22px;
    text-align:left; }
.ItmEdt a {
    font-size:x-small; }
.AdmEdt {
    background-color:#ffffff;
    border:2px solid #666666;
    margin:4px;
    padding:4px;
    position:absolute;
    top:0px;
    right:0px;
    width:150px; }
.AdmEdt a {
    font-size:x-small; }
.AdmEdtMnu {
    background-color:#ffffff;
    border:2px solid #666666;
    margin:4px;
    overflow:hidden;
    padding:4px;
    position:absolute;
    top:28px;
    right:0px;
    width:150px; }
.AdmEdtMnu a {
    font-size:x-small; }
.AdmEdtMnu div {
    border-bottom:1px dotted #cccccc;
    min-height:20px;
    margin:2px; }
.AdmEdtMnu label {
    font-size:x-small; }
.ItmWrp {
    clear:both; }
.ItmWrp img {
    float:left;
    margin:0px; }
.tblEditorToolbars {
    width:100%;
    border:1px solid silver;
    border-collapse:collapse; }
.tblEditorToolbars tr {
    height:24px; }
.tblEditorToolbars tr td {
    background-image:url('/Images/HtmlEditor/bgToolbar.gif');
    vertical-align:middle; }

/* LAYOUT TEMPLATES */
.divMessage {
    color:#cc0000; }
.divPageWrap {
    background-color:#ffffff;
    margin:auto;
    min-height:500px;
    width:950px; }
.divPageWrapMini {
    background-color:#ffffff;
    padding:10px; }
.divPageHeader {
    clear:both; }
.divPageHeader img {
    margin:10px 0px 10px 0px; }
.divMemberStatus {
    color:#cccccc;
    padding:4px;
    text-align:right; }
.divMemberStatus b {
    color:#000000;
    padding:4px;
    text-align:right; }
.divBodyWrap {
    clear:both; }
.divBodyLeft {
    float:left;
    margin-right:20px;
    width:200px; }
.divBodyMain510 {
    float:left;
    width:510px; }
.divBodyMain720 {
    float:left;
    width:720px; }
.divBodyMain940 {
    float:left;
    width:940px; }
.divBodyRight {
    float:left;
    margin-left:20px;
    width:200px; }
.divPageFooter {
    border-top:1px solid #eeeeee;
    clear:both;
    margin-top:20px;
    text-align:right; }

/* TOP NAV */
.divTopNav {
    background-image:url(bgTopNav.gif);
    background-position:left top;
    background-repeat:repeat-x;
    height:40px;
    width:950px; }
.divTopNav * {
    float:left;
    vertical-align:middle; }
.divTopNav div { 
    background-image:url(bgTopNav.gif); 
    background-position:940px -80px; 
    background-repeat:no-repeat; 
    height:40px; 
    width:950px; }
.divTopNav dl {
    background-image:url(bgTopNav.gif); 
    background-position:0 -40px; 
    background-repeat:no-repeat; 
    height:40px;
    margin:0px;
    padding:0px; }
.divTopNav dt {
    display:none;
    float:left;
    padding:8px 20px 8px 20px; }
.divTopNav dl dd {
    float:left;
    height:40px;
    margin:0px;
    padding:0px; }
.divTopNav dl dd a {
    background-image:url(bgTopNav.gif); 
    background-repeat:no-repeat; 
    background-position:right -120px; 
    color:#ffffff;
    font-size:90%;
    padding:13px 20px 13px 20px;
    text-decoration:none; }
.divTopNav dl dd a:hover {
    text-decoration:underline; }
.divTopNav dl dd dl {
    background-image:none;
    display:none;
    float:left;
    position:absolute;
    visibility:hidden;
    width:125px;
    }
.divTopNav dl dd dl dd {
    position:relative;
    display:block;
    top:40px;
    visibility:visible;
    }
.divTopNav dl dd dl dd a {
    background-color:#cccccc;
    background-image:none;
    color:#000000;
    display:block;
    font-size:90%;
    top:40px;
    width:100px;
    }
    
/* SIDE NAV */
.dlSideNav {
    margin:0px; 
    padding:0px; }
.dlSideNav dd {
    background-image:url(bgSideNav.gif); 
    background-position:top left; 
    background-repeat:repeat-x; 
    margin:0px; 
    padding:0px;
    width:100%; }
.dlSideNav dd a {
    background-position:left center;
    background-repeat:no-repeat; 
    color:#444444;
    display:block;
    font-size:90%;
    line-height:30px;
    height:30px;
    overflow:hidden;
    padding-left:10px;
    text-decoration:none; }
.dlSideNav dd a.SelectedItem {
    background-color:#dddddd;
    border-bottom:1px solid #ffffff;
    color:#444444;
    display:block;
    font-weight:bold;
    padding:6px;
    text-decoration:none; }
.dlSideNav dd a:hover {
    text-decoration:underline; }

/* TABS */
.divTabsWrap {
    background-image:url('bgTabWrap.jpg');
    background-position:bottom;
    background-repeat:repeat-x;
    float:left;
    width:100%; }
.divTabsWrap dl {
    float:right;
    margin:0px;
    padding:0px; }
.divTabsWrap dt {
    display:none;
    float:left;
    padding:8px 20px 8px 20px; }
.divTabsWrap dd {
    float:left;
    margin:0px;
    padding:0px; }
.divTabsWrap dd a {
    background-color:#ffffff;
    background-image:url('bgTab.jpg');
    background-position:top;
    background-repeat:repeat-x;
    border-top:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #eeeeee;
    float:left;
    margin-right:6px;
    padding:8px 20px 8px 20px; }
.divTabsWrap dd a.SelectedTab {
    background-color:#ffffff;
    background-image:url('bgTab.jpg');
    background-position:0 -50px;
    background-repeat:repeat-x;
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom-width:0px;
    border-left:1px solid #cccccc;
    float:left;
    margin-right:6px;
    padding:8px 20px 9px 20px; }

/* CHARTS */
.divChartWrapper {
    margin:auto;
    text-align:center; }
.divChartWrapper table {
    margin:auto; }
.divChartWrapper tr td {
    text-align:center;
    font-size:xx-small; }
.divChartWrapper .trBars td {
    border-bottom:1px solid #cccccc;
    vertical-align:bottom;
    padding:1px; }
.divChartWrapper .divChartBar { 
    background-color:#cccccc;
    background-image:url('/Images/bgChartBlock.jpg');
    background-position:bottom;
    background-repeat:repeat-x;
    color:#ffffff;
    text-align:center;
    font-size:xx-small; }

/* SHOP */
.tblShopList {
    width:100%;
    border-collapse:collapse; }
.tblShopList td {
    border-bottom:1px solid #cccccc;
    vertical-align:top;
    padding:10px 0px 10px 0px; }
.divProductImages {
    float:left; }
.divProductImages .imgProductThumb {
    width:40px;
    margin:4px 4px 0px 0px; }
.divProductDetails {
    float:left;
    margin-left:20px;
    width:325px; }
.divMyBasketMini {
    border:1px solid #cccccc;
    margin-bottom:20px;
    padding:10px; }
.divMyBasketMini2 {
    background-image:url('bgMiniBasket.jpg');
    margin:10px 0px 10px 0px;
    height:60px;
    padding:0px; }
.divMyBasketMini2 .divPadd {
    color:#ffffff;
    padding:15px 0px 0px 0px;
    text-align:center; }
.divMyBasketMini2 .divPadd a {
    color:#ffffff; }
.divProductFlash {
    background-color:#cc0000;
    border-top:1px solid #ffffff;
    color:#ffffff;
    padding:5px;
    text-align:center; }
.divSearchArea {
    margin:auto;
    padding-top:25px;
    width:360px; }
.divSearchLbl {
    color:#006699;
    float:left;
    font-size:12pt;
    font-weight:bold;
    line-height:30px;
    padding-right:10px; }
.divSearchBox {
    border:1px solid #cccccc;
    float:left;
    padding:2px; }
.divSearchBox .txtProductSearchBox {
    border-width:0px;
    float:left;
    padding:6px 0px 0px 6px;
    width:250px; }
.divSearchBox input {
    float:left; }
.aProductTitle {
    font-size:large; }

/* GALLERY */
.divGallery { 
    background-color:#eeeeee; 
    border:1px solid #cccccc; 
    float:left; 
    width:100%; }
.divGallery .divPad { 
    min-height:300px;
    padding:4px;  }
.aImage { 
    background-color:#ffffff; 
    border:1px solid #cccccc;
    display:block; 
    float:left; 
    margin:4px; 
    padding:4px; 
    text-align:center;
    text-decoration:none;
    height:100px; 
    width:100px; }
.aImage:hover { 
    text-decoration:none; }
.aImage img { 
    border-width:0px;
    float:left; 
    width:100px; }

/* LINKS SPECIAL */
.aSpecial {
    background-repeat:no-repeat;
    display:block;
    margin-bottom:2px;
    padding:4px 0px 4px 25px;  }
.aAddToBasket { 
    background-image:url('/Images/Icons/icnSprite.gif');
    background-position:0px 0; }
.aComment { 
    background-image:url('/Images/Icons/icnSprite.gif');
    background-position:0px -40px; }
.aInfo { 
    background-image:url('/Images/Icons/icnSprite.gif');
    background-position:0px -60px; }
.aSendToFriend { 
    background-image:url('/Images/Icons/icnSprite.gif');
    background-position:0px -20px; }
.aRegisterInterest { 
    background-image:url('/Images/Icons/icnSprite.gif');
    background-position:0px -80px; }
.aCheckout { 
    background-image:url('/Images/Icons/icnSprite.gif');
    background-position:0px 0; }

/* Gallery Viewer */
.divImageGallery a {
    border:1px solid #cccccc; 
    display:inline-block;
    margin:4px;
    width:75px;
    height:75px;
    overflow:hidden;
    padding:0px; }
.divPageFade {
    background-color:#000000;
    height:200%;
    position:absolute;
    top:0px;
    left:0px;
    width:100%; }
.divGalleryPopup {
    background-color:#000000;
    border:2px solid #cccccc;
    left:50%;
    position:absolute;
    top:50%;
    overflow:hidden; }
.divGalleryPopup .divTitle1 {
    background-color:#000000;
    bottom:0px;
    height:30px;
    left:0px;
    position:absolute;
    text-align:center;
    width:100%; }
.divGalleryPopup .divTitle2 {
    color:#ffffff;
    left:0px;
    line-height:30px;
    position:absolute;
    bottom:0px;
    text-align:center;
    width:100%; }
.divGalleryPopup .divToolbar {
    background-color:#000000;
    height:30px;
    left:0px;
    position:absolute;
    text-align:right;
    top:0px;
    width:100%; }
.divGalleryPopup .aPrev {
    color:#ffffff;
    font-size:10pt;
    line-height:25px;
    position:absolute;
    right:120px;
    text-decoration:none;
    top:0px; }
.divGalleryPopup .aNext {
    color:#ffffff;
    font-size:10pt;
    line-height:25px;
    position:absolute;
    text-decoration:none;
    top:0px;
    right:70px; }
.divGalleryPopup .aClose {
    color:#ffffff;
    font-size:10pt;
    line-height:25px;
    position:absolute;
    right:20px;
    text-decoration:none;
    top:0px; }

/* OPINIONS */
.divQuickQuestion {
    background-color:#ffffff;
    border:2px solid #444444;
    height:400px;
    left:50%;
    margin-left:-200px;
    position:absolute;
    top:200px;
    width:400px; }
.divQuickQuestion .divPadd {
    padding:20px; }

/* FORUM */
.tdForumProfile {
    padding:4px !important;
    width:175px;
    vertical-align:top !important; }
.tdForumProfile img {
    float:left;
    margin:0px 5px 5px 0px;
    width:100px; }
.tdForumProfile span {
    font-size:xx-small; }

/* STYLE WRAPPERS */
div.Highlight {
    background-color:#E6DFD2;
    margin:20px 0px 0px 0px;
    padding:10px; }
    
/* TopNav User Name Link */
a.aCurrentUser {
    color:#ffffff;
    float:right;
    padding-right:20px;
    line-height:40px;
    text-decoration:none; }
    
.divProductSuggestions {
    background-color:#eeeeee;
    position:absolute;
    margin-top:20px;
    width:300px; }
.ulProductSuggestions {
    margin:0px;
    padding:0px; }
.ulProductSuggestions li {
    list-style-type:none; }
.ulProductSuggestions  li a {
    border-bottom:1px  solid #FFFFFF;
    display:block;
    height:24px;
    line-height:24px;
    overflow:hidden;
    padding-left:6px; }