/* ************************************************ */
/* Main styles										*/
/* ************************************************ */
BODY, HTML
{
	margin: 0px 0px 0px 0px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
}
TABLE.KMShopContainer
{
	border: 10px solid #fff;
	width: 780px;
	margin: 10px auto 0px auto;
}
TD.KMShopSideBar
{
	width: 20%;
	background-color: #ececec;
	padding: 0px 15px 15px 15px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ddd;
}
TD.KMShopMain
{
	width: 80%;
	background-color: #fff;
	padding: 0px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.KMShopInfoText
{
	color: #888;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
}
/* ************************************************ */
/* General links									*/
/* ************************************************ */
A
{
	color: #008080;
	text-decoration: none;
}
A:hover
{
	color: #697DB2;
	text-decoration: underline;
}
A.KMShopSmallLinks
{
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
}
/* ************************************************ */
/* Header											*/
/* ************************************************ */
TD.KMShopHeader
{
	padding: 7px 0 10px 6px;
	background: #75AE29 url(Images/SunflowerBack.jpg) no-repeat top right;
}
DIV.KMShopLogo
{
	padding: 1px 0px 0px 12px;
}
DIV.KMShopTagLine
{
	color: #fff;
	letter-spacing: 5px;
	padding-left: 12px;
}
/* ************************************************ */
/* Footer											*/
/* ************************************************ */
DIV.KMShopFooter
{
	text-align: center;
	color: #ccc;
	margin: 10px;
}
DIV.KMShopFooter A
{
	color: #eee;
	text-decoration: none;
}
/* ************************************************ */
/* Navigation bar									*/
/* ************************************************ */
TD.KMShopNavBar
{
	background-color: #427518;
}
TD.KMShopNavBar TABLE
{
	margin-left: 5px;
}
TD.KMShopNavBar TABLE TD
{
	padding: 3px 5px 3px 5px;
	line-height: 19px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
TD.KMShopNavBarItem, TD.KMShopNavBarItem A
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
TD.KMShopNavBarItem A:hover
{
	color: #ffff00;
	text-decoration: none;
}
TD.KMShopNavBarSep
{
	color: #75AE29;
}
/* ************************************************ */
/* Breadcrumb										*/
/* ************************************************ */
DIV.KMShopBreadcrumb
{
	font-size: 10px;
	color: #427518; /* #88aa00 */
	background-color: #f7f7f7;
	padding: 7px 0px 7px 15px;
	border-bottom: 1px solid #ddd;
}
/* ************************************************ */
/* Main content area								*/
/* ************************************************ */
DIV.KMShopContent
{
	margin: 10px;
	padding: 0px;
}
/* ************************************************ */
/* Forms											*/
/* ************************************************ */
DIV.KMShopFormSubHead
{
	color: #013300;
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 4px 5px;
}
DIV.KMShopFormContainer
{
	background-color: #f5fdf7;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
}
DIV.KMShopFormContainer TABLE TR TD
{
	padding: 2px 0px 2px 0px;
}
TD.KMShopFormLabel
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	width: 24%; /* NB: If we use a px value IE ignores the width! */
}
TD.KMShopFormData
{
	color: #333;
}
TD.KMShopFormField INPUT, TD.KMShopFormField SELECT, TD.KMShopFormField TEXTAREA
{
	color: #333;
	font-size: 12px;
	font-family: Courier New, Courier, Verdana, Tahoma, Arial;
	background-color: #e5ebef;
	border: 1px solid #999;
	padding: 2px;
}
TD.KMShopFormInfo
{
	padding-bottom: 5px !important;
}
/* ************************************************ */
/* Lists and grids									*/
/* ************************************************ */
TABLE.KMShopListTable
{
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
TR.KMShopListHeadRow TD
{
	padding: 2px 0px 2px 5px;
	color: #555;
	background-color: #eee;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
TR.KMShopListRowAlt TD, TR.KMShopListRow TD
{
	padding: 3px 0px 3px 5px;
	background-color: #f5f5f5;
}
/* ************************************************ */
/* Buttons											*/
/* ************************************************ */
DIV.KMShopButtonRow
{
}
A.KMShopButton
{
	/* To shrink the DIV to fit the text, we float the DIV. Another technique uses display:table and width:5% */
	float: left;
	font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
	font-size: 11px;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
	cursor: hand;
	border: 1px solid #808080;
	background: url(Images/ButtonBack.gif) center;
	padding: 0px 3px 0px 3px;
	line-height: 17px; /* The combination of line-height and height make the button appear identical in IE and FireFox */
	height: 17px;
	margin: 0px;
}
A.KMShopButton:hover
{
	color: #880000;
	text-decoration: none;
	border: 1px solid #880000;
}
DIV.KMShopButtonSeparator
{
	float: left;
	width: 5px;
	padding: 5px; /* Have to pad otherwise FireFox ignores width */
}
/* ************************************************ */
/* System messages									*/
/* ************************************************ */
TABLE.KMShopSysMsgError
{
	color: #ff0000;
	border: 1px solid #ffaaaa;
	background-color: #ffeeee;
}
TABLE.KMShopSysMsgSuccess
{
	color: #008800;
	font-weight: bold;
	border: 1px solid #9fbe4c;
	background-color: #eeffcc;
}
TABLE.KMShopSysMsgInfo
{
	color: Black;
	background-color: #efefc5;
	border: 1px solid #d5cca4;
}
TABLE.KMShopSysMsgError, TABLE.KMShopSysMsgSuccess, TABLE.KMShopSysMsgInfo
{
	margin-bottom: 10px;
}
TABLE.KMShopSysMsgError TD, TABLE.KMShopSysMsgSuccess TD, TABLE.KMShopSysMsgInfo TD
{
	padding: 10px;
}
/* ************************************************ */
/* Pager											*/
/* ************************************************ */
TABLE.KMShopPagerContainer
{
	margin: 10px auto 10px auto;
}
TR.KMShopPagerRow
{
}
TD.KMShopPagerButtonCol
{
}
TD.KMShopPagerPagesCol
{
	padding-left: 15px;
	padding-right: 15px;
	color: #888;
}
TD.KMShopPagerPagesCol SELECT
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #555;
	background-color: #E5EBEF;
}
/* ************************************************ */
/* Product listing AND detail pages	(shared styles)	*/
/* ************************************************ */
TABLE.KMShopProdPrices
{
	margin: auto;
}
TABLE.KMShopProdPrices TD
{
	white-space: nowrap;
	padding-left: 5px;
	padding-bottom: 3px;
}
TD.KMShopProdPriceLabel
{
	color: #888;
}
TD.KMShopProdSellPrice
{
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}
TD.KMShopProdSavePrice
{
	color: #995555;
}
TD.KMShopProdListPrice
{
	color: #005555;
	text-decoration: line-through;
}
.KMShopProdInStock
{
}
.KMShopProdOutOfStock
{
	color: #ff7777;
}
/* ************************************************ */
/* Product listing page								*/
/* ************************************************ */
TABLE.KMShopProdListContainer
{
	border-collapse: collapse;
}
TD.KMShopProdImgCol
{
	color: #888;
	font-size: 9px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 75px;
}
TD.KMShopProdTitleCol, TD.KMShopProdPriceCol, TD.KMShopProdAddCol
{
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
TD.KMShopProdPriceCol
{
	width: 110px;
}
TD.KMShopProdAddCol
{
	width: 5%;
}
TABLE.KMShopProdAddForm
{
	margin: auto;
}
DIV.KMShopProdTitle
{
	margin-bottom: 2px;
}
DIV.KMShopProdTitle A
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
DIV.KMShopProdTitle A:Hover
{
	color: #880000;
}
DIV.KMShopProdDescShort
{
	margin-bottom: 2px;
}
DIV.KMShopProdOtherInfo
{
	color: #666;
	margin-top: 10px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
}
/* ************************************************ */
/* Product detail page								*/
/* ************************************************ */
DIV.KMShopProdAttributes
{
	color: #888;
}
TABLE.KMShopProdDetContainer
{
	border-collapse: collapse;
}
TD.KMShopProdDetImgCol
{
	color: #888;
	font-size: 9px;
	padding-right: 15px;
	width: 15%;
}
TD.KMShopProdDetTitleCol
{
	padding-right: 20px;
}
TD.KMShopProdDetAddCol
{
	width: 20%;
}
DIV.KMShopProdDetAddBox
{
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 15px;
}
TABLE.KMShopProdDetAddForm
{
	margin: 10px auto auto auto;
}
DIV.KMShopProdDetTitle
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
DIV.KMShopProdDetDesc
{
	padding-bottom: 10px;
}
DIV.KMShopProdDetOtherInfo
{
	margin-top: 10px;
	text-align: center;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
}
/* ************************************************ */
/* Shopping cart page								*/
/* ************************************************ */
TABLE.KMShopCartDet
{
	border-top: 1px solid #ccc;
	margin-bottom: 3px;
}
TR.KMShopCartDetItemTitle TD
{
	padding: 2px 0px 2px 3px;
	background-color: #eee;
	color: #555;
	font-weight: bold;
}
TR.KMShopCartDetItemTotal TD
{
	padding: 2px 0px 2px 3px;
	color: #555;
}
DIV.KMShopCartDetFooterTotal
{
	font-weight: bold;
	background-color: #ddd;
	text-align: right;
	padding-right: 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
}
/* ************************************************ */
/* General sidebar box styles						*/
/* ************************************************ */
DIV.KMShopSideBarBox
{
	width: 170px;
	margin-top: 15px;
	overflow: hidden;
	font-family: Tahoma, Arial, Verdana;
}
DIV.KMShopSideBarHeader
{
	padding: 0px 5px 5px 5px;
	margin: 0px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #0c3f2b;
}
DIV.KMShopSideBarContent
{
	color: #555;
	padding: 8px 8px 5px 8px;
	border: 1px solid #ccc;
	background-color: #31c557;
	overflow: hidden;
}
/* ************************************************ */
/* Shopping cart sidebar box						*/
/* ************************************************ */
DIV.KMShopCartSum
{
	background-color: #fff;
}
DIV.KMShopCartSumItems
{
	font-size: 10px;
	color: #5E5D5D;
	white-space: nowrap;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #ccc;
}
DIV.KMShopCartSumItem
{
	width: 100%; /* So IE doesn't ignore parent element padding */
	overflow: hidden;
	padding-bottom: 3px;
}
DIV.KMShopCartSumTotal
{
	font-weight: bold;
	color: #5E5D5D;
	margin-bottom: 3px;
}
/* ************************************************ */
/* Categories sidebar box							*/
/* ************************************************ */
DIV.KMShopCategories, DIV.KMShopCategories A
{
	color: #013300;
	text-decoration: none;
}
DIV.KMShopCategories A:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
DIV.KMShopCatMain
{
	font-weight: bold;
}
/* ************************************************ */
/* Search sidebar box								*/
/* ************************************************ */
DIV.KMShopSearch TD.KMShopFormField INPUT
{
	background-color: #fff;
	width: 120px;
	border: 1px solid #bbb;
}
/* ************************************************ */
/* Editable content box								*/
/* ************************************************ */
DIV.KMShopEditContainer
{
	background-color: #FFFFCC;
	border: 1px dashed #880000;
	margin-top: 10px;
}
DIV.KMShopEditHeader
{
	background-color: #FFFF66;
	color: #880000;
	font-family: Arial;
	font-size: 9px;
	text-align: center;
}
DIV.KMShopEditContent
{
	padding: 4px;
	color: #5E5D5D;
}







/* ************************************************ */
/* GN Updation Area 								*/
/* ************************************************ */

.Header
{
	background-color:#31c557;
}

.LeftGrayBar
{
	background-color:#31c557;
	border-right:solid 1px #dddddd;
}

.Menu
{
	background-color:#013300;
	font-weight:bold;
	font-size:9pt;
	color:#FFFFFF;
	height:35px;
	
}

.Menu A
{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.Menu A:hover
{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}



.CartLink A
{
	font-weight:bold;
	color:#013300;
	text-decoration:none;
}
.CartLink A:hover
{
	font-weight:bold;
	color:#013300;
	text-decoration:underline;
}


.Tree A
{
	color:#013300;
	text-decoration:none;
}
.Tree A:hover
{
	color:#013300;
	text-decoration:underline;
}

.MenuSeperator
{
	border-right:solid 1px #FFFFFF;
}


.DottedBorder
{
	border-right:dashed 1px #000000;
}


/* Box ************************************************ */

.BoxTopLine
{
	background-image: url(../../Images/Box/TopCenter.jpg);
	background-repeat: repeat-x;
}

.BoxBootomLine
{
	background-image: url(../../Images/Box/BootomCenter.jpg);
	background-repeat: repeat-x;
}

.BoxRightLine
{
	background-image: url(../../Images/Box/RightLine.jpg);
	background-repeat: repeat-y;
}

.BoxLeftLine
{
	background-image: url(../../Images/Box/LeftLine.jpg);
	background-repeat: repeat-y;
}

.BoxContent
{
	padding: 5px 5px 5px 5px;
	line-height:15px;
	height:100px;
	width:260px;
	vertical-align:top;
}
.BoxTitle
{
	padding: 0px 2px 2px 2px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #0c3f2b;
}

.bold
{
	font-weight:bold;
}
.textformat
{
	text-align:justify;
	line-height:15px;
}

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(img/technorati/tab-line.png) repeat-x bottom;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(img/technorati/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(img/technorati/tab.png) no-repeat right top;
    border-color:#666;
    color:#FFFFFF;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#FFFFFF;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(img/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(img/technorati/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:arial,tahoma,helvetica;
    font-size:8pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/* GridView Style */

.KMShopGrdView
{
	width: 100%;
	border: 1px solid #ccc;
}
.KMShopGrdViewHead TH
{
	padding: 5px;
	font-weight: bold;
	background-color: #f5fdf7;
	color: #333;
	border-bottom: 1px solid #ccc;
}
.KMShopGrdViewRow TD
{
	padding: 4px;
	background-color: #ffffff;
}
.KMShopGrdViewAltRow TD
{
	padding: 4px;
	background-color: #f5fdf7;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

/*Popup Control*/
.popupControl
{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.ToolBox
{
	background-color: #f5fdf7;
	border: 1px solid #ddd;
	padding: 10px;
	font-weight:bold;
}
.ToolBox A
{
	font-weight:bold;
}
.ToolBox A:hover
{
	font-weight:bold;
}

DIV.KMShopFormView
{
	background-color: #f5fdf7;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
}
.MultiFileUploadBgColor
{
	background-color:#f5fdf7;
}
	
.td-bg {
	background-image: url(images/TP-Photo-Gallery-Welcome-Page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.td-bg-new {
	background-image: url(images/TP-Photo-Gallery-Welcome-Page-new.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.input-new {
	height: 18px;
	border: 1px solid #000000;
}
a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 15px;
	
}
a.link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}