/********************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: master.css
* Description: Master CSS file for the entire Mathison's website
*
*********************************************************************************/

/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(menus.css);
@import url(forms.css);
@import url(lightbox.css);


/* Body 
--------------------------------------------------------------------------------*/

*
    {
    margin:0px;
    padding:0px;
    }

body
	{	
	font-size:100%;
	color:#000000;
	line-height:1em;
	background:#ffffff;
	}

h1
	{
	margin:0px 0px 0.6em 0px;
	padding:0px 0px 0.2em 0px;
	font:bold 1.6em Tahoma, Helvetica, sans-serif;
	line-height:1em;
	color:#000000;
	border-bottom:1px solid #000000;
	}

h2
	{
	font:bold 1.125em Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#000000;
	}

h3
	{
	font:bold 1em Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#003060;
	}

h4
	{
	font:bold 0.875em Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#000000;
	}

h5
	{
	font:bold 0.75em Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#000000;
	}

h6
	{
	font:bold 0.6875em Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#000000;
	}

table
    {
    margin:0px 0px 1em 0px;
    }


/* Images
--------------------------------------------------------------------------------*/

img
    {
    border:none;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    clear:both;
    }

.imageleft img, .imageright img
    {
    border:1px solid #0000cc;
    }

.imagefull
    {
    display:block;
    padding:0px 0px 1em 0px;
    clear:both;
    }


/* Links
--------------------------------------------------------------------------------*/

a
	{
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #0000cc;
	}

a:hover, a:active
	{ 
	color:#000000;
	background:#e5e5ff;
	border-bottom:1px solid #0000cc;
	}
	
a:active
	{
	}


/* Container
--------------------------------------------------------------------------------*/

#container
	{
	margin:10px auto;
	width:900px;
	}


/* Header
--------------------------------------------------------------------------------*/

#header
    {
    float:left;
    width:900px;
    height:88px;
    padding:0px 0px 10px 0px;
    background:url(/images/mathisons-headerbg.jpg) no-repeat;
    }

#header-nav
    {
    float:right;
    padding:14px 0px 0px 0px;    
    text-align:right;
    }

#logo
    {
    float:left;
    }

#logo a, #logo img
    {
    border:none;
    }


/* Banner
--------------------------------------------------------------------------------*/

#banner
    {
    float:left;
    width:900px;
    height:105px;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #banner
    {
    float:left;
    width:900px;
    height:105px;
    margin:0px 0px -4px 0px;
    }


/* Navigation
--------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:900px;
    height:107px;
    background:url(/images/mathisons-navbg.jpg) no-repeat;
    }

#navleft
    {
    float:left;
    margin:0px 184px 0px 0px;
    }

#navright
    {
    float:left;
    }


/* Main background
--------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:900px;
    padding:0.6em 0px 0em 0px;
    background:url(/images/mathisons-main-brightidea.jpg) 62% 100% no-repeat;
    }

#upload-main
    {
    float:left;
    width:900px;
    padding:0.6em 0px 0em 0px;
    background:url(/images/mathisons-main-brightidea.jpg) 50% 100% no-repeat;
    }


/* Content
--------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:618px;
	padding:0px 15px 94px 15px;
	margin:0px 0px 0px 0px;	
	border-right:1px solid #0000cc;
	}

#upload-content
	{
	float:left;
	width:870px;
	padding:0px 15px 94px 15px;
	margin:0px 0px 0px 0px;
	}

#content p, #upload-content p
	{
	padding:0px 0px 1.8em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	}

#content ul, #content ol, #upload-content ul, #upload-content ol, #sidepane ul, #sidepane ol
    {
    margin:0px 0px 0px 26px;
    padding:0px 0px 1.8em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    color:#000000;
    }

#content ul ul, #content ol ol, #content ol ul, #upload-content ul ul, #upload-content ol ol, #upload-content ol ul, #sidepane ul ul, #sidepane ol ol, #sidepane ol ul
    {
    margin:0px 0px 0px 26px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    color:#000000;
    }

#content p table, #upload-content p table
    {
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    }

#content table, #upload-content table
    {
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    }

#content table p, #content table ul, #upload-content table p, #upload-content table ul
    {
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    }

#content table th, #upload-content table th
    {
    padding:4px 6px;
    font-weight:bold;
    text-align:left;
    }

#content table td, #upload-content table td
    {
    padding:4px 6px;
    }

#phone
    {
    display:block;
    text-align:center;
    }

#signupform-container
    {
    position:relative;
    width:160px;
    margin:0px auto;
    }

#signupform-main
    {
    width:100%;
    }

#signupform-main form
    {
    margin-bottom:3px;
    }

#signupform-main form .textbox
    {
    margin-left:10px;
    font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    border:1px solid #999999;
    }

#signupform-main form .submit
    {
    font:10px Verdana, Arial, Helvetica, sans-serif;
    }

#signupform-main img
    {
    float:right;
    margin:3px 5px 0px 0px;
    background:#006699;
    }

#signupform-main h4
    {
    font:bold 16px Arial, Helvetica, sans-serif;
    color:#006699;
    line-height:1.4em;
    text-align:center;
    }

#signupform-container a, #signupform-container a img
    {
    border:none;
    }


/* File Upload
----------------------------------------------------------------------------------*/

#controls
    {
    float:right;
    }

#uploadform
    {
    width:75%;
    }

#uploadform label
    {
    display:block;
    font:bold 0.75em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    }

#uploadform span
    {
    display:block;
    margin:0px 0px 1em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    }

#uploadform textarea
    {
    width:300px;
    height:100px;
    margin:0px 0px 1em 0px;
    padding:1px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    background:#e5e5e5;
    border:1px solid #808080;
    }

#uploadform .text
    {
    width:300px;
    margin:0px 0px 1em 0px;
    padding:1px;
    font:0.75em Arial, Helvetica, sans-serif;
    background:#e5e5e5;
    border:1px solid #808080;
    }

.singleline
    {
    margin:0px 0px 1em 0px;
    }

.reminder
    {
    margin:0px 0px 1em 0px;
    font:italic 0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    }

.buttons input
    {
    margin:1em 5px 1em 0px;
    padding:1px 6px;
    font:0.75em Verdana, Arial, Helvetica, sans-serif;
    }

/* Logon/help
--------------------------------------------------------------------------------*/

#logon
	{
	float:left;
	width:55%;
	}

#help
	{
	float:left;
	padding:0px 0px 0px 20px;
	}

	
/* Lightbox thumbnails
----------------------------------------------------------------------------------*/

/*#lightbox_container
    {
    padding:0px 0px 1em 0px;
    }

#lightbox_container img
    {
    margin:0px 10px 10px 0px;
    background:none;
    border:1px solid #3366cc;
    }

#lightbox_container a
    {
    background:none;
    border:none;
    }*/


/* Sub-content
--------------------------------------------------------------------------------*/

#subcontent
    {
    width:433px;
    height:94px;
    padding:1.6em 185px 0px 0px;
    /*background:url(/images/mathisons-main-brightidea.jpg) bottom right no-repeat;*/
    /*border-top:1px dotted #1576ba;*/
    }

/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
	{
	float:right;
	width:221px;
	margin:0px 0px 0px -1px;
	padding:0em 15px 0px 15px;
	border-left:1px solid #0000cc;
	}

#signup
    {
    display:block;
    width:100%;
    height:110px;
    margin-bottom:16px;
    border:none;
    border-bottom:1px solid #dadada;
    }

#sidepane p
    {
    padding:0px 0px 1.8em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
    }

#sidepane table td
    {
    padding:8px 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.8em;
    }

#sidebox
    {
    width:220px;
    }

#coupon
    {
    width:216px;
    height:211px;
    background:url(/images/mathisons-coupon.jpg) no-repeat;
    }    


/* Footer
--------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:900px;
    margin:0em 0px 0em 0px;
    text-align:center;    
    background:url(/images/mathisons-bottombarbg.gif) no-repeat top left;
    }

#copyright
    {
    width:900px;
    margin:0px 0px 0px 0px;
    font:0.625em Arial, Helvetica, sans-serif;
    color:#999999;
    line-height:1.8em;
    text-align:center;
    }

#copyright a:link, #copyright a:visited
	{
	color:#999999;
	text-decoration:none;
	border-bottom:1px dotted #999999;
	}

#copyright a:hover
	{ 
	color:#666666;
	background:none;
	border-bottom:1px solid #666666;
	}
	
#copyright a:active
	{ 
	color:#666666;
	background:none;
	border-bottom:1px solid #666666;
	}


/* Miscellaneous classes
--------------------------------------------------------------------------------*/