/* CSS Cascading style sheet for the Eclipse DVD Disco Website */
* {
	margin:0pt;
	padding:0pt;
}
body {
    background-image: url(../images/offwhitestripes.gif);
    background-repeat: repeat;
    font-family: verdana, helvetica, sans;
    font-size: 8pt;
}
#MainContainer {
	margin: 0 auto;
    width: 910px;
}
#Header {
    float: left;
    background-image: url(../images/TopBanner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 910px;
    height: 174px;
    text-align: left;
    font-weight: bold;
    color: #fff;
}
#FooterContainer {
    float: left;
    width: 900px;
    text-align: left;
    padding: 5px;
    background-color:#000;
    background-image: url(../images/900Middle.gif);
    background-repeat: repeat-y;
}
#Footer {
    float: left;
    width: 600px;
    text-align: left;
    background-color: #000;
    font-weight: bold;
    color: #fff;
    padding: 0;
}
#FooterMessage {
    float: right;
    width: 294px;
    text-align: right;
    background-color: #000;
    color: #ddd;
    padding: 3px;
}
#LeftContainer {
    float: left;
    width: 610px;
}
.LeftMiddle {
    float: left;
    width: 590px;
    padding: 10px;
    background-color: #eee;
    background-image: url(../images/600Middle.gif);
    background-repeat: repeat-y;
}
#RightContainer {
    float: left;
    width: 290px;
    margin-left: 10px;

}
.RightMiddle {
    float: left;
    width: 270px;
    padding: 10px;
    background-color: #eee;
    background-image: url(../images/290Middle.gif);
    background-repeat: repeat-y;
}
.RightMiddleScroll {
    float: left;
    width: 270px;
    padding: 10px;
    background-color: #eee;
    background-image: url(../images/290Middle.gif);
    background-repeat: repeat-y;
    overflow: auto;
    height: 363px;
}
.RightBoxTop {
    float: left;
    background-image: url(../images/290Top.gif);
    background-repeat: no-repeat;
    height: 5px;
    width: 290px;
    margin-top: 10px;
    overflow: hidden;
}
.RightBoxBottom {
    float: left;
    background-image: url(../images/290Bottom.gif);
    background-repeat: no-repeat;
    height: 5px;
    width: 290px;
    overflow: hidden;
}
.BoxTop {
    float: left;
    background-image: url(../images/900Top.gif);
    background-repeat: no-repeat;
    height: 5px;
    width: 910px;
    margin-top: 10px;
    overflow: hidden;
}
.BoxBottom {
    float: left;
    background-image: url(../images/900Bottom.gif);
    background-repeat: no-repeat;
    height: 5px;
    width: 910px;
    overflow: hidden;
}
.SmallBoxTop {
    float: left;
    background-image: url(../images/600Top.gif);
    background-repeat: no-repeat;
    height: 5px;
    width: 610px;
    margin-top: 10px;
    overflow: hidden;
}
.SmallBoxBottom {
    float: left;
    background-image: url(../images/600Bottom.gif);
    background-repeat: no-repeat;
    height: 5px;
    width: 610px;
    overflow: hidden;
}
p {
    margin: 0px 0px 10px 0px;
}

.DropDownList {
    font-size: 7pt;
    width: 150px;
    
}
.InputField {
    font-size: 7pt;
    width: 150px;
}
h3 {
    font-size: 11pt;
    font-variant: small-caps;
    letter-spacing: 2px;
    border-bottom: 1px solid #000;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}


/* Menu Related Stuff */
#menu {
	margin: 130px 10px 0 0;
	padding-bottom: 18px;
	padding-left: 10px;
}
#footermenu {
	margin: 0px 0px 0 0;
	padding-bottom: 18px;
	padding-left: 5px;
}

#menu ul, #menu li,
#footermenu ul, #footermenu li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}


#menu a:link, #menu a:visited,
#footermenu a:link, #footermenu a:visited	{
	background : transparent;
	color : #666;
	float : left;
	font-size : 8pt;
	font-weight : bold;
	font-variant: small-caps;
	line-height : 30px;
    width: 110px;
    margin-right: 8px;
/*	padding: 1px 10px 3px 10px; */
	text-decoration : none;
	text-align: center;
}

#menu a:link.active, #menu a:visited.active,
#footermenu a:link.active, #footermenu a:visited.active	{
	color : #000;
}

#menu a:hover,
#footermenu a:hover {
    background-image: url(../images/GalaxyHover.gif);
    background-repeat: no-repeat;
	color : #992D30;
}


body.home #menu li#home-nav a,
body.gallery #menu li#gallery-nav a,
body.playlist #menu li#playlist-nav a,
body.prices #menu li#prices-nav a,
body.info #menu li#info-nav a,
body.feedback #menu li#feedback-nav a,
body.home #footermenu li#footer-home-nav a,
body.gallery #footermenu li#footer-gallery-nav a,
body.playlist #footermenu li#footer-playlist-nav a,
body.prices #footermenu li#footer-prices-nav a,
body.info #footermenu li#footer-info-nav a,
body.feedback #footermenu li#footer-feedback-nav a {
    background-image: url(../images/Galaxy.gif);
    background-repeat: no-repeat;
	color : #000;
}

#menu ul a:hover,
#footermenu ul a:hover {
	color : #f00 !important;
}
.feedbackItem {
    margin-left: 20px;
	margin-bottom: 10px;
    background-color: #6dbce9;
    font-style: italic;
}

ol {
    font-size: 7pt;
}
.SupplierLink {
    float: left;
    display: inline;
    width: 50%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    border-bottom: 1px solid #000;
    margin-bottom: 2px;
}