﻿/* GENERIC */

/* background color for the content part of the pages */

H1
{
	font-weight: normal;
	font-size: 18px;
	margin: 3px 0px 0px 0px;
	color: #333333;
	font-family: Arial, Tahoma, Helvetica;
}


H2
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 4px;
	margin: 0px;
	padding-top: 8px;
	font-family: Arial, Tahoma, Helvetica;
	color: #333333;
}

H3
{
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 4px;
	font-family: Arial, Tahoma, Helvetica;
	margin: 8px 0px 0px;
}
H4
{
	font-weight: bold;
	font-size: 10px;
	color: cadetblue;
	padding-bottom: 2px;
	margin: 3px 0px 0px;
	font-family: Verdana, Helvetica, sans-serif;
}
H5
{
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 2px;
	margin: 3px 0px 0px;
	color: cadetblue;
	font-style: italic;
	font-family: Verdana, Helvetica, sans-serif;
}

P
{
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica;
	padding-bottom: 4px;
	margin: 0px;
	line-height:16px;
	color:#333333;
}


TFOOT, THEAD
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: darkred;
}

TH
{
	font-family: Verdana, Helvetica, sans-serif;
}


A:link, A:visited, A:active
{
	color: #2A94BD;
	text-decoration: none;
}

A:hover
{
	color: #111;
	text-decoration: underline;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}

li
{
	font-size: 11px;
	color: #404040;
	font-family: Tahoma;
	list-style-type: disc;
}

UL LI
{
	list-style-type:square;
}

UL LI LI
{
	list-style-type:circle ;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

HR
{
	margin-top: 0px;
	margin-bottom: 0px;
	color: lavender;
	height: 1px;
}


/* ================================
    CSS STYLES FOR THE KOBİMASTER PORTAL
    v1.0, 10/2004
   ================================
*/


/* PORTAL ADMİN */
/* Used for all admin pages the unselected tabs */



.RightPaneStyle
{
	background-color: #ffffff;
}


.ContentPaneStyle
{
	background-color: #ffffff;
}


.LeftPaneStyle
{
	background-color: #ffffff;
}


.AdminTopBg
{
	background-color: #f5f5f5;
}

.AdminTopLine
{
	background-color: #dcdcdc;
}
.AdminTopHead
{
	font-size: medium;
	color: #ffc080;
	font-family: Arial, Tahoma;
}


.LineNormal
{
	background-color: white;
}

.LineAlternate
{
	background-color: #f5f5f5;
}


/* text style for the unselected tabs */
.Separator
{
	font-size: 10px;
	color: #939393;
	font-family: Verdana, Helvetica, sans-serif;
}


/* used for selected portal tabs */
.SelectedTab
{
	font-weight: bold;
	font-size: 11px;
	color: #cb4d51;
	font-family: tahoma;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}

A.SelectedTab:link, A.SelectedTab:visited, A.SelectedTab:active
{
	color: #cb4d51;
	text-decoration: none;
}

A.SelectedTab:hover
{
	color: #16657D;
	text-decoration: none;
}

/* used for the unselected tabs */
.OtherTabs
{
	font-weight: bold;
	font-size: 11px;
	color: #16657D;
	font-family: tahoma;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active
{
	color: #16657D;
	text-decoration: none;
}
A.OtherTabs:hover
{
	color: #cb4d51;
	text-decoration: none;
}


/* used for top banner links */
.BannerTopLink
{
	font-size: 10px;
	color: #5c646f;
	font-family: Verdana,Tahoma,  Helvetica, sans-serif;
	text-decoration: none;
}
A.BannerTopLink:link, A.BannerTopLink:visited, A.BannerTopLink:active
{
	color: #5c646f;
	text-decoration: none;
}

A.BannerTopLink:hover
{
	color: #459ded;
	text-decoration: underline;
}



/* .................................... */
/* PORTAL CONTENT MENU*/
/* Used for Portalcontnt menü and product categories */
.ContentMenu
{
	font-size: 11px;
	color: #333;
	font-family: Verdana, Arial, Tahoma;
}

A.ContentMenu:link, A.ContentMenu:visited, A.ContentMenu:active
{
	color: #333;
	text-decoration: none;
}

A.ContentMenu:hover
{
	color: #000;
	text-decoration: underline;
}

.ContentMenuSeparator
{
	border-top: #e1e1e1 1px solid;
	
}

.ContentMenuSeparator1
{
	border-top: #adb4c1 1px dotted;
	
}


/* Used for Selected Portalcontent menü and product categories */
.ContentSelectedMenu
{
	font-size: 11px;
	color: #333;
	font-family: Verdana, Arial, Tahoma;
}

A.ContentSelectedMenu:link, A.ContentSelectedMenu:visited, A.ContentSelectedMenu:active
{
	color: #333;
	text-decoration: none;
}

A.ContentSelectedMenu:hover
{
	color: #111;
	text-decoration:underline;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */

.ModuleHead
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial;
	color: #313131;
	padding-left:5px;
}

.Message
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #eeeeee;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
	font-weight: bold;
	font-size: 11px;
	color: #2e8b57;
	font-family: Tahoma, Helvetica, sans-serif;
}


/* text style for  link buttons used in the module */
.ModuleCmdButton
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

A.ModuleCmdButton:link, A.ModuleCmdButton:visited, A.ModuleCmdButton:active
{
	color: #404040;
	text-decoration: underline;
}
A.ModuleCmdButton:hover
{
	color: #000000;
	text-decoration: underline;
}




/* GENERAL */
/* style for module titles */
.Head
{
	font-weight: bold;
	font-size: 12px;
	color: #E77901;
	line-height: 20px;
	font-family: Verdana, Helvetica, sans-serif;
}


/* style of item titles on edit and admin pages */
.SubHead
{
	font-size: 11px;
	color: #444444;
	font-family: Verdana, Helvetica, sans-serif;
}


/* text style used for most text rendered by modules */
.Normal
{
	font-weight: normal;
	font-size: 11px;
	color: #4f4f4f;
	font-family: Tahoma, Verdana, sans-serif;
}

.Normal1
{
	font-weight: normal;
	font-size: 11px;
	color: #4f4f4f;
	font-family: Tahoma, Verdana, sans-serif;
}

.Validater
{
	font-weight: bolder;
	font-size: 12px;
	color: #CC0000;
	font-family: Verdana, sans-serif;
}

/* used for portal note,desc vs.. */
.Small
{
	font-weight: normal;
	font-size: 10px;
	color: #e2f1f4;
	line-height: 11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/*Used for inactive description */
.Pasif
{
	font-weight: normal;
	font-size: 10px;
	color: #9b9b9b;
	line-height: 12px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/*Used for Discussion Board  */
.DiscussSmall
{
	font-weight: normal;
	font-size: 10px;
	color: dimgray;
	line-height: 12px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/*Used for Discussion Board  */
.DiscussDescrip
{
	font-weight: normal;
	font-size: 11px;
	color: dimgray;
	line-height: 12px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 10px;
	font-weight: normal;
}

A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active
{
	color: #1d5cc0;
	text-decoration: underline;
}
A.CommandButton:hover
{
	color: #111;
	text-decoration: underline;
}


.date
{
	margin-top: 9px;
	font-size: 9px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.listBullet
{
	font-size: 10px;
	color: #a6a6a6;
}
.listItem
{
	padding-right: 0em;
	padding-left: 0.5em;
	padding-bottom: 0em;
	padding-top: 0em;
}

.Thumbnail 
{
  cursor: pointer; 
}

.Thumbnail2
{
	cursor: pointer;
	border: #c5c5c5 1px solid;
}

.Thumbnail2:hover, .Thumbnail2:focus 
{
  cursor: pointer; 
  border: palegreen 1px solid;
}


/*PORTAL GRID*/
/* used for Portal Grid  styles */

.GridHeader
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	height: 22px;
	color: #f7f7f7;
	background-color: #4a3c8c;
}

.GridFooter
{
	font-weight: bold;
	font-size: 10px;
	color: dimgray;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #f7f7f7;
	height: 18px;
}

.GridPager
{
	font-weight: bold;
	font-size: 10px;
	color: dimgray;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #f7f7f7;
	height: 18px;
}

.GridItem
{
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #4A3C8C;
	background-color: #ECECEF;
	height: 18px;
}

.GridAlternatingItem
{
	font-weight: normal;
	font-size: 11px;
	color: #4A3C8C;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #F7F7F7;
	height: 18px;
}

.GridSelectedItem
{
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: Orange;
	background-color: #FBF6DD;
	height: 18px;
}

.GridSpecialItem
{
	font-weight: normal;
	font-size: 11px;
	color: brown;
	font-family: Tahoma, Verdana, sans-serif;
	height: 18px;
	background-color: #fadcfa;
}


/*SHOPPING CART GRID*/
/* used for Portal Grid  styles */

.ShopGrid
{
	border: #d3d3d3 1px solid;
	background-color: #ffffff;
}

.ShopGridHeader
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 26px;
	color: #555;
	background: #ffffff url(images/dmt2-bg.gif) left -4px repeat-x;
	background-color: #ffffff;
}

.ShopGridFooter
{
	font-weight: bold;
	font-size: 11px;
	color: #4A3C8C;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #F7F7F7;
	height: 18px;
}


.ShopGridItem
{
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #333333;
	height: 20px;
	background-color: White;
}

.ShopGridAlternatingItem
{
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #FaFaFa;
	height: 20px;
}


/* Product  */

A.ProductHead
{
	font-size: 11px;
	font-family:  Verdana, Arial, Tahoma;
}

A.ProductHead:link, A.ProductHead:visited, A.ProductHead:active
{
	color: #0a8ac5;
	text-decoration:underline;
}

A.ProductHead:hover
{
	color: #111;
	text-decoration:none;
}

.ProductDesc
{
	color: #CC0000
    font-weight:bold;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}

.ProductListPrice
{
	font-size: 11px;
	color: #8d8d8d;
	font-family: Tahoma Verdana, Arial;
	font-weight: bold;
	text-decoration: line-through;
}

.ProductPrice
{
	font-size: 11px;
	color: #c11220;
	font-family: Verdana, Arial;
	font-weight: bold;
}

.ProductListItem
{
	border: lightgrey 1px dotted;
}


.TableTopCell
{
	border-bottom: #4f4d4b 1pt solid;
}
.TableCell
{
	border: #DDEBEC 1pt solid;
	border-top: #DDEBEC 0pt solid;
}

.ThinTable
{
	border: #dde6e1 1px solid; border-collapse:collapse;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	border: #d8d8d8 1px solid;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
}

.MarkedTextBox
{
	font-size: 10px;
	border: solid 1px #b0b0b0;
	color: gray;
	background-color: #fafafa;
	font-family: Verdana, Helvetica, sans-serif;
}
.MarkedTextBox1
{
	font-size: 10px;
	border: solid 1px #5da8c3;
	color: gray;
	background-color: #fffdf8;
	font-family: Verdana, Helvetica, sans-serif;
}
.NormalButton
{
	border: #dfecf6 1px groove;
	font-size: 10px;
	color: #2a2a2a;
	font-family: Verdana, Helvetica, sans-serif;
}
.SiteFooter
{
	font-weight: normal;
	font-size: 9px;
	color: inactivecaption;
	line-height: 11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}


.Opacity
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}


.Gradient
{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#cedce3' , endColorStr= '#ffffff' , gradientType= '1' );
}
.GradientFoot
{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#cedce3' , gradientType= '0' );
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 11px;
}

.PortalColorPanel
{
	border: #dde6e1 1px solid;
	background-color: #F7F7F7;
}

.PortalPanel
{
	border: #dde6e1 1px solid;
}

.PortalPanelHeader
{
	border: #dde6e1 1px solid;
	background-color: #f0efff;
}


.ModuleWindow
{
	padding: 0px;
	font-weight: bold;
	border: #eaeaea 0px solid;
	background-color: #ffffff;
}

.ProductModuleWindow
{
	font-weight: bold;
	padding: 0px;
	border: #eaeaea 0px solid;
	background-color: #ffffff;
}

.ModuleContent
{
	padding: 5px;
	background-color: white;
	border-right:#d9d9d9 1px solid;
		border-left:#d9d9d9 1px solid;
			border-bottom:#d9d9d9 1px solid;
				

}

.ModuleContent1
{
	padding: 5px;
	background-color: white;
	border-right:#d9d9d9 1px solid;
		border-left:#d9d9d9 1px solid;
			border-bottom:#d9d9d9 1px solid;
}


.formboxhead
{
	border: #e1e1e1 1px solid;
	padding: 1px;
	font-weight: bold;
	color: #555;
	line-height: 30px;
	background: #fff url(images/dmt3-bg.gif) -1px repeat-x;
	font-size: 12px;
}
.formbox
{
	border: #e1e1e1 1px solid;
	padding: 5px;
	margin-top:-1px;
}



A.PagerBtn
{
	border: #c5c5c5 1px solid;
	padding: 1px  3px 1px 3px;
	font-weight: bold;
	font-size: 10px;
	background: #ceceea url(/images/_btn_back.gif) repeat-x;
	color: #5b5b85;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c0c0dc;
	text-decoration: none;
	height: 10;
	margin: 0px 1px 0px 1px;
}

A.PagerBtn:link, A.PagerBtn:active, A.PagerBtn:visited
{
	color: #64677d;
	background-color: #ceceea;
	text-decoration: none;
}

A.PagerBtn:hover
{
	border: #6ab94b 1px solid;
	background: #fefefe url(/images/btn_back.gif) repeat-x;
	color: #4d4d4d;
	background-color: gainsboro;
	text-decoration: none;
}




A.SelectedPagerBtn
{
	border: #6ab94b 1px solid;
	padding: 1px  3px 1px 3px;
	font-weight: bold;
	font-size: 10px;
	background: #ceceea url(/images/btn_back.gif) repeat-x;
	color: #4d4d4d;
	background-color: gainsboro;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 10;
	margin: 0px 1px 0px 1px;
}

A.SelectedPagerBtn:link, A.SelectedPagerBtn:active, A.SelectedPagerBtn:visited
{
	color: #64677d;
	background-color: #ceceea;
	text-decoration: none;
}

A.SelectedPagerBtn:hover
{
	border: #c5c5c5 1px solid;
	color: #5b5b85;
	background: #fefefe url(/images/_btn_back.gif) repeat-x;
	background-color: #c0c0dc;
	text-decoration: none;
}


A.MenuBtn
{
	border: #c5c5c5 1px solid;
	padding: 2px 3px 3px 3px;
	font-weight: bold;
	font-size: 10px;
	background: #ceceea url(/images/_btn_back.gif) repeat-x;
	color: #5b5b85;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c0c0dc;
	text-decoration: none;
	height: 14;
	margin: 0px 2px 0px 2px;
}

A.MenuBtn:link, A.MenuBtn:active, A.MenuBtn:visited
{
	color: #64677d;
	background-color: #ceceea;
	text-decoration: none;
}

A.MenuBtn:hover
{
	border: #6ab94b 1px solid;
	border-bottom: #ffffff 1px solid;
	background: #fefefe url(/images/btn_back.gif) repeat-x;
	color: #4d4d4d;
	background-color: gainsboro;
	text-decoration: none;
}




A.SelectedMenuBtn
{
	border: #c5c5c5 1px solid;
	border-bottom: #ffffff 1px solid;
	padding: 2px 3px 3px 3px;
	font-weight: bold;
	font-size: 10px;
	background: #ceceea url(/images/btn_back.gif) repeat-x;
	color: #4d4d4d;
	background-color: gainsboro;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 14;
	margin: 0px 2px 0px 2px;
}

A.SelectedMenuBtn:link, A.SelectedMenuBtn:active, A.SelectedMenuBtn:visited
{
	color: #64677d;
	background-color: #ceceea;
	text-decoration: none;
}

A.SelectedMenuBtn:hover
{
	border: #c5c5c5 1px solid;
	border-bottom: #ffffff 1px solid;
	color: #5b5b85;
	background: #fefefe url(/images/_btn_back.gif) repeat-x;
	background-color: #c0c0dc;
	text-decoration: none;
}



.submit
{
	color: #2b333c;
}
.submit, .submit-disabled
{
	background: #fefefe url(/images/btn_back.gif) repeat-x;
	border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	font: normal  normal normal bold 9px verdana 
}
.submit:hover, .submit:focus
{
	border: 3px double;
	border-color: #aedf9a #94da78 #6ab94b #94da78;
}
.submit:visited
{
	color: #2b333c;
}


A.formbtn
{
	border: #d2d2d2 1px solid;
	padding: 3px 5px 4px 5px;
	font-size: 11px;
background: #fff url(images/_btn_back.gif) left top repeat-x;
	color: #333;
	font-family: Verdana, Arial, Tahoma;
	background-color: #c0c0dc;
	text-decoration: none;
	height: 10;
}

A.formbtn:link, A.formbtn:active, A.formbtn:visited
{
	border: #d2d2d2 1px solid;
	padding: 3px 5px 4px 5px;
	color: #333;
	background-color: #ceceea;
	text-decoration: none;
}

A.formbtn:hover
{
	
	border: #eccba4 1px solid;
	padding: 3px 5px 4px 5px;
	background: #fefefe url(images/btn_back.gif) bottom repeat-x;
	color: #754f32;
	text-decoration: none;
}




A.MultiPageTabs
{
	border: #d3d3d3 1px solid;
	padding: 4px 2px 0px 2px ;
	font-size: 11px;
	background: #ceceea url(/images/imageTabs/tab_bg.gif) repeat-x;
	color: #1c1c1c;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration: none;
	height: 30;
	margin: 0px 1px 0px 1px;
}

A.MultiPageTabs:link, A.MultiPageTabs:active, A.MultiPageTabs:visited
{
	color: #1c1c1c;
	text-decoration: none;
}

A.MultiPageTabs:hover
{
	border-bottom-color:White;
	color: #5b5b85;
	background: #fefefe url(/images/imageTabs/slct_tab_bg.gif) repeat-x;
	text-decoration: none;
}


A.MultiPageSelectedTabs
{
	border: #d3d3d3 1px solid;
	border-bottom-color:White;
	padding: 4px 2px 0px 2px ;
	font-size: 11px;
	background: #ceceea url(/images/imageTabs/slct_tab_bg.gif) repeat-x;
	color: #1c1c1c;
	font-family: verdana, Helvetica, sans-serif;
	text-decoration: none;
	height: 30;
	margin: 0px 1px 0px 1px;
}

A.MultiPageSelectedTabs:link, A.MultiPageSelectedTabs:active, A.MultiPageSelectedTabs:visited
{
	color: #1c1c1c;
	text-decoration: none;
}

A.MultiPageSelectedTabs:hover
{
	color: #5b5b85;
	text-decoration: none;
}

.MultiPageTabLayer
{
	position: relative;
	z-index:95;
}
.MultiPageContent
{
	border: #d3d3d3 1px solid;
	padding: 14px 6px 6px 6px;
	text-decoration: none;
	position: relative;
	top: -1px;
	left: 1px;
	z-index:90;
}




/*CALENDAR STYLED*/

.picker
{
	background-color: #ffffff;
	border: 1px Lavender solid;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana,monospace;
	cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
}

.calendar td
{
  font-size:10px;
}

.calendar_title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
  width:15px;
  cursor:pointer;
  text-align:center;
  border: 1px #FFFFFF solid;
}

.dayhover
{
  width:15px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border: 1px #FFFFFF solid;
}

.dayheader
{
  width:15px;
  text-align:center;
  border: 1px white solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
	color: #999999;
	background-color: white;
}

.selectedday
{
  width:15px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503;
  border-style:solid;
  font-weight: bold;
}

.weekendday
{
  width:15px;
  cursor:pointer;
  text-align:center;
  border: 1px white solid;
  color: Red;
}

.todayday
{
  width:15px;
  cursor:pointer;
  text-align:center;
  border: 1px white solid;
  color: #ffffff;
  background-color: LightSteelBlue;
}
.calendar
{
  border-collapse:collapse;
  border: 1px Black solid;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
	margin: 0px 5px 5px 0px;
	background-color: WhiteSmoke;
}

.nextprev
{
  cursor:pointer;
  height:20px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

/*WIZARD STYLE*/


.Wizard
{
	background-color:#F7F6F3;
	border:Solid 1px #CCCCCC;
	font: normal normal normal 0.8em  normal Verdana ;
}

.WizardStep
{
	border:Solid 0px #CCCCCC;
	color:#5D7B9D;
}

.WizardSideBar
{
	background-color:#7C6F57;
	border:Solid 0px #CCCCCC;
	font: normal normal normal 0.9em  normal Verdana ;
}

.WizardHeader
{
	background-color:#5D7B9D;
	border:Solid 1px #CCCCCC;
	font: normal bold normal 0.9em  normal Verdana ;
	color:White;
}



/*AutoComplete flyout */

.AutoCompleteListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 100px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.AutoCompleteHighlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	font-size: 11px;
	font-family: Tahoma;
}

/* AutoComplete item */

.AutoCompleteListItem
{
	background-color: window;
	color: windowtext;
	padding: 1px;
	font-size: 11px;
	font-family: Tahoma;
}

/* KATALOG MODÜLÜ */

#CatalogModule {
padding: 13px 0px 5px 0px;
}

#CatalogModule #CatalogName {
font-family: Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
color: #e26500;
padding: 0px 0px 3px 10px;
background-repeat: no-repeat;
background-position: 0 0;
}

#CatalogModule #CatalogName A {
color: #333;
text-decoration: none;
}

#CatalogModule #CatalogName A:Hover {
color: #111;
text-decoration: underline;
}

#CatalogModule #CategoryList {
padding: 0px 0px 0px 0px;
}

#CatalogModule .Category {
/*
background-image: url(images/cat_icon.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;*/
line-height: 14px;
padding-left: 10px;
}


#CatalogModule .CategoryName {
font-family: Verdana, Arial, Tahoma;
font-size: 11px;
color: #51524e;
background: url(images/cm_left0.gif) 1px -4px no-repeat;
padding-left: 15px;
}

#CatalogModule A.CategoryName {
color: #444;
text-decoration:none;
}

#CatalogModule A.CategoryName:Hover {
color: #111;
text-decoration: underline;
}

#CatalogModule #CategorySep {
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #333333;
padding: 0px 3px 0px 0px;
}

#CatalogModule .CatalogSep {
border: none;
padding-bottom:10px;
}


/* ENERGYSPORT EK STILLER -------------------------------------------------------------------------- */






body {
font: normal 11px Tahoma, Arial, Verdana;
color: #333;
margin: 0px;
text-align: center;
}

#Tema-Container {
border-top: solid 7px #eee;
margin: 0px auto;
width:980px;
text-align: center;
}

#wrapper {
width: 964px;
margin:0px auto;
text-align: left;
}


#Tema-Header {
height:70px;
width: 100%;
}


#Tema-Logo {
position: absolute;
margin: 10px 0 0 0;
}


#Tema-Content {
clear: both;
margin-bottom: 15px;
}



/* ZİYARETÇİ LİNKLERİ ---------------------------------------- */

#Tema-User {
float:right;
margin: 20px 20px 0 0;
font: normal 11px Verdana, Arial, Tahoma;
line-height: 28px;
color: #555;
padding:1px;
}

A.UserLink:link, A.UserLink:visited, A.UserLink:active {
color: #dd3e3e;
text-decoration: underline;
}

A.UserLink:hover {
color: #111;
text-decoration: underline;
}

#Tema-User strong {

}

#Tema-User em {
font-style: normal;
padding: 0 5px;
color: #bbb;
}

#Tema-User img {
vertical-align: middle;

}

/* MÜŞTERİ HİZMETLERİ MENÜSÜ */

#mh-menu {
	z-index: 9999;
}

#mh-menu-child {
margin-top:4px;
	background: #fff url(images/mh-menu-top.gif) 0px 0 no-repeat;
	width: 200px;
	z-index: 9999;
		border-left: solid 1px #94c5d9;
		border-bottom: solid 1px #94c5d9;
		border-right: solid 1px #94c5d9;
}

#mh-menu-child ul {
			padding: 0px 0px;
			margin:10px 0;
			}

#mh-menu-child li {
list-style-type: none;
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color:#444;
padding: 0 10px;
margin: 0px 0;
line-height: 20px;
}

A.mh-menu-link:link, A.mh-menu-link:visited, A.mh-menu-link:active {
background: transparent url(images/orangedot.gif) left center no-repeat;
color:#444;
padding: 3px 5px 3px 20px;
}

A.mh-menu-link:hover {
color: #000000;
}



/* LOGIN PANEL */

#login-panel {
	z-index: 9999;

}

#login-panel-child {
	margin-top:3px;
	background: #fff url(images/login-panel-top.gif) right 0 no-repeat;
	z-index: 9999;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin-left:-126px;
	
}

.Field1 {
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #333;
border: solid 1px #c9c9c9;
padding: 2px 2px 2px 3px;
height: 21px;
width: 100px;
}

.Field2 {
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #333;
border: solid 1px #c9c9c9;
padding: 2px 2px 2px 3px;
height: 21px;
width: 90px;
}


A.lp-link:link, A.lp-link:visited, A.lp-link:active {
font-family: Verdana, Tahoma, Arial;
font-size: 10px;
color:#0a8ac5;
text-decoration: underline;
}

A.lp-link:hover {
color: #111;
}

.lp-label {
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
color:#444;
}



/* SEPET ---------------------------------------- */

#Tema-Cart {
float:right;
margin: 20px 0 0 0;
padding: 1px;
}

A.CartLink:link, A.CartLink:visited, A.CartLink:active {
font: normal 11px Verdana, Arial Tahoma;
color: #333;
text-decoration: none;
}


A.CartLink:hover {
color: #dd3e3e;
text-decoration: underline;
}


.CartLink strong {
font: normal;
text-decoration: underline;
color: #dd3e3e;
}

.CartLink img {
vertical-align: middle;
margin-left: 10px;
}




/* ÜST LİNKLER ------------------------------ */

#Tema-TopLinks {
font: normal 11px Verdana, Arial, Tahoma;
padding: 0 0 3px 10px;

}

A.TopLink:link, A.TopLink:visited, A.TopLink:active {
color: #444;
text-decoration: none;
}

A.TopLink:hover {
color: #111;
text-decoration: underline;
}

#Tema-TopLinks em {
font-style: normal;
padding: 0 5px;
color: #999;
}


/* TOP BAR ------------------------------ */

#Tema-TopBar {
width:100%;
background: #fff url(images/menubar-bg.gif) repeat-x;
margin-bottom:15px;
top:80px;
}



/*******************************Horizontal Navigation*********************************/

#Navigation {

}

#hor_nav {
	z-index:3;
	position:absolute;
	display:inline;
	margin:0;
	padding: 0px;

}

#hor_nav li {
	list-style:none;
	position:relative;
	float:left;
	background: transparent url(images/menubar-sep.gif) right top no-repeat;
	padding-right: 2px;
}

#hor_nav h3 {
padding: 0px;
margin: 0px;
}

#hor_nav .MCLinkGroup {
float: left;
padding-top: 0px;
margin: 10px 0 0 20px;
}



A:MenuItem1:link, A:MenuItem1:visited {
display: block;
height:36px;
width:110px;
line-height:34px;
background: #0990C5 url(images/menu-kadin.gif) left top no-repeat;
}



A.MenuItem:link, A.MenuItem:visited {
display: block;
height:36px;
width:150px;
font: bold 12px Trebuchet MS, Arial, Tahoma, Verdana;
color: #ecf9ff;
text-decoration:none;
line-height:34px;
background: transparent url(images/mmenu-down1.gif) right no-repeat;
letter-spacing:1px;
}

/*#hor_nav.cartlink a:link, #hor_nav .cartlink a:visited  {
	color: #ffff33;
}*/

A.MenuItem:hover {
text-decoration: none;

}

#hor_nav li a em {
font-style: normal;
display: block;
padding: 1px 0 0 20px;
	
}

.tab_hover {
height: 36px;
}

#hor_nav li.tab_hover A.MenuItem:link, #hor_nav li.tab_hover A.MenuItem:visited {
	color: #444;
	background: #fff url(images/mmenu-down3.gif) right no-repeat;
	border-top: solid 1px #e1e1e1;
	height: 36px;
}

.menu_hover {
	height:auto;
	background: #ffffff;
	position:absolute;
	left:-4px;
	z-index: 20;
	border: solid 4px #ccc;
	border-top: none;
}


.shadow {
	height:auto;
	margin:4px;
	background: #ffffff url(images/mm-content-bg.gif) bottom repeat-x;
}

.MCLink {
margin-top:2px;
display: block;
background: url(images/cat-arr.gif) left 4px no-repeat;
padding-left: 10px;
color: #0a8ac5;
text-decoration:underline;
}


A.MCLink:link, A.MCLink:active, A.MCLink:visited {
font: normal 11px Verdana, Arial, Tahoma;
color: #666;
text-decoration:none;

}

A.MCLink:hover {
background: url(images/cat-arr-over.gif) left 4px no-repeat;
color: #333;
text-decoration:underline;
}

.MC-TitleLink {
margin-top:2px;
display: block;
}

A.MC-TitleLink:link, A.MC-TitleLink:active, A.MC-TitleLink:visited {
font: bold 11px Tahoma, Verdana, Arial;
color: #2A94BD;
}

A.MC-TitleLink:hover {
color: #333;
text-decoration:none;
}




.hidden {
	display:none;
}


/* ------------------------------HOR-NAV */


/* MAIN SEARCH      */

.MainSearchField {
border: none;
font: normal 11px Verdana, Arial, Tahoma;
color: #555;
height: 21px;
padding: 4px 2px 2px 2px;
width: 158px;
}


#Tema-Footer {
border-top: solid 1px #e1e1e1;
padding-top: 20px;

}

#Tema-Footer .FootContent {

}


#Tema-Footer .FootPart {
float: left;
background: transparent url(images/footer-dotsep.gif) right top repeat-y;
padding: 0 20px 10px 30px;
}


#Tema-Footer h3 {
font: bold 12px Verdana, Arial, Tahoma;
color: #e26500;
margin:0px;
padding: 0px;
}

#Tema-Footer p {
float: left;
margin-top: 5px;
}


A.FCLink:link, A.FCLink:visited, A.FCLink:active {
font: normal 11px Verdana, Arial, Tahoma;
text-decoration:underline;
}

A.FCLink:hover {
text-decoration:underline;
}

.FCLinkSep {
color: #666;
margin:0 5px 0 8px;
}

/* KM İÇERİK STİLLERİ */

.ModuleTitle1 {
padding: 0px;
margin: 0px;
background: transparent url(images/dmt2-right.gif) right top no-repeat;
font: bold 12px Verdana, Arial, Tahoma;
color: #555;
}

.ModuleTitle1 em {
font-style: normal;
background: transparent url(images/dmt2-arr.gif) 5px top no-repeat;
padding-left:25px;
line-height: 37px;
}

.ModuleTitle2 {
padding: 0px;
margin: 0px;
background: transparent url(images/dmt2-right.gif) right no-repeat;
font: bold 12px Verdana, Arial, Tahoma;
color: #555;
}

.ModuleTitle2 em {
font-style: normal;
background: transparent url(images/dmt2-arr.gif) left center no-repeat;
padding-left:20px;
line-height:37px;
}

.ModuleTitle3 {
padding: 0px;
margin: 0px;
background: transparent url(images/dmt4-right.gif) right top no-repeat;
font: bold 12px Verdana, Arial, Tahoma;
color: #3c3d3d;
}

.ModuleTitle3 em {
font-style: normal;
background: transparent url(images/dmt4-arr.gif) 10px center no-repeat;
padding-left:30px;
line-height:40px;
display: block;

}

.ModuleTitle4 {
padding: 0px;
margin: 0px;
background: transparent url(images/dmt-right.gif) right top no-repeat;
font: bold 12px Verdana, Arial, Tahoma;
color: #3c3d3d;
padding-top:1px;
}

.ModuleTitle4 em {
font-style: normal;
background: transparent url(images/dmt-arr.gif) 4px center no-repeat;
line-height:35px;
padding-left: 25px;
}


/* Ürün Listeleri */

.ProductBox1 {
text-align: left;
padding: 10px;
font: normal 11px Verdana, Arial, Tahoma;
color: #555;

}

.TemaPrice {
font: bold 12px Arial, Verdana;
color: #c11220;
}

.TemaPrice em{
font: normal normal 11px Verdana, Tahoma, Arial;
color: #666;
}

.TemaListPrice {
font: normal 11px Tahoma, Arial;
color: #777;
text-decoration: line-through;
line-height: 20px;
margin-right: 5px;
}

.TemaSalePrice {
font: normal 11px Tahoma, Arial;
color: #c11220;
}

.ListIcon {
margin: 0 0 4px 0;
}

.VisitedListItem {
border-top: dashed 1px #dadada;
border-bottom: dashed 1px #dadada;
}



.PD-BankTable {
border-collapse: collapse;
margin: 0 20px 30px 0;

}

.PD-BankTable th {

padding:4px;
font: bold Tahoma, Arial, Verdana;
border: solid 1px #b4cae0;
background-color:#f5fcff;
font-size:11px;
color:#0a8ac5;
text-align:center;
height: 30px;
}

.PD-BankTable td {

padding:4px;
font: normal Tahoma, Arial, Verdana;
font-size:11px;
border: solid 1px #e1e1e1;
}



.PD-GridItem {
background-color:#f5f5f5;
}
.PD-GridAltItem {
background-color:#ffffff;
}

.PD-GridSelectedItem {
color:#d66000;
background-color:#fffae9;
}


/* 
Hızlı Gönderi
*/

#simpledd {
border: solid 1px #eccba4;
padding:15px;
background-color: #FFFBE8;
text-align: left;
cursor: default;

}

#simpledd p {
font: normal 10px Verdana;
color: #333333;
}


.submitbtn {
background: url(images/dmt3-bg.gif) left -7px repeat-x;
border: solid 1px #ccc;
padding: 3px 0;
font: normal 11px Verdana, Arial, Tahoma;
}

.UyumLuModeller {
display:none;
}






/* MÜŞTERİ HİZMETLERİ */

A.MM-MenuLink:link, A.MM-MenuLink:visited, A.MM-MenuLink:active {
display:block;
background: #fff url(images/mm-normal.gif) 0 1px repeat-x;
font-family: Verdana, Arial, Tahoma;
font-size: 11px;
color: #333;
padding: 5px 0 6px 10px;
border: solid 1px #d2d2d2;
border-top: none;
}

A.MM-MenuLink:hover {
background: #fff;
text-decoration:none
}


.MM-MenuLink em {
font-style:normal;
padding: 0px 0 0 10px;
}



A.MM-SubMenuLink:link, A.MM-SubMenuLink:visited, A.MM-SubMenuLink:active {
display:block;
background: #fff;
font-family: Verdana, Arial, Tahoma;
font-size: 9px;
color: #333;
padding: 3px 0 5px 10px;
border: solid 1px #d2d2d2;
border-top: none;
}

A.MM-SubMenuLink:hover {
background: #fff;
text-decoration:underline;
}


.MM-SubMenuLink em {
font-style:normal;
padding: 0px 0 0 20px;
}


.MM-PageContent {
font-family: Verdana, Arial, Tahoma;
font-size: 11px;
color: #444;
}

.MM-PageContent td {
font-family: Verdana, Arial, Tahoma;
font-size: 11px;
color: #444;
}

.MM-PageContent .ModuleHead3 {
font-family: Arial, Verdana, Tahoma;
font-size: 20px;
font-weight:normal;
color: #E88623;
padding: 10px 10px 15px 0;
margin-left: 10px;
border-bottom: solid 1px #e1e1e1;
}

.MM-PageContent .ModuleHead3 em {
font-style:normal;
}

.MM-PageContent h3 {
font-family: Tahoma, Arial, Verdana;
font-size: 12px;
color: #333;
}

.MM-PageContent p {
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
color: #444;

}

.MM-Title {
font-family: Arial, Verdana, Tahoma;
font-size: 16px;
color: #E88623;
padding: 15px 0 0 15px;
border: solid 1px #d2d2d2;
border-bottom: none;
}


.MM-Title em {
font-style:normal;
}



img {
border:none;
}








#markalar-child {
clear:left;
border: solid 1px #d2d2d2;
background: #fff;
margin-left:-2px;
margin-top:-3px;
z-index:9999;

}



/* SCROLL PANE */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f7f7f7;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #e1e1e1 url(images/scrollDrag.gif) center center no-repeat;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.scroll-pane {
	width: 184px;
	height: 150px;
	overflow: auto;
	float: left;
}

#result-pane {
	height: 150px;
}

.marka-link {
display: block;
font: normal 12px Verdana, Arial, Tahoma;
padding: 5px 0px;
width:170px;
}

A.marka-link:hover {
background: #FFF9DD;
}

.WhiteFrame {
padding:10px;
}


/*CAROUSEL*/

.KM-Carousel {

z-index:2;

border: solid 1px #d9d9d9;
border-top:none;
background: url(/skins/sares/images/Carousel/bg.gif) left bottom repeat-x;
}


.KM-Carousel ul {
font-size: 11px;
font-family: Verdana, Tahoma, Arial;


}

.KM-Carousel li {
width: 25%;
height: 210px;
text-align:center;
}


.KM-Carousel .NameTag {
height:35px;
font-size: 10px;
color: #01729d;
text-decoration:none;
margin-top:10px;
}


.PriceTag {
color: #c11220;
padding: 7px 0 5px 0;
font: bold 11px Verdana, Arial, Tahoma;
}

.PriceTag em {
font-style: normal;
font: normal 10px Verdana, Arial, Tahoma;
padding: 2px 0 0 0;
color: #333;
}



.nextbtn {
cursor: pointer;
}

.prevbtn {
cursor: pointer;
}


.CarouselItem {
width:95%;
padding:10px;
float:left;
text-align:center;

}

