* { margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; }
html { height:100%; }
body { color:#444; font-size:12px; background:#fff; }

.small { font-weight:bold; color:#999; }
.small, .modifydate, .createdate, div.mosimage_caption { font-size:100%; }
#osbnav a, #inset a { font-size:110%; }

#osbnav, span.pathway, .small, .createdate, .modifydate, #inset { font-weight:bold; }
#osbnav span { color:#ffffff; margin-top:5px; font-size:12px; }

a { color:#2767c5; text-decoration:underline; }
a:hover { color:#88D300; text-decoration:underline; }
td td td a { font-size:12px; }

/* headings */
h1, h2, h3, h4, p { padding-bottom:5px; }

ul, ol { }

input, select { border:solid 1px #fff; padding:1px 3px; line-height:16px; font-size:12px; background:url(images/input-bkg.gif) repeat-x top; }

.modifydate { height:20px; vertical-align:bottom; font-weight:bold; color:#999; }
.createdate { height:20px; vertical-align:top; font-weight:bold; vertical-align:top; padding:0 0 5px; color: #999; }

.clr { clear:both; }

center { display:block; overflow:hidden; text-align:left; }

/* Fix for nested floating divs above */
.clearfix:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Buttons */
.button { display:block; width:102px; height:22px; color:#fff; line-height:20px; text-align:center; background:url(images/blackGlassButton.gif) no-repeat; font-size:11px; font-weight:bold; border:0 !important; }
.button:hover { color:#88D300; cursor:pointer; cursor:hand; }

/** template layout stuff **/
.wrapper { width:950px; margin:0 auto; clear:both; overflow:hidden; }
#mainbody { min-height:540px; }
#mainbody > table { background:#fff; }

#shadow-l { background:url(images/bkg-body-top.gif) repeat-x top left; }
#shadow-r { background:url(images/bkg-body-bottom.gif) repeat-x bottom left; padding-bottom:10px; }

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #D7DAEC;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #dddddd;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	border: 1px solid #000000;
	margin: 1px auto;
	padding: 1px;
	width: 99%;
	white-space: nowrap;
	overflow: auto;
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help { cursor: help; }

/* The main post box - this makes it as wide as possible. */
.editor { width: 96%; }

/* Highlighted text - such as search results. */
.highlight { background-color: yellow; font-weight: bold; color: black; }

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, tr.windowbg td { padding:5px; background:#f2f2f2; border-bottom:1px solid #eee; }
.windowbg2,tr.windowbg2 td { padding:5px; background:#fff; border-bottom: 1px solid #eee; }
.windowbg3,tr.windowbg3 td { padding: 5px; background: #f0f0f0; }

/* the today container in calendar */
.calendar_today { }

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
table.nopad .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, tr td.titlebg
{
	font-size: 100%;
	font-weight: bold;
	padding: 4px;
}

.titlebg, .titlebg2 { background: #DDD; }

.titlebg, .titlebg a:link, .titlebg a:visited { }
.titlebg a:hover { }

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited { }
.titlebg2 a:hover { }

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor { border:1px solid #CCC; }

/* This is used on tables that should just have a border around them. */
.tborder { border:1px solid #CCC; padding:1px; }

table.relatedTopics td { text-align:left; vertical-align:middle; }
table.relatedTopics td.cntr { text-align:center; }
table.relatedTopics a { text-decoration:none; }
table.relatedTopics small a { color:#333; }
table.relatedTopics small a:hover { color:#88D300; }
#relatedTopics .catbg3 { font-size:11px !important; padding:1px 0 1px 5px !important; }
.catbg, .catbg2, .catbg3{ background:#fff; border-bottom:2px solid #CCC; }
.catbg, .catbg2 { padding:5px 5px 5px 10px; }
.catbg a, .catbg2 a { font-size:14px; color:#555; text-decoration:none; }

table.pagination { margin:2px 0; width:100%; }

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext { font-size: x-small; }
.middletext { line-height: 18px; }
.normaltext { font-size: small; }
.largetext { font-size: large; }


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage { padding-top:10px; }
img.impressiontracking { width:0; height:0; visibility:hidden; }

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
}

/* Sometimes there will be an error when you post */
.error{ color: red; }

/* HEADER */
#osbheader { padding:10px; height:100px; background:#000 /*url(images/header-bkg.gif) repeat-x bottom*/; }
	#osblogo { float:left; display:block; width:294px; height:65px; overflow:hidden; background:url(images/online-shopping-bags3.gif) no-repeat;}
	#osblogo a { display:block; width:294px; height:65px; border:0; }

	#headerBannerAd { width:728px; height:90px; float:right; overflow:hidden; }

	/* HEADER - user area */
	#userinfo-logged, #userinfo-notlogged { height:70px; font-weight:bold; float:right; overflow:hidden; padding:5px 0 0 5px; border:solid 1px #888; background:#111; margin-bottom:5px; font-size:11px; color:#aaa; }
	   #userinfo-logged, #userinfo-notlogged  b { color:#fff; }
	#userinfo-logged { width:510px; }
	#userinfo-notlogged { width:390px; }
		/* Not logged in */
		.loginField { display:block; width:130px; height:40px; float:left; font-size:10px; text-align:left; overflow:hidden; }
		.loginField input[type=text], .loginField input[type=password] { height:16px; width:120px; border:solid 1px #aaa; }
		.loginField input[type=button] { float:left; }

		/* Logged in */
		#userinfo-logged h3 { font-size:14px; }
		#avatarImage { height:65px; width:65px; float:left; margin:0 10px 0 0; clear:none; background:#fff; }
		#avatarImage img { height:65px; width:65px; float:left; clear:none; }
		div.profile_info { height:70px; width:435px; overflow:hidden; display:block; float:left; clear:none; }
			div.profile_info span { font-size:11px; }

		/* the usercenter (login / avatar "quick user links") */
		#userinfo-logged ul { list-style:none; display:block; width:216px; float:left; min-height:50px; clear:none; }
		#userinfo-logged li { margin-bottom:2px; }
		#userinfo-logged li img { margin-right:5px; }

	td.smalltext { font-weight: normal; }

	/* Global Header Navigation */
	#osbnav { height:31px; width:950px; float:left; }
	#osbnav ul { display:block;}
	#osbnav li { float:left; display:block; }
	#osbnav a { text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; }

	#osbnav ul>li:first-child a, #osbnav ul>li#selected:first-child a { border-left:0; }

	#osbnav li a { display:block; float:left; width:80px; height:28px; line-height:28px; padding:0 10px 0 0; color:#fff; }
	#osbnav li a:hover { color:#88d300 !important; text-decoration:none !important; }

	#osbnav li#selected a, #osbnav li#selected a:hover { color:#88d300; text-decoration:none; cursor:pointer; }

		.hiddenMenu { position:absolute; z-index:10; visibility:hidden; text-align:left; width:150px; margin:28px 0 0 -2px; }
		table.headerMenu { background:#fff url(images/headerMenu-bkg.gif) repeat-y right; border:solid 1px #555; width:100%; }
		table.headerMenu td { text-align:left; vertical-align:top; }
		table.headerMenu a
		{
			color:#2767c5 !important;
			width:150px !important;
			overflow:hidden;
			font-size:11px !important;
			display:block;
			text-decoration:none;
			margin:0 10px;
			height:22px !important;
			line-height:22px !important;
			border-bottom:dotted 1px #ddd;
		}


	/* Global Header Navigation */
	.searchfield { float:right; width:300px; overflow:hidden; }
		.input_search { display:block; height:16px; width:170px; float:right; color:#aaa; }
		.button_search { margin:0 0 0 5px; float:right; }

/* MASTHEAD - showcase */
#showcase { color:#444; clear:both; }
	#valueProposition { float:left; width:950px; height:250px; overflow:hidden; margin:20px 0 0; }
	#welcomeMessage { float:left; clear:both; width:920px; overflow:hidden; font-weight:normal; font-size:12px; margin:5px 0; line-height:19px; }
		#welcomeMessage span { font-size:21px; display:block; line-height:29px; color:#88d300; }

/* CONTENT */
td.postLeft { padding:5px 10px 5px 5px !important; overflow:hidden; vertical-align:top; border-right:dotted 1px #cccccc; width:16%; }
td.postRight { padding:5px 5px 5px 10px !important; overflow:hidden; vertical-align:top; width:84%; }

a.addthis_button { margin:6px 0 0 10px; display:block; width:125px; height:16px; float:left; }
#tweetmeme { float:right; width:50px; overflow:hidden; margin:0 0 5px 15px; }
/*
#tweetmeme { float:left; width:50px; height:96px; overflow:hidden; margin:0 15px 5px 0; }
   #tweetmeme div { background:url(images/tweetmeme.gif) no-repeat; }
   #tweetmeme div iframe { margin-top:35px; }
*/

p.keywords { font-weight:bold; font-size:11px; margin:0 0 10px 0px; }
p.keywords b { font-weight:normal; }

#storesContentBody { margin:10px 0; clear:both; }
#storesContentBody h1 { margin:0 0 10px; font-size:14px; color:#88d300; }
	div.store { display:block; width:144px; height:95px; float:left; text-align:center; margin:2px; padding:5px; overflow:hidden; font-size:11px; background:#f1f1f1; }
		div.storeLogo { width:150px; height:75px; display:table-cell; vertical-align:middle; overflow:hidden; }
			div.storeLogo span { display:inline-block; height:45px; width:1px; }
			div.storeLogo img { width:65px; border:0; vertical-align: middle; }
		div.storeName { width:200px; float:left; }
		   div.storeName a { display:block; font-size:13px; padding:7px; border:solid 1px #fff; }
		   div.storeName a:hover { border:solid 1px #88D300; text-decoration:none; }

#legalContentBody { margin:10px 0 0; }
	#legalContentBody h1 { margin:5px 0; font-size:14px; color:#88d300; }
	#legalContentBody h2 { margin:10px 0 0; font-size:12px; }

span.pathway { clear:both !important; display:block; overflow:hidden; width:950px; height:16px; line-height:16px; font-size:10px; margin:5px 0; font-weight:bold; color:#888; }
span.pathway img { margin:4px 1px 0; vertical-align:middle; }
span.pathway a { color:#aaa; text-decoration:underline; }
span.pathway a:hover { color:#88D300; }
span.pathway b { display:inline; color:#888; }

.postbuttons { text-align:center; overflow:hidden; white-space:nowrap; }
.postbuttons a { line-height:20px; height:20px; font-size:11px; margin:0 10px 0 0; }
.postbuttons a:hover { color:#2767c5; }
.postbuttons img { float:right; }

#postmodify { clear:both; }

/* BoardIndex.template */
.rssIndex { float:right; width:70px; height:20px; font-size:10px; }

/* Display.template */
.poll { margin-bottom:10px; }

#parentTable { background:#fff; }
#parentTable > table { table-layout:fixed; width:100%; }
#titleBar { background:#eee;  }
	#titleBar td { padding:5px; vertical-align:middle; font-size:11px; }
	#titleBar h1 { font-size:13px; display:inline; }
div.fullwidth { overflow:auto; width:100%; }

#footerbar td { padding:5px; vertical-align:middle; font-size:11px; border-top:solid 1px #ccc; }


/* FOOTER (smf copyright) */
#recentPosts { width:938px; overflow:hidden; border:solid 1px #ccc; margin:15px auto; padding:5px; background:#fff; }
#recentPosts span { display:block; font-size:10px; padding:1px 10px; margin:1px 0; border-bottom:dotted 1px #eee; }
#recentPosts a { color:#aaa; }
#recentPosts b a { color:#2767c5; font-size:11px; }
#recentPosts b a:hover { color:#88D300; }

#osbfooter { padding:10px 0; height:180px; text-align:center; background:#000 /*url(images/footer-bkg.gif) repeat-x top*/; }
	#osbfooter p { font-size:11px; color:#666; text-align:left; clear:left; }
	#osbfooter a { color:#666; text-decoration:none; }
	#osbfooter a:hover { }
   #osbfooter b { color:#ffffff; margin-bottom:0px; display:block; }
   #buzzybea { width:65px; height:65px; float:left; margin:0 15px 15px 0; }

#footerNav { width:800px; margin:10px 0; text-align:left; float:left; }
	#footerNav ul { list-style:none; display:block; }
	#footerNav li { display:inline; margin-right:10px; }
	#footerNav a { color:#2767c5; font-size:11px; font-weight:bold;}
	#footerNav a:hover { color:#88D300; }

#logoFooter { float:right; display:block; width:150px; height:37px; margin:5px 0; }

fieldset { padding: 5px 0; }

/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/* Search Page */
#searchform table { width:100%; }
#searchform td { text-align:left; }
#searchform select { width:200px; }

/* Help Page */
#helpmenu .error, #helpmenu2 .error { color:#000; text-decoration:underline; }

#helpmain p { margin:10px 0 10px 20px; }
#helpmain ul, #helpmain ol { margin:10px 0 10px 30px; }
#helpmain h2 { margin:30px 0 5px; border-bottom:dotted 1px #aaa; }
#helpmain div { margin:10px 30px; padding:10px; }
#helpmain div div { margin:0; }

a.googletag { color: #003399; }
a.googletagged { color: #336699; }