/* Reset
--------------------------------*/
*                               { margin: 0; padding: 0; }



/* Global Layout
--------------------------------*/
body { background-image: url('/template/bg.gif'); background-repeat: repeat-x; }
body                            { color: #55534f; font: 12px/20px helvetica, arial, sans-serif; }
body#winexpertwebkit            { }
div#container                   { width: 800px; margin: 0 auto; }

div.content                     { margin: 0 0 20px 0; padding: 10px 20px; background: #fff; }



/* Special Layout
--------------------------------*/
#header_container				{ border-bottom: 1px solid #e8dbb4; }
#header							{ width: 800px; margin: 0px auto; }
h1#logo                         { width: 800px; height: 100px; margin: 0; background: url('/template/header.gif'); text-indent: -9999px; background-repeat: no-repeat; }

ul#packages                     { float: left; width: 800px; margin: 0 0 20px; list-style: none; }
ul#packages li                  { float: left; width: 390px; }
ul#packages li a                { float: left; display: block; width: 390px; height: 135px; margin-bottom: 10px; text-indent: -9999px; }

ul#packages li#value a          { background: url('/template/packages/value.gif') no-repeat center; }
ul#packages li#premium a        { background: url('/template/packages/premium.gif') no-repeat center; }
ul#packages li#ultraPremium a   { background: url('/template/packages/ultra_premium.gif') no-repeat center; }

ul#packages ul.features         { float: none; margin: 0; list-style: none; font-size: 12px; }
ul#packages ul.features li      { padding: 5px 0; border: none; background: #e9e0c8; text-align: center; }
ul#packages ul.features li.alt  { background: #f4efe2; }



/* Navigation
--------------------------------*/
#nav_container					{ background: #e9e0c8; }
#nav_container2					{ width: 800px; margin:  0px auto; }
ul#nav                          { margin: 0; padding: 7px 20px 5px; background: #e9e0c8; font-size: 12px; list-style: none; }
ul#nav li                       { display: inline; padding: 0 30px 0 0; }

ul#nav li a:link,
ul#nav li a:visited             { color: #040300; text-decoration: none; }
ul#nav li a:hover               { color: #6b5106; text-decoration: none; }

ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover       { color: #6b5106; font-weight: bold; }



/* Global Typography
--------------------------------*/
p                               { margin: 10px 0; }

ul                              { margin: 10px 0 10px 30px; }

h1                              { margin: 10px 0 20px; color: #000; font-size: 24px; font-weight: normal; line-height: 30px; color: #6b5106; }
h2                              { margin: 10px 0; color: #000; font-size: 18px; font-weight: normal; line-height: 25px; color: #6b5106; }
h3                              { margin: 10px 0 -10px; color: #000; font-size: 14px; font-weight: bold; }

strong                          { color: #000; }



/* Special Typography
--------------------------------*/
ul.providedFeatures             { margin: 10px 0 10px 0; font-size: 14px; }

div#templates h1                { margin-left: 20px; }
div#templates table p           { margin: 0 0 20px 0; text-align: center; }

p.quote							{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; line-height: 24px; }



/* Linkage
--------------------------------*/
a                               { outline: none; }
a img                           { border: none; }

a:link, a:visited               { color: #987814; text-decoration: none; }
a:hover                         { color: #987814; text-decoration: underline; }



/* Tables
--------------------------------*/
table                           { width: 100%; margin: -10px 0 0 0; border-collapse: collapse; font-size: 12px; }
table td                        { vertical-align: top; }

div#templates table             { margin: 0; }



/* Forms
--------------------------------*/
div label.error					{ display: block; font-size: 10px; color: #ce665f; }
div input.error					{ border: 1px solid #f99; background-color: #fdd; }
input.textField                 { width: 250px; padding: 2px 5px; font-size: 14px; }
input#submit-key                { width: 75px; }



/* Miscellany
--------------------------------*/
div.clear                       { clear: both; }
