/*********************************/
/*              NAV              */
/*********************************/
#nav-default li, #links li, #libraries li {
    display:            inline;
}

#nav-default li a, #links li a,  #libraries li a {
    display:            block;
    float:              left;

}

#nav-default li a{
    background-image:   url(../img/bg-nav.png);
    height:             57px;
    width:              106px;
}
 


#nav-default li#ni-home a { background-position:        0       0; }
#nav-default li#ni-libraries a { background-position:   -106px  0; }
#nav-default li#ni-new a { background-position:         -212px  0; }
#nav-default li#ni-online a { background-position:      -318px  0; }
#nav-default li#ni-hd a { background-position:          -424px  0; }
#nav-default li#ni-about a { background-position:       -530px  0; }
#nav-default li#ni-order a { background-position:       -636px  0; }
#nav-default li#ni-fx a { background-position:          -742px  0; }
#nav-default li#ni-contact a { background-position:     -848px  0; width: 102px; }

/* HOVER & SELECTED */
#nav-default li#ni-home a:hover, 
#nav-default li#ni-home.selected a{ 
    background-position:        0       -60px; 
}
#nav-default li#ni-libraries a:hover,
#nav-default li#ni-libraries.selected a { 
background-position:            -106px  -60px; 
}
#nav-default li#ni-new a:hover,
#nav-default li#ni-new.selected a { 
background-position:            -212px  -60px; 
}
#nav-default li#ni-online a:hover, 
#nav-default li#ni-online.selected a{ 
background-position:            -318px  -60px; 
}
#nav-default li#ni-hd a:hover, 
#nav-default li#ni-hd.selected a { 
background-position:            -424px  -60px; 
}
#nav-default li#ni-about a:hover,
#nav-default li#ni-about.selected a { 
background-position:            -530px  -60px; 
}
#nav-default li#ni-order a:hover,
#nav-default li#ni-order.selected a { 
background-position:            -636px  -60px; 
}
#nav-default li#ni-fx a:hover,
#nav-default li#ni-fx.selected a { 
background-position:            -742px  -60px; 
}
#nav-default li#ni-contact a:hover,
#nav-default li#ni-contact.selected a { 
background-position:            -848px  -60px;
} 


/***************************************/
/**********   site wide       **********/
/***************************************/
a {
    outline:            none;
    text-decoration:    none;
    color:              #fff;
}
a:hover {
	text-decoration:	underline;
}
body {
    background-color:   #000;
    color:              #fff;
    font-family:        Arial, Verdana;
    font-size:          0.7em;
    text-align:			center;
}

#wrapper {
	width:				950px;
	margin:				0 auto;

}

#container h4 {
    color:              #4DDBFF;
    font-weight:        bold;
    margin:             10px 0 0 0;
}

h5 {
    background-image:   url(../img/bg-gradient-bar.jpg);
    height:             20px;
    margin:             3px 0 !important; 
}

#container {
    margin:             6px auto;
    text-align:			left;
    width:              950px;
    
}

#footer {
    margin:             20px 0 0 0;
}
#footer p {
    color:              #A4A4A4;
    float:              left;
} 
#footer p a {
	color:				#a4a4a4;
}	
#footer img {
    float:              right;
}



/* LAYOUT */
.column {
    float:              left;
}
.column .right{
    float:              right;
}
.pod {
    border-top:         1px dotted #606062;
    margin:             12px 0 0 0;
    padding:            10px 0 0 0;
}


/* COLOURING */
.highlight-1 {
    color:              #4DDBFF;
}
.border-left {
    border-left:        1px dotted #606062;
}


/******* HOME *************/

h2 img, #cd-details h2 img {
    margin-top:         10px;
}
#news ul, #featured {
    width:              315px; 
}
#news ul {
    margin-left:        40px;
}
#news ul h4 {
    margin-top:         0;
}
#news div p {
    margin-bottom:      15px;
}
#news ul .right {
    width:              200px;
}
#news h5 {
    width:              625px;
}

#featured {
    margin-left:        10px;
}
#featured h4 {
    margin-bottom:      10px;
}
/*#featured .right input*/ #featured .right img {
    background-image:   url(../img/home/btn-arrow.gif);
    border:             0 none;
    margin:             33px 26px;
    height:             94px;
    width:              94px;
}

#links fieldset {
    background-image:   url(../img/home/pod-submit.gif);
    float:              left;
    height:             141px;
    width:              309px;
}
#links li a {
    margin-left:        3px;
    //margin-left:        0px;
} 

/* ABOUT */
#about, #production-fx {
    color:              #fff;
}
#about h4, #about p a {
    color:              #AF1656;	
}
#about h4 {
    font-weight:        bold;
}
#about h4 {
    font-size:          10pt;
}
#about p {
    margin-top:         15px;
    width:              750px;
}
#nav-about li a{
    display:            block;
    background-image:   url(../img/other/gradientbar_slightlydarker.gif);
    background-repeat:  repeat-x;
    font-size:          7pt;
    height:             20px;
    line-height:        20px;
    padding-left:       20px;
    padding-right:      20px;
    vertical-align:     middle;
    width:              335px;
}
#nav-about li a span {
    font-size:          6pt;
}
#nav-about li.selected  a, #nav-about a:hover {
    background-image:   url(../img/other/gradientbarmaroon.gif);
}

/* Production FX */
#production-fx .column {
    margin-top:         20px;
}
#production-fx .column img{
    margin-left:        65px;
}
#production-fx .column span img {
    margin-left:        0;
}

/* Work Parts */
#work-parts a {
    color:              #4DDBFF;
}
#work-parts #main {
    margin:             10px 0 0 20px;
    width:              780px;
}
#work-parts .column img {
    margin-top:         20px;
    margin-bottom:      20px;
}
#work-parts #main div {
    width:              350px;
}

/* New Releases */
#new-releases {
    color:              #fff;
}
#new-releases h5 {
    /*display:            inline-block;*/
    margin:             0 0 0 3px !important;
    float:              left;
}
#new-releases h5 b {
    margin-left:        8px;
}
#new-releases .pod .pod .column p {
    margin:             10px 13px;
    width:              595px;
}
#new-releases .pod .pod .column img {
    margin:             26px 8px;
}
#new-releases a {
    color:              #4DDBFF;
    text-decoration:    underline;
} 

#new-releases #intro {
	width:				606px;
}

/* Contact */
#contact p {
    width:              600px;
}   
#contact p em {
    color:              #4DDBFF;
    font-weight:        bold;
}
#contact table td{
   border:              2px solid #000;
}
#contact td.col-left {
    background-color:   #292929;
    color:              #fff;
    font-weight:        bold;
    text-align:         right;
    padding:            2px;
    width:              153px;
}
#contact input {
    margin:             3px;
}
#contact input.text, #contact textarea   {
    margin:             0;
    padding:            0;
    width:              289px; 
    
}
#contact input.text {
    height:             24px;
   
}
#contact textarea  {
    height:             100px;
}
#contact input.submit {
    background-image:   url(../img/btn-send-request.gif);
    border:             0;
    float:              right;
    margin-right:       0;
    height:             20px;
    width:              152px;

}
#contact p, #contact table {
    margin:             10px 0;
}

#contact .column div {
    margin:             22px 20px;
}   
#contact span img {
    margin-top:         22px;
}   


/* Libraries */
#libraries ul {
    margin-top:         15px;
}
#libraries a {
	color:				#F6940F;
}
#libraries li a {
    background-image:   url(../img/bg-brand-grey.jpg);
    color:				#fff;
    height:             27px;
    font-weight:        bold;
    margin:             1px 1px;
    text-align:         center;
    line-height:        27px;
    vertical-align:     middle;
    width:              156px;
}
#libraries li a:hover {
    background-image:   url(../img/bg-brand-orange.jpg);
}
#libraries li a span {
    font-size:          0.75em;
}
#libraries li.selected a {
    background-image:   url(../img/bg-brand-orange.jpg);
}
#libraries .column {
    background-image:   url(../img/libraries/gradBg.gif);
    background-repeat:	repeat-x;
    height:             137px;
    margin-top:         5px;
}
#libraries div.col-tall .column {
	height:				180px;
}
#libraries div.col-extra-tall .column {
	height:				250px;
}
#libraries .column p {
    margin:             10px 0 ;
    width:              517px;    
} 
#libraries .column img {
    padding:            23px 23px ;
}

#libraries .column div a {
    background-image:   url(../img/browseTab_up-mid.jpg);
    color:				#fff;
    display:            block;
    font-weight:        bold;
    /*margin:             50px 23px;*/
    margin:				2px 33px;
    text-align:         center;
    line-height:        24px;
    vertical-align:     middle;
    height:             24px;
    /*width:              270px;*/
    
    width:				210px;
}   
#libraries .column div a:hover {
    background-image:   url(../img/browseTab_down-mid.jpg);
}

#libraries .column div a.one-button {
	margin-top:			50px;
}
#libraries .column div a.two-button {
	margin-top:			38px;
}
#libraries .column div a.three-button {
	margin-top:			26px;
}
#libraries .column div a.four-button {
	margin-top:			14px;
}
#libraries .column div a.five-button {
	margin-top:			2px;
}
#libraries .column div a.six-button {
	margin-top:			1px;
}
#libraries div.col-tall .column div a.five-button, #libraries div.col-extra-tall .column div a.five-button {
	margin-top:			20px;
}
#libraries div.col-tall .column div a.six-button, #libraries div.col-tall .column div a.six-button {
	margin-top:			20px;
}



/*libraries-search */
#libraries-search .column, #cart .column {
    background-image:   url(../img/bg_row1.gif); 
}
#libraries-search .row-alternative .column {
    background-image:   url(../img/bg_row2.gif);
}
#libraries-search .column, #libraries-search .column p, #cart .column, #cart .column p {
    height:             32px;
    line-height:        32px;
    vertical-align:     middle;
}
#libraries-search .left, #bar-search .left, #cart .left, #cart .left {
    width:              165px;
}
#libraries-search .middle, #cart .middle{
    width:              641px;
}
#libraries-search .right, #cart .right {
    width:              68px;
}
#libraries-search .column p, #cart .column p {
    margin-left:        10px;
}
#libraries-search b a, #cart b a {
    color:              #4DDBFF;
}


#bar-search a {
    color:              #fff;
}
#bar-search .column {
    background-image:   none; 
}
#bar-search .middle {
    /*width:              448px;*/
    /* width: 248px; */
    width: 200px;
}   
#bar-search .right {
    width:              569px;
}  

#bar-search .right select {
    width:              80px;
}
#bar-search .right a {
    color:              #4DDBFF;
}
#paging, #sorting {
	float: left;
	text-align: right;	
}
#paging {
	width: 370px;
	margin-right: 10px;

}
#sorting {
	width: 169px;
}




/* CD-DETAILS */
#cd-details p {
    margin:             10px 10px;
    vertical-align:     top;

}
#cd-details .right p {
    width:				490px;
}
#cd-details img {
    margin-bottom:      -10px;
    margin-top:         4px;
}
.button-gradient {
    background-image:   url(../img/other/gradientbar_slightlydarker.gif);
    background-repeat:  repeat-x;
    display:            inline-block; 
    height:             20px;
    margin-left:        -10px;     
    padding:            0 10px;   
}



/* Hard drives */
#hard-drives li {
	list-style-type:	disc;
	margin-left:		20px;
}
#hard-drives p em {
	/*color:				#4DDBFF;	*/
	color:              #FE620B;
	font-weight:		bold;
		
}
#hard-drives .left {
    width:              625px;
}
#hard-drives .left .right {
    float:              left;
    margin-left:        15px;
    width:              500px;
}
#hard-drives h2 img, #hard-drives .right img {
    margin-top:         30px;
}
#hard-drives .left .pod, #hard-drives .right .pod {
    height:            450px;
}
#hard-drives .right {
    width:              311px;
    margin-left:        11px;
}
#hard-drives .right h5 {
    margin-bottom:      63px;
}

/* Online Music */
#online-music a {
	color:				#4DDBFF;
}

#online-music .pod .column {
    width:              33%;
}
#online-music .pod .column .column {
    width:              auto;
}
#online-music .pod .column a {
	display:			block;
    margin-left:		10px;
    margin-top:			15px;
}
#online-music .pod .column .column img {
    margin:				10px;
}
#online-music .pod div .column {
    height:				124px;
}

#online-music #instructions {
	background-image:	url(../img/libraries/gradBg.gif);
	height:				100px;
	margin-top:			40px;
}
#online-music #instructions p {
	padding:			15px;
	padding-bottom:		0;
	width:				680px;
}


#article .left {
	width:				290px;
}
#article .right {
	width:				625px;
}



#distributors .column {
    background-image:   url(../img/libraries/gradBg.gif);
	height:				200px;
	width:				316px;	
}
#distributors p, #distributors h3 {
	margin:				15px;
}
#distributors h3 {
	font-size:			13pt;
	font-weight:		bold;
}	
#distributors a {
	color:				#4DDBFF;
}

#terms li {
	color:				#4DDBFF;
	font-weight:		bold;
	list-style-type:	decimal;
	margin:				10px 10px 10px 40px;	
}
#terms li span {
	color:				#fff;
	font-weight:		normal;	
}
#terms li ul li {
	list-style-type:	lower-alpha;
}


#cart .right img {
	margin:				0;
} 



.fader-feature {
	display: none;
}
.fader-feature.visible {
	display: block;
}


#cart-ack {
	visibility:		hidden;
	float:			right;
	margin-top:		-30px;
	margin-right:	120px;
}

.btnCart {
	background-image: url(../img/browseTab_up.jpg);
	border: 0;
	color:		#fff;
	cursor:	pointer;
	font-weight: bold;
	font-size: 9pt;
	float: right;
	height:		24px;	
	margin-right: 15px;
	margin-top: 15px;	
	vertical-align: top;
	width: 120px;
}

#a01 {
	display: block;
	float: right;
	color: #A4A4A4;
}