/***** css for all pages****/

body 
{
margin-top:10px;
font: 12px Arial, sans-serif;	
background-color:white; 
color: black;
}


/***** Main Content****/

#background
{background-color:#e6e6e8;}

#maincontainer
{
margin-left: auto; 
margin-right: auto; 
border-left: 20px solid #ffffff; 
border-right: 20px solid #ffffff; 
width: 892px; 
text-align:center;
}

#maincontainer_short
{
margin-left: auto; 
margin-right: auto; 
margin-top:60px;
border-left: 20px solid #ffffff; 
border-right: 20px solid #ffffff; 
width: 892px; 
text-align:center;
}

#maincontainer_shortrepairs
{
margin-left: auto; 
margin-right: auto; 
margin-top:30px;
border-left: 20px solid #ffffff; 
border-right: 20px solid #ffffff; 
width: 892px; 
text-align:center;
}

.maincontent
{
background: black;
border: 1px solid #eeeeee;
}

.leftcontent
{
float: left; 
width:384px; 
background-color: black;	
}

.rightcontent
{
float:right;
background-color:#383839; 
width:506px; 
text-align: left;
}

.searchbox
{
float: left; 
width: 310px;
height: 28px;
/*background: black;*/
background:#424243;
border-bottom:1px solid gray;
}

.searchinput
{
float: left; 
width:70%; 
padding-left: 15px; 
padding-top: 4px;
}

.searchbutton
{
float: right; 
padding-right: 12px;
color: white;
}

.content_title
{
background-color:#383839;
width:97%;
color: #ffffff;
font: 24px Arial, sans-serif;	
padding: 5px;
}

.content_text
{
background: #ffffff;
font: 11px Verdana, Arial, sans-serif;	
color: black;
padding: 5px;
overflow: auto;
}

.content_sublinks
{
background: #ffffff;
border-bottom: 1px solid #eeeeee;
padding: 3px;
}

/*for all pages with sublinks, denotes nav. highlight*/
.sublink_hl
{
font: bold italic 12px'Trebuchet MS', Arial, sans-serif;
color: black;
padding-left: 2px;
padding-right: 2px;
}

/*for all pages with forms, denotes fields that must be filled in*/
.form_required
{
color: red;
padding-left: 1px;
padding-right: 1px;
}

.subtitle/*was replaced for H2 tags as IE7 made them twice as large*/
{
font: bold 19px'Trebuchet MS', Arial, sans-serif;
color: black;
}


/***** Main Navigation****/

a:active 
{
color: #914505;
font: 11px 'Trebuchet MS', Arial, sans-serif;	
text-decoration: none;
}

a:hover
{
color: #914505;
font: 11px 'Trebuchet MS', Arial, sans-serif;	
text-decoration: none;
}

a:link
{
color: #914505;
font: 11px 'Trebuchet MS', Arial, sans-serif;	
text-decoration: none;
}

a:visited
{
color: #914505;
font: 11px 'Trebuchet MS', Arial, sans-serif;	
text-decoration: none;
}


/*first level navbar*/

div#navbar 
{
float: right;
background: #424243;
width: 582px;
height: 28px;
text-align: right;
border-bottom:1px solid gray;
}

div#navbar a:link /* current color of links */
{
color: #8b8b8c;
padding: 5px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar a:visited 
{
color: #8b8b8c;
padding: 5px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar a:hover 
{
color: #ffffff;
padding: 5px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar a:active /* current color of links */
{
color: #8b8b8c;
padding: 5px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

.navlinks
{padding-top: 7px; margin-right: 30px;}

.linkslash
{color: #8b8b8c;}

.linkhighlight
{color:#ffffff;}


/*secondary level navbar, products list*/

div#navbar2 
{
float: left;
width: 100%;
height: 35px;
background: black; 
padding-top:15px; 
border-bottom: 1px solid white;
}
	
div#navbar2 a:link /* current color of links */
{
color: #8b8b8c;
padding: 4px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar2 a:visited 
{
color: #8b8b8c;
padding: 4px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar2 a:hover 
{
padding: 4px;
color: #ffffff;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar2 a:active /* current color of links */
{
color: #8b8b8c;
padding: 4px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}


/*third level navbar, above footer*/

div#navbar3 
{
float: left;
width: 690px;
height: 25px;
background: black;
border-bottom:none;
text-align: left;
}

div#navbar3 a:link /* current color of links */
{
color: #8b8b8c;
padding: 8px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar3 a:visited 
{
color: #8b8b8c;
padding: 8px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar3 a:hover 
{
padding: 8px;
color: #ffffff;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#navbar3 a:active /* current color of links */
{
color: #8b8b8c;
padding: 8px;
font: bold 12px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

.nav3links
{padding-top: 3px;}

.signin
{float: right; width: 200px; padding: 0px;}





/* header  and yui is the middle section, large picture that slides in right to left - do we need still? NB */
 .yui-overlay { position:absolute;background:#fff;border: 1px solid #BA5915;padding:5px;margin:10px;}


/*bottom 3 images*/

#sddm 
{
margin: 0px;
padding: 0px;
z-index: 30;
width:892px; 
background-color: #1b1b1b;
}

#sddm li
{
margin: 0px;
padding-bottom: 15px;
list-style: none;
float: left;
background-color: #1b1b1b;
/* width:892px; */
}

#sddm li a
{
display: block;
margin: 0px;
padding: 0px;
width: 296px;
height:96px;
color: #bd5810;
/* text-align: left; */
text-decoration: none
}

#sddm li a:hover{}

#sddm div
{
position: absolute;
visibility: hidden;
margin: 0px;
padding: 0px;
}

#sddm div a
{
position: relative;
display: block;
margin: 0px;
padding: 0px;
width: auto;
white-space: nowrap;
/* text-align: left; */
text-decoration: none;
}

#sddm div a:hover
{color: #000000;}

.promo_text
{
background-color: #ffffff;
width:297px;
margin: 0px;
padding-left: 10px;
font-size: 11px;
font-family: verdana;
color: #1b1b1b;
height:96px;
}

.promo_title
{
font-size: 11px;
font-family:verdana;
color:#ffffff;
text-align:right;
padding:0px;
margin:0px;
}



/***** Products styles page****/

.productcontent
{
background: #ffffff;
border-left: 1px solid #8b8b8c;
border-right: 1px solid #8b8b8c;
}

.product_title
{
background-color:#383839; 
color: #ffffff;
width:99%; 
text-align:left;
font: 24px Arial, sans-serif;	
padding: 5px;
}

.toggle
{
padding: 2px;
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 
}


/***** Films styles page****/
.leftcontent_films
{
float: left; 
width:565px; 
height: 320px;
background-color: white;	
}

.rightcontent_films
{
float:right;
background-color:#383839; 
width:324px; 
text-align: left;
}

/***** Email Signup styles page****/
.signup_buttons
{padding-right: 20px; padding-top: 10px;}


/***** Sitemap styles page****/

.content_sitemap
{
background-color: #ffffff;
color: black;
padding: 10px;
padding-left: 20px;
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 
text-align: left;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
}



/***** Footer styles ****/
#footer 
{  
background-color: #383839;
border-top: 1px solid white; 
} 

#footer_bottom_nav
{	
height: 20px;	
background-color: #ba5915;
color: #ffffff;
}

div#footer_bottom_nav a:link /* current color of links */
{
color: #ffffff;
padding: 1px;
font: bold 10px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#footer_bottom_nav a:visited 
{
color: #ffffff;
padding: 1px;
font: bold 10px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#footer_bottom_nav a:hover 
{
padding: 1px;
color: black;
font: bold 10px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}

div#footer_bottom_nav a:active /* current color of links */
{
color: #ffffff;
padding: 1px;
font: bold 10px 'Trebuchet MS', Arial, sans-serif;
text-decoration: none;
}