/* ---------------------------Import common CMS styles--------------------------- */

@import url(../admin/Common.css);

/* ---------------------------Site layout styles begin--------------------------- */
/* Site specific css definitions */

@media screen
{
	html, body
	{
		margin:0 auto;
		padding:0;
		font: normal normal 0.9em Arial, Verdana;
		min-height:100%;
		background-position:top center;
		background-color:#f9edc3;
	}
	
	a:link,a:hover,a:visited { color:#A6934E; text-decoration:none; }
	a:hover { text-decoration:none; color: #0053D6; }
	a.TextNormalBlack { text-decoration:none; color:Black;}
	a.TextNormalBlack:hover { text-decoration:none; color:Black;}

	#master
	{
		height:100%;
		padding:0;
		text-align:center;
	}
	
	#siteFrame
	{
		width:926px;
		min-height:875px;
		margin:auto;
		padding-bottom:37px;
		background-image:url('/img/gradient.png');
		background-repeat:repeat-y;
	}

	#site
	{
		width:910px;
		text-align:left;
		background-color:#fff;
		margin:auto;
	}

	#innerSite { padding:0px; height:100%; }
	#innerSite h1 { margin:10px 0 5px 0; }
	#languageDiv { float:right; }
	#bannerDiv { height:180px; }
    
    /*BeadBox specific css starts*/
    #footerDiv
    {
    	margin:-37px auto 0 auto;
    	width:910px;
    	height:37px;
    	background-color:#a5acad;
    	text-align:center;
    }
    
    #footerDiv a
    {
    	color:#fff;
		position:relative;
		top:-0px;
        font-weight:bold;
        margin-bottom:3px;
        padding-right:7px;
        
    }
    
    /*BeadBox specific css end*/
    
	#navigationCol
	{
		width: 180px;
		margin: 0 10px 0 0;
		float: left;
		background-color: #a5acad;
	}

	#navigationCol ul
	{
		list-style-image:url("/img/icons/indent1.png");
		margin:0 0 0 30px;
		padding:0;
		text-indent:0;
	}

	#navigationCol ul ul { margin:0 0 0 10px; }

	#navigationCol li a
	{
		font-weight:normal;
		color:#fff;
		vertical-align:middle;
		text-decoration:none;
	}
	
    #navigationCol h3
	{
		color: #fff;
        font-weight: bold;
        padding:0 0 0 10px;
		margin:0 0 4px 0;
	}
	
	#navigationCol li a.selected { color:#F4B864; }
	#navigationCol li a:hover { text-decoration:underline; }
	#navigationCol li li a { font-weight:normal; font-size:1.0em; }
	
	ul.productList { list-style-type: none; margin: 0; padding: 0 }
	li.productNode { list-style-type: none; list-style-image: url(/img/productarrow.gif); margin: 0; padding: 0 }
	li.productSelected { list-style-type: none; list-style-image: url(/img/productarrow.gif)}

	#teaserCol
	{
		width:180px;
		height:100%;
		margin:12px 0 0 10px;
		padding:0;
		float:right;
		background-color:#fff;
	}

	#containerCol
	{
		width:505px;
		height:100%;
		margin:12px 0 0 190px;
	}
	
	#wideContainerCol
	{
		width:560px;
		height:100%;
		margin:12px 0 0 180px;
		background-color:transparent;
		display:block;
	}
	
	#sitemap ul {list-style-image:url(/img/list.gif);}

	.containerDiv { height:100%; width:504px; }
	.containerDiv h2 { font-size: 14px; font-weight: bold; color: #727778; text-decoration: none; }

	.teaserDiv { padding:0 0 0 3px; height: 100% }
	.teaserDiv h2 { font-size:1.0em; padding:0; margin:0; }
	.teaserDiv p { margin:10px 0 4px 0; }
	.breaker { clear:both; font-size:0; margin:0; padding:0; }
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix {display:inline-block;}  /* for IE/Mac */
	
	.QuantityTextBox
	{
	    background: transparent url(/img/QuantityTextBox_bg.gif) no-repeat;
	    border-style: none;
	    width: 40px;
	    height: 21px;
	    padding: 2px 0 0 5px
	}
	
	:root .QuantityTextBox
	{
	    background: transparent url(/img/QuantityTextBox_bg.gif) no-repeat;
	    border-style: none;
	    width: 40px;
	    height: 21px;
	    padding: 0px 0 0 5px
	}
}

@media print
{
	body, html
	{
		margin:0 auto;
		padding:0;
		font: normal normal 0.9em Arial, Verdana;
		min-height:100%;
		background-position:top center;
		background-color:#f9edc3;
	}

	a:link,a:hover,a:visited { color:#A6934E; text-decoration:none; }
	a:hover { text-decoration:none; color: #0053D6; }

	#master
	{
		height:100%;
		padding:0;
		text-align:center;
	}
	
	#siteFrame
	{
		width:926px;
		min-height:875px;
		margin:auto;
		padding-bottom:37px;
		background-image:url('/img/gradient.png');
		background-repeat:repeat-y;
	}

	#site
	{
		width:910px;
		text-align:left;
		background-color:#fff;
		margin:auto;
		padding-bottom:37px;
	}

	#innerSite { padding:0px; height:100%; }
	#innerSite h1 { margin:10px 0 5px 0; }
	#languageDiv { float:right; }
	#bannerDiv { height:180px; display:none; }
    
    /*BeadBox specific css starts*/
    
    #footerDiv
    {
    	/*position:relative;*/
    	margin-top:-37px;
    }
    
    /*BeadBox specific css end*/
    
	#navigationCol
	{
		width:180px;
		margin:0 10px 0 0;
		padding:0;
		float:left;
		background-color:#A5ACAD;
		display: none
	}

	#navigationCol ul
	{
		list-style-image:url("/img/icons/indent1.png");
		margin:0 0 0 30px;
		padding:0;
		text-indent:0;
	}

	#navigationCol ul ul { margin:0 0 0 10px; }

	#navigationCol li a
	{
		font-weight:bold;
		color:#fff;
		vertical-align:middle;
		text-decoration:none;
	}
	
    #navigationCol h3
	{
		color: #fff;
        font-weight: bold;
        padding:0 0 0 10px;
		margin:0 0 4px 0;
	}
	
	#navigationCol li a.selected { color:#F4B864; }
	#navigationCol li a:hover { text-decoration:underline; }
	#navigationCol li li a { font-weight:normal; font-size:1.0em; }

	#teaserCol
	{
		width:180px;
		height:100%;
		margin:12px 0 0 10px;
		padding: 0 0 0 10px;
		float:right;
		background-color:#ffffff;
	}

	#containerCol
	{
		width:530px;
		height:100%;
		margin:12px 0 0 10px;
	}
	
	#wideContainerCol
	{
		width:560px;
		height:100%;
		margin:12px 0 0 180px;
		background-color:transparent;
		display:block;
	}
	
	#sitemap ul {list-style-image:url(/img/list.gif);}

	.containerDiv { height:100%; width:504px;}
	.containerDiv h2 { font-size: 14px; font-weight: bold; color: #727778; text-decoration: none; }

	.teaserDiv { background-color:#ffffff; padding:0 3px; height:100%; }
	.teaserDiv h2 { font-size:1.0em; padding:0; margin:0; }
	.teaserDiv p { margin:10px 0 4px 0; }
	.breaker { clear:both; font-size:0; margin:0; padding:0; }
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix {display:inline-block;}  /* for IE/Mac */
	
	.QuantityTextBox
	{
	    background: transparent url(/img/QuantityTextBox_bg.gif) no-repeat;
	    border-style: none;
	    width: 40px;
	    height: 21px;
	    padding: 2px 0 0 5px
	}
	
	:root .QuantityTextBox
	{
	    background: transparent url(/img/QuantityTextBox_bg.gif) no-repeat;
	    border-style: none;
	    width: 40px;
	    height: 21px;
	    padding: 0px 0 0 5px
	}
}

/* ---------------------------Site layout styles end--------------------------- */

/* ---------------------------Site text styles begin--------------------------- */
/* Text styles for use with smart text editor and user controls */

.TextNormal { font:normal normal 1.0em Verdana, Arial; }
.TextNormalBold { font:normal bold 1.0em Verdana, Arial; }
.TextNormalRed { font:normal normal 1.0em Verdana, Arial; color:#f00; }
.TextNormalSmall { font:normal normal 0.8em Verdana, Arial; }
.TextNormalSmallRed { font:normal normal 0.8em Verdana, Arial; color:#f00; }

/* ---------------------------Site text stlyes end--------------------------- */

/* ---------------------------Image position start -------------------------- */
.alignRight{
    float:right;
    margin-left:20px;
    margin-bottom:10px;
    }
.alignLeft {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}
	
/* ---------------------------Image position end -------------------------- */
/* -------------------------- Forum Classes Start ------------------------------------- */
.forumButton
{
	font-family: Helvetica, Verdana;
	font-size: 12px;
	color: #545454;
	height: 22px;
}

.forumButton:hover
{
	border:solid 2px #286ea0;
	color:#ffffff;
    background-color:#19598F;
    height: 22px;	
    cursor: hand;
    font-weight: bold;
}

.buttonBackground
{
	background-color:#D5DCF5;
	padding: 5px 5px 5px 5px;
}
  
.headerBackgroud
{
	background-color:#9AC1E6;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	color: Black;
	margin-bottom: 5px;
}
.templateHeaderStyle
{
	text-align: center;	
	vertical-align: middle;
	color: Black;
	font-weight: bold;
}
.templateItemStyle
{
	text-align: center;
	vertical-align: middle;
	width: 30px;
}

.titleLinkClass
{
	font-weight:bold;
	color: #4048EA;
	text-decoration: underline;
}
.historyLinkClass
{
	text-decoration:underline; 
	font-size:1em; 
	font-weight:bold; 
	font-family:Arial; 
	color:#4048EA;	
}
.gridPager td
{
	color: #FFFFFF;
	background-color: #a2c6f1;
	font-weight:bold;
}
.gridPager a
{
	color:#19598F;
	font-weight:bold;
	text-decoration: underline;	
	text-align:right;
	float:right;
	width:100%;
}
/* -------------------------- Forum Classes End ------------------------------------- */

/*BeadBox Specific starts*/
.contentheading {
	font-size: 16px;
	font-weight: bold;
	color: #727778;
	text-decoration: none;
	text-transform:uppercase;
}
.languageFlag
{
    float: right;
    text-align:right;
    color:#727778;

}

a.language 
{
	color:#727778;
}

a.languageSelected
{
	color:#727778;
	font-weight:bold;
}
h3 {
    margin: 0px;
    padding: 0px;
    color:#727778;
    font-size: 12px;
}
.image-border
{
    border-color:#727778;
    border-width:1px;
    border-style:solid;
    cursor:pointer;
}

div h3{
    color: #fff;
    font-weight: bold;
}
/*cart display specific starts*/
.cartHeaderFooter
{
    Vertical-Align:top;
    background-color:#A4ACAE;
    color:#FFFFFD;
    font:normal bold 13px Arial;
}
.itemDescription
{
    Vertical-Align:top;
    font:normal normal 13px Arial;
    text-decoration:underline;
}
.itemNumber,.itemPrice
{
    font:normal normal 11px Arial;
}
.itemQuantity
{
    font:normal normal 13px Arial;
    text-align:right;
    Vertical-Align:top;
}
.rowStyle
{
    background-color:#F7F6F3;
    color:#333333;
}
.alterNateRowStyle
{
    background-color:#FFFFFF;
    color:#39455F;
}
.editRowStyle
{
    background-color:#FFD800;
    color:#000000;
}
/*cart display specific ends*/
/*Order Form Specific starts here */
.orderTextBoxEnabled, .orderSmallTextBoxEnabled, .orderBigTextBoxEnabled
{
    border:solid 1px #bbb;
    background-color:#FFFFFF;
}
.orderTextBoxEnabled
{
    width:145px;
}
.orderBigTextBoxEnabled
{
    width:85px;
}
.orderSmallTextBoxEnabled
{
    width:50px;
}
.orderTextBoxDisabled, .orderSmallTextBoxDisabled, .orderBigTextBoxDisabled
{
    border:solid 1px #bbb;
    background-color:#ddd;
}
.orderTextBoxDisabled
{
    width:145px;
}
.orderSmallTextBoxDisabled
{
    width:50px;
}

.orderBigTextBoxDisabled
{
    width:85px;
}

.orderSummaryHeader
{
	background-color:#ccc;
}

/*Order Form Specific ends here */

/*BeadBox Specific ends*/

/**************************** Css Style For breadCrubm *********************************/
.BreadCrumbCss
{
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial;
	font-size:.9em;
	color:#5A5A5A;
}

/*BeadBox Product Details text fore-color*/
.productText
{
	color:#727778;
}
.ProductImage
{
	height: 114px;
	width: 114px;
    margin-bottom: 4px
}

/* -------------------------- GridView Style Start ------------------------------------- */

.gridPager td
{
	color: #FFFFFF;
	background-color:#9AC1E6; /*#a2c6f1; in Css*/
	font-weight:bold;
	text-align:right;
}
.gridPager a
{
	color:#19598F;
	font-weight:bold;
	text-decoration: underline;	
	text-align:right;
	float:right;
	width:100%;
}

.gridHeader
{
	background-color:#9AC1E6;
	color:Black;
	font-weight:bold;
	text-align:left;
}
.gridRow
{
	background-color:#F7F6F3;
	color:#333333;
}
.gridAlternatingRow
{
	background-color:White;
	color:#284775;	
}
.gridEmptyDataRow
{
	background-color:#9AC1E6;
	color:Red;
	font-weight:bold;
}
.gridFooter
{
	background-color:#5D7B9D;
	color:White;
	font-weight:bold;
}
.gridEditRow
{
	background-color:#999999;	
}
.gridSelectedRow
{
	background-color:#E2DED6;
	color:#333333;
	font-weight:bold;
}
/* -------------------------- GridView Style End ------------------------------------- */

/* ------------------------- Shopping cart styles ------------------------------------ */

.cartItemDiv
{
    height: 300px;
    overflow: auto;
    font-size: 0.8em;
    margin-bottom: 4px;
    border: solid 1px #ccc
}

.cartItemQuantity { width: 14px }
.cartItemLink { color: #000 !important; text-decoration: underline !important }

.cartItemCellStd { background-color: #fff }
.cartItemCellAlt { background-color: #eee }

.cartFooterUpdateDiv { margin-bottom: 8px }
.cartFooterUpdateDiv a { font-weight: bold; color: #379128; text-decoration: none }

.cartFooterQuantityDiv {  }
.cartFooterAmountDiv { font-weight: bold }

.cartFooterProgressDiv { margin-bottom: 4px }
.cartFooterProgressImage { float: left; margin-right: 4px }
.cartFooterProgressMessage { color: #888 }

.cartCheckoutDiv { margin-top: 8px }

.cartFooterMessageDiv { padding: 5px 5px 0 0 }
.cartFooterMessageDiv>span { color: #f00; font-size: 0.8em }