/*  This stylesheet is used for any tags/classes/IDs the user is able to add via 
	XStandard (the WYSIWYG editor used by Dub3).  It should be used for all default 
	styles such as p, a, table etc.  Then specific styles (such as #rightCol p, 
	div.box1 a) can be added in the regular stylesheet. */

/*  When you add a class in XStandard, the class list contains all items specific
	to that tag as well as any classes not given a specific tag.  So if you create
	.itemLink instead of a.itemLink, that class will be available to all tags instead
	of just the ones you intend - try to be specific so that the list is as short and
	useful as possible. */

* { margin:0; padding: 0; } /* Reset all default margins and padding */

/*For the sake of the editor, style this body tag to appear like the content div */
body { font-family:Arial; font-size:0.9em; color:#5b5b5b;} 

p, h1, h2, h3 { margin-bottom:0.8em; }
ul, ol { margin: 15px 35px; }
h1 { font-size:1.2em; line-height:2em; color:#0090ff; border-bottom:1px dashed #c6c6c6; }
h2 { font-size:1em; color:#0090ff; border-bottom:1px dashed #c6c6c6; line-height:2em; font-weight:bold; position:relative;}
h3 { font-size:1em; }
a { color:#0090ff; text-decoration:none; }
a:hover { text-decoration:underline; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
img { border:0; }

/* Reusable classes */
p.left, td.left, th.left { text-align:left }
p.right, td.right, th.right { text-align:right; }
p.center, td.center, th.center {text-align:center;}
p.justify, td.justify, th.justify {text-align:justify;}

img.left { float:left; margin: 5px 5px 5px 0; }
img.right { float:right; margin:5px 0 5px 5px; }
ul.inline li { display:inline; padding:0 4px; }

hr { }

p.small, span.small, ul.small, li.small, div.small, a.small, td.small { font-size: 0.8em; }
p.large, span.large, ul.large, li.large, div.large, a.large, td.large { font-size: 1.2em; }
p.xlarge, span.xlarge, ul.xlarge, li.xlarge, div.xlarge, a.xlarge, td.xlarge { font-size: 1.4em; }
p.xxlarge, span.xxlarge, ul.xxlarge, li.xxlarge, div.xxlarge, a.xxlarge, td.xxlarge { font-size: 1.9em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

span.underline { text-decoration: underline; }

p.indent { margin-left: 25px; }

thead th {} /* Horizontal table headers */
tbody th {} /* Vertical table headers */

div.customerSupport { margin:0 1px; overflow:hidden; padding:10px 0 0; width:548px; }
div.customerSupport a { color:#000; }
div.customerSupport div.box { background:#E5E5E5; border:1px solid #AFAFAF; float:left; height:266px; margin-bottom:8px; width:268px; }
div.customerSupport div.hover { text-decoration:underline; }
div.customerSupport div.marginRight { margin-right:8px; }
div.customerSupport div.boxContent { background:#FFF; border-bottom:1px solid #AFAFAF; border-top:1px solid #AFAFAF; height:60px; padding:10px; width:248px; }
div.customerSupport h3 { margin:0 0 0.4em; }
div.customerSupport img { border:1px solid #AFAFAF; display:block; margin:10px auto; }
div.customerSupport p { color:#000; margin:0; }

/* Home Banner */

div.homeBanner { border:1px solid #DADADA; color:#000; margin:12px auto; position:relative; width:540px; }
div.homeBanner div.boxContent { overflow:hidden; width:540px; }
div.homeBanner div.corner { background-image:url(/cms/outertemplates/images/corners/white-grey-trans.png); }
div.homeBanner h2 { background:url(/cms/outertemplates/images/bg/bgHeader.png) repeat-x; border:0; color:#FFF; font-size:1.5em; font-style:italic; height:38px; line-height:35px; text-indent:10px; text-shadow:1px 1px 1px #000; }
div.homeBanner p { margin:0 0 0.3em; }
table.tblHomeContent { border-collapse:collapse; width:100%; }

a.lnkBlueBtn { background:url(/cms/outertemplates/images/btn/btnBlueRight.png) no-repeat top right; color:#FFF; display:inline-block; font-family:Arial Black, Arial, Sans-Serif; font-weight:bold; height:47px; padding:0 38px 0 0; text-shadow:1px 1px 1px #000; text-transform:uppercase; }
a.lnkBlueBtn span { background:url(/cms/outertemplates/images/btn/btnBlueLeft.png) no-repeat top left; display:inline-block; height:39px; line-height:39px; padding:2px 24px 6px 21px; }
