/*
	Merkley Website - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca
*/


/* =General
---------------------------------------------------------------------------------------------------- */

body 
{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

body, div, td 
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

p
{
	margin: 5px 0 15px 0;
	line-height: 1.3em;
}

hr 
{
	background-color: #CCD6E0;
}


/* =Layout
---------------------------------------------------------------------------------------------------- */

#container
{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#wrapper
{
	text-align: left;
	width: 780px;
	margin: 0 auto 0 auto;
	padding: 0;
    background-color: #FFFFFF;
}

#content
{
    padding: 0 0 10px 15px;
    margin: 0;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul
{
	margin: 0 0 10px 24px;
	padding: 0;
	list-style: outside square;
}

ul li
{
	margin: 0;
	padding: 0 0 6px 0;
}


/* =Links
---------------------------------------------------------------------------------------------------- */
a
{
	color: #013366;
	text-decoration: underline;
}

a:visited
{
	color: #013366;
}

a:hover
{
	color: #FF6500;
}

/* =Top Navigation
---------------------------------------------------------------------------------------------------- */

#topNavContent
{
	padding-top: 18px;
}

.topNav
{
	background-color: #CCCCCC;
	height: 20px;
}

#home-contact, #contact
{
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
}

#home-showroom, #showroom
{
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
}

#home-expert, #expert
{
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
}

#home-order, #order
{
	text-align: center;
	text-transform: uppercase;
	padding-left: 4px;
	font-size: 9px;
}
	
#home-contact a, #home-showroom a, #home-expert a, #home-order a, #contact a, #showroom a, #expert a, #order a
{
	text-decoration: none;
	color: #000000;
}

#home-contact a:visited, #home-showroom a:visited, #home-expert a:visited, #home-order a:visited, #contact a:visited, #showroom a:visited, #expert a:visited, #order a:visited
{
	text-decoration: none;
}

#home-contact a:hover, #home-showroom a:hover, #home-expert a:hover, #home-order a:hover, #contact a:hover, #showroom a:hover, #expert a:hover, #order a:hover
{
	text-decoration: underline;
}

/* =Main Navigation
---------------------------------------------------------------------------------------------------- */
#mainNav
{
	background: #FFFFFF url(../images/wrapper/bkg-main-nav.gif) top left no-repeat;
	width: 780px;
	height: 30px;
	padding: 0;
	margin: 0;
}

#mainNav-home, #mainNav-content
{
	color: #FFFFFF;
	text-transform: uppercase;
}

#mainNav-home ul, #mainNav-content ul
{
	margin: 0;
	padding-top: 4px;
} 

#mainNav-home ul li.first, #mainNav-content ul li.first
{
    padding-left: 8px;
}

#mainNav-home ul li, #mainNav-content ul li
{
	list-style: none;
	display: inline;
	font-size: 13px;
	font-weight: bold;
	padding-right: 24px;
}

#mainNav-home ul li.last, #mainNav-content ul li.last
{
    padding: 0;
}

#mainNav-home a, #mainNav-content a, #subNav a
{
	color: #FFFFFF;
	text-decoration: none;
}

#mainNav-home a:visited, #mainNav-content a:visited, #subNav a:visited
{
	color: #FFFFFF;
}

#mainNav-home a:hover, #mainNav-content a:hover, #subNav a:hover
{
	color: #F5821F;
}

/* =Sub Navigation
---------------------------------------------------------------------------------------------------- */
.subNav
{
	background-color: #CCD6E0;
	padding: 2px 0 3px 0;
	margin: 0;
}

#subNavMenu
{
	margin: 0;
	padding: 0;
	color: #013366;
	text-transform: uppercase;
	list-style: none;
} 

#subNavMarker
{
	margin: 1px 0 0 0;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	color: #013366;
	text-transform: uppercase;
	list-style: none;
} 

#subNavMenu li, #subNavMarker li
{
	display: inline;
	white-space: nowrap
}
	
#subNavMenu li a
{
	
	font-weight: bold;
    padding-right: 16px;
	color: #013366;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#subNavMenu li a:visited
{
	color: #013366;
}

#subNavMenu li a:hover
{
	text-decoration: underline;
}


/* =Left Navigation
---------------------------------------------------------------------------------------------------- */

#appointment, #materials, #msds, #showroom-tour, #project
{
	padding-top: 10px;
    margin: 0;
}

#appointment div, #materials div, #msds div, #showroom-tour div, #project div
{
	margin-left: 15px;
    padding: 0;
}

#appointment a, #materials a, #msds a, #showroom-tour a, #project a
{
    text-decoration: none;
    color: #000000;
}

#appointment a:hover, #materials a:hover, #msds a:hover, #showroom-tour a:hover, #project a:hover
{
    text-decoration: underline;
}

/* =Headers
---------------------------------------------------------------------------------------------------- */

h1 {
	color: #FF6500;
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
}

h2 {
	color: #013366;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 0;
}

h3 {
	color: #FF6500;
	font-size: 15px;
	margin: 8px 0 5px 0;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
.indent 
{
	text-indent: 3em;
}

form, form.search, form.mansearch
{
	padding: 8px;
	margin: 0;
	margin-bottom: 0;
}

input.search
{
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	width: 140px;
	margin-top: 0;
	margin-bottom: 0;
}

.btn
{
	border: 1px solid #FF6500;
	color: #FF6500;
	font-weight: bold;
	background: #FFFFFF;
}


select.search, select.mansearch
{
	margin-bottom: 0;
	margin-top: 0;
	width: 145px;
}

fieldset
{
  padding: 5px;
}

legend 
{
  padding: 2px 0 10px 0;
}

.validation 
{
	color: #FF6500;
	font-weight: bold;
}


/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer-home
{
	padding: 0;
	margin: 10px 0 0 193px;
}


#footer
{
	padding: 0;
	margin: 10px 0 0 193px;
	border-top: 1px solid #CCD6E0;
}

/* =Misc: Home - Tagline & Intro Text
---------------------------------------------------------------------------------------------------- */

#tagHome 
{
	margin: 0;
	padding: 10px 0 2px 16px;
}

#introHome 
{
	margin: 10px 10px 0 16px;
	padding: 0;
	
}
#introHome p.two
{
	margin-bottom: 0;
}

/* =Misc: Home Buttons
---------------------------------------------------------------------------------------------------- */
#button1
{
  background: #FFFFFF url(../images/wrapper/bkg-button1.jpg) top left no-repeat;
  padding-left: 44px;
  font-size: 10px;
  padding-right: 4px;
  height: 44px;
}

#button2
{
  background: #FFFFFF url(../images/wrapper/bkg-button2.jpg) top left no-repeat;
  padding-left: 44px;
  font-size: 10px;
  padding-right: 4px;
  height: 44px;
}

#button3
{
  background: #FFFFFF url(../images/wrapper/bkg-button3.jpg) top left no-repeat;
  padding-left: 44px;
  font-size: 10px;
  padding-right: 4px;
  height: 44px;
}

#button1 a, #button2 a, #button3 a
{
	text-decoration: none;
	color: #000000;
}

#button1 a:hover, #button2 a:hover, #button3 a:hover
{
	text-decoration: underline;
}

/* =Misc: Logos
---------------------------------------------------------------------------------------------------- */
#logoHome, #logoContent 
{
	padding: 24px 14px 5px 13px;
}

#logoContent 
{
	padding: 24px 14px 5px 13px;
}

/* =Related Information
---------------------------------------------------------------------------------------------------- */
#relatedInformation
{
	float: right;
	border-left: 1px solid #FF6500;
	padding-left: 10px;
	margin-left: 10px;
    width: 146px;
}

#relatedInformation2
{
	border-left: 1px solid #FF6500;
	padding-left: 10px;
	margin-left: 50px;
    width: 146px;
}

#relatedPhotoInformation
{
	float: right;
	border-left: 1px solid #FF6500;
	padding-left: 10px;
	margin-left: 10px;
    width: 201px;
}

/* =Breadcrumb Navigation
---------------------------------------------------------------------------------------------------- */
#breadcrumb
{
	font-size: 10px;
	padding-bottom: 6px;
}

/* =Miscellaneous
---------------------------------------------------------------------------------------------------- */
#missing-content
{
	background-color: #FFFF00;
}

/* =Misc: Data Table
---------------------------------------------------------------------------------------------------- */

#data
{
	border: 1px solid #DDDDDD;
	margin-bottom: 15px;
}

#data th
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	background-color: #CCD6E0;
	color: #454545;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#data td
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	font-size: 11px;
}

#data td.highlight {
	background-color: #EEEEEE;
}

/* =Misc: QTVRs
---------------------------------------------------------------------------------------------------- */
#mov-nav {
	border: 1px solid #696969;
	width: 582px;
	height: 20px;
	text-align: center;
}

#mov-nav a {
	color: #FF6500;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 0 3px 0 3px;	
}

#mov-nav a:hover {
	text-decoration: underline;
}

#qtvr {
	width: 580px;
	height: 365px;
	border: 2px solid #6c6c6c;
}

#qtvr-buttons span {
	cursor: pointer;
}

#vid1 {
	visibility: visible;
	display: inline;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#vid2 {
	visibility: hidden;
	display: none;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#vid3 {
	visibility: hidden;
	display: none;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#vid4 {
	visibility: hidden;
	display: none;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#vid5 {
	visibility: hidden;
	display: none;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#vid6 {
	visibility: hidden;
	display: none;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#vid7 {
	visibility: hidden;
	display: none;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#vid8 {
	visibility: hidden;
	display: none;
	width: 580px;
	height: 365px;
	font-size: 1px;
}

#instruct {
	background: url('../images/inst-vid-border-bg.gif') repeat-y;
	padding-left: 5px;
}

#instruct p {
	margin: 0;
	padding: 5px 0 7px 5px;
}

#square {
	background: #191970;
	width: 5px;
	height: 5px;
}
/*For the registration form page*/
form[name="info"] div#missSomeone{
	font-size:16px;	
}