/* Tag Declarations */
body { font: 0.75em/160% Helvetica, Arial, Verdana, sans-serif;background-color:#3176b1; }
h1 {
border-bottom:1px solid #E7E7E7;
font-family:Georgia,Times,serif;
font-size:22px;
line-height:28px;
margin:0 0 10px;
padding:0 0 10px;
}
h2 { font-size: 16px; font-family:Georgia,Times,serif; margin: 0 0 10px 0; padding: 20px 0 10px 0; border-bottom: 1px solid #e7e7e7; }

#sidebar h2 {padding-top: 5px;}

a { color: #3174b3; text-decoration: none; }
a:hover { color: #133d64; }
a.button { text-decoration: none !important; line-height: 30px; background: #3174b3; color: #fff; padding: 2px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.button:hover { background: #133d64; }
p { font-family:verdana,Arial,Helvetica,sans-serif;;
font-size:13px;
line-height:18px;
margin:2px 0 10px; }
p.heading { font-weight: bold; font-size: 1.4em; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e7e7e7; }

blockquote {padding:15px; font-family: Georgia, Times, serif; font-size: 14px;}

/* Helper Classes */
.bold { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.description { color: #999; }

/* Header */
#container { width: 882px; margin: 0 auto; }
#header { float: left; width: 862px; height: 108px; margin: 0 10px; }
#header #logo { float: left; width: 367px; height: 93px; margin: 15px 0 0 0; background-color: #fff; padding: 0px 10px; 
-moz-border-radius: 10px;
border-radius: 10px;
}
#header #cse { float: right; width: 260px; margin: 45px 0 0 0; }
#header #cse p { margin: 0; }
#header #cse p input.text { float: right; width: 160px; margin: 0 3px 0 0; padding: 5px 0 5px 20px; border: 1px solid #999; background: #fff url(../images/ui/icons/magnifier.gif) 2px 50% no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#header #cse p input.button { float: right; margin: 2px 0 0 0; }
#header .freeShipping {
	clear:right;
	float:right;
	margin:5px 58px 0 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Menu */
#menu { float: left; width: 862px; height: 25px; padding: 12px 10px 10px 10px; background: url(../images/ui/menu.jpg) bottom center no-repeat; border-bottom: 3px solid #397ebd; 
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top:13px;}
#menu ul li { float: left; position: relative; }
#menu ul li a { float: left; display: block; line-height: 25px; padding: 0 12px; border-right: 1px solid #e7e7e7; font-weight: bold; color: #000; }
#menu ul li a.last { border: none; }
#menu ul li a:hover { color: #3174b3; }
#menu ul li:hover ul { visibility: visible; }
#menu ul li ul { position: absolute; height: 0; left: 0; top: 25px; visibility: hidden; width: 149px; }
#menu ul li ul li { float: left; position: relative; }
#menu ul li ul li a { width: 200px; background: #fff; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }

/* Main (contains optional breadcrumb navigation, content + sidebar) */
#main { float: left; width: 880px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; background: url(../images/ui/main-background.gif) top center repeat-y; }
/* #main p, #main li { font-size: 1.2em; } */ /* This line changes the font size of the text in the content and sidebar, excluding headings */

/* Breadcrumb */
#breadcrumb { float: left; width: 850px; height: 20px; padding: 5px 15px; border-bottom: 1px solid #d3d3d3; background: #eef1f3; }
#breadcrumb ul li { font-family: georgia, times, serif; float: left; display: inline; padding: 0 5px 0 0; font-size:12px; line-height: 20px; }

/* Content */
#content { float: left; width: 570px; padding: 15px; font-family: verdana, Arial,Helvetica,sans-serif; font-size: 13px; }
#content ul, #content-full ul { list-style-type: disc; list-style-position: inside; margin: 0 0 10px 10px; }
#content ol, #content-full ol { list-style-type: decimal; list-style-position: inside; margin: 0 0 10px 10px; }
#content ul li, #content ol li, #content-full ul li, #content-full ol li { margin: 0 0 5px 0; }
#content a, #content-full a { text-decoration: underline; font-weight:bold;}

/* Full Width Content */
#content-full { float: left; width: 850px; padding: 15px; background: #fff; }

/* Content: Review Grid */
table.reviews { width: 570px; margin: 0 0 10px 0; border: 1px solid #000; }
table.reviews thead tr th {
background:none repeat scroll 0 0 #71A6D8;
border-bottom:1px solid #000000;
font-family:georgia;
font-size:14px;
padding:5px 10px 5px 5px;
text-align:left;
}
table.reviews thead tr th.product-name { width: 105px; }
table.reviews thead tr th.review-summary { width: 305px; }
table.reviews thead tr th.product-links { width: 115px; }

table.reviews tbody tr td { padding: 10px 10px 10px 5px; border-bottom: 1px solid #000; }
table.reviews tbody tr td.product-name { width: 105px; }
table.reviews tbody tr td.product-name div.name { margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold; }
table.reviews tbody tr td.product-name div.rating { margin: 5px 0 0 0; text-align: center; font-weight: bold; }
table.reviews tbody tr td.review-summary { width: 305px; }
table.reviews tbody tr td.product-links { width: 115px; background: #efefef; }

/* Content: Image Box */
div.wp-caption { text-align: center; margin-bottom: 10px; padding: 3px; background: #f9f9f9; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.alignleft { float: left; margin: 0 10px 10px 0; }
div.aligncentre { margin: 0 auto 10px auto; }
div.alignright { float: right; margin: 0 0 10px 10px; }
div.wp-caption p.copyright { position: relative; font-size: 0.8em; margin: -24px 0 5px 0; text-align: center; color: #333; background: url(../images/ui/copyright-background.png) repeat; }
div.wp-caption p.wp-caption-text { margin: 0; text-align: center; font-size: 0.9em; color: #333; }                                                                                         

/* Content: Opt In */
div.optIn { float: left; width: 570px; margin: 0 0 10px 0; padding: 10px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
div.optIn div.optInLeft { float: left; width: 450px; }
div.optIn div.optInLeft form { border: 1px solid #000; background: #b6cadd; padding: 10px; }
div.optIn div.optInLeft form p label { float: left; display: block; width: 25%; }
div.optIn div.optInLeft form p input.text { width: 70%; }
div.optIn img { float: right; width: 120px; }

/* Sidebar */
#sidebar { float: right; width: 260px; padding: 15px 10px 15px 5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
#sidebar a:hover { text-decoration: underline; }
#sidebar ul#related-pages { margin: -10px 0 20px 0; }
#sidebar ul#related-pages li { margin: 0 0 0 15px; padding: 5px 0; line-height: 1.4em; border-bottom: 1px solid #e7e7e7; list-style-type: disc; list-style-position: outside; }

/* Sidebar: Report */
div.report p { text-align: left; }

/* Sidebar: Opt In */
div.sidebar-optin { margin: 0 0 10px 0; }
div.sidebar-optin form p label { float: left; display: block; width: 30%; }
div.sidebar-optin form p input.text { width: 60%; }

/* Sidebar: Quotes */
#recent-visitor-comments blockquote { background: url(../images/ui/icons/quote-left.gif) 5px 2px no-repeat; text-indent: 0px; margin: 0 10px 0 0; }
#recent-visitor-comments blockquote div.quote { display: block; background: url(../images/ui/icons/quote-right.gif) bottom right no-repeat; padding: 5px 15px 0 15px; }
#recent-visitor-comments blockquote div.person { display: block; font-weight: bold; text-align: right; margin: 10px 0; }

/* Footer */
#footer { float: left; width: 862px; height: 19px; padding: 8px 10px 0 10px; background: url(../images/ui/footer.jpg) top center no-repeat; border-top: 3px solid #397ebd;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom:12px; }
#footer ul { margin: 0 auto; width: 500px; }
#footer ul li { display: inline; }
#footer ul li a { float: left; line-height: 10px; padding: 0 10px; border-right: 1px solid #000; font-size: 0.9em; }
#footer ul li a.last { border: none; }

/* Copyright */
#copyright { float: left; width: 886px; text-align: center; }
#copyright p { font-size: 0.9em; }

#content ul.social {list-style:none;margin-left:0;margin-top:5px;}
ul.social li {display:inline;list-style:none;float:left;padding: 5px 9px 0 0;}
