/* Something Special Gift Baskets Main Styles
Created by Bryan Kohlmeier
http://www.absolutebica.com
May 26, 2005

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

 
/*main   =main */

* { margin: 0; padding: 0;}
body {font-size: 80%;text-align: center;background: #0C2E6A url(/images/body-bg.gif) repeat-x fixed;font-family: Georgia, "Times New Roman", Times, serif;}
.hide {display: none;}
p { font-size: 1.0em; margin-top: 10px; margin-bottom: 10px;}
div#wrap {margin-right: auto;margin-left: auto;width: 770px;background: url(/images/main-bg.gif) repeat-y center top;text-align: left;padding-bottom: 10px;}
div#logo a img { border: none; margin-left: 15px !important; margin-left: 23px;}
div#hometopcontent {width: 377px;color: #807036;line-height: 22px;padding: 11px; min-height: 100px;}
div#hometopcontent a:link, div#hometopcontent a:visited, div#baskets-int a:link, div#baskets-int a:visited {color: #1F518F; border-bottom: solid 1px #A2C2EA;text-decoration: none;}
div#hometopcontent a:hover, div#baskets-int a:hover {color: #3269E9;border-bottom: 1px solid #1457D3;}
div#error {color: #990000;background-color: #FFFEF2;padding: 5px;border: 1px solid #800000;line-height: 18px;margin-top: 15px;margin-bottom: 25px;}
div#error ul {padding-left: 25px;}
table#contact input, table#contact textarea, select, form#commentform input, form#commentform textarea {
	background-color: #FEFEFA;
	border: 1px inset #6694C6;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1F68BA;
}

div#baskets-int .important {
	font-size: 110%;
	font-weight: bold;
	color: #EC0000;
}
/* headers  =headers */
h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: 8AB1D0; margin-right: 20px; margin-bottom: 20px; }
h1 {font-size: 1.9em; margin-top: 20px; margin-bottom: 20px; display: none;}
h2 {font-size: 1.5em; margin-top: 0px;}
h3 {font-size: 1.2em; margin-top: 20px; margin-bottom: 20px;}
h4 {
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #2364B4;
}

/*navigation =nav*/

div#mainmenu { width: 406px; float: left;  }
div#mainmenu ul li {list-style: none; float: left; }
div#mainmenu ul li span {display: none;}
div#mainmenu ul li a {background-position: left top; display: block; float: left;}
li#home a {	background: url(/images/home-link.gif) no-repeat; height: 57px; width: 55px; }
li#about a { background: url(/images/about-link.gif) no-repeat; height: 57px; width: 51px; }
li#service a {background: url(/images/service-link.gif) no-repeat; height: 57px; width: 60px; }
li#faq a {background: url(/images/faq-link.gif) no-repeat; height: 57px; width: 40px; }
li#contact a {background: url(/images/contact-link.gif) no-repeat; height: 57px; width: 66px; }
li#blog a {background: url(/images/blog-link.gif) no-repeat; height: 57px; width: 45px; }
li#cart a {background: url(/images/cart-link.gif) no-repeat; height: 57px; width: 90px; }
li#cartshad a {background: url(/images/cart-link-shad.gif) no-repeat; height: 57px; width: 89px; }
li#home a:hover, li#about a:hover, li#service a:hover, li#faq a:hover, li#contact a:hover, li#blog a:hover, li#cart a:hover, li#cartshad a:hover {background-position: left bottom;}
div#mainmenu li a.active {background-position: left bottom !important;cursor: auto;}

/*homefade  =fade */

div#images {width: 364px; height: 294px; float: right;}
ul#gallery {}
ul#gallery li {list-style: none;}

/*inttop =inttop */
div#inttop {width: 364px; height: 170px; float: right; background: url(/images/int-topright.gif) no-repeat;}
div#pricing {background-color: #FDFFDD;padding: 5px;margin-top: 60px;border: 1px solid #E8E27D;margin-right: 15px;font-size: 1.2em !important; font-size: 14px;color: #365294;font-family: Arial, Helvetica, sans-serif; width: 325px;}
div#pricing input.button, table#contact input.button, form#commentform input.button {padding: 2px 10px;margin-top: 0px;border: 1px outset #AAB9CE;background-color: #FFFFFF;font-weight: bold;color: #1C4AB9; font-size: 12px;}
div#pricing table td {padding-right: 15px; text-align: center;}
div#description {
	background-color: #F5FAFE;
	border: 1px dashed #D6E0EB;
	padding: 5px;
	margin-top: 60px;
	margin-right: 15px;
	color: #5A87BE;
}
span.currentprice {font-size: 1.1em;font-weight: bold;color: #990000;}

/*faq list =faq */
div#faqquest {
	width: 200px;
	float: right;
	line-height: 19px;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}
div#faqanswer {float: left; width: 300px;}
div#faqanswer p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}

div#baskets-int a.top:link, div#baskets-int a.top:visited {
	font-size: 90%;
	color: #B70000;
	text-decoration: underline;
	border: none;
}
a.top:hover {}

div#baskets-int ul li {
	list-style: none;
	padding: 5px 5px 5px 15px;
}
div#baskets-int ul li {list-style: none;padding-top: 4px;padding-bottom: 4px;padding-left: 13px;background: url(/images/check.gif) no-repeat 0px 10px;}

div#baskets-int table td {vertical-align: top; padding: 4px;}

div#baskets-int div#links div { }
div#baskets-int div.alt {
}
/*categories =categories */
div#categories { width: 185px; padding-left: 20px; border-right: 3px solid #F5F5F5;}
div#categories p.dates {
	font-size: 0.9em;
	color: #807036;
	line-height: 21px;
}

blockquote {
	font-style: italic;
	color: #1D54A7;
	padding: 5px;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #8DAED6;
	border-bottom-color: #8DAED6;
	line-height: 20px;
	background-color: #F8FBFC;
}

div#categories ul { margin-bottom: 15px; font-size: 1.0em;}
div#categories ul li {list-style: none;color: #548DBA;padding: 3px 3px 3px 13px;background: url(/images/arrow.gif) no-repeat 0px 8px;}
div#categories a:link, div#categories a:visited {color: #548DBA; text-decoration: none;}
div#categories a:hover {color: #3A7CDE;text-decoration: underline;}

div.category {width: 225px;margin: 10px;min-height: 250px; height: 250px;border-bottom: 1px dashed #E0E0E0;float: left;}
div.category img { float: left; margin-right: 6px; margin-bottom: 6px; border: 1px solid #2D55B3;}
div.category h4 { font-size: 0.9em; margin-bottom: 10px; line-height: 17px;}
div.category .catprice {font-weight: bold;color: #990000;}
div.category .highlight {font-weight: bold;color: #1B377A;background-color: #FFFFD7;padding-right: 3px;padding-left: 3px;}
.catred {
	color: #990000;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*basketcontent =baskets */
div#contentwrap {padding-top: 30px;}
.price {font-weight: bold;color: #4F7FA6;}
div#baskets { float: right; width: 550px; padding-bottom: 40px; }
div#baskets-int {float: right; width: 530px; padding-right: 20px; padding-bottom: 25px; color: #807036;}
div#baskets-int p {color: #807036;line-height: 22px; padding-top: 5px; padding-bottom: 5px;}
div.basketspecial { float: left; line-height: 18px; color: #7395B1; font-size: 0.9em; width: 150px; height: 290px; border: solid 1px #E1E9F1; background: #F4F5F6; text-align: center; padding: 5px; margin: 5px 7px 10px 7px; }
div.basketspecial img { border: solid 1px #607488; }
div.basketspecial a:link, div.basketspecial a:visited { color: #7395B1; text-decoration: none;}
div.basketspecial a:hover {color: #265ABB; text-decoration: underline;}
div.basketspecial:hover {background-color: #F1FAEB;border: 1px solid #96C265;}
div#photodetail, div.blogimage {width: 200px;float: right;padding: 5px;background-color: #FFFFEC;border: 2px solid #5397EA; text-align: center; margin-bottom: 15px; margin-left: 15px;}
div#photodetail img {border: none;}
div#photodetail a img {border: none;}
div#photodetail a:hover img {border: none;}
div#photodetail a.viewimage:link, div#photodetail a.viewimage:visited {background: url(/images/mag.gif) no-repeat 20px 9px;display: block;padding-top: 5px;padding-bottom: 5px;color: #658ECD;text-decoration: none; border: none;}
div#photodetail a.viewimage:hover {background: #FEFFBF url(/images/mag.gif) no-repeat 20px 9px;color: #26539D;text-decoration: underline; border: none;}
ul.itemlist {padding: 10px;background-color: #F5F9FA;color: #005BB7;border-top: 1px solid #E7EAEF;border-right: 1px solid #E7EAEF;border-bottom: 1px solid #E7EAEF;border-left: 4px solid #BCC9DE;}
.note {font-size: 10px;color: #990000;}
div#baskets-int p.red {color: #FFFFFF;background-color: #990000;padding: 2px 3px 2px 10px;margin-top: 5px;margin-bottom: 5px;}
div#pricing td.smalldetail {padding-top: 5px;border-top: 1px solid #F3EFA0;}
/* footer  =footer */

div#footer {margin: 5px 10px 5px 5px; font-size: 0.9em; line-height: 17px; text-align: right; color: #B9C0CB; padding-right: 10px; padding-top: 15px; border-top: solid 1px #F7F7F7; clear: both;}
div#footer a:link, div#footer a:visited { color: #B9C0CB; text-decoration: underline; }
div#footer a:hover {color: #366CAF;}
div#sitemeter {display: none;}

table#insert td {vertical-align: top; padding: 3px;}
table tr.rowcolor {
	background-color: #F4F4F4;
}

/*blog styles =blog */

div.post {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 3px;
	border-bottom: 1px solid #E2E9EF;
}
.postEven{
	background-color: #F3F9FC;
}
.postOdd {background-color: #FFF;}
	

span.blogcategory {font-size: 80%;}
div.entry {margin-top: 15px; margin-bottom: 15px;}
.postmetadata {
	clear: both;
	background-color: #F8F8F8;
	padding: 3px;
	border: 1px solid #DFDFDF;
}
.navigation {
	display: block;
	text-align: center;
	margin: 10px auto 25px auto;
	width:400px;
	color: #A7BBD1;
	}
ol.commentlist li {padding: 5px;}
li.alt {
	background-color: #FEFFF0;
}

/* flash replacement =flash */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;letter-spacing: 0;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility: hidden;}
.sIFR-hasFlash h2 {visibility: hidden;letter-spacing: -5px;font-size: 26px; height: 32px; }
.sIFR-hasFlash h3 {visibility: hidden;letter-spacing: -5px;font-size: 26px;}