﻿/************* Category Listing**************/
.divCategoryItem
{
width : 45%;
padding : 0px 3px 3px 3px;    
float : left;
}
.divCategoryItem fieldset
{
    height:140px;    
}
/*************End of Category Listing**************/
/************* Dicount **************/
.divDiscountItem
{
    width : 95%;
    font-weight:bold;
    padding:3px 0px 3px 5px;
    float:left;
    text-align : left;
}
.liDiscountItem
{
    width:100%;
    font-weight : bold;   
    text-align:left; 
}
/*************Product Component**************/
#ProductComponent
{
    width:48%;
    float:left;   
    padding : 5px 5px 5px 0px;
    border-bottom: dotted 1px #d8d8d8;
    min-height : 85px;
    max-height:85px;
}
#ComponentImage
{
    width:20%;
    float:left;    
    text-align:center;
}
#ComponentProductName
{
    width:75%;
    float:left;    
    padding-left:3px;
}

#ProductComponentUserControl
{
    width:28%;
    float:right;    
    background-color:White;
}
.ComponentSectionHeader
{
    width: 98%;
    line-height:25px;
    color:#5f5255;
    font-weight:bold;
    text-align:left;
}
.ComponentSectionTop
{
    background:url(images/ComponentTop.JPG) no-repeat; 
    width:100%;
    line-height:5px;
    float:left;
}
.ComponentSectionContent
{
    width: 100%;
    background:url(images/ComponentMiddle.JPG) repeat-y;
    float:left;
    text-align:center;
}
.ComponentSectionBottom
{
    line-height:4px;
    width:100%;
    background:url(images/ComponentBottom.JPG) no-repeat;
    float:left;
}

/*************End of Product Component**************/
#ProductInput
{
    width:28%;
    float:right;    
    background-color:White;    
}

/*************Top Seller**************/
#TopSeller
{
    width:100%;
    float:left;   
}
#TopSellerImage
{
    width:30%;
    float:left;    
    text-align:center;
}
#TopSellerProductName
{
    width:65%;
    float:left;    
    padding-left:3px;
}
.actionLinkTopSeller
{
    text-decoration : none;
    color : #3b8097;
    font-size : 10px;
}

/*************End of Top Seller**************/

/*************Product Listing **************/
#SortOptions
{
    float:right;
    width:50%;  
    text-align : right;
    padding-right:10px;
}
.divProductItem
{
    width : 31%;
    float:left;
    height : 270px;  
    border : dotted 1px #d8d8d8;
    margin : 5px 2px 0px 3px;
    background-color:White;    
    font-family : Tahoma;
    font-size :10px;
    position:relative;
}
.divCart
{
    float:left;
	text-align :center;
	width : 100%;
	text-decoration : none;
	border : 0;    
	position :absolute;
	left:0px;
	bottom : 10px;
    color : Black;    
}
.divPrice 	
{
    BORDER-TOP-WIDTH: 0px;	
    PADDING-RIGHT: 1px;	
    PADDING-LEFT: 3px;	
    FONT-WEIGHT: bold;	
    BORDER-LEFT-WIDTH: 0px;	
    FONT-SIZE: 13px;	
    FLOAT: left;	
    BORDER-BOTTOM-WIDTH: 0px;	
    PADDING-BOTTOM: 3px;	
    WIDTH: 100%;	
    COLOR: #8e191a;	
    PADDING-TOP: 5px;	
    TEXT-ALIGN: center;	
    BORDER-RIGHT-WIDTH: 0px;	
    TEXT-DECORATION: none
}
.discountPrice 	
{
    BORDER-TOP-WIDTH: 0px;	
    PADDING-RIGHT: 1px;	
    PADDING-LEFT: 3px;	
    FONT-WEIGHT: bold;	
    BORDER-LEFT-WIDTH: 0px;	
    FONT-SIZE: 11px;	
    FLOAT: left;	
    BORDER-BOTTOM-WIDTH: 0px;	
    PADDING-BOTTOM: 3px;	
    WIDTH: 100%;	
    COLOR: #8e191a;	
    PADDING-TOP: 5px;	
    TEXT-ALIGN: center;	
    BORDER-RIGHT-WIDTH: 0px;	
    TEXT-DECORATION: none}
.actionLinkProduct 	
{
    FONT-WEIGHT: bold;	
    COLOR: #5f5255;	
    LINE-HEIGHT: 10px;	
    TEXT-DECORATION: none
}
.actionLinkContactUs 
{	
    FONT-SIZE: 11px;	
    COLOR: #f77717;	
    TEXT-DECORATION: none
}
.Image 
{	
    LINE-HEIGHT: 120px
}
.CartBtnMiddle
{	
    line-height:17px;
    background:url(images/cartbtn_middle.jpg) repeat-x;
    width : 70%;
    float:left;
}
.CartBtnMiddle a
{	
    text-decoration : none;
    font-size:11px;
}

.CartBtnLeft
{
    background:url(images/cartbtn_left.png) no-repeat;
    width:9px;
    float:left;
    height:17px;    
}
.CartBtnRight
{
    background:url(images/cartbtn_right.png) no-repeat;
    width:9px;
    float:left;
    height:17px;     
}
.DetailBtnMiddle
{	
    line-height:17px;
    background:url(images/detailbtn_middle.jpg) repeat-x;
    width : 55%;
    float:left;
}
.DetailBtnMiddle a
{	
    text-decoration : none;
    font-size:11px;
}

.DetailBtnLeft
{
    background:url(images/detailbtn_left.png) no-repeat;
    width:9px;
    float:left;
    height:17px;    
}
.DetailBtnRight
{
    background:url(images/detailbtn_right.png) no-repeat;
    width:9px;
    float:left;
    height:17px;     
}
.ProductCode
{
    padding-left : 20px;
    color:#8e191a;
    font-size : 14px;
    font-weight:bold;
    text-align:left;
    padding-top:5px;
}
.ProductImageMiddle
{
    line-height : 130px;
    max-height:130px;
    border : dotted 1px #d8d8d8;  
    width : 90%;
}
.ProductImageMiddle:hover
{
    border : solid 1px #d8d8d8;            
}
#ProductListProductName
{
    width:100%;
    float:left;
    text-align : center;
    padding:5px 1px 3px 1px;   
}
.ListDetail
{
    width:90%;
    float:none;
    position:absolute;
    top:10px;
    left:30px;
}
.ListCart
{
    width: 90%;
    float:none;
    position:absolute;
    top:30px;
    left:20px;
}
.Detail
{
    width:90%;
    float:none;   
    position:absolute;    
    bottom:40px;
    left:30px;
}
.Cart
{
    width: 90%;    
    float:none;
    position:absolute;    
    bottom:15px;
    left:20px;    
}
.divListProductItem
{ 
	width : 98%;
    float:left;        
    border : dotted 1px #d8d8d8;
    margin : 5px 2px 0px 3px;
    background-color:White;    
    font-family : Trebuchet MS;
    font-size :10px;    
}
.divListProductImage
{
	float:left;	
	width:100px;
	height:100px;		    
    border : dotted 1px #d8d8d8;      
}
.SortingSelect
{
   font-size:11px;
   font-family:Trebuchet MS;
   border:solid 1px #DCDCDC;	
}
/*************End of Product Listing **************/
/*********Start Of The Pager Style****/
.pager 
{
	margin:8px 3px;
	padding:10px;
	width:95%;
	font-family: "Trebuchet MS", Arial, san-serif;
	font-weight:bold;
	font-size:13px;
	display:block;
	float:left;
	text-align:center;
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager .current
{
	background-color: #da822b;
	border: 1px solid #009;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 5px 3px 5px;	
	text-align: center;
	text-decoration: underline;
}

.pager span, .pager a
{
	margin: 2px 2px;
}

.pager a
{
	border: 1px solid #c0c0c0;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	background-color: #FFF;
	color:#000;
}
.pager a:hover
{
	background-color: #da822b;
	border:1px solid #009;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}
/***End Fo The pager Style******/
/*************AddtoCart**************/
#SelectableItems
{
    width:100%;
    float:left;    
    padding-bottom : 2px;
    padding-top:3px;
}
#Quantity
{
    width:100%;
    float:left; 
    padding-bottom : 2px;
    padding-top:3px;   
}
/*************End of AddtoCart**************/

/*----------------Tabs style--------------------------*/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; 
	margin-top:10px;
	font-family:Trebuchet MS;
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	line-height:26px;
	vertical-align : middle;
	font-size:10px;	
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;	
    line-height:26px;
    background-image:url(images/tabBg.JPG);
    background-position:center bottom;
    background-repeat :repeat-x;  	
	list-style: none;		             
	padding:0px 10px 0px 10px;
	border-right:solid 2px #92bc56;
	border-bottom:solid 1px #CCC;		
    color:#645f5b;
	font-weight:bold;	
	font-size:small;
	text-decoration : none;
	vertical-align :middle;
	cursor:hand;
}

.TabbedPanelsTabHover 
{	
   position: relative;
	top: 1px;
	float: left;	
    line-height:26px;
    background-image:url(images/tabBg.JPG);
    background-position:center bottom;
    background-repeat :repeat-x;  	
	list-style: none;		             
	padding:0px 10px 0px 10px;
	border-right:solid 2px #92bc56;
	border-bottom:solid 1px #CCC;		
    color:#645f5b;
	font-weight:bold;	
	font-size:small;
	text-decoration : none;
	vertical-align :middle;
	cursor:pointer;
}

.TabbedPanelsTabSelected {
	background-color: #fff;
	background-image:url(images/tabSelected.JPG);
	background-position:center top;	
	background-repeat: repeat-x;
	line-height:26px;
	border-bottom:solid 1px #FFF;	
	border-right:solid 1px #CCC;
	border-left:solid 1px #CCC;	
	border-top:solid 1px #CCC;
	color:#f67b38;
}

.TabbedPanelsTab a {
	color: blue;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
    color:#404040;
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;	
	border-right: solid 1px #ccc;
	border-top:solid 1px #CCC;
	background-color: #fff;
	padding-top : 5px;
	padding-left:5px;
}

.TabbedPanelsContent {
	padding: 4px;
	text-align:left;
	position:relative;
	overflow:auto;
}

.TabbedPanelsContentVisible {
}

/********************Product Package***********************/
.PackageMain
{
    border: solid 1px #ddd; 
    width : 51%;
    text-align : center;
    float:left; 
    font-weight:bold;
    padding-right : 0;
    padding-bottom : 3px;   
}

#AttrName
{
    width : 30%;
    float :left;
    font-weight : bold;    
    text-align:left;
    padding-left:3px;
}
#AttrValue
{
    width : 5%;
    float :left;
    text-align:left;
    padding-right : 5px;
}
#Unit
{
    width : 13%;
    float : left;
    text-align : left;
}
/********************End of Product Package***********************/

/********************Product Detail***********************/
.ProductDetail
{
 float:left;
 width:70%;  
 padding-left : 5px;
 padding-top : 5px;
 padding-bottom : 5px;
 background-color:White;
}

#DetailContent
{
float:left;
width : 100%;    
}

#ProductSingleImage
{
    width:32%;
    float:left;    
    text-align : left;
}
#ProductImages
{
    width:35%;
    float:right;
}
#ProductSpecialOffer
{
    width:65%;
    float:left;    
    padding-top : 10px;
}
.ContentDescription
{
    width : 30%;
    float : left;
    font-weight : bold;    
    text-align : right;
    padding-left : 10px;
    padding-right : 10px;
}
.Content
{
    width:60%;
    float:left;
    font-weight : bold;
    text-align:left;
}
.Content select
{
    width:95%;
    float :left;        
}
.Content input
{
    width:92%;    
    float :left;    
}
.SpecialOfferItems
{
    width:100%;
    float:left;
    height : 25px;
    vertical-align : middle;    
}
.ButtonsAtTheRigth
{
    width:170px;
    margin-left:30px;
    float:left;
    text-align:center;    
    padding-top : 5px;
}
.BtnMiddleForLightBox
{	
    line-height:17px;
    background:url(images/cartbtn_middle.jpg) repeat-x;
    width:130px;    
    float:left;
}
.BtnMiddleForLightBox a
{	
    text-decoration : none;
    font-size:11px;
}

.BtnLeft
{
    background:url(images/cartbtn_left.png) no-repeat;
    width:9px;
    float:left;
    height:17px;    
}
.BtnRight
{
    background:url(images/cartbtn_right.png) no-repeat;
    width:9px;
    float:left;
    height:17px;     
}


/* In Product Detail Page, for User Control*/
#AddToCart
{
    width : 65%;
    float:left;   
}
.SpecLeft
{
  float:left;
  width:14px;  	
  height:25px;
  background-image:url(images/tabsleft.png);
  background-repeat:no-repeat;
  padding:0px 0px 0px 0px;
  border-style:none;
}
.SpecMiddle
{
  float:left;
  line-height:25px;
  background-image:url(images/tabsmiddle.png);
  background-repeat:repeat-x;  
  border-style:none;  
}
.SpecRight
{
  float:left;
  width:14px;
  height:25px;
  background-image:url(images/tabsright.png);
  background-repeat:no-repeat;  
  border-style:none;
}
/********************Product Detail***********************/
/********************Button style for Add to Cart***********************/
.BtnAddToCart
{
    width:100%;
    float:left;
    text-align:center;   
    line-height : 20px;
    padding-top : 10px;
}
.ButtonAddToCart
{
    border:solid 1px #d8d8d8;	    
    background-color:#84ad21;
    font-family:Tahoma;
    cursor:pointer;
    font-weight:bold;            
    color:#FFF;    
    padding:3px 10px 3px 10px;
    font-size:11px;    
    text-align : center; 
}
/********************End of Button style for Add to Cart***********************/
/********************Installment***********************/
#PosMain
{
    float:left;
    width:30%;   
    position :inherit;
}
#PosName
{
    width : 99%;
    float:left;    
    line-height : 30px;
    vertical-align : middle;
    text-align : center;
    font-weight:bold;
    border-bottom : solid 1px #d4d4d4;
    letter-spacing : 2px;
}
.PosInstallment
{
    height:35px;
    text-align :center;
}
.PosInstallmentContent
{
}
.InstallmentNumberHeader
{
    width:19%;
    float :left;
    font-size : 8px;
    font-weight : bold;  
    text-align:left;   
    height : 35px;
    padding-left:3px;
    border-bottom : solid 1px #FFFFFF;
}
.TotalHeader
{
    width:25%;
    float:left;
    height : 35px;
    border-bottom : solid 1px #FFFFFF;
}
.InstallmentHeader 
{
    width:30%;
    float:left;
    height : 35px;
    border-bottom : solid 1px #FFFFFF;
}
.MinAmountHeader
{
    width: 24%;
    float:left;  
    height : 35px;
    border-bottom : solid 1px #FFFFFF;
}
.InstallmentNumber
{
    width:19%;
    float :left;
    padding-left:3px;
    border-bottom : solid 1px #FFFFFF;
}
.TotalAmount
{
    width:25%;
    float:left;
    text-align:center;
    border-bottom : solid 1px #FFFFFF;
}
.InstallmentAmount
{
    width:30%;
    float:left;
    text-align:center;
    border-bottom : solid 1px #FFFFFF;
}
.MinAmount
{
    width:24%;
    float:left;
    text-align :center;
    font-weight:bold;
    border-bottom : solid 1px #FFFFFF;
}
/********************End of Installment****************/
/********************Product Images****************/
.photos 
{
	background:url(images/imageMiddle.jpg) repeat-x;
	width:94%;
	max-height:170px;
	line-height:170px;  
	float:left;
	padding-top:2px;
}
.photos div
{
    text-align:center;    
}
.photosLeft
{
	background:url(images/imageLeft.jpg) no-repeat;
	width: 4px;
	float:left;  
	height:170px;   
}
.photosRight
{
    background:url(images/imageRight.jpg) no-repeat;
	width: 7px;
	float:left;
	height:170px;       
}
.ThumbsTop
{
    background:url(images/imageTop.jpg) no-repeat;
    background-position:center bottom;
    height: 5px;
    width:100%;
    float:left;
}
.Thumbs 
{
    background:url(images/imageMiddleHorizontal.jpg) repeat-y;
    width:100%;
    float:left; 
}
.ThumbsBottom
{
    background:url(images/imagebottom.jpg) no-repeat;
    height: 4px;
    width:100%;
    float:left;
}

.BottomImages
{
    height : 50px;
    float:left;   
    padding : 3px;
    vertical-align : middle; 
}
.BottomImages img
{
    float:left;   
    border : 1px solid #ddd; 
}
/********************End of ProductImages****************/
/********************Product Specification***********************/
.TblSpecs
{
	width:100%;	
}
.TblSpecsHeader
{
	 background-color:#84ad21;
	 padding:5px;
	 color:#FFF;
	 font-size:13px;
	 font-weight:bold;  	   
	 text-decoration:underline; 
	 border:solid 1px #DCDCDC;	
}
.TblSpecsAttrColumn
{
	width:35%;
	padding:3px;
	background-color:#FAFAFA;
	border:solid 1px #DCDCDC;
}
.TblSpecsValueColumn
{
	width:65%;
	padding:3px;
	background-color:#F4F4F4;
	border:solid 1px #DCDCDC;	
}
/********************End of Product Specification***********************/
/********************Review*******************************/
#ReviewHeader
{
    width:100%;
    float:left;
    padding-left : 10px;
    color : Black;  
}
.HeaderItems
{
    float:left;     
    padding-right : 10px;
    font-weight : bold;
}
#Review
{
    float:left;
    width:100%;
    font-weight:normal;
    color:Black;    
    padding-left : 10px;
}
#DisplayName
{
    padding-left : 10px;  
    font-weight : bold;
    color: Black;
}
.Description
{
float : left;
width : 20%;
}
.Item
{
float:left;
width : 70%;
}
.Middle
{
 float:right;
 width:100%;    
}
#RequiredFieldMessage
{
    font-weight : bold;
    font-size : 12px;
    color: #f77615;
    text-align:center;
}
.ErrorDiv
{
    font-weight : bold;
    font-size : 12px;
    color: #f77615;
    text-align:left;
    padding-bottom : 20px;
}
/********************End of Review************************/
.LinkImage
{
border:0;    
}
.actionLinkContactUs
{
    text-decoration : none;
    color : #f67a1d;
    font-weight : bold;
}
/**************Suggest To Friend***************/
.SuggestToFriendHeader
{
    width:50%;
    float:left;
    text-align : right;
    padding-right : 10px;
    font-weight:bold;
    vertical-align : bottom;
}
.SuggestToFriendContent
{
    width:40%;
    float:left;
    text-align :left;
    padding-left:5px;
}
.SuggestToFriendPage
{
    padding-top:10px;   
    vertical-align : bottom; 
}
/*************End of Suggest To Friend*************/
.ProductSearchNoProductFound
{
    padding-top : 10px;
    padding-bottom : 10px;
    color:#3b8097;
    font-weight : bold;
}
.ProductLayout
{
width:100%;
float:left;
}
.NavigationPath
{
    width:100%;
    float:left;
    text-align:left;
    padding-left:5px;    
}
