/* -----------------------------------------
Stylesheet for Gail Minogue / gailminogue.com
Author: gailminogue.com
Copyright: (c)2009 gailminogue.com
Created: 6 June 2003 
Amended: 6 January 2 2010
-------------------------------------------- */

/* General Styles */
body {margin:0 auto; padding:0; background-color:#f2f2f2; width: 990px; font-family:arial,helvetica,sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: 1.2em 0 -.5em 0; padding:.5em 0 -.9em 0; font-size:1em;}

.clear-left {clear:both; line-height:1px; font-size:1px;}
.clear-right {clear:both; line-height:1px; font-size:1px;}
.clear-both {clear:both; line-height:1px; font-size:1px;}
.skiplink {display:none;}
div.rule {background: #ccc; height:1px; margin: 15px; width: 70%;}
.disclaimer {color: #333; font-style: italic; font-size: 6px;}

img {border: none;}
img.left {float: left; margin: 0 15px 0 0; border: 0;}
img.right {float: right; margin: 0 0 0 15px; border: 0;}

/* Top Links */
#toplinks {margin:0; padding:0; height:25px; background-color:#3F3F3F; background-image:url(../images/top-link-bg.jpg); background-repeat:repeat-x;}
#toplinks a {color:#FFFF80; text-decoration:none; margin-top: 12px; padding: 12px; font-size: 13px; font-weight: bold;}
#toplinks a:hover {color:#FFFFFF; text-decoration:underline;}
#toplinks a:visted {color:#FFFF80; text-decoration:none;}
#toplinks h1 {position: absolute; top: 4px; left: 65%; margin:0; padding:0; font-size: 12px; color:#cccccc;}
#toplinks span {color: #ffffff; padding:0 4px 0 4px;}

#toplinksnav {margin:0 auto; padding:0 1em 0 0; width:800px; text-align:right;}
#toplinksnav p {margin:0; padding:0; font-size:.8em; color:#cccccc; line-height:25px;}
#toplinksnav h1 {position: absolute; top: 10px; right: 6px; margin:0; padding:0; font-size: 12px; color:#cccccc;}

/* Numerologist */
#numero {width: auto; margin:0; padding:0; text-align: center;}
#numero img {border: 0; margin: 0; padding: 0;}

/* Navbar */
#navbar {margin:0; padding:0; height:50px; background-color:#3F3F3F; background-image:url(../images/nav-link-bg.jpg); background-repeat:repeat-x;}

#navbarblock {margin:0 auto; padding:0; width: 95%; line-height:50px; font-size: .93em; text-align:center;}
#navbarblock ul {margin: 0; padding:0; display:inline; list-style-type:none; text-align:center;}
#navbarblock ul li {font-size: 1.0em; display:inline; position:relative;}
#navbarblock a {color:#ffffff; text-decoration:none; padding:16px 15px 15px 15px;}
#navbarblock a.on {color:#CDBEE6; text-decoration:none;}
#navbarblock a:hover {color:#eeeeee; text-decoration:none; background-image:url(../images/nav-link-hover-bg.jpg); background-repeat:repeat-x; background-position:top;}
#navbarblock a:visted {color:#ffffff; text-decoration:none;}

/* Call Out Area */
#callout {margin:0; padding:0; height:135px; background-color:#A5C274; background-image:url(../images/callout-bg.jpg); background-repeat:repeat-x;}

#calloutblock {position:relative; margin:0 auto; padding:5px; width:770px; font-size:.9em; text-align:left;}
#calloutblock p {margin:.3em 0 0 0; font-size: 1.0em; color: #222222; line-height: 20px;}
#calloutblock h1, h2 {margin: 0 0 0 0; padding:.5em 0 0 0; font-size: 1.3em; color:#F84407;}
.calloutfloat {float:left; position:relative; margin:13px 15px 0 0; padding:0; border:none; height:104px;}
#calloutblock a {color:#323232; text-decoration:underline;}
#calloutblock a:hover {color:#616161; text-decoration:none;}
#calloutblock a:visted {color:#323232; text-decoration:underline;}

/* Text Area */
#textarea {position:relative; margin:0 auto; padding:20px; text-align:left; background-color: #ffffff;}
#textarea p {font-size: 14px; font-color: #222222; margin: 12px; line-height:20px;}
#textarea .tag {margin: 0 0 2px 0; padding: 0; font-size:.7em; color:#008040; text-transform: uppercase;}
#textarea ul, li {font-size: 12px; color: #000000; margin: 8px; padding-left: 15px;}
#textarea h2, h3, h4, h5, h6 {margin: 6px 6px 0 0; padding: 0; font-size: 15px; color:#F84407;}
#textarea a {color:#F84407; text-decoration:none; font-weight: bold;}
#textarea a:hover {color:#F84407; text-decoration:underline;}
#textarea a:visted {color:#F84407; text-decoration:none;}
#textarea form {padding-left: 12px;}

#media {width: auto; text-align: left;} 
#media ul {margin:0; padding: 0;}
#media li {margin: 4px 0 4px 0; padding: 4px; display: inline-block; text-align: center;}
#media a {font-weight: bold;}
#media p {font-size: 12px; color:333; margin:6px 0 0 24px; font-style: italic;}

#newsletter {margin: 6px;}
#newsletter p { font-size: 12px;} 
#newsletter ul, ol {margin: 6px; padding-left: 48px;}
#newsletter li {margin: 6px; padding: 2px 0 2px 4px; list-style: upper-roman;}

/* Side Bar */
#sidebar {float:right; margin:48px 0 0 12px; padding:5px 5px 5px 10px; width:205px; background-color:#A95029; border-left:0px solid #828181;}
#sidebar p {font-size: .8em; color:#ffffff;}
#sidebar .subtopic {font-size: .9em; margin:0 0 6px 0; padding:0; font-weight: bold;}
#sidebar ul, li {margin: 6px; padding: 2px 0 2px 4px; font-color: #ffffff; list-style: diamond;}
#sidebar a {color:#ffffff; text-decoration:none; font-size: 1.0em; padding: 2px 0 2px 0;}
#sidebar a:hover {color:#ffffff; text-decoration:none; font-size: 1.0em; margin: 2px 0 2px 0; padding: 2px 0 2px 0;}
#sidebar a:visted {color:#ffffff; text-decoration:none; font-size: 1.0em; padding: 2px 0 2px 0;}

/* Forms */
#formBox {padding:6px 0 12px 0;}
#formBox label {float:left; width:180px; text-align:right; padding-right:6px; font-size: 0.8em;}
#formBox input, #formBox textarea, #formBox select {width:250px; margin-bottom:5px; background:#f4f4f4; border:1px solid #ccc;}
#formBox textarea {width:250px; height:150px;}
#formBox p {margin-left:85px; padding:3px 0 5px;}
#formBox img {display:block; margin-left:106px;}
#formBox .boxes {width:1em;}
#formBox input#submitbutton {margin-left:185px; margin-top:5px; width:120px; background:#ccc !important;}
#formBox br {clear:left;}

/* Right Column */
#rightcol {width: 25%; float:right; padding-left:12px; margin: 0 0 18px 18px ; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#rightcol h4 {margin: 8px auto; padding: 4px auto; font-size: 15px; color:#008040;}
#rightcol p {font-size: 12px; font-color: #222222; line-height:20px;}
#rightcol .subtopic {font-size: .9em; margin:0 0 6px 0; padding:0; font-weight: bold;}
#rightcol img {/*display:block;*/ margin:8px 0;}
#rightcol ul {padding:0 0 17px 20px;}
#rightcol a {text-decoration:none; font-weight: bold;}
#rightcol a.on {text-decoration:none; font-weight: normal;}
#rightcol a:hover {text-decoration:underline;}
#rightcol a:visited {text-decoration:none;}
#rightcol ul, li {list-style: none;}

/* footer area */
#footer {position:relative; margin:15px auto; padding:0 5px 0 5px; width:770px; color:#999999; text-align:center; clear:both;}
#footer p {font-size:.7em;}
#footer a {color:#F84407; text-decoration:none;}
#footer a:hover {color:#cccccc; text-decoration:underline;}
#footer a:visted {color:#F84407; text-decoration:none;}

/* Products*/
.products table {width: 75%; vertical-align:top;}
.products td {text-align:left; font-size: 13px; line-height:15px; padding: 6px; width: 10%;}
.products img {border:0; padding:4px;}
.products .price {color: #FF0000; font-weight: bold;}

.siteMap {width:400px; margin:4px 45% 0 0; padding:4px 45% 0 0;}
.siteMap ol {color:#004080; margin:0; padding:0}
.siteMap ul, li {line-height:180%; text-align:left;}