/* ------------------------------------------------------------------- */
/* Consolidated css from template_css and nav.css into this stylesheet */
/* too, for easier synchronization with WP blog theme. dk 2/20/09      */   
/* ------------------------------------------------------------------- */

/* --------------------------------- */
/* Globals - these affect everything */
/* --------------------------------- */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Geneva, "Trebuchet MS", Arial, sans-serif;
}
body {
	background: #efefdd;   /* pale beige overall pg background */
	color: #686362;        /* dark grey */
	font-size: 12px;
	line-height: 125%;
}


/* ------------- */
/*  Basic stuff  */
/* ------------- */
p {
	padding-bottom: 8px;
}
a {
	color: #0066ff;     /* mid blue link color  */
	text-decoration: underline;
}
a:hover {
	color: #f56b19;     /* darker blue hover color */
	text-decoration: underline;
}
a:focus {
	outline: none;
}
a img  {
	border: none;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li {
	padding-left: 9px;
	margin: 0px;
	background: url(../images/style2/bullet.gif) no-repeat 0 5px;
}

div.main-left-only ol,
div.main-left-only ul,
div.main-right-only ol,
div.main-right-only ul,
div.main-wide ol,
div.main-wide ul,
div.main-both ol,
div.main-both ul {
	margin-left: 20px;
}

blockquote {
	border: 1px solid #cfdbe2;   /* pale blue */
	background-color: #e9f7fe;   /* extra pale blue */
        padding: 10px;
        font-style: italic;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
}


/* --------------------- */
/*  Main page structure  */
/* --------------------- */

#main-wrapper	{
	width: 970px;
	margin: 7px auto 0px auto;
}

#mainbody-both {
	padding: 0px;
	margin: 0px;
}

.main-top-right-only,.main-top-both,.main-top-left-only {
	height: 11px;
	width: 970px;
}

.main-top-wide {
	height: 11px;
	width: 970px;
}

.main-both	{
	margin: 0px 190px 0px 200px;
}

.main-wide	{
	margin: 0px auto;
	width: 958px;
	position: relative;
}

.main-left-only	{
	margin: 0px 10px 0px 200px;
	width: 755px;
}

.main-right-only	{
	margin: 0px 190px 0px 10px;
	width: 750px;
}

.bottom-right-only,.bottom-both,.bottom-left-only,.bottom-wide	{
	height: 11px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.main-top-both,.main-top-left-only {
        background: url(../images/style2/top_has_left.png) no-repeat center bottom;
}

.main-top-wide,.main-top-right-only {
        background: url(../images/style2/top_wide.png) no-repeat center bottom;
}

#mainbody-both	{
        background: url(../images/style2/mid_left_right.png) repeat-y center top;
}

#mainbody-left-only {
        background: url(../images/style2/mid_leftonly.png) repeat-y center top;
}

#mainbody-wide,.mainbody-wide,#mainbody-right-only {
        background: url(../images/style2/mid_wide.png) repeat-y center top;
}

.bottom-both,.bottom-left-only	{
        background: url(../images/style2/bot_has_left.png) no-repeat center top;
}
.bottom-wide,.bottom-right-only	{
        background: url(../images/style2/bot_wide.png) no-repeat center top;
}


/* ------------------- */
/*  Sidebar structure  */
/* ------------------- */

#leftcol {
	float: left;
	width: 193px;
	padding: 0;
	margin: 0;
}

#leftcol .left-inside {
	margin: 0;
	padding: 0px 10px 0px 10px;
}

#rightcol {
	float: right;
	width: 180px;
}

#rightcol .right-inside {
	margin: 0;
 	width: auto;
	padding: 5px 10px 0px 0px;
}

/* -------------------------------------------- */
/*  Category heading & Featured product layout  */
/* -------------------------------------------- */

#cathead {
	width: 100%;
	float: none;
        clear: both;
	margin: 0;
	padding: 6px 0 6px 6px;
        text-align: left;
}

#featured {
	width: 55%;
	float: right;
	color: #333333;
	background-color: #cfe1f4;
	margin: 8px 8px 10px 10px;
	padding: 0;
}

#featured .featured-inside {
	margin: 10px 10px 10px 15px;
	padding: 0;
}

#featured .featured-image {
	float: left;
	margin: 5px 10px 10px 0;
	padding: 0;
}


/* ------------------- */
/* Heading text styles */
/* ------------------- */


/* h1 = Primary heading on all Joomla pages              */
/* h1 is the menu option title, not article title        */
/* Replaces old componentheading, contentheading, etc.   */
/* Changed so VM pages use this heading too              */

h1 {	font-family: Geneva, "Trebuchet MS", Arial, Verdana, sans-serif;
        color: #445588;  /* blue, not clickable */
	font-size: 20px;
	font-weight: normal;
        letter-spacing: -1px;
	line-height: 125%;
	padding: 0;
	margin: 12px 0 2px 2px;
	text-decoration: none;
}

/* h2 = Secondary articles on Joomla section/category/home pages  */
/* h2 is the article title (shown on sub-articles, not overview)  */
/* Replacing old a.contentpagetitle below (in progress)           */

h2 {	font-family: Geneva, "Trebuchet MS", Arial, Verdana, sans-serif;
        color: #009900;    /* green */
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 125%;
	padding: 2px 0 0 0;
	margin: 0 0 0 0;
	text-decoration: none;
}

/* h3 = Sidebar headings (with module modifiers below)   */
/*      Used to also be "Featured products"              */

h3 {	font-family: Geneva, "Trebuchet MS", Arial, Verdana, sans-serif;
        color: #666666;     /* mid grey */
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -1px;
        text-align: center;
        text-indent: 0px;
        line-height: 100%;
        height: auto;
        margin: 0 0 5px 0;
	padding: 0;
}

/* h4 = Name of featured product   */

h4 {	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 125%;
	padding: 0 4px 0 0;
	margin: 0 0 0 0;
        text-decoration: underline;
}


/* Content Headings */

/* Secondary article titles on Joomla page             */
/* Used to override clickable titles from h2 to this,  */
/* but in progress to eliminate this, always use h2    */

a.contentpagetitle {
        color: #009900;      /* green */
	text-decoration: none;
}
a.contentpagetitle:hover {
	color: #ffdb25;      /* gold underline on hover */
	text-decoration: underline;
}
td.contentheading {
	width: 100%;
	color: #335a74;
/*	border-bottom: 1px solid #eaeaea;  */
}
.contentheading {
	margin-bottom: 0px;
}
.componentheading {
	font-size: 20px;
	line-height: 125%;
}

/* Module Headings - sightly smaller fonts  */
/* NOT SURE WHY I NEED THESE???  ---------- */
/* Commenting them out 1/3/2011             */

/* .module h1, .moduletable h1 { */
/* 	font-size: 18px; }       */
/* .module h2, .moduletable h2 { */
/* 	font-size: 10px; }       */
/* .module h4, .moduletable h4 { */
/* 	font-size: 14px; }       */


/* ------------------- */
/*  Body text styles   */
/* ------------------- */

/*  Font set for all articles (Joomla & VM)  */
.arttoplinks, .arttxtblg, .arttxtsgl {
	font-family: Verdana, Geneva, Arial, sans-serif;
}

/*  Links at top of an article, to section and/or category  */
.arttoplinks {
	font-size: 1em;
        padding: 0;
	margin: 0 0 1px 0;
}

/*  Article text in blog layout (multiple articles per page) */
.arttxtblg {
	font-size: 1em;
	line-height: 135%;
        border-top: 1px solid #EAEAEA;
        padding: 2px 0 0 0;
	margin: 0;
}

/*  Article text for single article (bit more spacious) */
.arttxtsgl {
	font-size: 13px;
	line-height: 140%;
        border-top: 1px solid #EAEAEA;
        padding: 8px 0 0 0;
	margin: 0;
}


/* ------------------- */
/*  Newsflash Module   */
/* ------------------- */
/*  This was for newsflash in the header section, which I'm not using. */
/*  My sidebar news flash modules are using normal S1/2/3 styles.      */
/*  Keeping this in case I want another header overlay module later.   */

#headermod {
	height: 98px; /* Module Height */
	width: 500px; /* Module Width */
	top:10px; /* Distance from top */
	color: #dbded3; /* Text Color */
}
#headermod .contentheading,#headermod a.contentpagetitle,#headermod a {
	color: #f9f9f2;/* Heading/Link Color */
}

#headermod td.contentheading,#headermod .moduletable h3 {
	border-bottom: 1px solid #3e6d8d;/* Content/Module Heading Border */
}


/* --------------------------------------------- */
/*  Category Tables - for Category list layouts  */
/* --------------------------------------------- */

/* sectiontableheader = heading at top of article list */

table tr.sectiontableheader td,
table td.sectiontableheader {
	color: #fff;
	background-color: #335a74;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	padding: 3px 0 3px 0;
}

/* sectiontableentry1 & 2 = entries in the article list */
/* 1 is for first row, 2 is for rows after t            */

table tr.sectiontableentry1 td,
table td.sectiontableentry1 {
	background: #fff;
	padding: 8px 4px 4px 4px;
	border-bottom: 1px solid #f0f0f0;
	line-height: 155%;
}

table tr.sectiontableentry2 td,
table td.sectiontableentry2 {
	background: #fff;
	padding: 4px;
	border-bottom: 1px solid #f0f0f0;
	line-height: 155%;
}

/* Polls */

table.pollstableborder td.sectiontableentry1 {
color: #3d2518;
background: #f8f8f8;
padding: 2px;
border-bottom: 1px solid #fff;
}
table.pollstableborder td.sectiontableentry2 {
color: #3d2518;
background: #f2f2f2;
padding: 2px;
border-bottom: 1px solid #fff;
}
table.pollstableborder td.sectiontableheader {
padding: 8px;
color: #fff;
border: none;
}
table.pollstableborder tr.sectiontableentry1 td {
border: none;
}
table.pollstableborder tr.sectiontableentry2 td {
border: none;
}

/* Article Overflow */

div.blog_more {
	border-top: 1px solid #e6e6d4;
}
div.blog_more ul li a {
	border-bottom: 1px solid #dadacc;
}
div.blog_more ul li a:hover {
	border-bottom: 1px solid #dadacc;
	background-color: #f9f8ed;
}

/* Mosimages */

div.mosimage {
	border: 1px solid #ccc;
	background: #f7f7f7;
}
div.mosimage_caption {
	color: #666;
	background: #fff;
	border-top: 1px solid #ccc;
}

/* Content Headings */

a.readon {
	background: url(../images/style2/readon.png) no-repeat left center;
}
span.small,.createdate,.modifydate {
	font: 10px/10px Tahoma, Lucida, Verdana, sans-serif;
	color: #bbc6cc;
}
.pagenav_next a,.pagenav_prev a {
	border: 1px solid #cfdbe2;
	background-color: #e9f7fe;
	color: #44789b;
}
div.back_button a {
	border: 1px solid #cfdbe2;
	background-color: #e9f7fe;
	color: #44789b;
}
.pagenav_next a:hover,.pagenav_prev a:hover,div.back_button a:hover {
	background-color: #fff;
	color: #335a74;
}
table.contenttoc {
	background-color: #f5f2e1;
	border: 1px solid #e8e6d8;
}
table.contenttoc th {
	background-color: #335973;
	color: #fff;
}
/* @end */

/* ********************************************** */
/*    Module styles - Basics + S1/2/3 overrides   */
/* ********************************************** */

/* ----------------------------------- */
/*  Common parameters for all modules  */
/* ----------------------------------- */

/* Module text */
.module, .moduleS1, .moduleS2, .moduleS3 {
        position: relative;
        margin: 0 0 1em;
        padding: 0;
}

/* Module "S1" headings                                         */
/* h3 = primary module headings (uses basic h3 from above)      */
/* h2 = article headings that appear in modules (eg. hot deals) */

div.module h2, div.moduleS1 h2, div.moduleS2 h2, div.moduleS3 h2 {
	font-size: 13px;
        letter-spacing: 0;
        border-bottom: none;
        margin: 0 0 2px 0;
        padding: 0; 
}

/* Module lists */
div.module ul, div.moduleS1 ul, div.moduleS2 ul, div.moduleS3 ul  {
        list-style: none;
        margin: 0px;
        padding: 7px 0px 7px 0px;
}
div.module ul li, div.moduleS1 ul li, div.moduleS2 ul li, div.moduleS3 ul li, {
        padding: 0px 0px 2px 10px;
        margin: 0px;
        white-space: normal;
}


/* ------------------------------------------------ */
/*  Default module styles - Modules without S1/2/3  */
/* ------------------------------------------------ */

div.module h3, div.moduletable h3 {
	border-bottom: 1px solid #ececec;
	color: #335973;
	background: url(../images/style2/mod_heading.png) no-repeat left center;
}

/* ------------------------------------- */
/* @group Style 1 Modules (blue modules) */
/* ------------------------------------- */

/* Module "S1" layout (blue background) */

div.moduleS1 div {
        background: url(../images/style2/topleft_S1.png) top left no-repeat;}
div.moduleS1 div div {
        background: url(../images/style2/botleft_S1.png) bottom left no-repeat; height:1%;}
div.moduleS1 div div div {
        background: url(../images/style2/botright_S1.png) bottom right no-repeat;padding:10px;}
div.moduleS1 div div div div {
        background: none;}

/* Module "S1" text (white on blue) */
.moduleS1 {
        background: #427392 url(../images/style2/topright_S1.png) top right no-repeat;color: #FFFFFF; }

/* Module "S1" headings  */
div.moduleS1 h2 {
        color: #fcfcfc; }
div.moduleS1 h3 {
        color: #fcfcfc;
        border-bottom: 1px solid #6d9fc0; }

/* Module "S1" links */
div.moduleS1 a {
        color: #FFFFFF;text-decoration:none;}
div.moduleS1 a:hover {
        color: #FFFFFF;text-decoration:underline;}
div.moduleS1 a:active {
        color: #FFFFFF;text-decoration:underline;}

/* Module "S1" lists */
div.moduleS1 ul li, div.moduleS1 ul.latestnewsS1 li, div.moduleS1 ul.mostreadS1 li {
        background: url(../images/style2/bullet_S1.gif) no-repeat 0px 5px;
}

/* -------------------------------------- */
/* @group Style 2 Modules (brown modules) */
/* -------------------------------------- */

/* Module "S2" layout (beige background) */

div.moduleS2 div {
        background: url(../images/style2/topleft_S2.png) top left no-repeat;}
div.moduleS2 div div {
        background: url(../images/style2/botleft_S2.png) bottom left no-repeat; height:1%;}
div.moduleS2 div div div {
        background: url(../images/style2/botright_S2.png) bottom right no-repeat;padding:10px;}
div.moduleS2 div div div div {
        background:none;}

/* Module "S2" text (brown on beige) */
.moduleS2 {
        background: #dadacc url(../images/style2/topright_S2.png) top right no-repeat;color: #333333;}

/* Module "S2" headings (h3 module headings lighter than h2 or text) */
div.moduleS2 h2 {
        color: #333333; }
div.moduleS2 h3 {
        color: #888885;
        border-bottom: 1px solid #c2c2b8;
}

/* Module "S2" links */
div.moduleS2 a {
        color: #333333;text-decoration:none;}
div.moduleS2 a:hover {
        color: #333333;text-decoration:underline;}
div.moduleS2 a:active {
        color: #333333;text-decoration:underline;}

/* Module "S2" lists */
div.moduleS2 ul li,div.moduleS2 ul.latestnewsS2 li,div.moduleS2 ul.mostreadS2 li {
        background: url(../images/style2/bullet_S2.gif) no-repeat 0px 5px;
}


/* ------------------------------------- */
/* @group Style 3 Modules (grey modules) */
/* ------------------------------------- */

/* Module "S3" layout (light grey background) */

div.moduleS3 div {
        background: url(../images/style2/topleft_S3.png) top left no-repeat;}
div.moduleS3 div div {
        background: url(../images/style2/botleft_S3.png) bottom left no-repeat; height:1%;}
div.moduleS3 div div div {
        background: url(../images/style2/botright_S3.png) bottom right no-repeat;padding:10px;}
div.moduleS3 div div div div {
        background:none;}

/* Module "S3" text (dark grey on light grey) */
.moduleS3 {
        background: #ebebeb url(../images/style2/topright_S3.png) top right no-repeat;color: #6e6e6e;}

/* Module "S3" headings  */
div.moduleS3 h2 {
        color: #666666; }
div.moduleS3 h3 {
        color: #666666;
        border-bottom: 1px solid #c7c7c7;
}

/* Module "S3" links */
div.moduleS3 a {
        color: #427392;text-decoration:none;}
div.moduleS3 a:hover {
        color: #427392;text-decoration:underline;}
div.moduleS3 a:active {
        color: #427392;text-decoration:underline;}

/* Module "S3" lists */
div.moduleS3 ul li,div.moduleS3 ul.latestnewsS3 li,div.moduleS3 ul.mostreadS3 li {
        background: url(../images/style2/bullet_S3.gif) no-repeat 0px 5px;
}

/* @end */

/* @group Structural */

.tplcright a {color: #fff;display: block;margin: 4px 0px 2px 5px;text-align: center;background: url(../images/style2/arrowl.png) no-repeat left center;text-indent: -5000em;width: 75px;height: 12px;line-height: 12px;padding: 0px;}
ul.checklist li {background: url(../images/style2/checklist.png) no-repeat left center;}


/* -------- */
/* Top menu */
/* -------- */

/*  For clarity & ease of merging with blog formatting, I've combined */
/*  elements from style2.css and nav.css together here.               */


.menubar {
	width: 100%;
	height: 39px;
	margin: 0px;
	padding: 0px;
	font: 12px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(../images/style2/navcontainer.gif) repeat-x center top;
}    /* navcontainer image is color band for nav menu */

#navmenu {
	padding: 0px 0px 0px 15px;
	margin: 0px auto;
	position: relative;
	float: none;
	width: 960px;
	background: url(../images/style2/navcontainer.gif) no-repeat left top;
}

#navmenu ul {
	float: left;
	list-style: none;
	padding: 0;
	position: relative;
	top: 8px;
}
#navmenu li {
	float: left;
	height: 22px;
	line-height:22px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	background: url(../images/style2/nav_norm_l.png) no-repeat bottom left;
}
#navmenu li a {
	float: none;
	height: 22px;
	line-height: 21px;
	text-decoration: none;
	padding-right: 10px;
	margin:0px 0px 0px 10px;
	display: block;
	background: url(../images/style2/nav_norm_r.png) no-repeat bottom right;
	color: #fff;
}
div#navmenu li:hover, div#navmenu li.iehover {
	background: url(../images/style2/nav_hover_l.png) no-repeat bottom left;
}

div#navmenu li:hover a, div#navmenu li.iehover a {
	background: url(../images/style2/nav_hover_r.png) no-repeat bottom right;
	color: #335973;
}    /* nav button color 335973 matches header background color */

div#navmenu li.active {
	background: url(../images/style2/nav_active_l.png) no-repeat bottom left;
}

div#navmenu li.active a {
	background: url(../images/style2/nav_active_r.png) no-repeat bottom right;
	color: #FFF;
}    /* nav buttons white when hovered over */

div#navmenu ul ul {
	display: none;
}



/* ---------- */
/*  Left nav  */
/* ---------- */

#leftcol ul#mainlevel,#rightcol ul#mainlevel,
#leftcol ul#mainlevel-sidenav,#rightcol ul#mainlevel-sidenav {
	list-style: none;
}

#leftcol a.mainlevel,#rightcol a.mainlevel,
#leftcol a.mainlevel-sidenav,#rightcol a.mainlevel-sidenav {
	background: url(../images/style2/leftnav_norm.png) no-repeat left center;
	color: #2f462b;
}
#leftcol a.mainlevel:hover,#rightcol a.mainlevel:hover,
#leftcol a.mainlevel-sidenav:hover,#rightcol a.mainlevel-sidenav:hover {
	background: url(../images/style2/leftnav_over.png) no-repeat left center;
	color: #fff;
}
#leftcol a#active_menu.mainlevel,#leftcol a#active_menu.mainlevel:hover,
#rightcol a#active_menu.mainlevel,#rightcol a#active_menu.mainlevel:hover,
#leftcol a#active_menu-sidenav.mainlevel-sidenav,#leftcol a#active_menu-sidenav.mainlevel-sidenav:hover,
#rightcol a#active_menu-sidenav.mainlevel-sidenav,#rightcol a#active_menu.mainlevel-sidenav:hover {
	background: url(../images/style2/leftnav_active.png) no-repeat left center;
	color: #fff;
}
a.sublevel,a.sublevel-sidenav {
	color: #000;
}

/* ------------------------ */
/*  AW custom styles here   */
/* ------------------------ */

/* Text styles for Google AdSense ads    */
/* adt = top, adb = body, adu = url link */

.adt {
	font-family: Geneva, Trebuchet MS, Lucida, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
}

/* Styles for vendor info shown on VM product flypages    */

#vendor-wrapper {
	width: 165px !important;
	margin-left:4px;
}


/* ------------------------ */
/*      Header styles       */
/* ------------------------ */

/* $headerstyle(graphic) */

#header_graphic a img {
	padding-top: 0px;   /* Header Text distance from top */
}

/* Total header height */

#header-wrap,#header_text,#header_graphic {
	height: 215px;
}  

#header_text h2 {
	color: #abccd6;       /* Slogan Text Color */
	font: italic 18px/18px Geneva, Verdana, sans-serif;/* Slogan Text Typograhy */
}

/* ------------------------ */
/*    AW Content styles     */
/* ----------------------------------------------------------------- */
/* NOTE:  If you want to use these styles in the online editor, they */
/*        must be duplicated in aw-store/css/editor.css              */
/* ----------------------------------------------------------------- */

/* FAQ styles for Q and A */
.faq-q {
       background: #fff url(../images/style2/faq-q.gif) no-repeat scroll left bottom; 
        margin: 0 0 0 0;
	padding: 13px 0 0 30px;
	color: #ff9900;   /* orange */
	font-size: 14px;
	line-height: 35px;
}
.faq-a { }


/* ------------------------ */
/*      Footer styles       */
/* ------------------------ */

.footer {
        width: 970px; 
        background: #427392 url(../images/style2/footer_bottom.gif) no-repeat scroll left bottom; 
        float: left; 
        clear: both; 
	margin: 0px;
	padding: 0 0 0px 0;
	color: #e9f7fe;   /* very pale blue */
	text-align: center;
	font-size: 11px;
	line-height: 16px;
}
.footer p {
	margin: 0px;
        text-align: center; 
        padding-top: 10px;
        padding-bottom: 16px;
        background:transparent url(../images/style2/footer_top.gif) no-repeat scroll left top;
}

    .footer a, .footer a:visited {
	    color: #e9f7fe;   /* very pale blue */
       	    text-decoration: none; }
		
    .footer a:hover { color: #FFFFFF; text-decoration: underline; }

/* @end */