/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body
{
    font-family: Georgia, 'Times New Roman' , Serif;
    background-color: #DDDDBB;
    color: #666633;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 100%;
}

#main
{
    background-color: #EEEEDD;
    color: #666633;
    padding: 0px 0px 0px 0px;
    border: none;
    margin-bottom: 10px;
    width: 800px;
}

a {text-decoration:none;}

a:link, a:visited {color: #778855; text-decoration: none;}

a:hover {color: #530; text-decoration: none;}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5{
	font-family: Georgia, 'Times New Roman', Serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666633;
}

h1{font-size: 150%;}

h2{font-size: 120%;}

h3{font-size: 100%; font-weight: bold;}

h4{font-size: 100%; font-weight: normal;}

h5{font-size: 100%;}

ul{list-style-type: none;}

ul ul{list-style-type: none;}

ul ul ul{list-style-type: none;}

label{font: bold 100% Arial,sans-serif; color: #778855;}

li{list-style-type: none;}

img
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead
{
    background-color: #cccc99;
    color: #eeeedd;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    width: 100%;

}

#navbar
{
    margin: 10px 0px 10px 0px;
    background-color: #ccddaa;
    border-top: 1px solid #ccccaa;
    border-bottom: 1px solid #ccccaa;
    text-align: left;
    position: relative;
    width: 22%;
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#content
{
    float: right;
    width: 75%;
    margin: 0px 0px 0px 0px;
    padding: 0 2% 0 0;
    text-align: left;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/


/************* #masthead styles **************/

#siteName
{
    margin: 0px;
    font-size: 200%;
    color: #eeeedd;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
}

/*********** #masthead ul#menu styles */
div#header {background-color: #eeeedd; margin: 0 auto; padding: 0; width: 100%; height: 30px; position: relative; border-bottom: 1px solid #ccccaa; }
	div#header h1#logo
{
    margin: 0;
    padding: 0;
    right: 0;
    position: absolute;
}
	div#header h1#logo a { display: block; width: 150px; height: 30px; background: transparent url(/images/montely.gif) no-repeat; border: none; }

ul#menu
{
    margin: 0px 0px 0px 0px;
    padding: 0;
    position: absolute;
    left: 0px;
    bottom: 0;
}

ul#menu li
{
    margin: 0px 10px;
    float: left;
    text-transform: lowercase;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 7px;
}

ul#menu a { color: #999966; padding: 0; float: left;  font: 75%/150% Arial, sans-serif; text-transform: uppercase;}
ul#menu a:hover {color: #888855; border-bottom: #ccccaa 4px solid;  }

ul#menu li.right_nav
{
    font-family: Arial, sans-serif;
    border-left: 1px solid #ccccaa;
    margin: 0px 0px 0px 5px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
}
ul#menu li.right_nav a#menucurrent, div#header ul#menu li.right_nav a#menuhighlight { border: none; }
ul#menu li.right_nav a
{
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 11px;
}
ul#menu li.right_nav a:hover { border: none; }
ul#menu li.right_nav a img { vertical-align: bottom; }


/*************** #content styles **************/

/*********** #pageName styles */

#pageName{
	padding: 0px 0px 10px 10px;
}

/*********** #breadCrumb styles */

#breadCrumb
{
    padding: 5px 0 5px 10px;
    font-size: 80%;
}


/*********** .feature styles */

.featureLeft
{
    padding: 0;
    font-size: 80%;
    background-color: #cccc99;
    margin: 2px;
    float: left;
}

.featureRight
{
    padding: 0;
    font-size: 80%;
    background-color: #cccc99;
    margin: 2px;
    float: right;
}

.featureLeft h3, .featureRight h3{ padding: 5px 0; text-align: center; }

.featureLeft img, .featureRight img{ background-color: #cccc99; margin: 0; padding: 0; border-width: 0; outline-width: 0; }
/* adjust margins to change separation between the feature image and text flowing around it */


/*********** .maintext styles */

.maintext{ clear: both; font-size: 80%; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; }

.maintext p{ font-weight: normal; padding: 0 0 10px; }

.maintext ul li
{
    font-size: 100%;
    padding-bottom: 10px;
}

.maintext ul li ul li
{
    font-size: 100%;
    font-family: 'Trebuchet MS' , Verdana, Arial, sans-serif;
    padding-bottom: 5px;
}

.maintext h1{ font-size: 120%; color: #666633; padding-bottom: 10px; padding-left: 10px; }

.maintext h2
{
    font-size: 110%;
    color: #666633;
    padding-left: 20px;
    font-weight: normal;
    padding-bottom: 10px;
}

/***********.product styles */

.productimg
{
    font-size: 80%;
    width: 320px;
    height: 320px;
    overflow: auto;
    float: right;
    border-right: #ccccaa 1px solid;
    border-top: #ccccaa 1px solid;
    border-left: #ccccaa 1px solid;
    border-bottom: #ccccaa 1px solid;
    vertical-align: middle;
    text-align: center;
}

.productimg h3
{
    font-family: 'Trebuchet MS' , Sans-Serif;
}

.productimgsrc
{
    width: 0px;
    font-size: xx-small;
    color: silver;
}

.productdesc
{
    font-weight: normal;
    float: left;
    margin-bottom: 10px;
    width: 40%;
    font-family: Arial, sans-serif;
}

/*********** .imglist styles */

.imglist
{
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    padding-top: 10px;
    float: left;
}

.imglist table
{
    font-size: 100%;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    font-weight: normal;
    border-bottom: silver 1px solid;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
}

.imglist th{ color: #666633; font-weight: bold; background-color: #cccc99; }

.imglistRA { background-color: #eeeedd; }
.imglistRB { background-color: #DDDDBB; }

/*********** .productlist styles */

.productlist
{
    margin-left: 10px;
}

.productlist table
{
    font-size: 100%;
    /*width: 550px;*/
    border-spacing: 0;
    font-weight: normal;
    border-bottom: #cccc99 1px solid;
    border-right: #cccc99 1px solid;
    border-top: #cccc99 1px solid;
    border-left: #cccc99 1px solid;
}

.productlist th{ color: #666633; font-weight: bold; background-color: #cccc99;}

.pager { font-family: 'Trebuchet MS' , Arial, sans-serif;}

.plRA { background-color: #eeeedd; }
.plRB { background-color: #DDDDBB; }

.plID{ font-family: Arial, sans-serif;}

.plName{}

.plModel
{
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.plAlias{font-family: 'Trebuchet MS' , Arial, sans-serif;}

.plPhoto{}


/************* #navbar styles ***************/

#navbar h3
{
    background-color: #778855;
    color: #ffffee;
    font-weight: normal;
    text-align: right;
    padding: 2px;
}

#navbar h3 a:link{ color: #fff; }

#navbar h3 a:visited{ color: #fff; }

#navbar h3 a:hover{
	color: #530;
	text-decoration: none;
}

#navbar a:hover{
	color: #530;
	text-decoration: none;
}

/*********** .navsub styles */

.navsub
{
    margin: 0px 0px 0px 0px;
    font-size: 80%;
    list-style-type: none;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}

.navsub a:link, .navsub a:visited
{
    border-left: 5px solid #ccddaa;
    padding-left: 2px;
}

.navsub a:hover { color: #530; border-left: 5px solid #530; }

.navsub li
{
    border-top: #ccccaa 1px solid;
    padding-top: 5px;
}

.navsub li a.youarehere:link, .navsub li a.youarehere:visited
{
    color: #530;
    border-left: 5px solid #530;
    padding-left: 5px;

}

.navsub li ul { margin: 0px; padding: 0px; }

.navsub li ul li
{
    padding-bottom: 0px;
    padding-top: 5px;
    border-top: #ccccaa 1px solid;
}

.navsub li ul li a:link, .navsub li ul li a:visited
{
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/*********** .nav-advert styles */

.nav-advert
{
    border-top: 1px solid #ccccaa;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.nav-advert p
{
    font-size: 70%;
    margin: 0;
    padding-bottom: 2px;
    padding-top: 2px;
}

/*********** .navlist styles*/

.navlist
{
    margin: 0;
    font-size: 80%;
    padding-right: 2px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.navlist li
{
    padding-bottom: 10px;
}

.navlist a
{
    font-family: Verdana, Arial, sans-serif;
    margin-left: 5px;
}

/************* #foot styles ***************/

#foot
{
    font-family: 'Trebuchet MS' , Verdana, Arial, sans-serif;
    clear: both;
    background-color: #cccc99;
    border-bottom: 1px solid #ccccaa;
    font-size: 75%;
    color: #666633;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#foot a{
	color: #778855;
	font-weight: bold;
}

#foot a:hover{
	color: #530;
	text-decoration: none;
}