/*
	Havtorn Design
	havtorndesign.se
	
*/

/* GLOBAL */
body						{font-family:Georgia, "Times New Roman", Times, serif; background-color:ffffff; margin-top:0px; text-align:center; font-size:80%;}
form						{margin:0px; padding:0px;}
textarea					{font-family:Arial, Helvetica, sans-serif;}
legend						{padding-right:.5em; padding-left:.5em;}

.blueLink					{color:#0000ff; font-weight:normal;}
.devOnlyMsg					{width:100%; text-align:center; font-size:150%; font-weight:bold; color:#999; margin-bottom:2em;}

.contentContainer			{width:900px; margin-left:auto; margin-right:auto; background-color:#ffffff;}
.headerMiddle				{float:left; padding:4em 0 1em 0; width:556px;}
.headerMiddle a				{color:#000000;}
.headerMiddleAdmin			{float:left; padding:2.3em 0 1em 0; width:556px;}
.headerMiddleAdmin a		{color:#000000;}
.headerImgL					{float:left; height:148px;}
.headerImgR					{float:left; height:148px;}
.onPageNavLink				{font-weight:bold;}

#contentRow					{padding:2em; text-align:left;}
#devInd						{background-image:url(../images/main-bg3.gif); background-repeat:repeat;}

.breadcrumbTrail			{margin-bottom:1em;}
.breadcrumbTrail a			{color:#F79420;}

.textHeading1				{color:#F79420; font-size:150%; font-weight:bold; margin:0 0 1em 0;}
.textHeading2				{color:#F79420; font-size:125%; font-weight:bold; margin:0 0 1em 0;}
.textHeading3				{color:#F79420; font-size:100%; margin:0 0 1em 0;}
.textHeading3line			{color:#F79420; font-size:100%; margin:0 0 1em 0; border-bottom:1px solid #F79420;}
.textParagraph				{margin:0 0 2em 0; clear:both; overflow:auto;}
.textParagraphRight			{margin:0 0 1em 0; text-align:right;}
.textBold					{font-weight:bold;}
.textImage					{margin:2em 0 0 0; text-align:right;}
.homeFeedbackMsg			{height:20px; text-align:right; color:#F79420;}

#footerRow					{clear:both; padding-top:4em;}
#footerText					{text-align:center; padding:1em 0 1em 0;}

.itemSmImg					{margin:.5em;}
.itemSmImgDiv				{margin:.5em; text-align:center; float:left; border:1px solid #ffffff; padding:.25em;}
.itemSmImgDiv:hover			{margin:.5em; text-align:center; float:left; border:1px dashed #666666; padding:.25em;}

.itemFirstImgDiv			{border:1px solid #ffffff; padding:.25em;}
.itemFirstImgDiv:hover		{border:1px dashed #666666; padding:.25em;}


/* HOME ============================================= */
#latestNews					{}
.newsBracket1				{float:left; font-size:46px; color:#F79420;} /* homepage latest news item */
.newsBracket2				{float:left; font-size:80px; color:#F79420;} /* homepage newsletter signup */
.newsText					{margin:.75em .25em 0 .25em; float:left; font-size:110%;}

.newsletterSignup			{clear:both; padding:2em 0 0 3em; text-align:center;}
.newsletterGreyText			{font-size:100%; color:#999999;}


/* NEWS ============================================= */
.newsItem					{clear:left; width:780px;}
.newsData					{padding:0 0 0 1.5em; float:left;}
.newsData .newsBracket		{float:left; font-size:180%; color:#F79420;}
.newsTitle					{font-weight:bold; font-size:120%;}
.newsDate					{color:#999; margin-bottom:.5em;}
.newsBody					{padding:0 0 4em 0; width:600px;}

.post-date 					{width:45px; height:49px; float:left; background:url(../images/date-bg.gif) no-repeat; margin-left:6em;}
.post-month 				{font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-align: center; display:block; line-height: 11px; padding-top: 2px; margin-left: -3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.post-day 					{font-size: 18px; text-transform: uppercase; color: #999999; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


/* GALLERI ========================================== */
.addPhotoSet				{width:50%; margin-bottom:1em;}
.adminPhoto					{float:left; padding:.5em; border:1px dashed #999999; margin:.5em;}
.editPhotoTextarea			{width:200px; font-size:100%;}

.photoAdminTableLeft		{width:550px; padding-right:1em; vertical-align:top; text-align:center;}
.photoAdminTableRight		{padding-left:1em; vertical-align:top;}

.galleriPhoto				{width:160px; height:160px; line-height:160px; float:left; margin:.25em; text-align:center; border:1px dashed #ffffff; padding-top:.5em;}
.galleriPhoto:hover			{border:1px dashed #999999;}
.galleriPhoto img			{vertical-align:middle;}


/* ITEM PAGES ======================================= */
.contentItemTable			{width:100%;}
.itemTableLeft				{width:50%; padding-right:1em; vertical-align:top;}
.itemTableRight				{width:50%; padding-left:1em; vertical-align:top;}

.itemPhotoGroup				{text-align:center;}
.itemPhotoGroup img			{margin:.5em;}
#itemImagesDiv				{width:405px;}
#itemImagesDiv .itemSmImgDiv				{margin:.5em; text-align:center; float:left; border:1px solid #ffffff; padding:.25em; width:110px; height:110px;}
#itemImagesDiv .itemSmImgDiv:hover			{margin:.5em; text-align:center; float:left; border:1px dashed #666666; padding:.25em;}

.itemName					{font-weight:bold; font-size:150%;}
.itemAttributes				{margin-top:1em;}
.attLabel					{font-weight:bold;}
.itemPrice					{margin-top:1em;}
.oldPrice					{text-decoration:line-through;}
.discountPrice				{color:#900;}

.itemBuySet					{margin-top:1em; padding:.5em; border:1px solid #cccccc; float:left;}
.buyTable					{}
.buyTable td				{padding:.25em; text-align:right; font-size:85%;}
.buyTable .buyField			{text-align:left;}
.buyButton					{}
.successAddMsg				{color:#F79420; float:left; margin:1em 0 0 1em;}
.noQuantityMsg				{color:#F79420; font-size:85%; padding:.25em;}

.itemValMsg		{color:#900; margin:2em 0 0 1.5em; float:left;}
#noSize			{display:none;}
#noQuantity		{display:none;}
#noLetter		{display:none;}

/* BUTIKEN ============================================ */
.butikenAllDiv				{width:770px; margin-left:auto; margin-right:auto; text-align:center;}
.butikenItemDiv				{width:202px; height:190px; margin:1.5em; float:left; border:1px dashed #ffffff; padding:.5em;}
.butikenItemDiv:hover		{border:1px dashed #666666; padding:.5em;}
.butikenItemText			{color:#F79420; font-size:125%; margin-bottom:.75em;}
.butikenItemDiv a			{color:#F79420; text-decoration:none;}

.addThisDiv					{clear:both; margin-top:1em; padding-top:1em;}

/* POSTERS ========================================== */
.postersAllDiv				{width:336px; margin-left:auto; margin-right:auto; font-size:80%;}

/* DOLLS ============================================ */
.dollsAllDiv				{width:230px; margin-left:auto; margin-right:auto;}

/* LETTER PAINTINGS ================================= */
.letterpaintingsAllDiv		{width:575px; margin-left:auto; margin-right:auto;}
.letterSmImgDiv				{background-color:#000000; margin:.5em; padding:2px; text-align:center; float:left;}
.letterLgImgDiv				{background-color:#000000; padding:4px 2px; width:354px;}
.letterLgImgDiv img			{margin:0px;}

.vintageAllDiv				{}

/* CART ============================================= */
.contentCartTable					{width:100%; margin-left:auto; margin-right:auto; margin-top:2em; margin-bottom:2em;}
.contentCartTable .highlight td		{padding:.5em; background-color:#e5e5e5; vertical-align:top;}
.contentCartTable .nohighlight td	{padding:.5em; vertical-align:top;}
.cartHeaderRow td					{font-weight:bold; border-bottom:1px solid #000000; padding:.5em;}
.totalsRow td						{border-top:1px solid #000000; padding:.5em; vertical-align:top; font-weight:bold; font-size:120%;}
.totalsRow .greyText				{color:#999999; font-weight:normal;}
.contentCartTable .orderID			{font-size:120%; font-weight:bold;}

.cartRowImgDiv				{float:left; width:100px; margin-right:1em; text-align:center;}
.cartRowDiv					{float:left;}

.cartUpdateMsg				{float:right; color:#F79420; margin:.5em 0 0 0;}
.checkoutCell				{text-align:right; padding:1em .5em 1em .5em;}
.checkoutCell a				{color:#F79420; font-size:150%;}
.checkoutCell .backLink		{float:left;}

/* CHECKOUT ========================================= */
.shippingRow td				{border-top:1px solid #999999; padding:1em .5em 1em .5em; vertical-align:top;}

.shippingTableDiv			{padding:.75em; background-color:#e5e5e5; float:left; width:90%;}
.shippingTable				{}
.shippingTable td			{padding:.25em; vertical-align:baseline;}
.vatText					{margin-top:1em; color:#999; font-weight:normal; font-size:80%;}

.validationMsg				{color:#900; margin-top:.25em; width:230px;}
#errorMsgButton				{display:none;}
#noName						{display:none;}
#valName					{display:none;}
#noAddress1					{display:none;}
#valAddress1				{display:none;}
#valAddress2				{display:none;}
#noPostal					{display:none;}
#valPostal					{display:none;}
#noCity						{display:none;}
#valCity					{display:none;}
#noCountry					{display:none;}
#valCountry					{display:none;}
#noEmail					{display:none;}
#valEmail					{display:none;}
#noPhone					{display:none;}
#valPhone					{display:none;}

/* INVOICE ============================================= */
.thankyouMsg				{font-size:170%; color:#F79420;}
.invoiceData				{font-weight:bold; padding:.15em 1em .15em 1em;}

/* GALLERY ============================================= */
.galleryTable				{width:100%;}
.galleryTable .linkL		{text-align:right; width:40%; padding:1em;}
.galleryTable .linkR		{text-align:left; width:40%; padding:1em;}
.galleryTable a				{color:#F79420;}

.galleryThumbsDiv			{width:310px; margin-left:auto; margin-right:auto; margin-bottom:10em;}

/* ADMIN ORDERS ========================================= */
.statusName					{float:left; width:75px; height:22px; clear:both;}
.statusDate					{color:#F79420; font-weight:normal; height:22px; float:left;}
.greyText					{color:#999999; font-weight:normal;}
.doneWord					{font-weight:normal; height:22px; float:left;}
.doneWord a					{color:#00F;}
.undoWord					{color:#999999; padding-left:.75em; font-size:80%;}
.returnedWord				{color:#900;}

.highlightCell						{padding:1em .25em 1em .25em; background-color:#e5e5e5; vertical-align:top;}

.adminOrdersTable					{width:100%; margin-left:auto; margin-right:auto; margin-top:2em; margin-bottom:2em;}
.adminOrdersTable .highlight td		{padding:1em .25em 1em .25em; background-color:#e5e5e5; vertical-align:top;}
.adminOrdersTable .nohighlight td	{padding:1em .25em 1em .25em; vertical-align:top;}
.adminOrdersHeaderRow td			{font-weight:bold; border-bottom:1px solid #000000; padding:1em .25em .15em .25em;}
.adminOrdersTable .orderID			{font-size:120%; font-weight:bold; font-family:"Courier New", Courier, monospace;}
#errorCost					{margin-left:1em; color:#900; display:none;}
.resendInvoice				{margin-top:1em;}
.resendInvoice a			{color:#00F}
.unpaidDays					{margin-left:.5em; color:#900;}

.orderButtonRow				{text-align:right; padding-top:1em;}
.ordersBrackets				{font-size:160%; vertical-align:middle;}
.textEditBox				{border:1px dashed #999; padding:.25em;}

/* ADMIN PAGES ========================================== */
.adminOrderSymbol			{font-size:12px; vertical-align:super; font-weight:bold; color:#F79420;}

#adminLoginDiv				{width:250px; 1float:left; background-color:#e5e5e5; margin-left:auto; margin-right:auto; padding:1em;}
#adminLoginDiv .buttonRow	{text-align:center; padding-top:1em;}
#adminLoginDiv .fieldRow	{padding-top:.5em;}
#loginButton				{padding:.15em 2em .15em 2em;}
.loginFeedbackMsg			{color:#F79420; margin:0 0 1em 0; height:20px; text-align:center;}

.adminHelloDiv				{color:#F79420; padding:0 0 .5em 0;}
.adminHelloDiv a			{color:#F79420;}
.statDiv					{width:100%; margin-bottom:4em; clear:both;}
.statName					{float:left; font-size:120%; font-weight:bold;}
.statNumber					{font-size:250%; color:#F79420; float:left; padding-left:.25em; margin-top:-.25em; margin-bottom:2em;}
.statMoney					{font-size:150%; color:#999999; float:left; padding-left:.25em;}
.statLink					{font-weight:normal;}
.smallerSEK					{font-size:50%;}
.adminSetLegend				{font-weight:bold; font-size:120%;}
#adminSevenDays				{margin-top:.35em; margin-bottom:0em;}
#adminSevenDays td			{padding:.5em; background-color:#e5e5e5; border-bottom:3px solid #ffffff;}
#adminSevenDays .none td	{padding:.5em; background-color:#ffffff; border-bottom:3px solid #ffffff;}

.editRightCell				{background-color:#e5e5e5; padding:1em;}
.adminRightGroup			{margin:2em 0 0 0;}

.adminTopActionLinks		{float:right;}

/* EDIT ITEM */
.activeCheck				{float:right; font-weight:bold;}
.editItemDiv				{padding-bottom:1em; font-weight:bold; clear:left;}
.editTextarea				{width:400px; font-size:100%;}
.editPriceGroup				{padding-bottom:1em; clear:left;}
#priceOrig					{float:left; padding:.25em; font-weight:bold;}
#priceDiscount				{float:left; padding:.25em; font-weight:bold;}
#priceText					{float:left; padding:.5em 0 2em 1em; color:#999999;}

.editSizeTable td			{padding:.15em 1em .15em 0;}
.sizeText					{font-weight:normal;}
.editButtonRow				{text-align:right; margin-top:1em;}

.itemImageUpSet				{padding:1em;}
.itemImageList				{margin-top:2em; width:95%;}
.itemImageList td			{padding:.5em .5em .5em .5em; border-bottom:1px solid #999; background-color:#e5e5e5;}
.itemImageHeader td			{font-weight:bold; border-bottom:1px solid #000000; padding:.5em .5em .5em .5em; background-color:#ffffff;}
.itemImageFooter td			{border-bottom:1px solid #ffffff; background-color:#ffffff; text-align:right;}

/* EDIT NEWS */
.newsContentCount			{}
#errorTitle					{color:#900; display:none;}
#errorContent				{color:#900; display:none;}

/* SALES */
.salesYear					{font-family:Verdana, Geneva, sans-serif;font-size:350%; font-weight:bold; 1border:1px dashed red; clear:both; padding:1em 0 0 0;}
.salesMonth					{font-family:Verdana, Geneva, sans-serif;font-size:150%; 1border:1px dashed blue; float:left;}
.salesQuarter				{font-family:Verdana, Geneva, sans-serif;font-size:175%;}

.sdMonthTable				{margin-top:2em; width:680px;}
.sdMonthTable td			{font-family:Verdana, Geneva, sans-serif; padding:.5em;}
.sdMonth					{font-size:150%; border-bottom:1px solid #666666;}
.sdDay						{background-color:#CCCCCC; text-align:center; border-right:1px solid #666666; border-bottom:1px solid #666666; width:20px;}
.sdOrder					{border-bottom:1px solid #666666; width:530px;}
.sdOrderItems				{border-left:1px solid #666666; border-bottom:1px solid #666666; width:40px; text-align:right;}
.sdOrderTotal				{border-left:1px solid #666666; border-bottom:1px solid #666666; width:85px; text-align:right;}
.sdTotalsQRow				{font-weight:bold; border-left:1px solid #666666; text-align:right;}
.sdTotalsCRow				{font-weight:bold; border-left:1px solid #666666; text-align:right;}

.sdRangeTable				{margin-top:4em; width:680px;}
.sdRangeTable td			{font-family:Verdana, Geneva, sans-serif; padding:.5em;}
.sdRangeTable .sdDay		{width:20px; background-color:#ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-top:1px solid #666666;}
.sdRangeTable .sdOrder		{width:534px; border-bottom:1px solid #ffffff; border-top:1px solid #666666;}
.sdRangeTable .sdTotalsQRow	{border-top:1px solid #666666; font-weight:bold; border-left:1px solid #666666; text-align:right; width:40px;}
.sdRangeTable .sdTotalsCRow	{border-top:1px solid #666666; font-weight:bold; border-left:1px solid #666666; text-align:right; width:85px;}
.sdTotalsCRow .smallerSEK	{font-size:80%; color:#666666;}