html		{height: 100%; margin-bottom: 1px}
*		{margin: 0; padding: 0}
body 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; background-color: #f3ad95}
#wrapper	{text-align: center; padding: 10px 0}
#main		{width: 756px; margin: 0 auto; border: 1px solid #000000; text-align: left; background-color: #ffffff}
#header		{background: url(../images/background_header.jpg) repeat-x left top}
#menu		{background:  #ffffff}
#contentt	{background: url(../images/foggy_mirror_salmon.jpg) no-repeat left top}

h1		{font-size: 2.4em; font-weight: bold; color: #000000; line-height: 100%}
h2		{font-size: 120%; font-weight: bold; color: #000000; margin-bottom: 10px; margin-top: 20px}
h3		{font-size: 100%; font-weight: bold; color: #000000; margin-bottom: 0px}
ol		{padding-left: 40px}
li, p		{padding-bottom: 10px}

.strapline1	{font-size: 1.4em; color: #000000; padding: 10px 20px; margin: 0px}
.strapline2	{font-size: 1.4em; color: #000000; padding: 10px 20px; margin: 0px; text-align: right}
.strapline3	{font-size: 1.4em; color: #000000; padding: 10px 20px; margin: 0px; text-align: right; margin-left: 120px}
#prodtype	{font-weight: normal; padding: 25px 20px; text-align: right; float: right; padding-bottom: 0}
#logo		{margin: 20px; margin-bottom: 0; margin-right: 0}

#menu_list li	{list-style: none; display: inline}
ul#menu_list	{margin-left: 15px; padding-bottom: 60px; margin-top: 5px}
#menu_list a 	{display:block; text-decoration: none; width:121px; height: 59px; float: left}
#content ul	{font-size: 1.2em; padding-left: 50px}
#list_home li	{margin: 10px; padding: 0 10px; line-height: 1em; list-style-image:url(../images/bullet_red.jpg)}
#list_sizes	{margin-left: 15px}
#list_sizes li	{margin: 10px; padding: 0 10px; line-height: 1em; list-style-image:url(../images/bullet_red.jpg)}
#p1_home, #p2_home	{padding: 20px; font-size: 1.2em; padding-bottom: 0}
#footer		{text-align: center; margin: 20px 0}

.normal		{padding: 0px 20px; padding-bottom: 10px}
#orderform table{margin-left: 17px}

.reqd		{ font-size: 80%; color: #AA0000}
.small		{font-size: 80% }
table		{text-align: left; border-width: 0px; border-collapse:collapse}
th		{vertical-align: bottom}
#col1		{width: 80px; padding-left: 10px}
#col2		{width: 110px}
#col3		{width: 60px}
#col4		{width: 80px}
#col5		{width: 100px}
#prices		{padding-left:200px; margin: 10px 0; border: 1px solid #cccccc}
.bgcolor1	{background: #eeeeee}
.bgcolor3	{background: #ffffaa}
.bgcolor2	{background: #ffcccc}
.bgcolor3 td	{border-bottom: 1px solid #ddcc88}
.bgcolor2 td	{border-bottom: 1px solid #ddaaaa}

#orderform a:link,
#content a:link,
#content2 a:link,
#postage a:link,
#orderform a:visited,
#content a:visited,
#content2 a:visited,
#postage a:visited	{color: #003366; text-decoration: underline; padding: 2px 0}
#orderform a:hover,
#content a:hover,
#content2 a:hover,
#postage a:hover,
#orderform a:active,
#content a:active,
#content2 a:active,
#postage a:active,
#orderform a:focus,
#content a:focus,
#content2 a:focus,
#postage a:focus	{color: #0000ff; text-decoration: underline; background-color: #ffff66; padding: 2px 0}
a:link.bright,
a:visited.bright{color: #0000ff; font-weight: bold}

.faql	{font-size: 130%; margin-top: -1px; margin-left: 0px}
.faqq	{margin-top: -2.3em; margin-left: 25px; padding: 5px}
.faqa	{margin-top: -2.3em; margin-left: 25px; margin-bottom: 5px; padding: 5px}
.faqq2	{margin-top: -2.3em; margin-left: 25px; background: #ffdddd; padding: 5px}
.faqa2	{margin-top: -2.3em; margin-left: 25px; margin-bottom: 5px; background: #ffdddd; padding: 5px}

#menu_1 a, #menu_1 a:visited 				{background: url(../images/menu_home.gif) no-repeat center top}
#menu_1 a:hover, #menu_1 a:active, #menu_1 a:focus 	{background: url(../images/menu_home.gif) no-repeat center bottom}
#menu_2 a, #menu_2 a:visited 				{background: url(../images/menu_faq.gif) no-repeat center top}
#menu_2 a:hover, #menu_2 a:active, #menu_2 a:focus 	{background: url(../images/menu_faq.gif) no-repeat center bottom}
#menu_3 a, #menu_3 a:visited 				{background: url(../images/menu_sizes.gif) no-repeat center top}
#menu_3 a:hover, #menu_3 a:active, #menu_3 a:focus 	{background: url(../images/menu_sizes.gif) no-repeat center bottom}
#menu_4 a, #menu_4 a:visited 				{background: url(../images/buy5e.gif) no-repeat center top}
#menu_4 a:hover, #menu_4 a:active, #menu_4 a:focus 	{background: url(../images/buy5e.gif) no-repeat center bottom}
#menu_5 a, #menu_5 a:visited 				{background: url(../images/menu_installation.gif) no-repeat center top}
#menu_5 a:hover, #menu_5 a:active, #menu_5 a:focus 	{background: url(../images/menu_installation.gif) no-repeat center bottom}
#menu_6 a, #menu_6 a:visited 				{background: url(../images/menu_contact.gif) no-repeat center top}
#menu_6 a:hover, #menu_6 a:active, #menu_6 a:focus 	{background: url(../images/menu_contact.gif) no-repeat center bottom}
