﻿.pNameSmall {font-size:85%; font-weight:bold; margin-top: 5px;}

h2.shopHeader 
{
 font-size:130%;
 padding:  6px 0px 0px 0px;
 margin-bottom: 1px;
}

.small {font-size: 85%;}

.ScreenNameTest {display:inline; font-size: 12px; text-align: center;}
.ScreenNameTest a {background-color: #ece7bd; border: solid 1px #777; color:#c85543; padding: 1px 10px; text-decoration:none; font-weight: bold;}
.ScreenNameTest a:hover {background-color: #eee; border: solid 1px #777; color: #c85543;}



.DesignView {margin-top: -10px; float: right;}
.DesignerInfo {margin-top: -10px; margin-left: 20px; font-size: 14px; font-weight: bold;}

.artistBio {margin: 10px 0;}
.artistLink {font-size: 14px;}

.DesignDetailLinks {}
.DesignDetailLinks a {background-color: #10a69c; color: #fff; font-weight: bold; display: block; border: solid 2px #73641f; width: 180px; text-align: center; margin: 20px 0; padding: 4px; text-decoration: none;}
.DesignDetailLinks a:hover {background-color: #fff; color: #10a69c;}

.SiteButton {}
.SiteButton a {background-color: #10a69c; color: #fff; font-weight: bold; display: block; border: solid 2px #73641f; width: 180px; text-align: center; margin: 10px 0; padding: 4px; text-decoration: none;}
.SiteButton a:hover {background-color: #fff; color: #10a69c;}

div.popup 
{
    background-image: url(images/ContentLoaderImage.gif);
	background-repeat: no-repeat;
	background-position: center center;
    
  width: 230px;
  height: 99px;
  text-align: center;
  background-color: #e9e9e9;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -115px;
  margin-top: -50px;
	border: solid 1px black;
  z-index: 99;
}




/* RatingControl */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}
/* End-RatingControl */


/************* MAIN LAYOUT BLOCKS ********************/
#shopLeftCol {width: 185px; background-color: #FFFFFF; min-height: 350px; border: dotted 1px #7B3313;  float:left;}
#shopRightCol { width: 710px; float: right; padding: 0; min-height: 350px; font-size: 14px;}
/*********** NAVIGATION SIDEBAR **********************/
a.navLink {display: block; width: 180px; margin: 0; padding: 4px 3px; margin-left: 5px; font-size:16px; color: #73641f; font-weight:bold;  text-decoration:none;}
a.navLink:hover { color:#e24b3a; background-color: #efe8be;}
a.subnavLink { margin-left:12px; font-size:11.5px; line-height:150%; font-family: Comic Sans MS, Cursive, sans-serif;}
a.subnavLink:hover {color:#7B3313;}

a.navLink2 {font-size:14px; font-weight:bold; font-family: Comic Sans MS, Cursive, sans-serif; text-decoration:none; color:#73641f;}
a.navLink2:hover {color:#7B3313;}

.navHolderCommerce {margin-top:0px; padding: 3px 0px 3px 5px;}
.navHolderCommerceActive {margin-top:0px; padding: 3px 0px 3px 5px; background-color:#D1D1A8; border-bottom:solid 1px #B8B894;}


.bcNavigation {font-size:90%; width:99%; padding:0px 0px 2px 5px; margin-top: 3px; margin-left: -8px;  margin-bottom:10px;}
.bcNav {}
.bcNav:hover {color:#7B3313;}

.StockIn {font-size: 11px; font-weight: bold; color:Green; padding-top: 5px; padding-left: 45px;}
.StockOut {font-size: 11px; font-weight: bold; color:Red; padding-top: 5px; padding-left: 45px;}

.dg {padding:1px 1px 1px 1px; border-top:solid 1px #686524; border-color:#eeeeee;}
.dgHeader {background-color:#10a69c; font-size:14px; height:25px; color:#ffffff; font-weight:bold;}
.dgItem {background-color:#ffffff; color:Black; font-size:12px; font-weight:normal;}
.dgAltItem
{
    background-color: #F1EFDA;
    color: Black;
    font-size: 12px;
    font-weight: normal;
}
.dgSelect {font-weight: normal; color: black; font-style: italic; background-color: #e9e9e9;}

#AccountSideBar 
{
    background-color: #e9e9e9;
    border-right: solid 1px black;
    padding-right: 10px;
    margin-right: 5px;
    min-height: 500px;
}
.AccountSection {margin-bottom: 20px;}
.AccountNavLink {margin-top: 3px; padding-left: 8px; font-size: 14px;}
.SectionHeaderAccount { margin-left: 5px;font-size: 14px; font-weight: bold; border-bottom: solid 1px #999999; width: 80%; margin-bottom: 3px; margin-top: 15px; padding-bottom: 1px;}

.AccountBox {float: left; width: 180px; border: solid 1px #10a69c; margin-left: 10px;}
.AccountBoxHeader {background-color: #10a69c; color: White; font-weight: bold; padding-left: 3px;}
.AccountBoxContent {padding: 3px;}



.DesignApprovalHeader {margin-bottom: 3px; font-size: 12px;}
.DesignApprovalMsg {margin-bottom: 6px; font-size: 12px;}

.PageHeader {font-size: 140%; font-family:sans-serif, Verdana, Arial; font-weight: bold; border-bottom: solid 1px brown; margin-top: 5px; margin-bottom: 15px; padding-bottom: 3px;}
.SectionHeader {font-weight: bold; border-bottom: solid 1px #ee9172; margin-top: 5px; margin-bottom: 5px;}
.Section {font-weight: normal;  margin-top: 5px; margin-bottom: 10px;}
.errorLabel {color:Red;}

.PaymentBlock
{
	border-right: black 1px solid;
	padding-right: 5px;
	border-top: black 1px solid;
	padding-left: 5px;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: black 1px solid;
	padding-top: 5px;
	border-bottom: black 1px solid;
	text-align: justify;
	background-color:#FFFAE0;
}

input {font-size: 12px;}
select {font-size: 12px;}
textarea {font-size: 12px;}
.alert {font-size: 12px; font-weight: bold; color:Red;}

.boxborder
{
    border-right: black 1px solid;
    padding-right: 2px;
    border-top: black 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: black 1px solid;
    padding-top: 2px;
    border-bottom: black 1px solid;
}



.CMSSideBarNav {padding-left: 7px; padding-bottom: 9px; font-size:12px; padding-right:2px; font-family: Comic Sans MS, Cursive, sans-serif;}
.UserNotify {border: solid 2px black; background-color: #e9e9e9; height:auto; padding: 5px; margin-bottom: 10px;}
.UserNotifyHeader {font-size: 14px; color: black; font-weight: bold; margin-bottom: 5px;}
.UserNotifyError {font-size: 13px; color: red; font-weight: bold;}
.UserNotifyInfo {font-size: 13px; color: navy; font-weight: bold;}

.Receipt fieldset {height: 130px;}
legend {font-weight: bold;}

.button
{
    color: white;
    background-color: #a76833;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #7D502B;
    padding: 3px 10px;
}
.buttonDisabled {color: #555555; background-color: #e9e9e9; font-weight:bold; font-size: 14px;}

.Terms {border: solid 1px black; padding-right: 5px; padding-left: 5px; width:100%; height:100px; margin-right: 25px; overflow: auto; font-size: 11px; line-height:14px;}

.CheckoutSelect {width: 200px;font-size: 14px; background-color: #ffffcc;}
.CheckoutSelect Option {font-size: 14px;}
.CheckoutText {font-size: 14px;}
.CartGrid {padding:1px 1px 1px 1px; border-top:solid 1px #686524; border-color:#555555; font-size: 14px;}
.CartGridHeader {background-color:#555555; font-size:13px; height:20px; color:#ffffff; font-weight:bold;}
.CartGridQuantity {vertical-align: top; text-align:center; width: 75px;}
.CartGridPrice {vertical-align: top; text-align:right; width: 75px; padding-right: 5px;}
.CartGridQuantity Input {text-align: right;}
.CartGridQuantity a {font-size: 12px; font-variant: small-caps;}
.CartGridTotal {vertical-align: top; text-align:right; width: 75px; padding-right: 5px;}
.CartTotal {background-color:#eeeeee; font-size:13px; height:20px; color:black; font-weight:bold;}
.CartShipping { font-size: 14px; }
.CartTotals { font-size: 14px; background-color: Transparent;
    width: 339px;
}
.CartRow {margin-bottom: 50px;}



.PageContentMain {margin-top: 3px; width: 99%;}
.ProductListingGrid {margin-top: 1px; text-align: center; border: solid 1px black; width:100%;}
.ProductListingGridNoBorder {margin-top: 1px; text-align: center; border: solid 0px black; width:100%;}

.ProductListingPager {margin-top: 10px; text-align: left;}
.SectionCategoryListBox {margin-top: 2px; padding-left: 10px; width: 600px; text-align: left; border: solid 1px #555555; background-color: #E7E59D;}


/**************************/
/****** PRODUCTS **********/
/**************************/

.ProductName {font-size: 20px; font-weight: bold; margin-bottom: 5px; text-align: left; line-height: 24px; font-family:Comic Sans MS, Cursive, sans-serif;}

.ProductManURL {font-size: 16px; font-weight: normal; text-align: left; line-height:22px;}

.ProductPriceReg {font-size: 20px; font-weight: bold; color: black; line-height:25px;}
.ProductPriceSale {font-size: 20px; font-weight: bold; color: Green; line-height:25px;}
.ProductPriceOnSale {font-size: 13px; font-weight: bold; color: #777777; text-decoration: line-through; line-height:18px;}
.ProductPriceList {font-size: 13px; font-weight: bold; color: #777777; line-height:18px;}
.ProductBrand {}
.ProductShortDesc {font-size: 16px; line-height: 20px; padding-top: 3px; padding-bottom: 5px;}
.ProductExtraShipping {margin-top: 10px; font-size: 12px; line-height: 14px;}

.ProductMan {font-size: 16px; font-weight: normal; border-bottom: dotted 1px #462C25; padding-bottom: 1px; margin-top: 10px; margin-bottom: 5px;}
.ProductMan a {text-decoration: none;}

.ProductModel {font-size: 15px; color: #333333;}
.ProductItem {font-size: 13px; color: #333333;}

.ProductOptions {margin: 12px 0 5px 0; font-size: 14px;}
.ProductQuantity {margin: 10px 0 5px 0;}
.ProductAddCart {margin: 0;}

.ViewLinks {margin-right: 9px; font-size: 12px; text-decoration: none; padding: 4px 10px 2px 10px; border: solid 1px #000; background-color:#bbbbbb; z-index:100;}
.ViewLinksActive {margin-right: 9px; font-size: 12px; text-decoration: none; font-weight: bold; padding: 4px 10px 2px 10px; border: solid 1px #000; border-bottom: solid 1px red; background-color:#dddddd; z-index:100;}

.ProductDescHeader {font-size: 16px; font-weight: bold; border-bottom: dotted 1px black; margin-top: 25px;}
.ProductDesc {font-size: 14px; line-height: 18px; padding: 5px; display: block; }
.ProductDesc li {margin-left: 20px;}

.ProductRelatedHeader {font-size: 16px; font-weight: bold; border-bottom: dotted 1px black; margin-top: 0px;}
.ProductRelated {font-size: 14px; line-height: 18px; padding: 5px;}

.GridName a{font-size: 14px; line-height:18px; font-weight: bold; text-decoration: none; margin-bottom: 4px;}
.GridName a:hover{text-decoration: underline;}

.GridSaleLabel {font-size: 11px; font-weight: bold; color: Green; line-height:14px;}
.GridSale{font-size: 17px; font-weight: bold; color: Green; line-height:18px;}
.GridOnSale{font-size: 12px; font-weight: bold; color: #777777; line-height:18px;}

.GridPriceLabel {font-size: 11px; font-weight: bold; color: black; line-height:14px;}
.GridPrice{font-size: 17px; font-weight: bold; color: black; line-height:18px;}

.ProductGridAlt{padding-top: 20px;}
.prodpnlImageLeft {float: left; padding-bottom: 15px; margin: 12px 8px 8px 8px;}
.prodPnlInformation {margin-top:10px;}
.prodPnlShortDesc {font-size: 11px; line-height: 14px;}


/********************** TABS *************************************/
/********************** TABS *************************************/
.tabSpan {}
.tabSpanActive { }



/*****************************/
/********** TABS *************/
/*****************************/
.basictab{
padding: 3px 1px ;
margin-left: 0px ;
margin-bottom:0;
font: bold 12px Verdana;
border-bottom: 1px solid black;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
width:100%;
padding-left:0px;
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #000;
border-top: 1px solid #000;
border-bottom: none;
background-color: #CFCD8C;
color: #38590E;

}

.basictab li.normal a:visited{
color: #38590E;

}

.basictab li.normal a:hover{
background-color: #F4F3D1;
color: #38590E;
}

.basictab li.normal a:active{
color: #38590E;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #E7E59D;
color: #511612;
}

.basictab li.normal a{ /*normal tab effect*/
position: relative;
color: #38590E;
top: 0px;
padding-top: 4px;
background-color: #CFCD8C;
border-bottom:1px solid black;
margin-bottom:1px;
}

