/* CSS Document */
 
body {
margin: 0px auto;
padding: 0px;
background-color: #F3F2EE;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

#bodywrapper {
width: 726px;
height: auto;
}

/* Logo Area */
#logo {
float: left;
clear: none;
width: 209px;
height: 94px;
text-align: left;
}

/* Global Navigation - Home | About Us | Contact Us */
#globalnav {
float: right;
clear: right;
width: 507px;
height: 41px;
margin-right: 10px;
}

/* Main Menu Navigation - Wreaths | Swags | Tabletop | Wall-Hangings */
#mainmenu {
float: right;
clear: right;
height: 31px;
width: 507px;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/mainmenu_tile.gif);
background-repeat: none;
margin-right: 10px;
margin-top: 22px;
}

#wreaths {
float: left;
clear: none;
width: 93px;
background-color: #13B0DF;
}

#swags {
float: left;
clear: none;
width: 87px;
background-color: #779F2E;
}

#tabletop {
float: left;
clear: none;
width: 90px;
background-color: #774905;
}

#wallhanging {
float: left;
clear: none;
width: 127px;
background-color: #730833;
}

#collections {
float: left;
clear: none;
width: 107px;
background-color: #cc0000;
}

/* Main Body */
#mainbody {
float: left;
clear: both;
width: 726px;
min-height: 669px;
padding-left: 8px;
text-align: left;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/body_tile.gif);
background-repeat: repeat-y;
}

/* Main Body Bottom */
#mainbody_bottom {
width: 726px;
height: 34px;
float: left;
clear: both;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/mainbody_bottom.gif);
background-repeat: no-repeat;
}

/* Footer */
#footer {
float: left;
clear: both;
width: 100%;
}

/* Modules */
#header {
float: left;
clear: both;
width: 705px;
height: 71px;
padding-left: 3px;
}

#header h1 {
font-size: 300%;
font-family: "Lucida", Arial, sans;
letter-spacing: -1px;
}

#subnav {
float: left;
clear: left;
width: 163px;
height: 500px;
padding-left: 3px;
}

#pathway_text {
margin-left: 165px;
margin-top: -120px;
}

#subheader {
float: left;
clear: none;
width: 530px;
padding-bottom: 20px;
margin-top: 0px;
font: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #660000;
line-height: 1em;
letter-spacing: 2px;
}

#product_grid {
float: left;
width: 552px;
margin-top: -35px;
}

.content_text{
font-weight: normal;
}

#product_thumb_title {
float: left;
clear: both;
width: 150px;
height: 30px;
margin-top: 20px;
color: #330000;
}

#product_thumb {
float: left;
clear: both;
width: 170px;
height: 164px;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/Products/thumbnail.gif);
}

#product_thumb_desc {
float: left;
clear: both;
width: 170px;
font-weight: normal;
}

#product_enlarged {
float: left;
clear: both;
width: 425px;
height: 425px;
background-image: url(http://wreathsbydesign.com/portal/images/stories/Framework/Products/enlarged.gif);
}

#product_enlarged_desc {
float: left;
clear: both;
width: 450px;
font-weight: normal;
}

/* Links */
a:link {
font-weight: bold;
color: #CC7319;
text-decoration: none;
letter-spacing: 0px;
}

a:visited {
font-weight: bold;
color: #B25F0C;
text-decoration: none;
}

a:hover {
}

a.mainlevel:link {
}

a.mainlevel:visited {
}

a.mainlevel:hover {
}

a.readon:link {
color: #CC7319;
text-decoration: none;
line-height: 1.25em;
font-weight: bold;
word-spacing: 3px;
}

a.readon:visited {
text-decoration: none;
color: #CC7319;
line-height: 1.25em;
font-weight: bold;
}

a.readon:hover {
text-decoration: none;
color: #C43C03;
}

a.footer:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
padding-left: 10px;
color: #990000;
}

a.footer:visited {
color: #003366;
}

a.footer:hover {
color: #003366;
}

a.footer:active {
color: #003366;
}

td,tr {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
}

.pagenav {
/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
float: left;
clear: none;
text-align: left;
font-size: 11px;
font-weight: normal;
font-weight: bold;
color: #336600;
padding: 0 5px 10px 5px;
margin-top: 20px;
}

a.pagenav, a.pagenav:visited {
	/* same as above, but for links */
float: left;
clear: none;
margin-top: 20px;
text-align: left;
font-weight: bold;
color: #CC7319;
}

a.pagenav:hover {
/* same as above, but for links with mouse pointer over it */
color: #FF9900;
}

h1 {
float: left;
clear: both;
width: 150px;
height: 30px;
margin-top: 20px;
color: #330000;
font-size: 11px;
font-weight: bold;
}

.moduletable {
font-size: 300%;
font-family: "Lucida", Arial, sans;
}