/*  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.8em; color:#535353;} 

p, h1, h2, h3 { margin-bottom:0.8em; }
ul, ol { margin: 15px 15px 15px 35px; }
h1 { font-size:1.4em; border-bottom:2px solid #eeeeee; padding-bottom: 3px; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
a { color:#890058; text-decoration:underline; }
a:hover { text-decoration:none; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
img { border:0; }
img.border {border:1px solid #900054;padding: 5px;}

/* Reusable classes */
p.left, td.left, th.left { text-align:left }
p.right, td.right, th.right { text-align:right; }
p.justify, td.justify, th.justify { text-align:justify; }

img.left { float:left; margin: 0 5px 5px 0; }
img.right { float:right; margin:0 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.1em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

span.underline { text-decoration: underline; }

p.indent { margin-left: 25px; }
p.center {text-align:center;}

thead th {} /* Horizontal table headers */
tbody th {} /* Vertical table headers */

table.products td {width: 20%; padding-right: 10px;}
table.products td.last {padding-right: 0;}
table.products a.lightbox {padding: 5px;border: 1px solid #ddd; display:block;}
table.products a.lightbox:hover {border-color:#890058;}

table.padded {}
table.padded td, table.padded th {padding:3px;}