@import url(luna_core.css);





/* CORE

body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #ffffff;
  font: normal 11px tahoma, geneva, verdana, sans-serif;
  text-align: center;
}

*/

body {
  margin: 0px;
  padding: 0px;
  color: #333333;
  font: normal 10px verdana, tahoma, geneva, sans-serif;
  text-align: center;
  background: url(images/bodybg.gif) top left repeat;
}

/*


img {
  border: 0px;
}

FORMS >>>>>>>>>>>>>>>>>>>

form {
  margin: 0px;
}
input, textarea {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}



LINKS >>>>>>>>>>>>>>>>>>>>>

a {
  color: #212126;
}
a:visited {
  color: #8e8d9a;
}
a:hover {
  color: #5c5b66;
  text-decoration: none;
}


*/
a {
  color: #333333;
  line-height:18px;
  font-size:10px;
}
a:visited {
  color: #666666;
}
a:hover {
  color: #999999;
  text-decoration: none;
}
/*



HEADINGS >>>>>>>>>>>>>>>>>>>>>

h1 {
  font-size: 16px;
}

*/
h1 {
  font-size: 15px;
}
/*

h2 {
  font-size: 15px;
}

*/
h2 {
  font-size: 15px;
  color:#339900;
  margin-top:10px;
  margin-bottom:10px;
  padding:0px;
}

/*

h3 {
  font-size: 13px;
}

*/
h3 {
  font-size: 13px;
  color:#A2A2A2;
}
/*

h4 {
  font-size: 12px;
}


*/
h4 {
  font-size: 13px;
  color:#339900;
  padding-left:20px;
  margin-top:0px;
  margin-bottom:0px;
}

h6 {
  font-size: 11px;
  color:#333333;
  margin-left:20px;
  margin-top:2px;
  margin-bottom:10px;
  padding:0px;
}

.basicpriceinfo {
  width:400px;
  text-align:justify;
  margin-left:20px;
  padding-top:10px;
}
/*

h5 {
  font-weight: normal;
  font-size: 11px;
}



SMALL HEADINGS (USE IF YOU WANT) >>

.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px auto;
  width: 750px;
  text-align: left;
}

*/
#wrapper {
  margin: 0px auto;
  width: 798px;
  text-align: left;
  background: url(images/rightnavibg.gif) top right repeat-y;
}
/*



HEADER >>>>>>>>>>>>>>>>>>>>>

#logo {
  width: 250px;
  height: 80px;
  background: transparent url(images/logo.gif) top left no-repeat;
  text-indent: -9999px;
}

*/
#logo {
  width: 370px;
  height: 86px;
  background: transparent url(images/logo.jpg) top left no-repeat;
  text-indent: -9999px;
}
/*




#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
}
#header {
  background: transparent url(images/swirls.gif) top right no-repeat;
}

*/
#header {
  width:795px;
  background: transparent url(images/headerbg.gif) top left repeat-x;
}
/*


#loginbar {
  float: right;
  text-align: right;
}


*/
#loginbar {
  float: right;
  text-align: right;
}
/*

#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}

*/
#loginbar a {
  margin-top: 50px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}
/*



A, BUT SAME WE UNSET a:visited >>>>>>>>>>>>>>>>>>>>>

#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
  background: transparent url(images/login.gif) center right no-repeat;
}
#loginbar a.out {
  background: transparent url(images/logout.gif) center right no-repeat;
}


*/
#loginbar a.in {
  background: transparent url() center right no-repeat;
}
#loginbar a.out {
  background: transparent url() center right no-repeat;
}
/*


NAVIGATION >>>>>>>>>>>>>>>>>>>>>

.navbar {
  margin-bottom: 1px;
}

*/
.navbar {
  margin-left:0px;
  background:url(images/navibg.gif) top left repeat-x;
  width:100%;
  height:23px;
  border-top:1px solid #E6E6E6;
}
/*

ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  float: left;
  list-style: none;
}
ul.primarynav {
  width: 100%;
  background: #5c5b66;
}


*/
ul.primarynav, ul.secondarynav {
  margin:0px 0px 0px 130px;
  padding:0px 0px 0px 0px;
  width: 350px;
  height:23px;
  background:url(images/navibg.gif) top left repeat-x;
  border-bottom: 0px solid #ffffff;
}
/*


ul.secondarynav {
  width: 100%;
  background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}

*/
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
/*

ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}


*/
ul.primarynav li {
  height: 23px;
  background: url() bottom right no-repeat;
  border-right:1px solid #FFFFFF;
}
/*

ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}

*/
ul.primarynav a {
  margin-right: 1px;
  padding: 3px 10px 0px 10px;
  float: left;
  color: #666666;
  font-size: 10px;
  text-decoration: none;
}
/*

ul.primarynav a:visited {
  color: #ffffff;
}

*/
ul.primarynav a:visited {
  color: #666666;
}
/*

ul.primarynav a:hover {
  color: #ffffff;
  background: #737180;
}

*/
ul.primarynav a:hover {
  color:#339900;
  background:url(images/navibg.gif) top left repeat-x;
}
/*


ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #383741;
}

ul.primarynav li.home a {
  margin-right: 0px;
}

*/
ul.primarynav li.home {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  background:url(images/navibg.gif) top left repeat-x;
  /*background:url(images/navibutton.gif) top left repeat;*/
}

ul.primarynav li.home a{
  font-weight:normal;
  color:#666666;
}

ul.primarynav li.home a:hover{
  /*background:url(images/navibutton.gif) top left repeat;*/
}

/*


ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}




SEARCHBAR >>>>>>>>>>>>>>>>>>>>>

.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
}

*/

.searchbg {
  height:142px;
  width:100%;
  margin:0px;
  padding:0px;
  background: url(images/girlbg.jpg) repeat-x;
}

.searchbar_new {
  height:142px;
  float:left;
  margin:0px;
  padding:0px;
  background: url(images/girl.jpg) no-repeat;
}

.searchbar {
  height:142px;
  margin-left:0px;
  padding:0px;
  border-bottom: 0px;
  background-color: #FFFFFF;
}

.searchform {
  margin-left:320px;
}



/*


.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}


*/
.searchbar input.text, .searchbar input.submit {
  margin-left: 0px;
  margin-right: 0px;
  margin-top:100px;
}
/*


* html .searchbar input.submit {
  height: 21px;
}

.searchbar a {
  color: #212126;
  font-size: 10px;
}

*/
.searchbar a {
  color: #333333;
  font-size: 9px;
}

.searchbar a:hover {
  color: #666666;
  text-decoration:underline;
}

.searchbar a:visited {
  color: #333333;
}
/*

.searchbar a:hover {
  color: #5c5b66;
}




FOOTER >>>>>>>>>>>>>>>>>>>>>

#footer {
  margin-top: 3px;
  padding: 5px;
  border-top: 1px solid #57594b;
  background: #edf2cb;
}

*/
#footer {
  height:18px;
  width:100%;
  margin: 0px;
  padding: 0px;
  background-image: url(images/footerimg.gif);
  background-repeat:no-repeat;
  border-top: 1px solid #DADADA;
  text-align:center;
}
/*

#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 9px;
}


*/
#footer p {
  margin: 0px;
  padding: 0px;
  color: #666666;
  font-size: 9px;
}
/*




CONTENTHEADER >>>>>>>>>>>>>>>>>>>>>

#contentheader {
  padding: 10px 10px 0px 10px;
  background: #e2e1eb;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 0px;
  padding: 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
#contentheader .error {
  background: #8c3030;
}

*/

#contentheader .error {
  background: #FF6600;
}

/*

#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

*/
#contentheader .error, #contentheader .message {  /*this change makes the left sidebar to appear*/
  margin: 0px 200px 0px 200px;
}
/*



CONTENTFOOTER >>>>>>>>>>>>>>>>>>>>>

#contentfooter {
  background: #e2e1eb;
}



CONTENT >>>>>>>>>>>>>>>>>>>>>

BG-COLOR, LEFT AND RIGHT SIDEBARS

#ocwrapper {
  border-left: 0px solid #e2e1eb;
  border-right: 200px solid #e2e1eb;
  background: #e2e1eb;
}

*/


/*this change makes left sidebar to appear */
/*
#ocwrapper {
  border-left: 0px solid #FFFFFF;
  border-right: 150px solid #FFFFFF;
  border-top:1px solid #DADADA;
  padding-left:152px;
  margin-right: 3px;
  background: url(images/leftnavibg_bg.gif) top left repeat-y;
  background-color: #E8E4F0;
}
*/
/*


#leftsidebar {
  margin-left: -200px;
  padding: 10px 0px 10px 10px;
  width: 190px;
  float: left;
  position: relative;
  display: none;
}


#leftsidebar {  /*this change makes left sidebar to appear */
  margin-left: -152px;
  padding: 0px 0px 10px 10px;
  width: 142px;
  height:350px;
  float: left;
  position: relative;
  display: block;
  background:url(images/leftnavibg_bg.gif) top left repeat-y;
}

#leftsidebar a{
color:#666666;
padding-left:30px;
text-decoration:none;
}

#leftsidebar a:hover{
color:#339933;
padding-left:30px;
text-decoration:none;
}

#leftsidebar2 {
width:142px;
height:265px;
background:url(images/leftnavibg.gif) top left no-repeat;
margin-left:-10px;
}

#leftsidebar ul{
margin:0px;
padding:0px;
height:110px;
background:url(images/leftnavi_ulbg.gif) top left no-repeat;
}


#leftsidebar li{
list-style-type:none;
width:142px;
height:17px;
margin-top:1px;
}
*/
/*


#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: left;
  position: relative;
}

*/

/*
#rightsidebar {
  margin-left: 0px;
  padding:0px;
  margin-right: -150px;
  width: 50px;
  float: left;
  position: relative;
  display: block;
  background-color:#FFFFFF;
  text-align:center;
}

#rightsidebar a{
color:#666666;
text-decoration:underline;
}

#rightsidebar a:hover{
color:#339900;
text-decoration:underline;
}

#rightsidebar ul{
width:150px;
margin:0px;
padding:12px 0px 0px 0px;
background-color:#FFFFFF;
}

#rightsidebar li{
width:150px;
height:17px;
margin-top:3px;
padding:0px;
list-style-type:none;
border-bottom: 1px solid #DADADA;
background: url(images/rightnavidots.gif) top right no-repeat; 
}

#rightsidebar li#imagebox{
width:150px;
height:218px;
margin:0px;
padding:0px;
list-style-type:none;
background: url(images/stylist.jpg) top center no-repeat; 
}

#rightsidebar li#rightnavititle{
width:148px;
height:17px;
margin-left:0px;
padding-top:1px;
list-style-type:none;
border: 1px solid #DADADA;
background: url(images/rightsidetitlebg.gif) no-repeat; 
background-position: 100% 100%;
}

#rightsidebar li#rightnavititle a{
font-weight:bold;
color:#666666;
}

#rightsidebar li#rightnavititle a:hover{
font-weight:bold;
color:#339900;
}
*/

/*

#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}

*/
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
  margin-top:20px;
}
/*


#content {
  margin: 0px 10px;
  padding: 10px;
  background: #ffffff;
}


*/
#content {
  margin: 0px 10px;
  background: #FFFFFF;
  min-height:300px;
}
/*


* html #content {
  height: 1%;
}


*/
* html #content {
  height: 300px;
}
/*


GLOBAL ELEMENTS >>>>>>>>>>>>>>>>>>>>>

.shadowtop, .shadowbottom {
  height: 10px;
  font-size: 1px;
  display: inline-block;
  display: block;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 15px;
  height: 10px;
  font-size: 1px;
}
.shadowtop {
  background: url(images/shadow-top.gif) bottom repeat-x;
}

.shadowbottom {
  background: url(images/shadow-bottom.gif) top left repeat-x;
}

.shadowleft {
  background: url(images/shadow-left.gif) left repeat-y;
}
.shadowright {
  background: url(images/shadow-right.gif) right repeat-y;
}
.shadowtopleft {
  float: left;
  background: url(images/shadow-topleft.gif) bottom left no-repeat;
}
.shadowtopright {
  float: right;
  background: url(images/shadow-topright.gif) bottom right no-repeat;
}
.shadowbottomleft {
  float: left;
  background: url(images/shadow-bottomleft.gif) top left no-repeat;
}
.shadowbottomright {
  float: right;
  background: url(images/shadow-bottomright.gif) top right no-repeat;
}






LINKS >>>>>>>>>>>>>>>>>>>>>

.linklisting {
  margin: 15px 15px 20px 20px;
}

*/
.linklisting {
  margin: 0px;
  padding:0px;
}
/*

.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  margin: 2px 0px;
}

.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}

*/
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px;
  padding: 0px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}
/*

* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}

.linklisting p.linkactions {
  margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

.review h4.reviewsubject {
  margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
  margin: 0px;
  font-weight: normal;
}
.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
}
.review .reviewhelpful form span {
  float: right;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  font-size: 9px;
}

*/

td.description {
border: 1px solid #bbbfa1;
background-color: #f8faed;
width:200px;
padding-left:5px;
font-weight:bold;
padding-bottom:0px;
padding-top:0px;
margin:0px;
}

td.description a{
text-decoration:none;
}

td.performer {
border: 1px solid #bbbfa1;
background-color: #f8faed;
padding-left:5px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
}

td.listen {
border: 1px solid #bbbfa1;
width:20px;
height:20px;
text-align:center;
background-color: #f8faed;
padding-bottom:0px;
padding-top:0px;
margin:0px;
}


td.order {
border: 1px solid #bbbfa1;
background-color: #f8faed;
width:40px;
text-align:center;
padding-bottom:0px;
padding-top:0px;
margin:0px;
}

div#image img {
margin-left:20px;
padding-top:20px;
}

.imageorderinfo {
margin-left:20px;
margin-right:20px;
background-color:#DADADA;
padding:5px;
}

.imageorderinfo em{
font-style:normal;
font-weight:bold;
font-size:1.1em;
}

.tonetitle {
font-style:normal;
font-weight:bold;
font-size:1.2em;
color:#009900;
padding-top:20px;
padding-bottom:5px;
margin:0px;
}

.tonetitle img{
padding-left:5px;
}


.tonetitle em{
font-style:normal;
font-weight:bold;
font-size:1.2em;
color:#000000;
}


.performertitle {
font-style:normal;
font-weight:bold;
font-size:1.2em;
color:#009900;
margin:0px;
padding-top:0px;
padding-bottom:8px;
}


.performertitle em{
font-style:normal;
font-weight:bold;
font-size:1.2em;
color:#000000;
}

#ordertitle {
float:left;
font-style:normal;
font-weight:bold;
font-size:1.2em;
color:#009900;
margin:0px;
padding:0px;
}

#ordertitle p{
margin:0px;
padding:0px;
}

#orderinfo {
width:380px;
margin-left:40px;
margin-right:0px;
margin-top:0px;
background-color:#DADADA;
}

#orderinfo p{
padding:5px;
margin:0px;
}

#orderinfo em{
font-style:normal;
font-weight:bold;
font-size:1.1em;
}

.orderinfo {
margin-left:0px;
margin-right:0px;
margin-top:0px;
background-color:#DADADA;
padding:5px;
}

.orderinfo em{
font-style:normal;
font-weight:bold;
font-size:1.1em;
}

.instructions{
text-align:justify;
margin:10px;
}

.instructions a{
font-size:1em;
line-height:1em;
}

.instructionstitle {
border-bottom:1px solid #999999;
font-style:normal;
font-weight:bold;
font-size:1.1em;
margin:0px;
padding:0px;
}

/*





LINK/BOOKMARK STATUS ICONS >>>>>>>>>>>>>>>>>>>>>

.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: transparent url(images/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}
.new-item {
  background-color: #8c3030;
}

.updated-item {
  background-color: #c5a600;
}
.popular-item {
  background-color: #314fb1;
}
.unpaid-item {
  background-color: #555555;
}
.expired-item {
  background-color: #92589c;
}
.free-item {
  background-color: #a7a87c;
}
.bookmark-public {
  background-color: #cc6613;
}
.bookmark-default {
  background-color: #7fb131;
}


*/

.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}

.new-item {
  color:#FFFFFF;
  font-weight:bold;
  background: transparent url(images/statusbg.gif) top left no-repeat;
}

.updated-item {
 color:#FFFFFF;
 background-color:#999999;
}
.popular-item {
color:#FFFFFF;
background-color:#339900;
}
.unpaid-item {
color:#FFFFFF;
background-color:#6B9F36;
}
.expired-item {
color:#FFFFFF;
background-color:#666666;
}
.free-item {
color:#FFFFFF;
background-color:#CCCCCC;
}
.bookmark-public {
color:#FFFFFF;
background-color:#999999;
}
.bookmark-default {
color:#FFFFFF;
background-color:#999999;
}
/*


.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;
  background: transparent url(images/button-right.gif) top right no-repeat;
}





PAGING >>>>>>>>>>>>>>>>>>>>>

.paging {
  text-align: right;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}

.crumb {
  font-size: 9px;
}




TABLES >>>>>>>>>>>>>>>>>>>>>

.ftable {
  margin-top: 5px;
  border-bottom: 3px solid #bbbfa1;
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}
.ftable th {
  background: #bbbfa1;
  text-align: left;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  border-right: 1px solid #bbbfa1;
}





SUB HEADINGS >>>>>>>>>>>>>>>>>>>>>

#content h3 {
  margin: 25px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px dotted #bbbfa1;
}

*/
#content h3 {
  margin: 25px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px solid #DADADA;
}
/*

#content h3.noseparator {
  border-bottom: none;
}




LISTS >>>>>>>>>>>>>>>>>>>>>

#content ul {
  margin: 10px 0px 0px 20px;
  padding: 0px;
  font-size: 12px;
  list-style: none;
}




FORMS >>>>>>>>>>>>>>>>>>>>>

.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}

.row label.name span {
  color: #8c3030;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}

.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}

.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}





GENERIC MESSAGES >>>>>>>>>>>>>>>>>>>>>

.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}




SEARCH HIGHLIGHTING >>>>>>>>>>>>>>>>>>>>>

.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #ffff80;
}

*/
.searchhl-1 {
  background: #99FF66;
}
/*

.searchhl-2 {
  background: #aaaaff;
}
.searchhl-3 {
  background: #aaffaa;
}
.searchhl-4 {
  background: #ffaaaa;
}
.searchhl-5 {
  background: #aaffff;
}




INDENT >>>>>>>>>>>>>>>>>>>>>

.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}

* html .clear {
  height: 1%;
}
.clear {
  display: block;
}




PAGE SPESIFIC >>>>>>>>>>>>>>>>>>>>>

#bookmark_list input.checkbox {
  float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
  margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
  font-weight: bold;
}
.bookmark_link .comments label span {
  font-weight: normal;
}

#category dl, #home dl {
  margin: 10px 0px 0px 0px;
  width: 49%;
  float: left;
}
#category dt a {
  font-weight: bold;
  font-size: 12px;
}
#category dt, #category dd, #home dt, #home dd {
  margin: 0px 0px 0px 20px;
}
#category dd, #home dd {
  padding-bottom: 10px;
}

#detailed p.description {
  overflow: hidden;
}

* html #detailed p.description {
  width: 100%;
}
#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}


#home dt a {
  font-weight: bold;
  font-size: 13px;
}
#home #content h4 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 14px;
}


#jump_frame .jumpwrapper {
  height: 40px;
  background: transparent url(images/swirls.gif) bottom right no-repeat;
}
#jump_frame img.jumplogo {
  padding: 2px 0px 0px 2px;
  float: left;
}
#jump_frame h4 {
  margin: 0px;
  padding: 3px 0px;
}

#modify_select input.radio {
  float: left;
}

#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #bbbfa1;
}

CORE END */ 








/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* Logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */
/*
#ocwrapper {
  border-right-width: 150px;
}
#rightsidebar {
  margin-right: -150px;
  width: 140px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 150px 0px 0px;
}
*/

/* Change width of document */
/*
#wrapper {
  width: 95%;
}
*/


/* Don't want the shadows? */
/*
.shadowtop, .shadowbottom,







/* Hide the right sidebar */ 
/* display: none; */
#ocwrapper { 
  border-right-width: 0px; 
  width: 790px;
  border-left: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-top:1px solid #DADADA;
  padding-left:2px;
  margin-right: 3px;
  /*background: url(images/leftnavibg_bg.gif) top left repeat-y;*/
  background-color: #E8E4F0;

} 
#rightsidebar { 
  display: none; 
} 
#contentheader .error, #contentheader .message { 
  margin: 0px; 
}
#leftsidebar { 
  display: none; 
}