/*

*	DEFAULTS

*/



* { margin: 0; padding: 0; }

body { padding: 15px 0 60px 0; background: #e7e7e7; color: #333333; font: .75em Verdana, sans-serif; }

ul, ol { list-style: none; }

a { color: #4183bb; }

a img { border: 0; }

hr { display: none; }

form fieldset { border: none; }

form input { padding: 2px; font: 1em Verdana, sans-serif; color: #333333; }

form button { font: 1em Verdana, sans-serif; color: #333333; }

table { border-collapse: collapse; width: 100%; }



/*

*	PAGE

*/



#page { background: #ffffff url("graphics/page-top.gif") no-repeat; width: 955px; margin: 0 auto; }



/*

*	HEADER

*/



#header { padding: 20px 17px 15px 17px; overflow: hidden; }

* html #header { height: 1%; }

#header img { float: right; margin-top: 5px; }

#header h1 img { float: left; margin-top: 0; }

#header p { float: left; padding: 12px 0 0 90px; }

#header a { color: #0194dd; font: bold .9em "Myriad Pro", sans-serif; text-transform: uppercase; text-decoration: none; }



/*

*	MENU

*/



#menu { width: 909px; overflow: hidden; background: #cce7fa; margin: 0 10px 15px 10px; padding: 13px 13px 10px 13px; border-bottom: 1px solid #c8deee; }

* html #menu { height: 1%; }



	/* pages */

	

#menu ul { float: left; }

#menu ul li { float: left; background: #ffffff url("graphics/menu-hover-left.gif") no-repeat; }

#menu ul li a { background: #cce7fa; float: left; color: #2c343d; line-height: 1em; padding: 5px 10px; font: bold 1em "Myriad Pro", sans-serif; text-transform: uppercase; text-decoration: none; }

#menu ul li a:hover, #menu ul li a.active { color: #336699; background: url("graphics/menu-hover-right.gif") top right no-repeat; }



	/* search */

	

#search-form { float: right; background: url("graphics/search-left.gif") no-repeat; padding-left: 21px; width: 267px; }

#search-form input { width: 205px; height: 14px; float: left; padding: 5px; border: 1px solid #8da5b7; border-left: none; }

#search-form button { width: 50px; height: 26px; text-indent: -1000em; margin-left: 1px; border: none; cursor: pointer; float: right; background: #2c343d url("graphics/search-button.gif") no-repeat; }



/*

*	MAIN

*/



#main { overflow: hidden; padding: 0 10px; margin-bottom: 15px; }

*  html #main { height: 1%; }



/*

*	CONTENT

*/



#content { float: right; width: 750px; }

#content h3 { color: #cc0000; font: bold 1.2em "Trebuchet MS", sans-serif; padding-top: 10px; margin-bottom: 10px; border-top: 1px dotted #666666; }



	/* columns */

	

#content div.columns { overflow: hidden; }

* html #content div.columns { height: 1%; }

#content div.columns div.column-left { float: left; width: 437px; }

#content div.columns div.column-right { float: right; width: 300px; }



#content div.columns div.box { margin-bottom: 15px; font-size: .9em; padding: 20px; line-height: 1.4em; }

#content div.columns div.box h2 { font: 1.7em "Trebuchet MS", sans-serif; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #666666; }



#content div.columns div.box-welcome { min-height: 230px; padding-left: 175px; background: #fdd052 url("graphics/box-welcome-bg.jpg") no-repeat; }

* html #content div.columns div.box-welcome { height: 230px; }

#content div.columns div.box-welcome h2 { color: #cc0000; border-bottom-color: #cc9966; }

#content div.columns div.box-welcome p { padding-right: 25px; }

#content div.columns div.box-welcome p.more a { font-size: .9em; color: #333333; font-weight: bold; padding-left: 9px; background: url("graphics/arrow2.gif") left 5px no-repeat; }



#content div.columns div.box-why { max-height: 230px; font-size: .9em; line-height: 1.5em; color: #ffffff; background: #0093dd url("graphics/box-why-bg.gif") repeat-x; }

* html #content div.columns div.box-why { height: 230px; }

#content div.columns div.box-why h2 { border-bottom-color: #ffffff; }

#content div.columns div.box-why img { display: block; }

#content div.columns div.box-why ul li { padding-left: 13px; background: url("graphics/bullet.gif") left 5px no-repeat; }



#content div.columns div.box-ads { min-height: 140px; padding: 0; }

* html #content div.columns div.box-ads { height: 140px; }

#content div.columns div.box-ads h2 { border-bottom: none; padding-bottom: 0; }

#content div.columns div.box-ads img { display: block; margin: 0 auto; }



#content div.columns div.box-newsletter { min-height: 154px; font-size: .8em; padding: 13px 20px; background: #f4f0de url("graphics/box-newsletter-bg.gif") repeat-x; }

* html #content div.columns div.box-newsletter { height: 154px; }

#content div.columns div.box-newsletter h2 { padding-bottom: 3px; font-size: 1.8em; color: #cc3300; border-bottom-color: #a4abb3; }

#content div.columns div.box-newsletter form { margin-bottom: 10px; }

#content div.columns div.box-newsletter form input { vertical-align: middle; height: 12px; margin-right: 2px; padding: 4px; width: 170px; border: 1px solid #cccccc; }

#content div.columns div.box-newsletter form button { vertical-align: middle; height: 22px; cursor: pointer; background: #ffffff; font-size: .9em; font-weight: bold; padding: 3px; border: 1px solid #cccccc; }

#content div.columns div.box-newsletter p { margin-bottom: 10px; }

#content div.columns div.box-newsletter ul li { line-height: 1.7em; }

#content div.columns div.box-newsletter ul li a { padding-left: 21px; font-weight: bold; color: #006699; font-size: .9em; text-decoration: none; }

#content div.columns div.box-newsletter ul li.rss a { background: url("graphics/rss.gif") 2px center no-repeat; }

#content div.columns div.box-newsletter ul li.bookmark a { background: url("graphics/bookmark.gif") left center no-repeat; }



	/* content */

	

#content div.content h2 { position: relative; letter-spacing: -1px; color: #cc0000; font: 1.7em "Trebuchet MS", sans-serif; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #666666; }

#content div.content h2 img { position: absolute; right: 0; top: 0; }

#content div.content p { line-height: 1.5em; margin-bottom: 15px; }

#content div.content img { float: left; margin: 5px 12px 0 0; }



	/* meta */

	

#content div.meta { overflow: hidden; color: #000000; font-size: .8em; border: 1px dotted #666666; border-left: none; border-right: none; padding: 10px 0 0 0; margin-bottom: 5px; }

* html #content div.meta { height: 1%; }

#content div.meta a { color: #000000; }

#content div.meta p { float: left; }

#content div.meta p.tags { width: 450px; padding-top: 2px; }

#content div.meta p.manufacturer { width: 450px; padding-top: 2px; }

#content div.meta p.links { width: 300px;line-height:12px; }

#content div.meta p.links a { margin: 0 2px; font-weight: bold; color: #ffffff; text-decoration: none; float: left; background: #7ba517 url("graphics/meta-links-left.gif") no-repeat; }

#content div.meta p.links a span { display: block; padding: 2px 5px; background: url("graphics/meta-links-right.gif") right top no-repeat; }

#content div.meta p.links a.report { background-color: #ff3300; }

	/* meta2 */

	

#content div.meta2 { overflow: hidden; color: #000000; font-size: .8em; }

* html #content div.meta2 { height: 1%; }

#content div.meta2 a { color: #000000; }

#content div.meta2 p { float: left; }

#content div.meta2 p.tags { width: 450px; padding-top: 2px; }

#content div.meta2 p.manufacturer { width: 450px; padding-top: 2px; }

#content div.meta2 p.links { width: 300px;line-height:12px; }

#content div.meta2 p.links a { margin: 0 2px; color: #ffffff; text-decoration: none; float: left; background: #7ba517 url("graphics/meta-links-left.gif") no-repeat; }

#content div.meta2 p.links a span { display: block; padding: 2px 5px; background: url("graphics/meta-links-right.gif") right top no-repeat; }

#content div.meta2 p.links a.report { background-color: #ff3300; }




	/* products */

	

#content div.products { text-align: center; font-size: .9em; overflow: hidden; border: 1px solid #cccccc; padding: 20px 10px 0 10px; margin-bottom: 15px; }

* html #content div.products  { height: 1%; }

#content div.products h3 { font-size: 1.1em; color: #2c343d; text-align: left; padding: 0 10px; margin-bottom: 15px; border: none; text-transform: uppercase; }

#content div.products ul { float: left; padding-bottom: 5px; }

#content div.products ul li { float: left; width: 120px; padding: 0 10px; height:150px; }

#content div.products ul li img { display: block; border: none; margin: 0 auto 5px auto; }



	/* merchants */

	

#content table.merchants { margin-bottom: 15px; }

#content table.merchants thead { background: #f2f2f2; }

#content table.merchants thead th { border-top: 1px solid #cccccc; padding: 7px 10px; text-align: left; color: #2c343d; font: bold 1.2em "Trebuchet MS", sans-serif; }

#content table.merchants thead th.merchant { border-left: 1px solid #cccccc; }

#content table.merchants thead th.purchase { border-right: 1px solid #cccccc; }

#content table.merchants tbody tr.alt td { background: #f4f4f4; }

#content table.merchants tbody td { padding: 7px 10px; }

#content table.merchants tbody td.merchant { border-left: 1px solid #cccccc; }

#content table.merchants tbody td.merchant img { display: block; border: 1px solid #d6d6d6; }

#content table.merchants tbody td.price { font-size: .9em; font-weight: bold; }

#content table.merchants tbody td.total { font-size: .9em; font-weight: bold; color: #ff0000; }

#content table.merchants tbody td.purchase { border-right: 1px solid #cccccc; }

#content table.merchants tfoot td { border-top: 1px solid #cccccc; padding-top: 15px; font-size: .8em; }

#content table.merchants tfoot td.updated { text-align: right; }







	/* contact */



#content .form_holder {background:#cedceb;border-bottom:2px solid #9ab2cc;}	

#content .form_holder h2.category {background:#fff;border-bottom:2px solid #9ab2cc}

#content .form_holder  ul.contact {margin:0;padding:0;list-style:none;}

#content .form_holder  ul.contact li {padding:3px 0;}

#content .form_holder  ul.contact li label {display:block;float:left;width:160px;margin-left:20px;font-size:15px;}	

#content .form_holder  ul.contact li .text {background:#d5e8fc;border:none;border:1px solid #9ab2cc;color:#333;font-size:17px;}

#content .form_holder  ul.contact li select {background:#d5e8fc;border:none;border:1px solid #9ab2cc;color:#333;font-size:15px;}

#content .form_holder  ul.contact li textarea {background:#d5e8fc;border:none;border:1px solid #9ab2cc;color:#333;font-size:15px;}

	

/*

*	SIDEBAR

*/



#sidebar { float: left; width: 167px; }

#sidebar h3 { font-size: 1.2em; }

#sidebar h3 a { display: block; border: 1px solid #868e96; border-bottom-color: #2c343d; color: #ffffff; text-transform: uppercase; background: #2c343d; padding: 4px 10px; font: bold 1em "Myriad Pro", sans-serif; text-decoration: none; }

#sidebar h3 a:hover, #sidebar h3 a.active { background: #0093dd; border: 1px solid #ffffff; border-left: none; border-right: none; padding-left: 11px; }

#sidebar ul li ul li { padding: 3px 5px 3px 20px; background: #57626e url("graphics/arrow.gif") 10px 9px no-repeat; border-top: 1px solid #868e96; }

#sidebar ul li ul li:hover {background: #0093dd;}

#sidebar ul li ul li a:link { font-size: .9em; text-decoration: none; color: #ffffff; }

#sidebar ul li ul li a:visited { font-size: .9em; text-decoration: none; color: #ffffff; }

#sidebar ul li ul li a:hover { text-decoration: underline; color: #ffffff; }



/*

*	LINKS

*/



#links { overflow: hidden; margin: 0 5px 5px 5px; }

* html #links { height: 1%; }



#links div.box { line-height: 1.3em; font-size: .9em; float: left; display: inline; margin: 0 5px; width: 304px; }

#links div.box div.box-wrapper { padding: 10px 14px; min-height: 108px; }

* html #links div.box div.box-wrapper { height: 116px; }

#links div.box h4 { margin-bottom: 7px; font: bold 1.3em "Trebuchet MS", sans-serif; color: #2c343d; }

#links div.box ul li a { background: url("graphics/arrow2.gif") left center no-repeat; padding-left: 11px; color: #006699; text-decoration: none; }

#links div.box p a { font-weight: bold; font-size: .9em; background: url("graphics/arrow2.gif") left 5px no-repeat; padding-left: 11px; color: #333333; text-decoration: none; }



#links div.box-orange { background: #f7f1d4 url("graphics/box-orange-top.gif") no-repeat; }

#links div.box-orange div.box-wrapper { background: url("graphics/box-orange-bottom.gif") left bottom no-repeat; }



#links div.box-blue { background: #d7effa url("graphics/box-blue-top.gif") no-repeat; }

#links div.box-blue div.box-wrapper { background: url("graphics/box-blue-bottom.gif") left bottom no-repeat; }



#links div.box-green { background: #eaf3ce url("graphics/box-green-top.gif") no-repeat; }

#links div.box-green div.box-wrapper { background: url("graphics/box-green-bottom.gif") left bottom no-repeat; }



/*

*	FOOTER

*/



#footer { overflow: hidden; background: #e7e7e7 url("graphics/page-bottom.gif") no-repeat; padding: 15px 5px; color: #79796f; font-size: .8em; }

* html #footer { height: 1%; }

#footer a { color: #79796f; text-decoration: none; }

#footer p.links { float: left; }

#footer p.copyright { float: right; }