/* beweb savvy cms styles - updated 12 May 2006 */
/*
INSTRUCTIONS/NOTES:
 - Modify as needed, these are not hard and fast rules, but using these will ensure all needed styles are defined consistently.
 - The table styles will be used if the administrator pastes in a table from microsoft word, excel or an html page, so its important to define them (they can of course be the same as body copy).
 - Use the next H tag after the headings you need (eg h3 or h4 say) for featured paragraph text if you have such a thing.
 - body.normal is useful if you want to override the body tag of the CMS rich text editor.
 - If using these definitions would require a lot of rework of your existing HTML code, you can prefix them with "normal" (eg "normal.h1") so that they only apply within content blocks.
*/

.normal,P,H1,H2,H3,H4,UL,OL,LI,TD,TH {
	font-family: verdana, helvetica, sans-serif;
	/* zero top and bottom margins make it so users can press enter in the rich text editor to get a single line break, and press enter twice for a full paragraph break (this is like in most programs) */
	margin-top: 0px;    
	margin-bottom: 0px;
}
.normal,P.normal,UL,OL,LI,TD,TH {
	font-size: 11px;
}
H1 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #000;
}
H2 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #993333;
	font-weight: bold;
}

.iscootnews {
	/*h2 sub heading for iscoot news*/
	font-family: verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #000;
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 5px 0px;
	border-bottom:solid 1px #e3e3e3; 
}
H3 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
H4 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	font-weight: bold;
}
UL {
	margin-left: 20px;
	margin-bottom: 8px;
}
OL {
	margin-left: 30px;
	margin-bottom: 8px;
}
/* the following defines the background when editing CMS text, used only in the CMS rich text editor */
body.normal {
	background-image: none;
	background-color: white;
}
/* the following table styles are used within the content area if a CMS user inserts (or pastes in) a table */
 .Standard_Table {
	border: 1px solid #999999;
	vertical-align: top;
	border-collapse: collapse;
}
 .Standard_Table TH {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: left;
	background-color: #dddddd;
}
 .Standard_Table TD {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
}
 .Invisible_Gridlines {
	vertical-align: top;
}
/* the following are not used by Savvy CMS, but are generally useful */
img { 
	border:none; 
}
form {
	margin: 0px;
}
/* end of beweb savvy cms styles */

/* force scrollbar for Gecko
------------------------------------------------------------------*/
html, body {
	min-height: 100.1%;
}

/* Global */
body { margin: 0; padding: 0; background: #77050c url(images/background01.gif) repeat-x top left; color: #000; font-family: verdana, helvetica, sans-serif; }
#sitewrapper { width: 780px; margin-left: auto; margin-right: auto; position: relative; }
iframe { display: none; }

a { color: #5e5e5e; font-weight: bold; font-size: 11px; text-decoration: underline; }
a:Hover { text-decoration: none; }
#content p { font-size: 11px; margin: 0; padding: 0; }

#content .back { display: block; height: 17px; margin-top: 10px; padding-left: 20px; background: url(images/Arrow03.gif) no-repeat top left; }

/* Header */
#header .top { width: 758px; height:104px; display: block; margin-left: 22px; }
#header .bottom { width: 758px; height: 28px; display: block; margin-left: 22px; }

/* Navigation */
#header .nav { width: 758px; height: 24px; margin-left: 22px; background: #ca030e url(images/nav_end.gif) no-repeat top right; }
#header .nav ul { list-style-type: none; margin: 0; padding: 0; }
#header .nav ul li { float: left; }
#header .nav ul li a { display: block; height: 24px; }
#header .nav ul li a:hover { background-position: 0px -48px; }
#header .nav ul li .selected { background-position: 0px -24px;  }

#header .nav .homepage { width: 61px; background: url(images/nav_homepage.gif) no-repeat 0px 0px; }
#header .nav .news { width: 61px; background: url(images/nav_news.gif) no-repeat 0px 0px; }
#header .nav .events { width: 73px; background: url(images/nav_events.gif) no-repeat 0px 0px; }
#header .nav .stories { width: 115px; background: url(images/nav_stories.gif) no-repeat 0px 0px; }
#header .nav .benefits { width: 86px; background: url(images/nav_benefits.gif) no-repeat 0px 0px; }
#header .nav .shop { width: 58px; background: url(images/nav_shop.gif) no-repeat 0px 0px; }
#header .nav .joinus { width: 77px; background: url(images/nav_joinus.gif) no-repeat 0px 0px; }
#header .nav .links { width: 61px; background: url(images/nav_links.gif) no-repeat 0px 0px; }
#header .nav .iscoot { width: 72px; background: url(images/nav_iscoot.gif) no-repeat 0px 0px; }
#header .nav .contacts { width: 94px; background: url(images/nav_contacts.gif) no-repeat 0px 0px; }

/* Sub Nav */
#subnav { background: url(images/SubNav_Background.gif) repeat-x top left; margin-left: 111px; width: 647px; height: 32px; }
#subnav .subnav-inner { background: url(images/SubNav01.gif) no-repeat top left; width: 647px; padding: 6px 0px 0px 30px; height: 26px; }
#subnav ul { list-style-type: none; margin: 0; padding: 0; }
#subnav ul li { float: left; }
#subnav ul li a { display: block; color: #fff; text-decoration: none; margin-right: 14px; font-size: 10px; }
#subnav ul li a:Hover { color: #545454; text-decoration: underline; }
#subnav ul li .selected { color: #545454; text-decoration: underline; }

/* Content */
#pagepicture { width:132px; height: 130px; position: absolute; margin-top: 3px; z-index: 999; }
#content { width: 758px; color: #5e5e5e; background: #fff url(images/Header_Shade01.gif) repeat-x top left; margin-left: 22px; overflow: hidden; padding-bottom: 15px; }
#content .content-inner { margin: 36px 0px 0px 111px; }

#content .alpha { width: 345px; background: #fff url(images/Column_Break01.gif) repeat-y top right; float: left; }
#content .alpha-inner { padding: 0px 10px 0px 0px; } 
#content .beta { width: 302px; background-color: #fff; float: left; }
#content .beta-inner { padding: 0px 10px 0px 10px; }

#content .delta { width: 447px; background: #fff url(images/Column_Break01.gif) repeat-y top right; float: left; }
#content .delta-inner { padding: 0px 10px 0px 0px; } 
#content .gamma { width: 200px; background-color: #fff; float: left; }
#content .gamma-inner { padding: 0px 10px 0px 10px; }

/* Shop Specific */
#content .epsilon { width: 326px; background-color: #fff; float: left; }
#content .epsilon-inner { padding: 0px 10px 0px 0px; font-size: 11px; }
#content .epsilon-inner .h1alt { margin:0; }
#content .zeta { width: 321px; background-color: #fff; float: left; }
#content .zeta-inner { padding: 0px 0px 0px 10px; }

/* Events Specific */
#content .eta { width: 226px; background-color: #fff; float: left; }
#content .eta-wide { margin:0;width: 610px; background-color: #fff; float: left; }
#content .eta-inner { padding: 0px 10px 0px 0px; font-size: 11px; }
#content .eta-inner .h1alt { margin:0; }
#content .theta { width: 421px; background-color: #fff; float: left; }
#content .theta-inner { padding: 0px 0px 0px 10px; }

/* Events */
#content .eventsheader { background-color: #b8b8b8; }
#content .eventitem { }
#content .eventitem table { margin-left: 34px; width: 376px; }
#content .eventitem table td { padding: 4px 10px 4px 10px; height: auto; background-color: #ededed; border-bottom: solid 1px #fff; }
#content .eventitem .more { display: block; padding-left: 20px; line-height: 17px; background: url(images/Arrow05.gif) no-repeat top left; text-decoration: none; }
#content .eventitem .more:Hover { text-decoration: underline; }

#content .eventalt .name { color: #fff; }
#content .eventalt .date { color: #fff; }
#content .eventalt .break { border-right: solid 1px #bfbfbf; }
#content .eventalt .altrow { background-color: #ca030e; border-bottom: solid 1px #fff; }
#content .eventalt table td { background-color: #dedede; border-bottom: solid 1px #bfbfbf; }
#content .eventalt .more { color: #fff; background: url(images/Arrow06.gif) no-repeat top left; }

/* News */
#content h1 .date { font-size: 11px; color: #5e5e5e; font-style: italic; font-weight: normal; }
#content .newssynopsis { margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; font-size: 11px; border-bottom: solid 1px #e3e3e3; }
#content .newssynopsis h2 a { color: #993333; font-size: 11px; margin-bottom: 2px; }
#content .newssynopsis-inner { }
#content .newssynopsis .more { vertical-align: middle; margin-left: 4px; padding-left: 14px; background: url(images/Arrow02.gif) no-repeat 0px 3px; }

/* Product */
#product { background: #fff url(images/Shop01.gif) repeat-y bottom left; }
#product .product-inner { padding: 10px; background: url(images/HR01.gif) repeat-x bottom left; }
#product .image { background: #fff url(images/Shop01.gif) no-repeat bottom left; padding-left: 1px; }
#product .image img { display: block; width: 315px; xheight:225px; }
#product .price { font-weight: bold; color: #cc0033; font-size: 14px; }

#content .shopitem table { margin-left: 34px; width: 276px; }
#content .shopitem table td { padding: 4px 10px 4px 10px; height: auto; background-color: #ededed; border-bottom: solid 1px #fff; }
#content .shopitem .more { display: block; padding-left: 20px; line-height: 17px; background: url(images/Arrow05.gif) no-repeat top left; text-decoration: none; }
#content .shopitem .more:Hover { text-decoration: underline; }
#content .shopitem .name { font-weight: bold; }
#content .shopitem .price { font-weight: bold; }

#content .shopitemalt table td { background-color: #cfcfcf; }
#content .shopitemalt .name a { color: #000; }
#content .shopitemalt .price { color: #000; }

/* Links */
#content .linkitem { padding: 20px 0px 20px 0px; border-bottom: solid 1px #e3e3e3; }
#content .linkitem a { display: block; margin-top: 10px; }

/* Contacts */
#content .contactitem { margin-bottom: 20px; }
#content .contactitem .spacer { font-size: 1px; line-height: 1px; border-bottom: solid 1px #e3e3e3; margin: 10px 3px 0px 0px; }
#content .contactitem a { display: block; }

/* Sidebar Images */
#content .image-thumb h2 { color: #993333; font-size: 11px; margin-top: 4px; }
#content .image-thumb { margin-bottom: 20px; }
#content .image-thumb-inner { width: 170px; }
#content .image-thumb .enlarge { display: block; font-weight: normal; height: 17px; font-size: 11px; margin-top: 3px; padding-left: 20px; background: url(images/Arrow04.gif) no-repeat top left; text-decoration: none; }
#content .image-thumb .caption { display: block; text-align: left; font-size: 11px; margin-top: 10px; }
#content .image-thumb .caption p { font-size: 11px; }
#content .image-thumb .more { vertical-align: middle; padding-left: 14px; font-size: 11px; background: url(images/Arrow02.gif) no-repeat 0px 3px; }

#content .image-sml-collection { font-size: 11px; }
#content .image-sml-collection .head { font-size: 11px; font-weight: bold; color: #000; padding: 0px 0px 3px 0px; border-bottom: solid 1px #e3e3e3; }
#content .image-sml { float: left; margin: 3px 3px 0px 0px; }
#content .image-sml img { display: block; }

/* Std Box */
#content .box1 { margin: 0px 0px 15px 0px; }
#content .box1-inner { padding: 0px 0px 15px 0px; }
#content .box1 .alt h2 { color: #000; font-size: 16px; margin-bottom: 6px; }
#content .box1 h2 { color: #993333; font-size: 16px; margin-bottom: 6px; }
#content .box1 img { float: right; }
#content .box1 .more { display: block; height: 17px; margin-top: 10px; padding-left: 20px; background: url(images/Arrow01.gif) no-repeat top left; }

/* Image Popup */
#imagepopup { text-align: center; }
#imagepopup img { display: block; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
#imagepopup .close { margin-top: 10px; padding: 1px 0px 1px 20px; background: url(images/Icon_Close.gif) no-repeat top left; }

/* Form Table */
#content .formtable { background-color: #e3e3e3; }
#content .formtable td { padding: 3px; border-bottom: solid 1px #fff; }
#content .formtable .label { font-weight: bold; padding: 3px 10px 3px 10px; }
#content .formtable .field { padding: 3px 10px 3px 10px; }
#content .formtable .submit { padding: 3px 10px 3px 10px; background-color: #fff; }
#content .formtable .submit a { height: 17px; margin-top: 10px; padding-left: 20px; background: url(images/Arrow01.gif) no-repeat top left; }

/* Footer */
#footer { clear: both; height: 50px; margin-left: 22px; color: #d4a7aa; background-color: #5c0609; font-size: 11px; }
#footer a { font-size: 11px; color: #c72b33; }
#footer a:Hover { color: #990000; text-decoration: none; }
#footer .top { width: 758px; height: 28px; display: block; }
#footer .inner-left { padding-left: 10px; float: left; }
#footer .inner-right { padding-right: 10px; float: right; }