h1 { margin: 0; padding: 0; font-family: Myriar Pro, Myriad, Arial; font-weight: normal; font-size: 28px; text-align: left; color: white }
h2 { margin: 0; padding: 0; font-family: Myriad, Verdana; font-weight: normal; font-size: 22px }
.left { float: left }
.right { float: right }
.textcenter { text-align: center }
.nopad { padding: 0 !important }
.br { border-bottom: 1px solid #5e5e60; font-size: 2px; line-height: 2px; margin-bottom: 2px }
#page1, #page2 { display: none }
.choose { color: #58585A; text-align: center; font-family: Lucida Grande, Myriad Pro, Arial; font-size: 24px }
.note { color: #5e5e60; font-size: 18px; font-family: Lucida Grande, Myriad Pro, Arial; padding: 0 0 8px 0 }
.boldnote { color: #333; font-size: 12px; text-transform: uppercase; font-family: Verdana, Monaco; font-weight: bold }
.backgrounds { text-align: center }
.backgrounds img { padding: 31px 30px; background: url('images/imagebg.jpg') no-repeat top; margin: 0; cursor: pointer }
.main_top { background: #1886a0 url('images/main_top.jpg') no-repeat bottom center; height: 105px; padding-left: 55px; padding-top: 45px }
.main_bg { margin-top: 0px; width: 1006px; margin: 0 auto; background: url('images/main_bg.jpg') repeat-y center; }
.mainwrap { margin: 0 auto; margin-top: -30px; width: 910px; background: white; }
.main_bottom { height: 130px; background: url('images/main_bottom.jpg') no-repeat bottom center #1886a0; width: 1006px; }
.intro { height: 430px; }
.intro h1 { font-size: 30px; font-family: Myriad Pro, Lucida Grande, Arial; color: #7f4132 }
.intro p { padding-top: 10px; font-size: 18px; font-family: Myriad Pro, Lucida Grande, Arial; color: #7f4132 } 
.intro .left { padding-left: 20px; width: 320px; margin-top: 0 }
.intro .right { padding-right: 20px; width: 300px; margin-top: 10px }
#page2 h1 { padding: 0 0 20px 0; text-align: center; color: #7f4132; font-family: Lucida Grande, Myriad Pro, Arial; font-size: 24px; font-weight: bold }
#page2 .leftpad { float: left; width: 50px; height: 480px } 
#page2 .left { background: url('images/formbg.gif') no-repeat top center; padding: 10px 0 0 0; text-align: center; float: none; }
#page2 .right { padding-top: 5px;text-align: center; float:none; }
#page2 .right img { cursor: pointer; border: 2px solid #5e5e60 }
#page2 .right div { color: #5e5e60; font-size: 18px; font-family: Lucida Grande, Myriad Pro, Arial; text-align: center;  }
#page2 .right a { color: #5e5e60; text-decoration: none }
#page2 .right a:hover img { border: 2px solid white } 
#result { width: 500px; margin: 0 auto; clear: both }
#page2 .ques { clear: both; font-size: 18px; font-family: Lucida Grande, Myriad Pro, Arial; color: #58585a } 
#page2 .ex { font-size: 12px; font-family: Lucida Grande, Myriad Pro, Arial; color: #58585a } 
#page2 input, #page2 select { font-size: 14px; font-family: Lucida Grande, Myriad Pro, Arial; color: #58585a; }
.size1 { margin: 2px auto 15px auto; background: url('images/input_size1.gif') no-repeat top center; padding: 7px 0 0 8px; height: 27px; }
.size1 input { border: 0; background: #fff8f8 }
.size1 select, .size2 select, .size3 select, .size4 select { border: 1px solid black; background: #fff8f8; }
.size1 div { width: 307px; height: 21px; position: relative; overflow: hidden; padding-left: 200px; }
.size1 select { width: 309px; height: 23px; position: relative; top: -1px; left: -1px; }
.size1 input { width: 305px; }
.size2 { margin: 2px auto 15px auto; background: url('images/input_size2.gif') no-repeat top center; padding: 7px 17px 0 8px; height: 27px; float: left }
.size2 div { width: 120px; height: 21px; position: relative; overflow: hidden } 
.size2 select { width: 122px; height: 23px; position: relative; top: -1px; left: -1px }
.size3 { margin: 2px auto 13px auto; background: url('images/input_size3.gif') no-repeat top center; padding: 7px 15px 0 8px; height: 27px; float: left }
.size3 div { width: 82px; height: 21px; position: relative; overflow: hidden }
.size3 select { width: 84px; height: 23px; position: relative; top: -1px; left: -1px }
.size4 { margin: 2px auto 13px auto; background: url('images/input_size4.gif') no-repeat top center; padding: 7px 16px 0 8px; height: 27px; float: left }
.size4 div { width: 56px; height: 21px; position: relative; overflow: hidden }
.size4 select { width: 58px; height: 23px; position: relative; top: -1px; left: -1px}
.receiveoffers { font-family: Lucida Grande, Myriad Pro, Arial; font-size: 14px; color: #58585a }
.generate { padding: 10px 0 0 10px; }
#loading { text-align: center; color: white; font-size: 22px; font-family: Lucida Grande, Myriad Pro, Arial; padding: 200px 0 0 0 }
#email {margin-left: -15px;}

/* ------------------------------------------ */
/* {00} RESETS
/* ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}

/* ------------------------------------------ */
/* {01} GLOBAL ELEMENTS
/* ------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #575757;
	background: #362f2e;
	}
a {
	color: #477bff;
	text-decoration: underline;
	}
a:hover {
	color: #000;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 26px;
	font-weight: bold;
	}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
p {
	margin: 7px 0;
	}
.right {
	float: right;
	}
.left {
	float: left;
	}
.clear {
	clear: both;
	}
#container {
	width: 1000px;
	margin: 42px 10px 42px -2px;
	position: relative;
	}

/* ------------------------------------------ */
/* {02} LEFT COLUMN SECTION
/* ------------------------------------------ */
#leftcol {
	position: absolute;
	top: 0;
	left: 12px;
	width: 226px;
	}
#leftcol p {
	padding-right: 18px;
	}
a#logo {
	width: 226px;
	height: 200px;
	text-indent: -9999px;
	display: block;
	background: url(images/logo.jpg);
	}
#leftcol p {
	color: #fbfeec;
	font-size: 11px;
	text-align: center;
	margin: 10px 0;
	}

/* ------------------------------------------ */
/* {03} TOP LINKS
/* ------------------------------------------ */
ul#toplinks {
	padding: 10px 10px 10px 0;
	}
ul#toplinks li {
	display: inline;
	}
ul#toplinks a {
	font-size: 21px;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	padding: 2px 7px;
	background: #362f2e;
	border: 1px solid #362f2e;
	}
ul#toplinks a:hover {
	background: #2b2524;
	border: 1px solid #443f3e;
	-moz-border-radius: 5px;
	}

/* ------------------------------------------ */
/* {04} CONTENT
/* ------------------------------------------ */
#rightcol {
	position: absolute;
	top: 0;
	right: 0;
	width: 762px;
	}
#topbg {
	background: url(images/topbg.jpg);
	height: 10px;
	}
#topbgproduct {
	background: url(images/topbghome.jpg);
	height: 10px;
	}
#topbghome {
	background: url(images/topbghome.jpg);
	height: 10px;
	}
#mainhome {
	background: #fff;
	padding: 20px 20px 10px;
	}
#mainproduct {
	background: #fff;
	}
#main {
	background: #fff url(images/mainbg.jpg) repeat-y;
	}
#btmbg {
	background: url(images/btmbg.jpg);
	height: 10px;
	}
#btmbghome {
	background: url(images/btmbghome.jpg) top no-repeat;
	height: 50px;
	}
#btmbgproduct {
	background: url(images/btmbgproduct.jpg);
	height: 10px;
	}

/* ------------------------------------------ */
/* {04-1} CONTENT - Search & Browse
/* ------------------------------------------ */
#search_form {
	text-align: left;
	position: relative;
	}
#search_term {
	font-size: 30px;
	color: #575757;
	padding: 15px 20px 15px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 483px;
	background: url(images/searchbg.jpg) no-repeat;
	border: none;
	margin-left: 70px;
	}
.submit_button {
	height: 63px;
	width: 70px;
	background: #eb667c url(images/searchbutton.jpg);
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #fff;
	position: absolute;
	top: 0px;
	margin-left: 5px;
	}
#browsecats {
	background: #fbfeec;
	margin: 20px -20px 0;
	padding: 10px 20px;
	}
ul#browse li {
	width: 500px;
	display: inline;
	}
ul#browse a {
	color: #575757;
	text-decoration: none;
	text-transform: lowercase;
	}
ul#browse a:hover {
	text-decoration: underline;
	}

/* ------------------------------------------ */
/* {04-2} CONTENT - Sidebar
/* ------------------------------------------ */
#sidebar {
	width: 205px;
	float: right;
	padding: 10px 20px;
	}
#sidebar strong {
	color: #362f2e;
	}
#sidebar ul#big {
	margin: 10px 0;
	}
#sidebar ul#big  a {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	}
#sidebar h3, #productcontent h3 {
	color: #fff;
	background: #66d3f9;
	display: block;
	font-size: 14px;
	padding: 5px;
	margin: 10px 0;
	}
#productcontent h3.greenbg {
	background: #d0d900;
	}

/* ------------------------------------------ */
/* {04-3} CONTENT - Central content
/* ------------------------------------------ */
#content {
	width: 467px;
	float: left;
	padding: 10px 25px;
	}
#content h2 {
	font-size: 30px;
	font-weight: normal;
	}
ul#postlist {
	margin: 10px 0;
	}
ul#postlist li {
	width: 213px;
	float: left;
	display: inline;
	text-align: center;
	padding: 10px;
	}
ul#postlist a {
	text-decoration: none;
	color: #575757;
	font-size: 12px;
	}
ul#postlist a:hover {
	color: #f9667e;
	}
#pagenav {
	margin: 10px 0;
	}

/* ------------------------------------------ */
/* {04-4} CONTENT - Product page
/* ------------------------------------------ */
#productcontent {
	background: #fbfeec;
	padding: 20px;
	}
#productcontent .left {
	width: 497px;
	}
#productcontent .right {
	width: 205px;
	padding: 0 0 0 20px;
	}
#productcontent .right ul a {
	color: #575757;
	text-decoration: none;
	line-height: 20px;
	}
#productcontent .right ul a:hover {
	text-decoration: underline;
	}

/* ------------------------------------------ */
/* {05} FOOTER
/* ------------------------------------------ */
#footer {
	}