/* START OF GENERAL RULES */
.to-be-complete {background: pink;}
p {margin: 13px 0;}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
background: #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; 
margin: 0;
}

h1 {
font-size: 21px;
font-weight: normal;
margin: 0;
padding: 0 0 10px 5px;
width: 350px;
}

h2 {
margin: 0;
padding-left: 2px;
color: #000000;
font-size: 18px;
font-weight: normal;
}

h3 {
margin: 0;
color: #000000;
font-size: 13px;
font-weight: bold;
}

a{color: #000000;}
a:hover{color: #ff5404;}

input[type="text"], select, textarea {
border: solid 1px #999999;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
margin: 0;
}

input.search-button {
height: 20px;
}

button {
border: solid 1px #999999;
font-family: Verdana, Arial, sans-serif;
background: #dfdfdf;
cursor: pointer;
padding: 2px;
}

input[type="text"]:focus, select:focus, textarea:focus {
border: solid 1px #999999;
background: #dfdfdf;
}

/* END OF GENERAL RULES */

.button {
height: 23px;
cursor: pointer;
border: solid 1px #666666;
background: #dfdfdf;
color: #000000;
}

.button:active {
color: #ffffff;
background: #666666;
border: solid 1px #999999;
}

.arrow-button, .arrow-button:focus {
background: url(../images/arrow_button_off.gif) no-repeat;
border: none;
height: 22px;
width: 22px;
cursor: pointer;
}

.arrow-button:active {background: url(../images/arrow_button_on.gif) no-repeat;}

.help-button, .help-button:focus {
background: url(../images/help_button_off.gif) no-repeat;
border: none;
height: 22px;
width: 22px;
cursor: pointer;
}

.help-button:active {background: url(../images/help_button_on.gif) no-repeat;}

.info-box {
border: solid 1px #999999;
padding: 10px;
background: #f2f1ee;
}

#info-message-container {margin-top: 20px; width: 350px;}
#info-message-container p {margin: 10px 0;}

.info-message {
background: url(../images/icon_info_message.gif) no-repeat;
padding-left: 21px;
font-size: 13px;
}

#maincontainer{
margin: 0 auto;
padding-top: 20px;
width: 920px;
position: relative;
}

/* START OF HEADER RULES */

#header {
height: 80px;
background: #000000;
color: #ffffff;
position: relative;
}

#header a {
color: #ffffff;
text-decoration: none;
}
#header a:hover {color: #ff5404;}
#header img {border: none;}

#header span {
position: absolute;
bottom: 5px;
margin-left: 5px;
font-size: 15px;
font-weight: bold;
}

#logged-in-as {
position: absolute;
top: 3px;
right: 5px;
}

#logout {
position: absolute;
top: 10px;
right: 5px;
}
#logout a {text-decoration: underline;}

#header ul {
padding: 0;
margin:0;
position:absolute;
bottom: 6px;
right: 5px;
}
#header li{
display: inline;
border-left: solid 1px #ff5404;
padding: 0 3px 0 6px;
}

#header .norightpad {padding-right:0;}

/* END OF HEADER RULES */

/* START OF SUB & SECTION HEADING RULES */

#sub-global-nav {
height: 25px;
border-left: solid 1px #999999;
position: relative;
}
#sub-global-nav ul {
margin: 0;
padding: 0;
}
#sub-global-nav li {
margin: 0;
display: inline;
}

#sub-global-nav li a {text-decoration: none;}
#sub-global-nav a:hover {color: #ff5404;}

ul#nav-path {
font-size: 10px;
color: #999999;
margin: 5px 0 0 5px;
float: left;
}

#nav-path a {color: #999999;}

ul#main-sections {
position: absolute;
top: 5px;
right: 0;
font-size: 17px;
color: #000000;
padding: 0;
}

ul#main-sections li{
float: left;
border-left: solid 1px #ff5404;
padding-left: 7px;
margin-right: 7px;
}

#main-sections .norightpad {margin-right:5px;}
#main-sections a{color: #000000;}

#contact_tel {
font-weight: bold;
text-align: right;
position: absolute;
top: 0;
right: 0;}

#page-heading {position: relative;}

/* END OF SUB & SECTION HEADING RULES */

#content {
border-left: solid 1px #999999;
border-bottom: solid 1px #999999;
height: 450px;
position: relative;
overflow: hidden;
width: 100%; /* Required for Safari */
}
/* main-content required in html for scrolling */
#cms-region, #main-content, #ns-main-content{height: 415px;}

#cms-frontpage{
position: relative;
height: 355px;
float: left;
}

#content-left, #ns-content-left, #content-center, #ns-content-center, #content-right, #ns-content-right {
width: 299px;
height: 415px;
float: left;
position: relative;
}

#content-left, #ns-content-left {margin-left: 5px;}
#ns-content-left a {color: #000000;}
#ns-content-left a:hover {color: #ff5404;}

#content-center {margin-left: 7px;}
#content-right, #ns-content-right {float: right;}
#ns-content-right .info-box{
width: 270px;
float: right;
}

#column-border, #ns-column-border {
height: 405px;
border-right: solid 1px #999999;
padding-right: 5px;
}

#double-column, #ns-double-column {
margin-left: 7px;
width:608px;
height: 100%;
float: left;
position: relative;
}

#javascript-enabled {display: none;}

#ns-double-column p {margin: 12px 0;}
#ns-double-column dl {position: absolute;}

#ns-double-column dl.top {top: 105px}
#ns-double-column dl.bottom {top: 290px}

#ns-double-column dt, #ns-double-column dd {margin: 0;}
#ns-double-column dt {
position: absolute;
top: 0;
left: 70px;
font-weight: bold;
}

#ns-double-column dd.image{
position: absolute;
top: 0;
left: 0;
}

#ns-double-column dd.text{
position: relative;
top: 20px;
left: 70px;
width: 229px;
}

#ns-double-column dd .top-para {margin-top: 0;}

#ns-backlink {
position: absolute;
bottom:10px;
right: 7px;
}

.section-heading {
background: url(../images/section_head_slice.gif) repeat-x;
height: 25px;
}
.section-heading-dark {
background: url(../images/section_head__dark_slice.gif) repeat-x;
color: #efefef;
height: 25px;
}
.section-footer {
background: url(../images/section_foot_slice.gif) repeat-x;
height: 25px;
}

/* START OF FOOTER RULES */

#footer {
color: #666666;
margin-top: 5px;
}

#footer ul {
padding: 0;
margin: 0;
}

#footer li {
display: inline;
padding-left: 7px;
padding-right: 5px;
}

#footer  a{
text-decoration: none;
color: #666666;
}

#footer a:hover {color: #ff5404;}

#footer-left, #footer-center, #footer-right {
width: 300px;
float: left;
}

#footer-left {
font-size: 9px;
padding-top: 5px;
}

#footer-center {
padding-top: 5px;
margin-left: 10px;
text-align: center;
}

#footer-right {
margin-left: 10px;
text-align: right;
}

#footer-right li {float: right;}

#footer-right dl {
margin: 0;
padding: 0;
position:relative;
}

#footer-right dt {
margin: 5px;
padding: 0;
float: left;
}

#footer-right dd {
margin: 0;
padding: 0;
float: left;
}

#footer-right img {border: none;}
#footer-right  a{text-decoration: underline;}

/* END OF FOOTER RULES */

/* START OF POWERED-BY RULES */

#powered-by {
position: absolute;
bottom: 0;
text-align: left;
}

#powered-by img {border: none;}

/* END OF POWERED-BY RULES */

/* START OF SIMILAR ARTIST RULES */

.hairline-right-sa {
border-right: solid 1px #999999;
padding-right: 5px;
height: 320px;
overflow: hidden;
}
#similar-artists  {
position: relative;
display: inline;
float: right;
font-size: 10px;
text-align: right;
}

#similar-artists dl {
position: relative;
padding: 0;
margin: 0;
text-align: right;
}
#similar-artists dt, #similar-artists dd {
margin: 0;
padding: 0;
}

#similar-artists dt {
margin-bottom: 3px;
font-size: 10px;
}

#similar-artists dd {
display: inline;
}

#similar-artists .norightmargin {margin-right:0;}

#similar-artists img {
width: 60px;
height: 60px;
border: solid 1px #999999;
}

#similar-artists .previous {float: none;}
#similar-artists .next {float: none; margin-left: 139px;}

#similar-artists-navigation a{
font-size: 10px;
color: #000000;
}

#similar-artists-navigation a:hover{color: #ff5404;}

/* END OF SIMILAR ARTIST RULES */

/* START OF POP-UP RULES */

#popup{
margin: 10px;
width: 564px;
position: relative;
}

#popup h1 {
margin-top: 12px;

}

#popup-content {padding-bottom: 10px;}
#popup-content p{margin-left: 5px;}

#close {
position: absolute;
bottom: 6px;
right: 5px;
}

#close a {text-decoration: underline;}

/* END OF POP-UP RULES */

#flash img {border: 0;}

#this-way {
position: absolute;
left: 0;
bottom: 10px;
}

#this-way img {border: none;}

ul.left-column-links{
margin: 0;
padding: 0;
}
.left-column-links li{
list-style-type: square;
color: #999999;
padding: 5px 0;
margin-left: 15px;
}
.left-column-links a{color: #000000;}
.left-column-links a:hover{color: #ff5404;}

.security-seal {
position: absolute;
left: 0;
bottom: 10px;
}

.required-label{
position: absolute;
bottom: 10px;
left: 0;
}

.print-button{
position: absolute;
top: 1px;
right: 5px;
width: 58px;
}
.print-button a {
position: relative;
text-decoration: none;
}

.print-button img{
float:left;
border: 0;
margin-right: 3px;
}

.print-button  span {
display: block;
margin: 3px 0 0 3px;
text-decoration: underline;
cursor: pointer;
}

span#no-orders {
display: block;
width: 100%;
text-align: center;
font-size: 13px;
font-weight: bold;
padding: 15px 0;
}

#user-message {
height: 17px;
font-size: 13px;
font-weight: bold;
color: #ff5404;
padding: 2px;
overflow: hidden;
}

a.external-link {
background: url(../images/icon_external_link_off.gif) top right no-repeat;
padding-right: 14px;
}

a.external-link:hover {
background: url(../images/icon_external_link_on.gif) top right no-repeat;
padding-right: 14px;
}

.top-para {margin-top: 0;}
.float-left, .previous {float: left;}
.float-right, .next{float: right;}
.clear-both{clear: both;}
.bold {font-weight: bold;}
.right-align {text-align: right;}
.frame  {border: solid 1px #999999;}
.noframe  {border: none;}
.scrollable {overflow: auto;}
.nopad{padding: 0;}
.set-width {width: 120px;}
.print-only{display:none;}