/* Style Sheet © Beyond Content Management - www.psusoftware.com */

/* SITE WIDE */
* {
margin:0;
padding:0;
outline:none;
} 
body { 
font: 74%/140% Geneva, Arial, Helvetica, sans-serif;
color: #fff;
background-color: #1f1f1f;
} 
a:link { 
color: #af93c3;
} 
a:visited { 
color: #af93c3;
} 
a:hover { 
color: #f1deff;
} 
a:active { 
color: #f1deff;
} 
h1, h2, h3, h4, h5, h6 { 
font-size:100%;
font-weight:normal;
} 
.clear{
clear:both;
}
p {
padding:6px 0 3px 6px;
} 

/* STANDARD PANE LAYOUT */
#LeftPane { 
text-align:left;
min-height:300px;
float:left;
width:230px;
display:inline;
margin:0 10px;
} 
#ContentPane { 
text-align:left;
min-height:300px;
float:left;
display:inline;
} 
#RightPane { 
text-align:left;
min-height:300px;
float:left;
width:156px;
margin-top:9px;
display:inline;
} 

.L-l1c0r1 {  } 
.L-l1c0r0 {  }
.L-l1c1r0 {  }
.L-l1c1r1 {  }
.C-l0c1r0 {  }
.C-l1c1r0 { width:624px; } 
.C-l1c1r1 { width:458px; padding-right:10px; } 
.C-l0c1r1 {  }
.R-l1c1r1 {  }
.R-l0c1r1 {  }
.R-l1c0r1 { margin:0 0 0 468px; }
.R-l0c0r1 {  }


/* SITE ATTRIBUTES */
.welcomemsg { 
} 
input, select  { 
font-family: Arial, Helvetica, sans-serif;
background-color: #f5f5f5;
border: 1px solid #000;
padding: 2px;
} 
.button {
font-size: 0.9em;
height:21px;
}
.box {
font-size: 1em;
height:15px;
}
.ntb {
font-size: 1em;
}
.ErrorText { 
font-weight: bold;
color: #ff0000;
font-size: 11px;
} 
select { 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
} 
a.LogoutLink { 
} 
a.LogoutLink:hover { 
} 
#breadcrumbs a { 
color: #969696;
} 
#breadcrumbs a:hover { 
color: #1b3067;
} 

/* TEXT STYLES */
.n { 
font-size: 1em;
} 
.n2 { 
font-size: 1em;
color: #eaeaea;
} 
.n3 { 
font-size: 1em;
color: #837a89;
} 
.n4 { 
font-size: 0.9em;
color: #fff;
} 
.nb { 
font-size: 1em;
font-weight: bold;
} 
.ni { 
font-size: 1em;
font-style: italic;
} 
.nr { 
font-size: 1em;
color: #ff0000;
} 
.nblk { 
font-size: 1em;
color: #000;
} 
.nblkb { 
font-size: 1em;
color: #000;
font-weight: bold;
} 

/* TITLES */
.head { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #e0cbec;
line-height: 1.2em;
} 
.head2 { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #e0cbec;
line-height: 1.2em;
} 
.head3 { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 2em;
color: #e0cbec;
line-height: 1.2em;
} 
.head4 { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #b6b6b6;
line-height: 1.2em;
} 
.head5 { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #b6b6b6;
line-height: 1.2em;
} 
.head6 { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 2em;
color: #b6b6b6;
line-height: 1.2em;
} 
.subhead { 
font-size: 1em;
color: #e0cbec;
font-weight: bold;
} 
.subhead2 { 
font-size: 1em;
color: #b6b6b6;
font-weight: bold;
} 
.subhead3 { 
font-size: 1em;
color: #e0cbec;
text-transform: uppercase;
} 
.subhead4 { 
font-size: 1em;
color: #b6b6b6;
text-transform: uppercase;
} 

span.reduced {
text-decoration:line-through;
color:#FF0000;
font-size:1.2em;
line-height:1.2em;
} 

/* PART STYLES */
.container {
clear:both;
padding-bottom:20px;
} 
.p-blank {

} 
.t-title {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 1.5em;
color: #e0cbec;
padding:0 0 0 10px;
} 
.t-01 { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 2em;
line-height: 1.5em;
color: #e0cbec;
padding:0 0 0 10px;
border-bottom:1px solid #827a89;
} 
.t-02 { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 1.5em;
color: #e0cbec;
padding:0 0 0 10px;
border-bottom:1px solid #48464b;
} 
.p-01, .p-02, .p-title, .p-blank {
padding:8px 10px 0 3px;
}
.nopadding {
padding:0;
}  

/* TABLES */
.tbl { 
font-size: 1em;
border: 1px solid #9c9c9c;
} 
.tblhdr { 
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
line-height: 1.2em;
font-size: 1.2em;
color: #000;
border-bottom: 1px solid #000;
padding: 4px;
background-color: #9f7bb9;
} 
.tblhdr a { 
color: #fff;
font-size: 1em;
font-weight:normal;
} 
.tblftr { 
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000;
border-top: 1px solid #000;
padding: 4px;
background-color: #9f7bb9;
font-weight: bold;
} 
.tblftr a { 
color: #fff;
font-size: 1em;
font-weight:normal;
} 
.tblitm { 
background-color: #3e3e3e;
padding: 4px;
} 
.tblitm a { 
font-weight: normal;
} 
.tblalt { 
background-color: #4f4f4f;
padding: 4px;
} 
.tblalt a { 
font-weight: normal;
} 
.tbledit { 
background-color: #dedfde;
padding: 4px;
} 
.tblsel { 
background-color: #dedfde;
padding: 4px;
} 
.tblcel { 
background-color: #fff;
padding: 4px;
} 
.tblaltc { 
background-color: #d1cfcf;
padding: 4px;
} 
.tblpag { 
background-color: #dcc8e9;
padding: 4px;
color: #000;
} 
.tblpag a { 
color: #fff;
font-weight:normal;
} 

/* LISTS, HR */
UL LI { 
list-style-type: square;
color: #8b8b8b;
} 
UL LI LI { 
list-style-type: disc;
color: #8b8b8b;
} 
UL LI LI LI { 
list-style-type: square;
color: #8b8b8b;
} 
OL LI { 
list-style-type: decimal;
color: #8b8b8b;
} 
OL OL LI { 
list-style-type: lower-alpha;
color: #8b8b8b;
} 
OL OL OL LI { 
list-style-type: lower-roman;
color: #8b8b8b;
} 
HR { 
color: #8b8b8b;
height: 1pt;
width: 100%;
} 

/* IMAGES: MY PROFILE, E-COMM etc */
.image1 { 
width: 50px;
border: 1px solid #dddddd;
} 
.image2 { 
width: 100px;
border: 1px solid #dddddd;
} 
.image3 { 
width: 150px;
border: 1px solid #dddddd;
} 
.image4 { 
width: 200px;
border: 1px solid #dddddd;
} 
.image5 { 
width: 250px;
border: 1px solid #dddddd;
} 

/* STRUCTURE */
#menu-frame {
margin:0 0 20px 0;
} 
#w-menu {
margin:2px 0 0 10px;
} 
#website { 
width:977px;
min-height:900px;
} 
#website-l { 
background: url(/Design/Images/l-t-bg.gif) no-repeat 66px top;
width:250px;
float:left;
} 
#website-c { 
width: 624px;
float: left;
} 
#website-r { 
background: url(/Design/Images/r-t-bg.gif) no-repeat top right;
width: 103px;
height: 122px;
float: left;
} 
#content-c {
clear:both;
}
#section-t a {
display: block;
text-indent: -9999px;
height: 381px;
width: 624px;
}
#sub-menu {
background: url(/Design/Images/s-m.gif); 
margin: 15px 0 0 81px;
width: 132px;
height: 19px;
} 
body#user-authenticated #sub-menu {
width: 41px;
} 
body#user-authenticated #sub-menu li.register a, #sub-menu li.login a { 
visibility: hidden;
} 
#sub-menu ul { 
margin: 0;
padding: 0;
} 
#sub-menu li { 
float: left;
height: 19px;
text-indent: -9999px;
display: block;
} 
#sub-menu li.home a, #sub-menu li.login a { 
width: 41px;
display: block;
visibility:visible;
} 
#sub-menu li.register a { 
width: 50px;
display: block;
} 
#sub-menu li.home a:hover { 
background: url(/Design/Images/s-m.gif) 0 -19px; 
} 
#sub-menu li.register a:hover { 
background: url(/Design/Images/s-m.gif) -41px -19px; 
} 
#sub-menu li.login a:hover { 
background: url(/Design/Images/s-m.gif) -91px -19px; 
} 
#content-l {
padding: 84px 10px 0 0;
} 
#website-b {
clear:both;
background:#000 url(/Design/Images/b-bg.gif) no-repeat left bottom; 
height:93px;
width:977px;
} 
#website-b ul { 
margin: 0 0 0 20px;
padding: 0;
} 
#website-b li { 
float: left;
display: block;
font-size: 0.9em;
color: #dfdfdf;
} 
#website-b li a {
color: #dfdfdf;
} 
#website-b li.use { 
margin: 70px 0 0 0;
width: 60px;
} 
#website-b li.privacy { 
margin: 70px 0 0 0;
width: 110px;
} 
#website-b li.copyright { 
margin: 70px 0 0 0;
width: 296px;
} 
#website-b li.credits { 
margin: 70px 0 0 0;
width: 154px;
} 
#website-b li.home a { 
margin: 13px 0 0 0;
width: 148px;
height: 80px;
text-indent: -9999px;
display: block;
} 
#website-b li.home a:hover {
background: url(/Design/Images/b-bg-o.gif) no-repeat; 
} 
body#user-authenticated #logged-in {
margin:4px 0;
height:18px;
padding:2px 10px;
line-height:18px;
background:url(Images/logged-in-bar.gif);
color:#000;
} 
body#user-authenticated #logged-in a {
color: #2c0e40;
}
a.logged-in {
margin-left: 10px;
padding-left: 20px;
color: #2c0e40;
background: url(/Design/Images/logged-in.gif) no-repeat; 
} 
body#user-authenticated #logged-in a:hover {
color: #11031a;
} 
body#user-not-authenticated #logged-in {
display: none;
visibility: hidden;
} 
#main-menu-title {
padding:0 0 0 7px;
height:24px;
}
#main-menu-b {
margin-top: -1px;
border-top:1px solid #343436;
}
#menu-b {
clear:both;
padding:20px 0 10px 0;
width:624px;
margin-left:250px;
} 
#basket a {
width: 162px;
height: 39px;
display: block;
text-indent: -9999px;
position:absolute;
top:0;
left:250px;
}
#basket a:hover {
background:url(/Design/Images/basket.gif);
}

/* MENU */
.TMG { 
cursor:pointer;
font-size:14px;
background-color:inherit;
color:#d5d5d5;
font-family:"Century Gothic", Arial, Helvetica, Helvetica, sans-serif;
width:100%;
} 
.TMI {
border-bottom: 1px solid #343436;
height: 29px;
}
.TMIO, .TMID, .TMIS { 
background-color: #282828;
color: #fff;
height: 29px;
border-bottom: 1px solid #343436;
} 
.CMG { 
width: 140px;
font-size: 11px;
border-top: 1px solid #343436;
border-right: 1px solid #343436;
border-left: 1px solid #343436;
cursor: pointer;
font-family: Arial, Helvetica, Helvetica, sans-serif;
background-color: #282828;
color: #d5d5d5;
} 
.CMI { 
line-height: 1.4em;
height: 31px;
border-bottom: 1px solid #343436;
} 
.CMIO, .CMID, .CMIS { 
color: #fff;
line-height: 1.4em;
background: #1f1f1f;
height: 31px;
border-bottom: 1px solid #343436;
} 

/* LAYOUTS */

/* MENUSPOT */
body.is-not-editmode .MenuSpot {
display:none;
} 
.MenuSpot { 
position:absolute;
margin-left:-108px;
width:108px;
height:26px;
z-index:1;
float:right;
opacity: .80;
filter:alpha(opacity=80);
-moz-opacity: .80;
-khtml-opacity: .80;
} 
.edit-section {
float:right;
position:relative;
} 

/* LOGIN */
#login-page {
background:#1f1f1f url(/Design/Logo/logo.jpg) no-repeat top center;
margin:0 auto;
min-height:630px;
padding-top:180px;
} 
h2.login-logo a {
display:none;
} 
.login-message {
text-align:center;
margin:0 auto;
width:260px;
} 
#login-clear {
clear:both;
} 
#login-left {
text-align:center;
} 
h3.login-options {
display:none;
}
#login-left ul {
margin:10px auto 0px auto;
width:196px;
} 
#login-left ul li {
padding:0 0 20px 10px;
margin:0;
float:left;
list-style:none;
} 
#login-left ul li:first-child {
padding:0;
} 
#login-right {
clear:both;
padding:0px 0 0px 10px;
text-align:center;
border-left:1px solid #666666;
width:180px;
margin:20px auto;
} 
#login-right table {
text-align:left;
width:200px;
margin:0px auto;
padding:0px;
}