* {
    margin:0;
    padding:0;
  }

/* basic elements */


body {
    background-color: #000000;
    background-image: url('/images/bg_desktop.png');
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
  }


a {
    color : #00782b;
    font-weight : bold;
    text-decoration : none;
  }

#termsprice
{
	font-size : 16px;
}

#termspricesmaller
{
	font-size : 12px;
}

#termspricebigger
{
	font-size : 18px;
}

.contimg {
    padding-left : 10px;
    padding-right : 10px;
  }

#err404 {
    margin-top:30px;
    margin-right: auto;
    margin-bottom:5px;
    margin-left: auto;
    padding:20px;
    width:400px;
    text-align:center;
    color: red;
    background-color: #FFFFFF;
    border:2px solid #00491B;
    overflow: auto hidden;
  }

#container {
    margin-top:3px;
    margin-right: auto;
    margin-bottom:5px;
    margin-left: auto;
    padding:0px;
    width:969px;
    text-align:left;
    background-color: #000000;
    border:2px solid #00491B;
    overflow: auto hidden;
  }


#pageheader {
    clear: both;
    width: 969px;
    padding-bottom: 4px;
  }


#logo {
    clear:both;
    float : left;
    width: 232px;
    height: 233px;
    text-align: center;
  }


#headerright {
    float : left;
    width: 737px;
    height: 233px;
  }


#topbar {
    width: 737px;
    height: 30px;
  }


#topad {
    clear:both;
    width: 737px;
    height: 100px;
    float: left;
    margin-top:14px;
    border:0px;
    display: inline;
  }


#navbar {
    clear:both;
    width: 737px;
    height: 30px;
    padding-top:5px;
    overflow: auto hidden;
  }


#headbot {
    clear:both;
    width: 737px;
    height: 50px;
  }


#pagemain {
    clear:both;
    width: 969px;
  }


#featured {
    clear:both;
    float: left;
    width: 669px;
  }


#about {
    clear:both;
    float: left;
    width: 669px;
  }


#aboutxtbox {
    float : left;
    height : 140px;
    margin : 15px;
    text-align : center;
  }

#aboutxtbox1 {
    float : left;
    height : 140px;
    margin-left : 20px;
    margin-top : 15px;
    margin-bottom : 15px;
    text-align : center;
    width : 300px;
  }
#aboutxtbox2 {
    float : right;
    height : 140px;
    margin-right : 25px;
    margin-top : 15px;
    margin-bottom : 15px;
    text-align : center;
    width : 300px;
  }

.about {
    color: #0B477D;
  }


.aboutblack {
    margin-left: 1px;
    margin-top: 1px;
    color: black;
  }


#fsubtitle {
    clear:both;
    float: left;
    background-color: #660000;
    width: 669px;
    height: 25px;
    line-height:25px;
    background-image: url('/images/sub_grad.png');
    background-repeat: repeat-x;
  }

#compat_iframe {
    margin-top: -40px;
    clear:both;
    float: left;
    width: 669px;
  }

#iframe {
    clear:both;
    float: left;
    width: 99%;
    height: 280px;
    border: 0px;
  }

#ifcontent {
    clear:both;
    float: left;
    margin-left: 15px;
}

.ftable {
    float: left;
    width: 50%;
    margin-bottom: 5px;
  }


.fartist {
    margin-left: 20px;
    margin-top: 5px;
    clear: both;
    width: 300px;
    height: 60px;
    background-color: #AAAAAA;
    padding-bottom: 10px;
  }


.fimg {
    margin: 7px;
    float: left;
    clear: both;
    width: 60px;
    height: 60px;
    text-align: center;
  }


.fname {
    margin: 10px;
    float: left;
    height: 30px;
    line-height:25px;
    vertical-align: middle;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: medium;
    overflow: wrap;
    width: 200px;
  }


.navitem {
    float:left;
    margin-right:5px;
    width:139px;
    height:25px;
    border:1px solid #00782b;
/*    background-color: white;
    background-image: url('/images/navi_butt_bgr.png');
    background-repeat: none; */
    line-height:25px;
    vertical-align: middle;
    color: white;
    text-align: center;
    text-transform: uppercase;
  }


.flags {
    float:right;
    width:35px;
    height:25px;
    text-align: center;
    padding-top:5px;
    margin-right:10px;
  }


#content {
    float:left;
    width:669px;
  }


#ordercontainer {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 15px;
    text-align: center;
  }


.ordetail {
    float: left;
    text-align: right;
    padding-bottom: 15px;
    padding-right: 15px;
    font-size: 1.6em;
    color: #00782b;
  }

.opreview {
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 20px;
    clear: left;
  }


.oinfo {
    float: left;
    width: 300px;
    text-align: left;
    padding-left: 10px;
  }


#sidecontent {
    float:left;
    clear:both;
  }


#sider {
    float:left;
    width: 299px:;
    background: url('/images/bg_desktop.png') repeat-x 0px 50px;
  }


#sidersignup {
    float:left;
    width: 299px:;
    background: url('/images/bg_desktop.png') repeat-x 0px 50px;
  }


.subtitle {
    clear:both;
    float: left;
    background-color: #660000;
    width: 669px;
    height: 25px;
    line-height:25px;
    vertical-align: middle;
    background-image: url('/images/sub_grad.png');
    background-repeat: repeat-x;
  }

.ifsubtitle {
    clear:both;
    float: left;
    background-color: #660000;
    width: 99%px;
    height: 25px;
    line-height:25px;
    vertical-align: middle;
    background-image: url('/images/sub_grad.png');
    background-repeat: repeat-x;
  }

.subtext {
    font-weight: bold;
    padding-left: 15px;
    font-size: small;
    text-left: right;
    text-transform: uppercase;
    vertical-align: middle;
  }


.catname {
    font-weight: bold;
    padding-right: 15px;
    font-size: small;
    text-align: right;
    text-transform: uppercase;
    vertical-align: middle;
  }


.contentitems {
    clear:both;
    width: 653px;
    padding-top: 10px;
    margin-left: 15px;
    /* border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #00491B;
    */
}

.mtcontentitems {
    position:relative;
    float: left;
    width: 300px;
    margin-right: 15px;
  }


.mttbl {
    align : center;
    width : 100%;
  }


.relartists {
    position:relative;
    float: left;
    font-size: small;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
  }


#sidead {
    float: left;
    width: 300px;
    height: 250px;
    text-align: justify;
  }


#pagefooter {
    clear:both;
    width: 969px;
    line-height:14px;
    height:110px;
    margin-top: 5px;
    background: url('/images/sub_grad.png') repeat-x bottom;
  }


#categories, #artists {
    width: 140px;
    padding:10px;
  }


#ordered {
    text-align: center;
    font-size : 14px;
    padding:20px;
  }

/* forms elements */
/*
#sm_form {
	text-align:center;
}
*/
select {
    margin-top:5px;
    background-color : #203425;
    font-size : 11px;
    color: #00782b;
    padding-left: 5px;
    width: 270px;
    border: 1px dotted #00782b;
  }


option {
    margin-top:5px;
    padding-left: 5px;
    overflow: auto hidden;
  }

.submit {
    background-color : #203425;
    font-size : 11px;
    font-weight: bold;
    color: #00782b;
    padding-left: 5px;
    width: 250px;
    height: auto;
    border: 1px solid #00782b;
    margin-top: 5px;
  }

#sm_msisdn, #text_pin {
    margin-top:5px;
    background-color: #00491B;
    border: 1px dotted #00782b;
    font-size : 11px;
    color: #0B477D;
    padding-left: 5px;
    width: 110px;
}

#agree {
    margin-top:5px;
    background-color: #00491B;
    border: 1px dotted #00782b;
    font-size : 11px;
    color: #0B477D;
    padding-left: 5px;
}


/* common classes */

.p_link_item {
    text-align:center;
  }


.catsub {
    font-size : 14px;
    font-weight : bold;
    text-transform : uppercase;
  }


.footertxt {
    font-size : 10px;
    text-align: center;
  }


.paging {
    /* border-right-color : #00491B;
    border-right-style : solid;
    border-right-width : 1px;
    */ clear : both;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 16px;
    line-height : 30px;
    padding-top : 10px;
    text-align : center;
    vertical-align : middle;
  }


.error {
    background-color : #ff0004;
    border-color : #fff111;
    border-style : dotted;
    color : #fff111;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 16px;
    height : auto;
    line-height : auto;
    padding-bottom : 10px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 10px;
    vertical-align : middle;
    width : 590px;
  }


.morelink {
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    padding-right:10px;
  }


.horizontal {
    clear: both;
    height:3px;
    background-color:#00782b;
  }


.vertical {
    float: left;
    background-color : #00491B;
    padding-bottom : 10px;
    padding-top : 10px;
    width : 2px;
    height: 100%;
    overflow: auto hidden;
  }


.suppq, .suppa, .p_list_link {
    margin-top:20px;
    font-size: 14px;
  }


hr, .pline {
    border-top-color : #00491B;
    border-top-style : dashed;
    border-top-width : 1px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-bottom-width : 0px;
    margin-bottom : 5px;
    margin-top : 5px;
    width : 80%;
  }


.terms {
    font-size : 12px;
  }

/*drop shadow text */

.jointxt {
   color: #0B477D;
   text-align: left;
   font-size: 14px;
}

#abouttxt {
    position : relative;
    margin : auto;
    padding : 12px;
    text-align: left;
    color: #0B477D;
  }

/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */



#abouttxt .atxt {
    position : absolute;
    font-size : 16px;
    color : #000;
    top : -1px;
    left : -1px;
  }

/* absolutely position the top text -Xpx from the shadow text, match the px size */



#abouttxt .atxt span {
    position : absolute;
    color : #FFF;
    top : 1px;
    left : 1px;
  }

/*
  this offset text is accessible yet hidden when styles are supported to help the
  replicated shadow text make more sense to non-CSS and screen reader users. For
  ethical SEO reasons, whatever the hidden statment is should be available on
  the same page somewhere else. Try to make it read well as this is important.
*/



#abouttxt .atxt span.offset {
    position : absolute;
    visibility: hidden;
  }

/*
  this goes in an If IE conditional comment. IE, including IE7, screws up padding and
  affects the text width and position so this will probably be needed.
*/



#cds {
    width : 30em;
  }

/* End dropshadow */

/* another drop shadow */


.shadow {
    position:relative;
    display:block;
    color:#000;
  }


.shadow span {
    position:absolute;
    display:block;
    top:0px;
  }


.shadow:before {
    display:block;
    padding:1px;
    color:#FFF;
  }

.pinmgmt {
    border: solid 1px #00782b;
    width: 300px;
    height:120px;
    text-align: left;
    margin-left: 100px;
    padding:20px;
}