/* 
	Copyright: 2006 Maestro Publishing
	Author: Peter J. Farrell (pfarrell@greatbiztools.com)
	$Id: gbtBasic.css 6903 2009-01-26 20:08:08Z peterfarrell $
	Notes:
*/
/* GENERICS
--------------*/
* {
margin: 0;
padding: 0;		
}

html {
background: #FFF url(/img/css/bk_html.jpg) repeat-x fixed bottom left;
}

body {
background: transparent url(/img/css/bk_body.jpg) repeat-x scroll top left;
text-align: center;
}

/* CONTAINER
---------------*/
#container {
margin: 0 auto 0 auto;
padding: 0;
background: #FFF;
border-left: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
width: 960px;
text-align: left;
}

#skipLinks {display: none;}

/* HEADER
---------------*/
#header {
background: #FFF url(/img/css/bk_navTabs.gif) bottom repeat-x;
border-bottom: 3px solid #D0D0D0;
height: 97px;
margin-bottom: 24px;
}

#logo {
float:left;
margin: 6px 0 0 12px;
height: 61px;
}

#logo h1 { margin: 0; }

/* QUICKLINKS
---------------*/
#quickLinks {
float: right;
margin: 6px 22px 0 0;
_margin-right: 9px;
overflow: hidden;
height: 27px;
}

#quickLinks ul {
list-style: none;
padding: 0;
margin: 0;
display: block;
font-size: 0.9em;
}

#quickLinks li {
list-style: none;
float: left;
padding: 3px;
height: 19px;
font-weight: bold;
}

#quickLinks h3 { display: none; }

#quickLinks ul a {
color: #333;
padding: 6px 12px;
}

#quickLinks ul a:hover {
text-decoration: underline;
background-color: #E5E5E5;
color: #809FFF;
}

#quickLinks ul a.highlight {
background-color: #D0D0D0;
color: #00248F;
}

#quickLinks img { float: left; padding-right: 3px; }

/* NAVTABS
---------------*/
#navTabs {
clear: both;
float: left;
padding-left: 24px;
height: 30px;
width: 936px;
margin-bottom: 9px;
}

#navTabs h3 { display: none; }

#navTabs ul {
list-style: none;
padding: 0;
margin: 0;
display: block;
font-weight: bold;
}

#navTabs li {
float: left;
border-left: 1px solid #E5E5E5;
padding: 0 3px 0 3px;
}

#navTabs ul a {
float: left;
padding: 6px 15px;
text-decoration: none;
color: #333;
height: 28px;
voice-family: "\"}\"";
voice-family: inherit;
height: 18px;
}

#navTabs ul li a:hover {
text-decoration: underline;
background-color: #E5E5E5;
color: #809FFF;
}

#navTabs a.highlight {
background-color: #D0D0D0;
color: #00248F;
}

/* SIDEBAR
---------------*/
#sidebar {
float: left;
margin-left: 24px;
#margin-left: 24px; /* ie7 */;
_margin-left: 12px; /* ie6 */
width: 265px;
}

/* NAVBAR
---------------*/

#navbar .navgroup {
background: #E5ECFF url(/img/css/bk_navbar.jpg) top repeat-x;
border-top: 3px solid #809FFF;
font-size: 0.9em;
font-weight: bold;
margin-bottom: 24px;
padding: 6px;
}

#navbar h3, #navbar h4, #navbar p {
color: #333;
padding: 0.1em 0.2em 0.1em 0.2em;
}

#navbar ul {
margin: 0.5em 0 0.25em 0;
padding-left: 17px;
#padding-left: 20px; /* ie7 */
_padding-left: 20px; /* ie6 */
}

#navbar ul ul {
margin: 0.25em 0 0.25em 0;
padding-left: 13px;
#padding-left: 16px; /* ie7 */
_padding-left: 16px; /* ie6 */
}

#navbar li {
list-style-image: url(/img/css/bulletArrowOrange.gif);
padding-bottom: 0.25em;
}
#navbar li li { list-style-image: url(/img/css/bulletCircleOrange.gif); }
#navbar li li li { list-style-image: url(/img/css/bulletDashOrange.gif); }

#navbar a {
display: block;
color: #00248F;
padding: 0.1em 0.2em 0.1em 0.2em;
}
#navbar a:focus, #navbar a:hover, #navbar a:active { color: #809FFF; }

#navbar a.highlight { color: #FF9800; }
#navbar a.highlight:focus, #navbar a.highlight:hover, #navbar a.highlight:active { text-decoration: underline; }


/* PROMOBAR
----------------*/
.promobar {
border: 1px solid #B36B00;
background: #FFF url(/img/css/bk_promobarCorner.gif) bottom right no-repeat;
margin-bottom: 24px;
font-size: 0.9em;
}

.promobar h3 {
color: #FFF;
padding: 0.05em 0 0 0.45em;
background: #FF9800 url(/img/css/bk_promobar.jpg) bottom left repeat-x;
border-bottom: 1px solid #B36B00;
}

.promobar h3 a { color: #FFF; }
.promobar h3 a:focus, .promobar h3 a:hover, .promobar h3 a:active { color: #FFF; }

.promobar a { color: #B36B00; }
.promobar a:focus, .promobar a:hover, .promobar a:active { color: #FF9800; }

.promobar .main {
margin: 0;
padding: 6px;
background: url(/img/css/bk_promobarMain.jpg) top left repeat-x;
}

.promobar .main p { margin: 0; }

/* CONTENT
----------------*/
#contentDivided {
margin: 0 0 0 308px;
padding: 0 0 0 24px;
width: 602px;
min-height: 450px;
border-left: 1px solid #D0D0D0;
}
html>body #contentDivided { margin-left: 311px; }

#contentFull, #contentBasic {
margin: 0 24px 24px 24px;
width: 912px;
}

/* PERCENTCOMPLETE
---------------*/
#percentComplete {
border-top: 3px solid #D0D0D0;
margin-bottom: 12px;
padding: 3px;
background-color: #F5F5F5;
vertical-align: middle;
color: #333;
}

#percentComplete p { margin:0.25em;}

#percentComplete img { vertical-align:middle;}

#percentComplete a:hover { color: #809FFF; }

/* CART
---------------*/
#checkoutProgress {
border-top: 3px solid #D0D0D0;
height: 40px;
margin-bottom: 9px;
background-color: #F5F5F5;
}

#checkoutProgress img {
display: block;
float: left;
}

#cartMessage {
border: 1px solid #D0D0D0;
background: #F5F5F5 url(/img/css/bk_cartMessage.gif) no-repeat scroll top right;
padding: 0.5em 60px 0.5em 9px;
min-height: 56px;
margin-bottom: 6px;
}

#cartMessage h3 {
margin: 0.5em 0px;
}

/* PODS
---------------*/
#pods {
float: right;
width: 150px;
margin: 0 0 6px 12px;
line-height: 1.4em;
border: none;
}

#pods a:focus, #pods a:hover, #pods a:active  { color: #809FFF; }

#pods h3 img { margin: 6px 0 0 0; }
#pods h3.top img { margin: 0; }

#pods .pod {
border: 1px solid #B36B00;
background: #FFF url(/img/css/bk_podMain.jpg) top left repeat-x; 
margin-bottom: 6px;
padding: 0.5em 0.25em 0.25em 0.5em;
font-size: 0.9em;
}

#pods .pod h3 { font-size: 1em; }

#pods .pod p { margin: 0; }

#pods .pod ul {
list-style-image: url(/img/css/bulletCircleOrange.gif);
padding: 0;
}

#pods .pod ul ul {
margin-left: -3px;
list-style-image: url(/img/css/bulletDashOrange.gif);
}

#pods .pod ul.none {
list-style-type: none;
list-style-image: none;
}

#pods .pod li {
margin: 0 0 0.25em 13px;
#margin-left: 16px; /* ie7 hack */
_margin-left: 16px; /* ie6 hack */
padding: 0;
}

<!--[if gt IE 6]>
#pods .pod li { margin-left: 16px; }
<![endif]-->

#pods .pod ul.none li { margin-left: 0; }

#pods .pod a { font-weight: bold; }

#pods .pod img { padding: 3px 3px 3px 0; }

#pods .pod input { margin: 0; }

#pods .pod table {
width: 100%;
margin: 0;
}

#pods .pod table .lineTop { border-top: 1px solid #D0D0D0; }

#pods .pod table .shade { background-color: #F5F5F5; }

/* FOOTER
---------------*/
#footer {
margin: 24px 0 0 0;
padding: 0;
clear: both;
position: relative;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
background: #D0D0D0 url(/img/css/bk_footer.gif) bottom left repeat-x;
height: 22px;
}

#footer h3 { display: none; }

#footerlinks ul {
list-style: none;
border-left: 1px solid #E5ECFF;
padding: 0;
margin: 0;
position: absolute;
left: 24px;
}

#footerlinks li {
float: left;
padding: 0;
margin: 0;
font-size: 0.9em;
}

#footerlinks ul a:link, #footerlinks ul a:visited {
display: block;
float: left;
padding: 2px 15px;
text-decoration: none;
border-right: 1px solid #E5ECFF;
border-left: 1px solid #888;
color: #FFF;
height: 14px;
voice-family: "\"}\"";
voice-family: inherit;
height: 18px;
}

#footerlinks ul li a:hover, #footer ul li a.highlight {
background: #E5ECFF url(/img/css/bk_footerlinks.gif) bottom repeat-x;
color: #00248F;
}

#footerlinks ul li.copyright {
border-right: none;
border-left: 1px solid #888;
padding: 2px 0 0 15px;
color: #FFF;
height: 14px;
voice-family: "\"}\"";
voice-family: inherit;
height: 18px;
}

#footerlinks.basic ul li.copyright { border-left: none; }

#footerlinks ul li.copyright a:link, #footerlinks ul li.copyright a:visited, #footerlinks ul li.copyright a:hover {
padding: 0;
border: none;
background: none;
color: #FFF;
}

/* DEBUGGING
---------------*/
.cfdebug {
text-align: left; 
padding: 1em 0 1em 0;
}

.cfdebug table {
margin: 0 auto 0 auto;
width: 770px;
}