/* PRASHANT ROKADE MODIFICATION DATE 06-09-2009 BY OCTASHOP PRODUCT CSS FILES 5:48 PM */
html{
margin:0px auto;
padding:0px;
font-family: Arial;
font-size: 11px;
color:#333333;
height:100%;
width:100%;
}
body{
margin:10px auto;
padding:0px;
font-family: Arial;
font-size: 11px;
color:#333333;
text-align:left;
background:#efefef;
/*background:#acacac url(image/bata/bodyBG.gif) repeat-x;*/
}
.blue a:link,.blue a:active,.blue a:visited,.blue a:hover{
color:#528cbc;
font-size:11px;
}
form{
margin:0px auto;
padding:0px;
font-family: Arial;
font-size: 11px;
color:#333333;
/*display:inline-table;*/
}
table,tr,td,th,div,span,font{
font-family: Arial;
font-size: 11px;
}
input{height:auto;/*font-size: 12px;*/}
select{height:21px;/*font-size: 12px;*/}
select option{height:20px;font-size: 12px;}
.layoutDiv_Class{
width:970px;
margin:0px auto;
padding:0px;
border:1px solid #d8d6d7;
}
.headerDiv_Class{
width:970px;
margin:0px auto;
}
.bodyDiv_Class{
width:970px;
margin:0px auto;
/*background:#FFFFFF;*/
}
.footerDiv_Class{
width:970px;
margin:0px auto;
}
.footerline_class{
border-top:1px solid #d8d6d7;
color:#848283;
font-family:Arial;
font-size: 10px;
height:22px;
line-height:22px;
margin:0 auto;
text-align:center;
}
.nonewhitebglayoutDiv{
width:950px;
margin:0px auto;
background:#efefef;
}
.whitelayoutDiv{
width:950px;
margin:0px auto;
background:#FFFFFF;
clear:both;
}
.layoutConten{
width:930px;
margin:0px auto;
display:table;
}
.layoutConten ul {list-style: none;margin:0px;padding:5px;}
.layoutConten ul li{list-style: none;}
.FooterlayoutDiv{
width:970px;
float:left;
background:#FFF url(image/bata/footerBg.gif) repeat-x top left;
padding:10px 0px 0px 0px;
}
.nonebglayoutDiv{
width:970px;
float:left;
text-align:center;
}
.divLayout{
margin:10px 10px;
background:#FFFFFF;
float:left;
}
.divLayout .heading{
background:url(image/bata/topBarBG.gif) left top repeat-X;
color:#FFF;
font-weight:bold;
height:18px;
padding:3px 0 0 5px;
}
/* Gobal CSS Class Name & Property Start */
a:link{
color:#333333;
text-decoration: none;outline:medium none;
}
a:hover {
color: #333333;
text-decoration: underline;outline:medium none;
}
a:visited,active {
color:#333333;
text-decoration: none;outline:medium none;
}
.top-print-link-Div{
float:right;
padding:0 5px;
}
.top-link{
background:url("image/bata/top_arrow.gif") no-repeat scroll left center transparent;
color:#00659B;
cursor:pointer;
display:inline-table;
font-size:12px;
padding:2px 0px 2px 10px;
}
.ico-print{
background:url("image/bata/ico-print.gif") no-repeat scroll center center transparent;
float:right;
height:14px;
padding:10px 0 0;
width:14px;
}
.logoLink{border:0px solid #000;margin-bottom:3px;}
.logoLink a:link{
color:#333;
text-decoration: none;
}
.logoLink a:hover {
color: #333;
text-decoration: underline;
}
.logoLink a:visited,active {
color:#333;
text-decoration: none;
}
.logoLink div table {
margin: -21px 10px 0 0;
position:relative;
}
.logoLink div table tr td{
padding: 4px 4px 2px 0;
position:relative;
text-align:left;
}
img{
border:0px;
}
.whiteLink{
color: #FFF;
}
a.whiteLink:link{
color:#333333;
text-decoration: none;
}
a.whiteLink:hover {
color: #FFF;
text-decoration: underline;
}
a.whiteLink:visited,active {
color:#333333;
}
.message{
color:#FF0000;
padding:4px;
}
.bold{
font-weight: bold;
}
.normal{
font-weight: normal;
}
.nowrap{white-space: nowrap;}
.Headerfontuppercase{
font-family: Arial;
text-transform:uppercase;
font-size: 14px;
font-weight: bold;
color: #528CBC;
}
.Headerfontnormalcase{
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #528CBC;
}
.Mainfontuppercase{
font-family: Arial;
text-transform:uppercase;
font-size: 14px;
font-weight: bold;
color: #999999;
}
.Mainfontnormalcase{
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #999999;
}
.Mainfontnormal{
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #999999;
}
.MainfontuppercaseGray{
font-family: Arial;
text-transform:uppercase;
font-size: 14px;
font-weight: bold;
color: #333333;
}
.MainfontnormalcaseGray{
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #333333;
}
.MainfontnormalGray{
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #333333;
}
.boldFontuppercase{
font-family: Arial;
text-transform:uppercase;
font-size: 11px;
font-weight: bold;
color: #333333;
}
.boldFontnormalcase{
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #333333;
}
.NormalFontuppercase{
font-family: Arial;
text-transform:uppercase;
font-size: 11px;
font-weight: normal;
color: #333333;
}
.NormalFontnormalcase{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
}
#login{
position:absolute;
z-index:6;
top:50px;
right:70px;
background:#FFF;
}
#loading {
z-index: 1000;
position: absolute;
top: 40%;
left: 40%;
background:#FFF url("image/bata/preloader.gif") no-repeat 10px 10px;
width:160px;
height:160px;
padding:5px;
border:solid 1px #BE0C1D;
}
.errorCssDiv {
	border:solid 1px #FF0000;
	background-color:#B3CBFF;
	text-align:left;
	color:#333333;
	font-weight:bold;
	padding:10px;
	width:150px;
	position:absolute;
	z-index:1;
	display:none;
}
.padding2px{
padding:2px 2px 2px 2px;
}
.padding3px{
padding:3px 3px 3px 3px;
}
.padding4px{
padding:4px 4px 4px 4px;
}
.padding5px{
padding:5px 5px 5px 5px;
}
.padding10px{
padding:10px 10px 10px 10px;
}
.lineheight20px{
line-height:20px;height:20px;
}
.lineheight100persent{
line-height:100%;height:100%;
}
.display-table{
display: table;
}
.specing_height2px_Class{
height:2px;
line-height:2px;
font-size: 1px;
}
.specing_height5px_Class{
height:5px;
line-height:5px;
font-size: 1px;
}
.specing_height-width5px_Class{
height:5px;
line-height:5px;
width:5px;
font-size: 1px;
}
.specing_height10px_Class{
height:10px;
line-height:10px;
font-size: 1px;
}
.specing_height-width10px_Class{
height:10px;
width:10px;
float:left;
font-size: 1px;
}

.clearBoth_class {
clear:both;
}
.floatLeft_class{
float:left;
}
.floatRight_class{
float:right;
}
.border{
border:1px solid #aeaeae;
}
.noborder{
border:none;
}
.fullWidth{
width:100%;
}
.width770px{
width:770px;
overflow: hidden;
}
.width500px{
width:500px;
}
.width400px{
width:400px;
}
.width350px{
width:350px;
}
.width300px{
width:300px;
}
.width250px{
width:250px;
}
.width200px{
width:200px;
}
.width150px{
width:150px;
}
.width100px{
width:100px;
}
.width50present{
width:50%;
}
.wordspacing10px{
word-spacing:10px;
}
.height{
float:left;
height:124px;
}
.height250px{
height:250px;
}
.textcenter_class{
text-align:center;
}
.contenDiv_Class{
float:left;
height:200px;
line-height:100px;
vertical-align:middle;
width:100%;
}
/* Gobal CSS Class Name & Property End */

/* Header Part CSS Class Name & Property Start */
.hedertopBar{
/*background:url(image/bata/topBarBG.gif);
background:#faf9f7;
height:30px;*/
padding-bottom:1px;
}
.orgname-div{float:left;width:230px;height:20px;}
.orgname-div-name{float:left;padding:0px 0px 0px 0px;color:#343434;vertical-align:top;}
.orgname-div-country{float:left;padding:0px 0px 0px 0px;vertical-align:top;}
.orgname-div-flagImage{float:left;width:20px;text-align:center;vertical-align:top;overflow: hidden;padding:2px 2px 0px 2px;}
.orgname-div-locales{float:left;padding:0px 0px 0px 0px;vertical-align:top;}
.orgname-div-localesList{float:left;padding:0px 0px 0px 0px;width:80px;vertical-align:top;}
.oneLocales-div-label{float:left;position:absolute;width:60px;text-align:left;}
.oneLocales-div-label span{padding:0px 5px 0px 10px;}
.oneLocales-div{float:left;position:absolute;width:80px;margin-top:15px;border:1px solid #D8D6D7;z-index:100;}
.oneLocales-ul{margin:0px;padding:0px;float:left;background:#FFF;width:50px;}
.oneLocales-ul li{margin:0px;padding:0px 0px 0px 0px;clear:both;cursor: pointer;list-style:none outside none;}
.oneLocales-ul li span{padding:0px 5px 0px 10px;}
.oneLocales-ul li.oneLocales-label{clear:both;background:#FFF;}
.oneLocales-ul li.oneLocales-value{clear:both;background:#989898;}
.oneLocales-ul-open{margin:0px;padding:0px 0px 0px 0px;clear:both;cursor: pointer;}
.oneLocales-ul-open li{margin:0px;padding:3px 0px 3px 0px;clear:both;cursor: pointer;list-style:none outside none;}
.oneLocales-ul-open li span{padding:0px 5px 0px 10px;}
.oneLocales-ul-open li.oneLocales-value{clear:both;background:#FFF;}
.oneLocales-ul-open li.oneLocales-value:hover{clear:both;background:#6A6A6A;color:#FFF;}
.oneLocales-ul-open li.oneLocales-label{clear:both;background:#6A6A6A;color:#FFF;}
.oneLocales-ul-open li.oneLocales-label:hover{clear:both;background:#6A6A6A;color:#FFF;}
.oneLocales-downarow{float:right;color:#989898;background:url(image/bata/down_big_arow.gif) no-repeat center center;width:20px;height:20px;cursor:pointer;font-size: 14px;margin-top:-2px;vertical-align:top;}
.CenturyNames{height:32px;line-height:32px;padding:0px 10px;}
.CenturyFlag{height:32px;line-height:32px;padding:0px 10px 0px 0px;}
.CenturyFlag img{display:table-caption;padding:10px 0px 0px}

.DorpDown{height:30px;line-height:30px;width:15px;padding:1px 0px;background:url(image/bata/downarow.gif) no-repeat center center;vertical-align:middle;}
.logo_Class{
padding:20px 80px 20px 0px;
}
.newsletterinfo_Class{
width:410px;
padding:10px 0px;
}
.livehelp_Class{
width:170px;
padding:10px 0px 0px 0px;
text-align:right;
}
.starIcon{background:url(image/bata/starIcon.gif) no-repeat right center;vertical-align:middle;padding:5px 21px;}
.CartLink_Class{
width:150px;
padding:10px 0px 0px 0px;
text-align:right;
}
.paipberker{padding:0px;display:inline;background:url(image/bata/paipberker.gif) no-repeat center center;vertical-align:middle;height:20px;}
.headerLinks{margin:0px; border:0px solid #333333;padding:3px;}
.headerLinks li.headerLinks{margin:0px;display:inline;padding:5px 10px;text-transform:uppercase;}
.headerLinks li.headerLinks a{color:#FFF;}
.topBarBG_class{
background:url(image/bata/topBarBG.gif);
height:36px;
margin:0px auto;
padding:0px;
}
.toptextPromoBarBG_class{
color:#786D59;
font-size: 12px;
padding:3px 0 0;
text-align:center;
}
.toptextPromoBarBG_class p{
text-align:center;
line-height:20px;
margin:0px;
padding:0px;
}
.textPromo01BarBG_class{
/*background:url(image/bata/textPromoBG.gif);*/
border-top:1px solid #FFF;
border-right:1px solid #d8d8d8;
height:28px;
margin:0px auto;
padding:0px;
width:464px;
float:left;
text-align:center;
}
.textPromo01BarBG_class p{padding:8px 0px 0px 0px;margin:0px 0px 0px 0px;}
.textPromo02BarBG_class{
/*background:url(image/bata/textPromoBG.gif);*/
border-top:1px solid #FFF;
height:28px;
margin:0px auto;
padding:0px;
width:463px;
float:left;
text-align:center;
}
.textPromo02BarBG_class p{padding:8px 0px 0px 0px;margin:0px 0px 0px 0px;}
a.moreLink{color:#528cbc;}
.lable{
font-weight:bold;
padding:2px;
}
.value{
padding:2px;
}
.button{
padding:2px 2px 2px 0px;
}
.button_class{
background:url(image/bata/buttonBG.gif);
border:1px solid #D8D7DC;
font-weight:bold;
padding:1px 5px 2px 5px;
color:#333;
}
a.button_class:link, a.button_class:active, a.button_class:visited, a.button_class:hover{
background:url(image/bata/buttonBG.gif);
border:1px solid #D8D7DC;
font-weight:bold;
padding:1px 5px 2px 5px;
color:#333;
}
.activebutton_class{
background:url(image/bata/topmenuactivebg.gif) repeat scroll 0 0 #a90414;
border:1px solid #D8D7DC;
font-weight:bold;
padding:1px 5px 4px 5px;
color:#FFF;
}
/* inside Header Component CSS Class Name & Property Start */
.countrylanguageHeader_class{
margin:0px auto;
padding:5px 0px 5px 10px;
text-align:left;
width:200px;
}
.countrylanguageHeader_class #changeRegion span.label{display:none;}
.countrylanguageHeader_class #changeRegion span.orgname{padding:3px 0px;}
.countrylanguageHeader_class #changeRegion span.value{padding:3px 2px;/*height:20px;*/}
.countrylanguageHeader_class select.selectSpace{
border:1px solid #d8d6d7;
color:#333333;
font-size:10px;
height:16px;
/*margin:-1px 3px 0 0;*/
width:85px;
float:left;
}
.insideHeader_class{
color:#333333;
margin:0 auto;
padding:10px 10px 0;
position:relative;
text-align:right;
}
.WelcomeUser{padding:0px 18px 0px 2px;}
.SignLink{padding:0px 18px;}
#bata-home-top {
background:url("image/bata/topMenulinkBG.gif") repeat-x 0 bottom #FFFFFF;
overflow:hidden;
position:absolute;
right:10px;
width:200px;
z-index:100000;
}
#in-profile {
/*background:url("image/bata/bg-box-top-bottom.gif") no-repeat scroll left bottom transparent;*/
padding:0px;
margin:0px;
}
.topBox {
background:url('image/bata/buttonBG.gif') repeat-x left top transparent;
border:1px solid #d8d6d7;
min-height:20px;
padding:0px;
margin:0px;
position:relative;
float:left;
width:198px;
text-align:left;

}
#in-profile p {
clear:both;
padding:0px 6px 6px;
text-align:left;
margin:0;
white-space: nowrap;
}
.pheadding {
/*background:url("image/bata/sign-in-ico.png") no-repeat scroll 4px center transparent !important;*/
padding:0 0 0 20px !important;
text-align:left;
}
.sign-in-div{
display: table;
width:180px;
line-height: 20px;
}
.sign-in-div p.pheadding {
background:url("image/bata/sign-in-ico.png") no-repeat 4px center transparent;
padding:0 0 0 18px !important;
text-align:left;
float:left;
width:178px;
}
.favourite-div{
display: table;
width:180px;
}
.favourite-div p.pheadding {
background:url("image/bata/favourites-in-ico.png") no-repeat 4px center transparent;
padding:0 0 0 20px !important;
text-align:left;
float:left;
width:178px;
}
.shopping-cart-div{
display: table;
width:180px;
}
.shopping-cart-div p.pheadding {
background:url("image/bata/shopping-cart-in-ico.png") no-repeat 4px center transparent;
padding:0 0 0 20px !important;
text-align:left;
float:left;
width:178px;
}
#in-profile p span{
line-height:20px;
text-align:left;
/*padding:0 5px 0 5px;*/
}
.pheadding .toggle {
line-height:20px;
text-align:left;
}
#in-profile p span.loginSpan{
line-height:20px;
padding:0 5px 0 2px;
text-align:left;
white-space:nowrap;
}
.pheadding a {
margin:0 0px 0 0;
text-align:left;
}
#bata-home-top .inner {
overflow:hidden;
width:100%;
text-align:left;
z-index:10000;
padding:5px 0px;
}
#bata-home-top a.button, #bata-home-top p.button {
background:url("image/bata/dokoncit.gif") no-repeat scroll left top transparent;
color:#000000;
margin:5px -2px 5px 0;
padding:0px;
}
a.button, p.button {
background:url("image/bata/button-left.gif") no-repeat scroll left top transparent;
color:#333333 !important;
display:block;
float:left;
font-weight:bold !important;
height:20px;
line-height:20px;
position:relative;
text-decoration:none;
white-space:nowrap;
padding:0px;
}
#bata-home-top a.button span {
padding-left:25px;
}
a.button span, p.button a {
background:url("image/bata/button-right.gif") no-repeat scroll right top transparent;
display:block;
float:left;
height:20px;
margin-right:-2px;
padding:0 5px;
position:relative;
text-decoration:none;
}
.favouritesItemDetails{
padding:2px 5px;;
}
.favouritesItemDetails .productTitle{
font-weight: bold;
padding:1px;
clear:both;
}
.favouritesItemDetails .itemImage{
padding:1px 0px;
clear:both;
}
.favouritesItemDetails .itemImage img{
border:1px solid #D8D8D8;
padding:1px;
float:left;
width:80px;
height:80px;
}
.favouritesItemDetails .unitPrice{
padding:1px;
clear:both;
}
.artikl {
padding:0 0 6px;
}
.artikl p {
padding-right:0;
}
#in-profile ul {
list-style:none outside none;
padding:0px;
text-align:left;
margin:0;
}
#in-profile ul li {
background:url("image/bata/odrazka1-blue.gif") no-repeat scroll left center transparent;
color:#999999;
padding:2px 6px 2px 10px;
margin:0px 5px;
}
.artikl ul.basket-no, .artikl ul.favorites-no {
float:none !important;
width:100% !important;
}
.artikl ul {
float:left;
overflow:hidden;
width:110px;
}
.artikl ul.basket-no li, .artikl ul.favorites-no li {
background:url("image/bata/odrazka1-blue.gif") no-repeat scroll 6px 5px transparent !important;
padding:0 16px !important;
}
.artikl ul li {
background:none repeat scroll 0 0 transparent !important;
padding:0 0 0 6px !important;
}
.clear {
border:0 none;
clear:both;
display:block;
height:0;
margin:0;
visibility:hidden;
}
/* inside Header Component CSS Class Name & Property End */

/* Search Component CSS Class Name & Property Start */
.searchComponent_class{
margin:0px auto;
padding:6px 5px;
color:#333333;
}
.searchComponent_class .lable{
font-weight:normal;
padding:0px;
}
.searchComponent_class .value{
font-weight:normal;
padding:0px;
}
.searchComponent_class .keywordInputBg{
width:139px;padding:0px;height:23px;
background:url(image/bata/searchBg.gif) no-repeat;border:none;
float:left;
margin:0 3px 0 3px;
}
.searchComponent_class .button{
padding:0px;
float:left;
}
.searchComponent_class .button input.button_class{
height:23px;
width:60px;
border:none;
font-size: 11px;
text-align:center;
}
.searchComponent_class .value input#keywordText{
width:115px;padding:0px;height:23px;
line-height:23px;
background:url(image/bata/searchBg.gif) repeat-x -20px 0px;border:none;/*text-indent: 20px;*/
float:right;
}

/* Search Component CSS Class Name & Property End */
/* sign up Popup CSS Class Name & Property Start */
.signup_class{
/*width:280px;
border:1px solid #cc0000;*/
text-align:left;
}
.signup_class .heading{
background:url(image/bata/redgirdientBG.gif) left top repeat-X;
color:#FFF;
font-weight:bold;
font-size: 13px;
padding:3px;
width:274px;
}
.signup_class .heading a{
color:#FFF;
font-weight:bold;
font-size: 13px;
}
.signup_class .loginId{
color:#333333;
/*border-bottom:1px solid #d8d8d8;*/
font-weight:bold;
line-height:25px;
}
.signup_class .label{
/*width:75px;
text-align:right;*/
padding:5px 0 0 6px;
}

.signup_class input{width:170px;border:1px solid #999999;background:url("image/bata/defaultInputBg.gif") repeat-x scroll 0 0 transparent;}
.signup_class input.button_class{width:auto;background:url("image/bata/buttonBG.gif") repeat scroll 0 0 transparent;font-weight:bold;
padding:0 4px 1px; font-size:12px;}
/* sign up Popup CSS Class Name & Property End */

.parentmenutab{
color:#FFFFFF;
float:left;
font-size: 11px;
font-weight:bold;
line-height:36px;
padding:0px;
cursor: pointer;
width:88px;
text-align:center;
background:url(image/bata/menudivider.gif) no-repeat left 0;
}
.parentmenutab a{color:#FFFFFF;text-decoration:none;}
.parentmenutab a:hover{color:#FFFFFF;text-decoration:none;}
.parentmenuactivetab{
background:url(image/bata/topmenuactivebg.gif) repeat scroll 0 0 #a90414;
color:#FFFFFF;
float:left;
font-size: 11px;
font-weight:bold;
line-height:36px;
padding:0px;
cursor: pointer;
width:88px;
text-align:center;
}
.parentmenuactivetab a.hMenuLink{color:#FFFFFF;text-decoration:none;}
.parentmenuactivetab a.hMenuLink:hover{color:#FFFFFF;text-decoration:none;}
.parentmenuendtab{
color:#FFFFFF;
float:left;
font-size: 11px;
font-weight:bold;
line-height:36px;
padding:0px;
cursor: pointer;
width:88px;
text-align:center;
}
.childmenutab{
display:table;
margin:0px auto;
padding: 0px;
z-index: 10000;
display:block;
position:absolute;
margin-top:36px;
width:410px;
height:210px;float:left;
}
/* It IE 6 
html .childmenutab{
background: none; /* Remove background
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/css/OctaShop/image/bata/topMenulinkBG.png', sizingMethod='scale');
} */
.topMenuTablelayout{float:left;}
.topMenuTable{
padding:0px;
margin:0px;
float:left;
background:#FFF url(image/bata/topMenulinkBG.gif) repeat-x 0 bottom;
border-top:5px solid #a90414;
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
}
.topMenuTable div.topMenuTD1{
border-right:1px solid #ccc;
float:left;
padding:5px;
width:125px;
height:200px;
overflow-y:auto;
overflow-x:hidden;
}
.topMenuTable div.topMenuTD2{
border-right:1px solid #ccc;
float:left;
padding:5px;
width:125px;
height:200px;
overflow-y:auto;
overflow-x:hidden;
}
.topMenuTable div.topMenuTD3{	
float:left;
padding:5px;
width:125px;
height:200px;
overflow-y:auto;
overflow-x:hidden;
}
.menuOptionsLabel{
background:none;
font-size: 11px;
font-weight: bold;
color:#333;
width:120px;
padding:2px 2px;
white-space:nowrap;
}
.menuOptions{
background:none;
font-size: 11px;
color:#333;
width:120px;
padding:2px;
white-space:nowrap;
}
.menuOptionsHover{
background:#a90414;
font-size: 11px;
font-weight: bold;
color:#FFF;
width:120px;
padding:2px;
white-space:nowrap;
}
/*.menuOptions{
background:none;
font-size: 11px;
color:#333;
width:110px;
}*/
.menuOptions a{color:#666;text-decoration: none;}
.menuOptions a:link{
font-size: 11px;
color:#666;
padding:2px;
text-decoration: none;
}
.menuOptions a:hover{
background:#a90414;
font-size: 11px;
color:#FFF;
padding:2px;
text-decoration: none;
}
.menuOptions a:visited,active{
font-size: 11px;
padding:2px;
text-decoration: none;
}
.menuOptionsHover a{color:#FFF;text-decoration: none;}
.menuOptionsHover a:link{
font-size: 11px;
color:#FFF;
padding:2px;
text-decoration: none;
}
.menuOptionsHover a:hover{
background:#a90414;
font-size: 11px;
color:#FFF;
padding:2px;
text-decoration: none;
}
.menuOptionsHover a:visited,active{
font-size: 11px;
padding:2px;
text-decoration: none;
}
/* Header Part CSS Class Name & Property End */

/* Body Part CSS Class Name & Property Start */
.leftPanel{
width:170px;
text-align:left;
padding:2px 0px;
}
.centerPanel{
width:770px;
text-align:left;
padding:2px 0px;
}
.rightPanel{
width:198px;
text-align:left;
}
.headding{
font-weight:bold;
}
.navigationLink_div{
border:1px solid #FFF;
height:36px;
line-height:36px;
}
.bigbannnerPanel{
border:0px solid #cccad8;
margin:0px;
padding:0px;
font-size: 1px;
}
.bannnerContener{/*background:#333333;*/padding:0;height:430px;width:950px;overflow: hidden;z-index:0;}
.bannnerContener div p{padding:0px;margin:0px;font-size:1px;}
.bannnerContener .bannerSection{width:950px;height:430px;z-index:1;overflow:hidden;}
.bannerSection .active{background:#CCC;}
.bannerSection .dactive{background:#FFFCCC;}

.smallbannnerContener{width:950px;overflow: hidden;z-index:0;float:left;padding:10px 0px 8px 0px;background:#EFEFEF;}
.smallbannnerContener .bannerSection{float:left;width:470px;overflow:hidden}
.smallbannnerContener div p{padding:0px;margin:0px;font-size:1px;}

.pagesactive{
background:transparent url("image/bata/bg-pager-small-active2.png") no-repeat scroll left top;
display:block;
float:left;
height:11px;
margin-left:5px;
width:11px;}
.pagesdactive{
background:transparent url("image/bata/bg-pager-small2.png") no-repeat scroll left top;
display:block;
float:left;
height:11px;
margin-left:5px;
width:11px;}
.pagesLeftactive{
background:url("image/bata/bg-pager_left.png");
cursor: pointer;
float: left;
height: 27px;
margin-right: 5px;
width: 27px;
}
.pagesRightactive{
background:transparent url("image/bata/bg-pager_right.png") no-repeat scroll left top;
display:block;
float:left;
height:27px;
margin-left:5px;
width:27px;
}
/* It IE 6 */
* html .pagesactive{
 background: none; /*Remove background*/
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/css/OctaShop/image/bata/bg-pager-small-active2.png');
} 
* html .pagesdactive{
 background: none; /*Remove background*/
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/css/OctaShop/image/bata/bg-pager-small2.png');
} 
* html .pagesLeftactive{
 background: none; /*Remove background*/
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/css/OctaShop/image/bata/bg-pager_left.png');
} 
* html .pagesRightactive{
 background: none; /*Remove background*/
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/css/OctaShop/image/bata/bg-pager_right.png');
} 
.bannnerContener div.banner01{width:758px;height:430px;float:left;z-index:1;margin-right:6px;overflow:hidden;}
.bannnerContener div.banner02{width:186px;height:212px;float:left;z-index:1;margin-bottom:6px;overflow:hidden;}
.bannnerContener div.banner03{width:186px;height:212px;float:left;z-index:1;}
/*.bannnerContener div.banner04{height:209px;left:788px;position:absolute;top:221px;width:225px;background:#CCC;z-index:1;}*/

.accessoriesBannnerContener{/*background:#333333;*/padding:0;position:relative;height:430px;width:950px;overflow: hidden;z-index:0;}
.accessoriesBannnerContener .bannnerContener01{border:0px solid #000;width:472px;float:left;margin-right:3px;margin-bottom:1px;}
.accessoriesBannnerContener .bannnerContener01 div.banner01{border:0px solid #000;float:left;clear:both;height:139px;width:472px;margin-bottom:3px;overflow:hidden;}
.accessoriesBannnerContener .bannnerContener01 div.banner02{border:0px solid #000;float:left;clear:both;height:139px;width:472px;margin-top:3px;margin-bottom:3px;overflow:hidden;}
.accessoriesBannnerContener .bannnerContener01 div.banner03{border:0px solid #000;float:left;clear:both;height:139px;width:472px;margin-top:3px;overflow:hidden;}
.accessoriesBannnerContener .bannnerContener02{border:0px solid #000;width:472px;float:left;margin-left:3px;margin-bottom:1px;}
.accessoriesBannnerContener .bannnerContener02 div.banner01{border:0px solid #000;float:right;clear:both;height:139px;width:472px;margin-bottom:3px;overflow:hidden;}
.accessoriesBannnerContener .bannnerContener02 div.banner02{border:0px solid #000;float:right;clear:both;height:139px;width:472px;margin-top:3px;margin-bottom:3px;overflow:hidden;}
.accessoriesBannnerContener .bannnerContener02 div.banner03{border:0px solid #000;float:right;clear:both;height:139px;width:472px;margin-top:3px;overflow:hidden;}

.smallbannerPanel{
border:0px solid #cccad8;
font-size: 1px;
}
.newsletter_box{
background:url(image/bata/topBarBG.gif) left top repeat-X;
height:36px;
padding:0px 10px;
text-align:left;
}
.subscribleNewsletter_class{display:inline-table;margin:4px 0;width:310px;}
.subscribleNewsletter_class span.lebal{font-weight: bold;color:#FFF;display:inline-table;padding:0px;float:left;width:80px;}
.subscribleNewsletter_class span.value{font-weight: bold;display:inline-table;padding:2px 0 3px;float:left;}
.subscribleNewsletter_class span.value input{width:139px;padding:0px;height:23px;background:url(image/bata/defaultInputBg.gif) repeat-x;border:none;}
.subscribleNewsletter_class span.button{font-weight: bold;display:inline-table;padding:2px 3px 3px;float:left;}
.subscribleNewsletter_class span.button input.button_class{border:medium none;font-size: 11px;height:23px;text-align:center;width:60px;}
.textPromotion_class{display:inline-table;overflow:auto;margin:4px 0;width:220px;color:#FFF;}
.textPromotion_class span.text{font-size: 10px;font-weight: normal;display:inline-table;padding:0px;}
.socialNetworking_class{display:inline-table;float:left;vertical-align:middle;font-weight: normal;color:#FFF;margin:4px 0;width:200px;padding:5px 0px;}
.socialNetworking_class div.addthis_toolbox{width:190px;}
.socialNetworking_class span.text{font-size: 10px;font-weight: normal;display:inline-table;padding:0px;color:#316190;}
.socialNetworkingLink{display:inline-table;height:30px;line-height:30px;padding:0;vertical-align:middle;width:200px;}
.socialNetworking_class a{color:#FFF;font-weight: bold;font-size: 11px;}
.socialNetworking_class a:hover,actvie,visted{color:#FFF;font-weight: bold;font-size: 11px;}
.socialNetworking_class span.tutterLink{font-weight: bold;display:inline-table;vertical-align:middle;padding:4px 0 0 25px;background:url(image/bata/ticon.gif) left center no-repeat;}
.facebookLink_class{display:inline-table;float:left;vertical-align:middle;font-weight: normal;color:#FFF;margin:4px 0;width:150px;padding:5px 0px;}
.facebookLink_class span.facebookLink{font-weight: bold;display:inline-table;vertical-align:middle;padding:0 10px 0 25px;background:url(image/bata/ficon.gif) left center no-repeat;float:right;}
.facebookLink_class span.facebookLink a{color:#FFF;font-weight: bold;font-size: 11px;}
.facebookLink_class span.facebookLink a:hover,actvie,visted{color:#FFF;font-weight: bold;font-size: 11px;}
.mailIcon_Class{
background:url(image/bata/mailIcon.gif) left center no-repeat;
width:40px;
height:40px;
}
.leftBorder{
border-Left:1px solid #cbddeb;
}
.newsletter_LinkUL{

}
.newsletter_LinkUL li{
margin:5px 0px;
}
.ficon{
background:url(image/bata/ficon.gif) left top no-repeat;float:left;
height:18px;
padding:2px 22px;
}
.ticon{
background:url(image/bata/ticon.gif) left top no-repeat;float:left;
height:18px;
padding:2px 22px;
}
/* category Listing Component CSS Class Name & Property Start */
.categoryListing_class{
background:url("image/bata/leftPanelBG.gif") repeat-x scroll left top transparent;
display:table;
width:170px;
}
.categoryListing_class .heading{
background:url("image/bata/headdingBg.gif") repeat-x left top;
border-bottom:1px solid #acacac;
border-top:1px solid #acacac;
color:#333;
/*font-weight:bold;
line-height:28px;*/
height:20px;
padding:8px 5px 0px 10px;
font-size: 11px;
width:155px;
}
.categoryListing_class .heading span img#topParentCategoryexpandCollapse0{
display:inline;
margin:-1px;
padding:0;
}
.categoryListing_class #categoryListPanel{
text-align:left;
}
.categoryImage{
margin:0px 0px 0px 0px;
border-bottom:1px solid #d8d8d8;
font-size: 1px;
}
.categoryBannerImage{
margin:5px 0px 5px 0px;
clear:both;
display:table;
font-size: 1px;
}
.SmallBanner{
background:#FFF;
float:left;
font-size: 1px;
padding:8px 0;
}
.categoryListing_class #categoryListPanel .parentlink{
/*background:url(image/webshop/arrow_icon.gif) right no-repeat;
border-bottom:1px solid #d8d8d8;*/
color:#666666;
clear:both;
float:left;
text-align:left;
padding:2px 5px 2px 20px;
cursor:Pointer;
font-size: 11px;
}
.categoryListing_class #categoryListPanel .childlink{
/*background:url(image/webshop/arrow_icon.gif) right no-repeat;
border-bottom:1px solid #d8d8d8;*/
color:#666666;
clear:both;
float:left;
text-align:left;
padding:1px 5px 1px 35px;
cursor:Pointer;
font-size: 11px;
}
.categoryListing_class #categoryListPanel .hover{
color:#666666;
clear:both;
float:left;
text-align:left;
padding:2px 5px 2px 15px;
cursor:Pointer;
font-size: 11px;
}
.divHeader{
clear:both;
display:table;
width:150px;
padding:0 0 0 3px;
}
.divOption{
clear:both;
display:table;
width:135px;
padding-left:15px;
}
#categoryListPanel .category1{
background:url("image/bata/category1Bg.gif") repeat-x scroll left top transparent;
color:#666666;
clear:both;
text-align:left;
padding:5px 5px 1px 10px;
cursor:Pointer;
font-size: 11px;
height:18px;
}
#categoryListPanel .categoryCollapse{
background:#ebebeb;
/*border-bottom:1px solid #d8d8d8;*/
color:#666666;
clear:both;
text-align:left;
padding:5px 5px 1px 10px;
cursor:Pointer;
font-size: 11px;
height:18px;
}
#categoryListPanel .category2{
background:url(image/bata/up_arow.gif) left no-repeat;
/*border-bottom:1px solid #d8d8d8;*/
color:#666;
clear:both;
text-align:left;
margin:2px 5px 2px 15px;
padding:2px 5px 2px 10px;
cursor:Pointer;
font-size: 11px;
}
#categoryListPanel .category2Active{
background:url(image/bata/down_arow.gif) left no-repeat;
/*border-bottom:1px solid #d8d8d8;*/
color:#666;
clear:both;
text-align:left;
margin:2px 5px 2px 15px;
padding:2px 5px 2px 10px;
cursor:Pointer;
font-size: 11px;
font-weight:bold;
}
#categoryListPanel .category2Active span{
background:none repeat scroll 0 0 #666666;
color:#FFFFFF;
display:inline-table;
font-weight:bold;
text-align:left;
padding:2px;
}
#categoryListPanel .category3{
background:url("image/bata/up_arow.gif") no-repeat scroll left center transparent;
clear:both;
color:#666;
cursor:pointer;
font-size: 11px;
margin:1px 5px 1px 25px;
padding:1px 5px 1px 10px;
text-align:left;
}
#categoryListPanel .category3Active{
background:url(image/bata/down_arow.gif) left no-repeat;
/*border-bottom:1px solid #d8d8d8;*/
color:#666;
clear:both;
text-align:left;
margin:2px 5px 2px 15px;
padding:2px 5px 2px 10px;
cursor:Pointer;
font-size: 11px;
font-weight:bold;
}
#categoryListPanel .categoryActive{
background:#a90414;
/*border-bottom:1px solid #d8d8d8;*/
color:#666;
clear:both;
text-align:left;
padding:1px 5px 1px 35px;
cursor:Pointer;
font-size: 11px;
font-weight:bold;
}
#categoryListPanel .category4{
/*background:url(image/webshop/arrow_icon.gif) right no-repeat;
border-bottom:1px solid #d8d8d8;*/
color:#666;
clear:both;
text-align:left;
padding:1px 5px 1px 45px;
cursor:Pointer;
font-size: 11px;
clear:both;
}
#categoryListPanel .category5{
/*background:url(image/webshop/arrow_icon.gif) right no-repeat;
border-bottom:1px solid #d8d8d8;*/
color:#666666;
clear:both;
text-align:left;
padding:1px 5px 1px 55px;
cursor:Pointer;
font-size: 11px;
clear:both;
}
#categoryListPanel .categorySeleted{
background:url(image/bata/up_arow.gif) left no-repeat;
/*border-bottom:1px solid #d8d8d8;*/
color:#666;
clear:both;
text-align:left;
margin:2px 5px 2px 15px;
padding:2px 5px 2px 10px;
cursor:Pointer;
font-size: 11px;
font-weight:bold;
}
#categoryListPanel .categorySeleted span{
background:none repeat scroll 0 0 #666666;
color:#FFFFFF;
display:inline-table;
font-weight:bold;
text-align:left;
padding:2px;
}

div.catTypeList{
color:#666666;
clear:both;
text-align:left;
padding:1px 5px 0px 10px;
cursor:Pointer;
font-size: 11px;
/*border-bottom:1px solid #CCC;*/
}
div.catTypeList div.menuOptions{
background:url(image/bata/up_arow.gif) left no-repeat;
/*border-bottom:1px solid #d8d8d8;*/
color:#666;
clear:both;
text-align:left;
margin:2px 5px 2px 5px;
padding:2px 5px 2px 10px;
cursor:Pointer;
font-size: 11px;
}
.parentDivIdHere{
background:#f6f6f6;border-bottom:1px solid #acacac;
}
.downarrow_class{
background:url(image/bata/category1down_arrow.gif) right no-repeat;
float:right;
height:15px;
width:10px;
}
/* category Listing Component CSS Class Name & Property End */
/* brand Listing Component CSS Class Name & Property Start */
.brandListing_class{
/*width:188px;*/
padding:1px 5px;
display:inline-table;
}
.brandListing_class .heading{
background:url(image/bata/topBarBG.gif) left top repeat-X;
color:#FFF;
border-bottom:1px solid #d8d8d8;
font-weight:bold;
padding:4px;
}
.brandListing_class #brandListPanel{
text-align:left;
/*height:260px;
overflow:auto;*/
display:inline-table;
}
.brandListing_class #brandListPanel .link{
color:#333333;
clear:both;
float:left;
text-align:left;
padding:2px 5px 2px 5px;
cursor:Pointer;
font-size: 11px;
}
.brandListing_class #brandListPanel .hover{
color:#333333;
clear:both;
float:left;
text-align:left;
padding:2px 5px 2px 5px;
cursor:Pointer;
font-size: 11px;
}
/* brand Listing Component CSS Class Name & Property End */

/* ad Banner Promotion  Component CSS Class Name & Property Start */
.adBannerPromotion_class{
width:188px;
border:1px solid #d8d8d8;
}
.adBannerPromotion_class .heading{
background:url(image/bata/topBarBG.gif);
color:#FFF;
/*border-bottom:1px solid #d8d8d8;*/
font-weight:bold;
padding:4px;
}
/*  ad Banner Promotion Component CSS Class Name & Property End */
/* brand Listing Component CSS Class Name & Property Start */
.narrowSearch_class{
background:url("image/bata/leftPanelBG.gif") repeat-x scroll left top transparent;
float:left;
}
.narrowSearch_class .Heading{
background:url("image/bata/headdingBg.gif") repeat-x scroll left top transparent;
color:#333;
font-weight:bold;
line-height:28px;
padding:0 4px;
font-size: 11px;
border-bottom:1px solid #b8b8b8;
white-space:nowrap;
clear:both;
}
.narrowSearch_class .narrowContent{
text-align:left;
padding:0px;
clear:both;
display:inline-table;
width:170px;
background:url("image/bata/leftPanelBG.gif") repeat-x scroll left top transparent;
}
.narrowSection{
border-bottom:1px solid #b8b8b8;
float:left;
/*padding:5px 0 10px 10px;*/
width:170px;
}
.narrowSection .narrowLabelDiv{
background:url("image/bata/category1Bg.gif") repeat-x scroll left top transparent;
clear:both;
color:#666666;
cursor:pointer;
font-size: 11px;
height:18px;
padding:5px 5px 1px 10px;
text-align:left;
}
.narrowSection .narrowLabelDiv img{
display:inline;
margin:-1px;
padding:0;
}
.listDIV{
display:table;
width:97%;
padding:0px 0px 0px 2px;
}
.inputCheckbox{
float:left;
height:20px;
margin:0;
padding:0;
width:20px;
}
.nameValue{
float:left;
font-size: 10px;
padding:4px 0px 3px 0px;
/*width:100px;*/
}
.narrowSearch_class .brandLabel-Div{
text-align:left;
padding:0px;
clear:both;
/*display:inline-table;*/
width:170px;
}
.narrowSearch_class .brandLabel-Div .narrowSection{
background:none repeat scroll 0 0 #F6F6F6;
border-bottom:1px solid #ACACAC;
float:left;
/*padding:5px 0 10px 10px;*/
width:170px;
}
.narrowSearch_class .brandLabel-Div .narrowSection div#divTable2 .listDIV{
background:url("image/bata/up_arow.gif") no-repeat scroll left center transparent;
clear:both;
color:#666666;
cursor:pointer;
font-size:11px;
/*margin:2px 5px;*/
padding:2px 5px 2px 10px;
text-align:left;
float:left;
}
.narrowSection div#divTable0{
margin:2px 0 2px 5px;
width:155px;
float:right;
font-size: 10px;
}
.narrowSection div#divTable1{
/*margin:2px 0 2px 5px;*/
width:150px;
float:right;
font-size: 10px;
padding:5px 0px;
}
.narrowSection div#divTable1 input{
border:0px solid #B8B8B8;
background:none repeat scroll center top transparent;
}
.narrowSection div#divTable1 input{
width:36px;
}

.narrowSection div#divTable2{
float:right;
font-size: 10px;
height:120px;
/*margin:2px 0 2px 5px;*/
overflow:auto;
width:155px;
clear:both;
}
.narrowSection div#divTable2 .listDIV{
float:left;
padding:1px 0;
width:130px;
overflow: hidden;
clear:both;
}
.narrowSection div#divTable2 .listDIV span.inputCheckbox{
/*float:left;*/
font-size:0px;
height:0px;
width:0px;
overflow: hidden;
}
.narrowSection div#divTable2 .listDIV span.nameValue{
float:left;
font-size:0;
margin:0;
padding:0;
}
.narrowSection div#divTable2 .listDIV .deactive{
/*background:url("image/bata/up_arow.gif") no-repeat scroll left center transparent;*/
clear:both;
color:#666666;
cursor:pointer;
font-size:11px;
padding:2px 0px;
text-align:left;
white-space:nowrap;
}
.narrowSection div#divTable2 .listDIV .deactive span{
clear:both;
color:#666666;
cursor:pointer;
float:left;
font-size:11px;
padding:2px;
text-align:left;
white-space:nowrap;
}
.narrowSection div#divTable2 .listDIV .active{
/*background:url("image/bata/down_arow.gif") no-repeat scroll left center transparent;*/
clear:both;
color:#666666;
cursor:pointer;
font-size:11px;
padding:2px 0px;
text-align:left;
white-space:nowrap;
}
.narrowSection div#divTable2 .listDIV .active span{
background:#666666;
color:#FFF;
clear:both;
cursor:pointer;
float:left;
font-size:11px;
padding:2px;
text-align:left;
font-weight: bold;
white-space:nowrap;
}
.narrowSection div#divTable3{
float:right;
font-size: 10px;
height:50px;
/*margin:2px 0 2px 5px;*/
overflow:auto;
width:160px;
}
.narrowSection div#divTable3 .listDIV{
border:0px solid #FF0000;
float:none;
clear:both;
width:auto;
}
.narrowSection div#divTable4{
float:right;
font-size: 10px;
height:98px;
/*margin:2px 0 2px 5px;*/
overflow:auto;
width:160px;
}
.narrowSection div#divTable4 .listDIV{
border:0px solid #FF0000;
float:none;
clear:both;
width:auto;
}
.narrowSection div#divTable5{
float:right;
font-size: 10px;
height:98px;
/*margin:2px 0 2px 5px;*/
overflow:auto;
width:160px;
}
.narrowSection div#divTable5 .listDIV{
border:0px solid #FF0000;
float:none;
clear:both;
width:auto;
}
.narrowSection div#divTable6{
float:right;
font-size: 10px;
height:120px;
padding:5px 0 0px 0px;
overflow:auto;
width:155px;
}
.narrowSection div#divTable6 .listDIV{
float:left;
padding:1px 0;
width:35px;
overflow: hidden;
}
.narrowSection div#divTable6 .listDIV span.inputCheckbox{
/*float:left;*/
font-size:0px;
height:0px;
width:0px;
overflow: hidden;
}
.narrowSection div#divTable6 .listDIV span.nameValue{
float:left;
font-size:0;
margin:0;
padding:0;
width:35px;
}
.narrowSection div#divTable6 .listDIV span.nameValue input.active{background:url("image/bata/selectSizeButton.gif") no-repeat scroll 0 0;color:#FFF;border:0px solid #D1D0CC;font-size: 10px;font-weight:normal;padding:0px;margin:1px 3px 1px 1px;text-align:center;width:32px;height:18px;padding:0px 0px 2px 0px;}
.narrowSection div#divTable6 .listDIV span.nameValue input.deactive{background:url("image/bata/sizeButton.gif") no-repeat scroll 0 0;color:#333333;border:0px solid #D1D0CC;font-size: 10px;font-weight:normal;padding:0px;margin:1px 3px 1px 1px;text-align:center;width:32px;height:18px;padding:0px 0px 2px 0px;}

.narrowSection div#divTable7{
float:right;
font-size: 10px;
height:130px;
/*margin:2px 0 2px 5px;*/
overflow:auto;
width:160px;
}
.narrowSection div#divTable7 .listDIV{
border:0px solid #FF0000;
float:none;
clear:both;
width:auto;
}
.narrowSearch_class .narrowContent span input.button_class{
/*width:120px;*/
height:24px;
}
.narrowSearchComp input.button_class{
width:100px;
height:20px;
}
.colorBox{height:10px; width:10px;float:left;text-align:center;margin:1px 5px 2px 2px;font-size: 1px;}

/* search pages prices slider css */
*.horizontal_track {
margin: 0px 0px 0px 0px;
width:150px;
}
*.horizontal_slider {
width: 12px;
height: 25px;
position: absolute;
z-index: 4;
cursor: e-resize;
background-image:url(image/bata/Slider.gif);
background-repeat:no-repeat;
margin: 3px 4px 0px 0px;
}
*.horizontal_sliders{
position:relative;
width:150px;
height:25px;
/*margin-left:-5px;*/
}
*.horizontal_slit {
background-image:url(image/bata/SlidSplit.gif);
background-repeat:repeat-x;
height:2px;
width: 130px;
height: 4px;
margin: 10px 4px 0px 3px;
line-height: 0;
position: absolute;
z-index: 1;
}
.vertical_track {
background-color: #bbb;
padding: 3px 5px 15px 5px;
border: 1px solid;
border-color: #ddd #999 #999 #ddd;
}
*.vertical_slider {
background-color: #666;
width: 18px;
height: 8px;
font-size: 1px;
text-align: left;
line-height: 0px;
position: relative;
z-index: 1;
border: 2px solid;
border-color: #999 #333 #333 #999;
}
*.vertical_slit {
background-color: #000;
width: 2px;
height: 100px;
position: absolute;
margin: 4px 10px 4px 10px;
padding: 4px 0 1px 0;
line-height: 0;
font-size: 0;
border: 1px solid;
border-color: #666 #ccc #ccc #666;
}
*.display_holder {
width:110px;
/*margin-left:-5px;*/
}
.display_holder div span{
color:#333333;
font-family:arial,helvetica,sans-serif;
font-size:10px;
line-height:14px;
vertical-align:bottom;
}
.value_display_low {
/*margin: 5px 0px 0px -3px;*/
text-align:left !important; 
position:absolute;
}
.value_display_high {
/*margin: 0px 0px 0px 85px;*/
text-align:left !important; 
position:absolute;
}
.value_display {
color: #333;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 12px;
cursor: default;
overflow:visible;
border:0px;
font-size: 10px;
}

/* brand Listing Component CSS Class Name & Property End */

/* Tab CSS Class Name & Property Start */
ul.tabs_class{
padding:0px 0px 0px 0px;
margin:0px;
float:left;
clear:both;
}
ul.tabs_class li {padding-left:6px;}
li.active_class{
display:inline;
float:left;
margin:0;
padding:0 1px 0 0;
text-align:left;
}
li.deactive_class{
display:inline;
float:left;
margin:0;
padding:0 1px 0 0;
text-align:left;
cursor: pointer;
}
ul.tabs_class li.active_class span.center_class{
float:left;
background-color:#ed1c24;
border:1px solid #D8D8D8;
padding:5px;
/*height:15px;*/
color:#FFF;
}
#tabs1 ul.tabs_class li.active_class span.center_class{font-weight: bold;}
#tabs1 ul.tabs_class li.active_class span.headding{
font-weight: bold;
font-size: 12px;
}
ul.tabs_class li.deactive_class span.center_class{
float:left;
background:#ffffff;
border:solid 1px #cbcbcb;
border-bottom:1px solid #FFF;
}
#tabs1 ul.tabs_class li.deactive_class span.center_class{font-weight: bold;font-size: 12px;}
ul.tabs_class li span.headding{
font-weight:bold;
padding:5px;
color:#333333;
}
div#miscellaneous div#tabs1 ul.tabs_class li.deactive_class span.center_class{
float:left;
background:#ffffff;
border:solid 1px #cbcbcb;
}
/* Tab CSS Class Name & Property End */
/* Search Result Page CSS Class Name & Property Start */
#centerPaneltabs{
margin:0px 0 -1px;
position:relative;
}
#centerPaneltabs ul.tabs_class{
padding:0px 0px 0px 0px;
margin:0px;
float:left;
clear:both;
}
#centerPaneltabs ul.tabs_class li {padding-left:6px;}
li.active_class{
display:inline;
float:left;
margin:0;
padding:0 1px 0 0;
text-align:left;
}
#centerPaneltabs li.deactive_class{
display:inline;
float:left;
margin:0;
padding:0 1px 0 0;
text-align:left;
cursor: pointer;
}
#centerPaneltabs ul.tabs_class li.active_class span.center_class{
float:left;
background-color:#EFEFF1;
border:1px solid #CBCBCB;
border-bottom:1px solid #EFEFF1;
padding:5px 10px;
/*height:15px;*/
font-size: 13px;
}
#centerPaneltabs ul.tabs_class li.deactive_class span.center_class{
float:left;
background:#FFF;
border:solid 1px #cbcbcb;padding:5px 10px;
font-size: 13px;
}
#centerPaneltabs ul.tabs_class li span.headding{
font-weight:bold;
padding:5px;
color:#333333;
}
.backLink{
	padding:0px 5px;
	color:#d8d8d8;
	line-height:25px;
}
.backLink a:link,.backLink a:active,.backLink a:visited,.backLink a:hover{
color:#528cbc;
font-size:11px;
}
/* Search Result Page CSS Class Name & Property End */

/* category Navigation CSS Class Name & Property start */
.categoryNavigationDIV_class{
border:0px solid #d8d8d8;
line-height:25px;
margin:0 auto;
}
.categoryNavigationDIV_class #categoryNavigationPane{
/*padding:0px 5px 5px 0px;*/
text-align:left;
float:left;
}
.CategoryNavigation_class{
padding:0px;
font-weight:bold;
}
a.catalogueNameLink:link,a.catalogueNameLink:active,a.catalogueNameLink:visited,a.catalogueNameLink:hover{
color:#333333;
font-weight:bold;
text-decoration: none;
}
a.categoryNameLink:link,a.categoryNameLink:active,a.categoryNameLink:visited,a.categoryNameLink:hover{
color:#333333;
font-weight:bold;
text-decoration: none;
}
.CategoryNavigation_class a:link,.CategoryNavigation_class a:active,.CategoryNavigation_class a:visited,.CategoryNavigation_class a:hover{
color:#333333;
font-weight:bold;
}
.categoryNameText{
color:#333333;
font-weight:normal;
}
/* category Navigation CSS Class Name & Property end */
/* best Deals CSS Class Name & Property Start */
.bestDeals_class{
border:1px solid #d8d8d8;
/*float:left;
width:745px;*/
}
.bestDeals_class .heading{
background:url(image/bata/topBarBG.gif) left top repeat-X;
border-bottom:1px solid #d8d8d8;
color:#FFF;
font-weight:bold;
padding:4px;
}
.productPromotion_class table{
border:0px dotted #CCC;
border-collapse: collapse;
}
.bestDeals_class table td.column2{
/*border-bottom:1px solid #d8d8d8;*/
}
.column2{
padding:3px;
margin:0px;
vertical-align:top;
border-bottom:0px dotted #CCC;
border-collapse: collapse;
}
.column2 td.one {
padding:0px;
margin:0px;
vertical-align:top;
}
.column2 td div{
padding:1px 1px 0px 1px;
clear:both;
}
.column2 table td.one{
padding:0px;
margin:0px;
vertical-align:top;
}
.column2 table td.two{
padding:0px 0px 0px 3px;
margin:0px;
vertical-align:top;
}
/* best Deals CSS Class Name & Property End */
/* category Products CSS Class Name & Property Start */
.categoryProducts{
/*border:1px solid #d8d8d8;*/
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
float:left;
width:770px;
color:#666;
}
.categoryProducts .heading{
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
border-top:1px solid #d8d8d8;
display:inline-block;
font-weight:normal;
padding:5px;
width:760px;
}
.categoryProducts .bottomheading{
display:inline-block;
font-weight:normal;
padding:5px;
width:751px;
}
.categoryProducts table{
border:0px dotted #CCC;
border-collapse: collapse;
}
.categoryProducts #searchUpdates{
clear:both;
/*float:left;
width:745px;
padding: 5px;
border-bottom:1px dotted #CCCCCC;
border-collapse:collapse;*/
}
.categoryButtons{
float:right;
padding:2px;
}
.categoryButtons .button{
background:url(image/bata/buttonBG.gif);
margin:0 auto;
padding:0px;
display: table;
border:1px solid #cfcfcf;
}
.searchResultlable{float:left;padding:3px 5px;}
.categoryDesclable{float:left;padding:3px 5px;width:200px;font-size: 10px;color:red;}
.gridViewOptionsDiv{
padding:0px 0px;
margin:0px;
display:inline-table;
width:210px;
text-align:center;
/*border:1px dotted #CCC;
border-collapse: collapse;*/
}
.listGridLink{
float:left;
padding:3px 0px 0px 0px;
}
.arrangeOption{
float:left;
font-size: 11px;
/*line-height:25px;*/
vertical-align:top;
}
.arrangeOption .Optionlabel{float:left;padding:3px 5px;color:#838383;}
.arrangeOption .Optionlabel a:link{color:#838383;font-size: 10px;}
.arrangeOption .Optionlabel a:hover{color:#838383;font-size: 10px;}
.arrangeOption .Optionlabel a:visited,active{color:#838383;font-size: 10px;}
.arrangeOption .Optionvalue{float:left;padding:0px 5px;}
.arrangeOption .select{
font-size: 11px;
line-height:25px;
width:auto;
}
.arrangeOption .select#sortBy{
width:100px;
line-height:20px;height:20px;
}
.paginationDiv{
padding:0px 0px;
margin:0px;
display:inline-table;
width:250px;
}
.paginTxt{
float:left;
}
.PageNo{
float:right;
font-size: 10px;
font-variant:small-caps;
padding:3px 0px;
}
.PageNo b{
font-family:verdana;
font-weight:bold;
}
.PageNo a:link{
color:#666;
}
.PageNo a:hover{
color:#666;
}
.prodDetailDiv{float:left;margin:4px;padding:0px;vertical-align:top;width:181px;height:222px;font-size: 11px;border:1px solid #FFF;overflow:auto;}
.prodDetailDiv div{padding:0px;Margin:0px;}
.prodDetailDiv div.barndImageDiv{text-align:center;height:20px;width:170px;overflow: hidden;}
.prodDetailDiv div.imageDiv{height:170px;margin:0 auto;padding:0px;text-align:center;width:170px;}
.prodDetailDiv div.imageDiv a img{width:165px;height:165px;}
.prodDetailDiv div.catNage{background:url("image/bata/productPriceBG.gif") repeat-x scroll left bottom transparent;float:left;height:32px;}
.prodDetailDiv div.producttitle_class{float:left;font-size: 11px;font-weight:bold;height:28px;margin:0px 2px 0px 5px;overflow:hidden;vertical-align:top;width:80px;background:none;white-space:nowrap;}
.prodDetailDiv div.producttitle_class span{display:block;font-size: 10px;font-weight:normal;}
.prodDetailDiv div.OfferPrice{float:right;font-size: 12px;font-weight:bold;line-height:28px;margin:0px 5px 0px 2px;overflow:auto;width:70px;display:table;background:none;text-align:right;}

.selectiveProdDetailDiv{float:left;margin:4px;padding:0px;vertical-align:top;width:181px;height:222px;font-size: 11px;border:1px solid #ead093;overflow:auto;}
.selectiveProdDetailDiv div{padding:0px;Margin:0px;}
.selectiveProdDetailDiv div.addFavouritesDiv{text-align:center;height:20px;width:170px;overflow: hidden;}
.selectiveProdDetailDiv div.imageDiv{height:170px;margin:0 auto;padding:0px;text-align:center;width:170px;}
.selectiveProdDetailDiv div.imageDiv a img{width:165px;height:165px;}
.selectiveProdDetailDiv div.catNage{background:url("image/bata/selectiveproductPriceBG.gif") repeat-x scroll left bottom transparent;float:left;height:32px;}
.selectiveProdDetailDiv div.productSizeDiv{float:left;font-size: 10px;font-weight:normal;height:28px;margin:0px 2px 0px 5px;overflow:auto;vertical-align:top;width:80px;background:none;}
.selectiveProdDetailDiv div.OfferPrice{float:right;font-size: 12px;font-weight:bold;line-height:28px;margin:0px 5px 0px 2px;overflow:auto;width:70px;display:table;background:none;text-align:right;}


.producttitle_class a{color:#666;}
.listViewProDetail{padding:3px;margin:0px;vertical-align:top;border-bottom:1px dotted #CCC;border-collapse: collapse;clear:both;}
/*  category Products CSS Class Name & Property End */

/* product Display CSS Class Name & Property Start */
.product_Details_Div{
display:table;
margin:0 auto;
width:930px;
padding:5px 0px;
}
.productDisplay .pageTitle {
	background-color:#3399cc;
	color:#ffffff;
	width:563px;
	padding:3px 0px 3px 0px;
	font-weight:bold;
}
.productDisplay .imageDiv {display:table;height:300px;margin:0 auto;padding:0;text-align:center;width:300px;}
.productDisplay .imageDiv img {border:solid 0px #cccccc;}
.productDisplay .imageDiv img {width:300px; height:300px;}
.productDisplay .zoominoutDiv{border:0px solid #000000;clear:both;display:table;margin:0 auto;text-align:center;width:60px;}
#ZoomIn {background:url(image/bata/lessarow.gif) left center no-repeat; height:70px; width:20px; cursor:pointer;/* margin-right:5px;*/}
#ZoomOut {background:url(image/bata/greterarow.gif) right center no-repeat; height:70px; width:20px;cursor:pointer;/* margin-left:5px;*/}
#ZoomIcon {background:url("image/bata/zoom_icon_button.jpg") no-repeat scroll left center transparent;cursor:pointer;height:30px;line-height:30px;width:60px;}

.productDisplay .productImg30 .prevActive {background:url(image/bata/lessarow_a.gif) left center no-repeat; height:70px; width:20px; cursor:pointer;/* margin-right:5px;*/}
.productDisplay .productImg30 .nextActive {background:url(image/bata/greterarow_a.gif) right center no-repeat; height:70px; width:20px;cursor:pointer;/* margin-left:5px;*/}
.productDisplay .productImg30 .prevDActive {background:url(image/bata/lessarow_d.gif) left center no-repeat; height:70px; width:20px; cursor:pointer;/* margin-right:5px;*/}
.productDisplay .productImg30 .nextDActive {background:url(image/bata/greterarow_d.gif) left center no-repeat; height:70px; width:20px; cursor:pointer;/* margin-right:5px;*/}

.buyDetails_class{
margin:0 auto;
text-align:left;
}
.buyDetails_class ul.tabs_class{
padding:0px 0px 0px 0px;
margin:0px;
float:left;
clear:both;
}
.buyDetails_class ul.tabs_class li {padding-left:10px;font-size: 11px;}
.buyDetails_class li.active_class{
display:inline;
float:left;
margin:0;
padding:0 1px 0 0;
text-align:left;
}
.buyDetails_class li.deactive_class{
display:inline;
float:left;
margin:0;
padding:0 1px 0 0;
text-align:left;
cursor: pointer;
}
.buyDetails_class ul.tabs_class li.active_class span.center_class{
float:left;
background:#fff1f1;
border:1px solid #ddafb9;
border-bottom:0px;
padding:5px;
height:17px;
text-align:center;
color:#cb6465;
}
.buyDetails_class ul.tabs_class li.deactive_class span.center_class{
float:left;
border:solid 1px #cbcbcb;
border-bottom:0px;
background:#FFF;
text-align:center;
}
.buyDetails_class div#tabs1{
bottom:-1px;
margin-left:0;
position:relative;
width:100%;
}
.buyDetails_class div#tabs1 .headding{
font-weight:bold;
font-size: 12px;
padding:6px;
word-spacing: 1px;
text-align:center;
}
.buyDetails_class ul.tabs_class li span.headding{
font-weight:bold;
padding:5px;
color:#333333;
width:121px;
}

.buyonlineconten{border:1px solid #ddafb9;float:left;width:300px;clear:both;background:url("image/bata/buyBox_bg.gif") repeat-x scroll center bottom #fff1f1;}
/* classes added on 31 may 2010 */
.urSelection .label {color:#333333; font-size: 11px; font-weight:bold; padding:1px 5px 1px 0px;}
.urSelection .value {color:#333333; font-size: 11px; font-weight:normal; padding:1px 5px 1px 0px;}
#selectedItemNameText, .prdName {font-weight:bold; font-size: 11px; color:#333333;}
#selectedItemNameText {margin-right:20px; overflow:hidden; white-space:nowrap;}
.colorDiv {display:table;width:280px;padding:5px 0px;clear:both;border:0px solid #000;}
.colorDiv .value{color:#333333; font-size: 11px;padding:0px 2px;font-weight:normal;float:left;width:230px;border:0px solid #000;}
.colorDiv .pbilogoDiv{float:left;margin:1px;}
.colorDiv .pbilogoDiv .colorSelected{border:1px solid #000;float:left;}
.colorDiv .pbilogoDiv .colorUnSelected{border:0px solid #FFF;float:left;padding:1px;}
.colorDiv .attrColor{float:left;margin:1px 5px;color:#666666;font-size: 11px;}
.colorDiv .pbilogoDiv span{border:0px solid #FF0000;font-size: 1px;}
#selectedItemPipe, .colorDiv .label, #itemSizeDiv .label {font-size: 11px;width:35px;color:#333333; font-weight:bold;float:left;padding:0px;}
#selectedItemPipe {width:auto; padding:6px 0px; clear:both;}
#itemSizeDiv .label {height:25px;padding:0;width:35px;}
#itemSizeDiv .value {display:table;height:25px;padding:0;width:190px;}
#itemSizeDiv .sizelinks {display:table;height:25px;line-height:25px;padding:0;text-align:right;width:50px;white-space:nowrap;}
.sizelinks a:link,.sizelinks a:active,.sizelinks a:visited,.sizelinks a:hover{
font-weight:normal;color:#0066cc;text-decoration: underline;
}
#itemSizeDiv {clear:both;display:table;height:40px;margin:0 auto;overflow:hidden;padding:0 0 1px;width:280px;}
#itemSizeDiv .value input{background:url("image/bata/sizeButton.gif") no-repeat scroll 0 2px;border:0px solid #D1D0CC;font-size: 10px;font-weight:normal;padding:0px;margin:0px;text-align:center;width:32px;height:20px;padding:0 0 2px;}
#itemSizeDiv .value input.selectitemSize{background:url("image/bata/selectSizeButton.gif") no-repeat scroll 0 0;border:0px solid #D1D0CC;font-size: 10px;font-weight:normal;padding:0px;margin:1px;text-align:center;width:32px;height:18px;padding:2px;}
#itemSizeDiv .value input.activeitemSize{background:url("image/bata/sizeButton.gif") no-repeat scroll 0 0;color:#333333;border:0px solid #D1D0CC;font-size: 10px;font-weight:normal;padding:0px;margin:1px;text-align:center;width:32px;height:18px;padding:2px;}
#itemSizeDiv .value input.dactiveitemSize{background:url("image/bata/sizeButton.gif") no-repeat scroll 0 0;color:#cdcdcd;border:0px solid #D1D0CC;font-size: 10px;font-weight:normal;padding:0px;margin:1px;text-align:center;width:32px;height:18px;padding:2px;}
/*.activeitemSize{background:url("image/bata/buttonBG.gif") no-repeat scroll 0 2px transparent;color:#333333;background-color:#c7ffa1}
.dactiveitemSize{background:url("image/bata/buttonBG.gif") no-repeat scroll 0 2px transparent;color:#cdcdcd;}
#selectedItemSizeText {font-weight:bold;font-size: 11px; text-align:left; padding:6px 0px 0px 5px; width:200px;}
.selectitemSize{color:#FFFFFF;background-color:#8b8b8b; }*/
.urSelection {direction:ltr;display:table;margin:0 auto;padding:5px 0;text-align:left;width:280px;}
.stockdisplayDiv{display:table;padding:4px 0px;width:150px;}
.qtyDiv{display:table;padding:0px 0px;width:120px;}
.qtyDiv .label{display:table;padding:3px 0px;width:30px;}
.qtyDiv .value{display:table;padding:0px 0px;}

#selectedItemLable {background:transparent url(image/bata/rightSlctn.gif) no-repeat scroll 4px 11px; padding:11px 25px; font-size: 11px; text-transform:uppercase; }
#checkout, .buyNwbutton {background:transparent url(image/bata/buyBt.gif) no-repeat scroll 0px 0px; width:99px; height:33px; font-size: 11px; text-transform:uppercase; color:#ffffff; border:0px; float:right; font-size: 21px; font-family:"arial narrow"; font-weight:bold;}
#checkout  {float:none; font-size: 17px;}
.productDisplay .btnDiv .button{padding:0px;}
.productDisplay .btnDiv .button_class{background:url("image/bata/addtocart_button.gif") no-repeat scroll 0 0 transparent;border:0 none;color:#FFFFFF;height:30px;/*padding:0 10px 0 30px;*/width:130px;text-align:right;padding:0px 20px;font-size: 13px;}
.productDisplay .btnFindDiv .button_class{background:url("image/bata/addtocart_button.gif") no-repeat scroll 0 0 transparent;border:0 none;color:#FFFFFF;height:30px;/*padding:0 10px 0 30px;*/width:130px;text-align:right;padding:0px 5px 0px 20px;font-size: 13px;}
.tabCont {height:200px;overflow: auto;border:1px solid #cccccc; padding:10px;background:#FFF;}
#itemPriceDiv {direction:ltr;margin:0 auto;padding:5px 0px 0px 0px;text-align:left;width:280px;}
.itemImg{float:right;text-align:center;width:200px;padding:3px 0px;}
.dactive_pilimage{float:left;padding:0px 0px;}
.dactive_pilimage img{border:2px solid #d8d8d8;margin:2px 5px;}
.dactive_pilimage .active_pilimage{border:2px solid #0578d1;margin:2px 5px;}
.redFont{
color:#FF0000;
}
.error{
color:#FF0000;
font-weight: bold;
}
.textCont{
font-size: 11px;
}
.productDisplay_class{
padding:0px;
margin:0px;
}
.productDisplay_class div.centerPanel{
/*width:665px;*/
text-align:left;
}
.productDisplay_class div.rightPanel{
width:275px;
text-align:left;
}
.productDisplay{
padding:5px 0px;
margin:0px;
background:url(image/bata/productDisplay_BG.gif) left bottom repeat-X;
/*width:665px;*/
}
.productDisplay .Heading{
background:url(image/bata/topBarBG.gif) left top repeat-X;
border-bottom:1px solid #d8d8d8;
color:#FFF;
font-weight:bold;
padding:4px;
}
.imageDivSection{
padding:10px;
float:left;
text-align:center;
width:200px;
}
.productImg30{
clear:both;
float:left;
margin:0 auto;
padding:4px 2px;
}
.productImg30 div.productImg30Layout{
display:inline;
float:left;
height:70px;
margin:0;
overflow:hidden;
text-align:left;
width:290px;
}
.productImg30 img{
border:1px solid #CFCFCF;
cursor:pointer;
float:left;
font-size: 11px;
height:60px;
margin:2px;
padding:2px;
white-space:nowrap;
width:60px;
}
.image_class img{
border:1px solid #CFCFCF;
cursor:pointer;
float:left;
font-size: 11px;
height:60px;
margin:2px;
padding:2px;
white-space:nowrap;
width:60px;
}
.activeImage_class img{
border:1px solid #ed1c24;
cursor:pointer;
float:left;
font-size: 11px;
height:60px;
margin:2px;
padding:2px;
white-space:nowrap;
width:60px;
}
.activeImage01_class img{
border:1px solid #ed1c24;
cursor:pointer;
float:left;
font-size: 11px;
height:60px;
margin:2px;
padding:2px;
white-space:nowrap;
width:60px;
}
.activeImage02_class img{
border:1px solid #CFCFCF;
cursor:pointer;
float:left;
font-size: 11px;
height:60px;
margin:2px;
padding:2px;
white-space:nowrap;
width:60px;
}
.productPageButtons{
margin:0 auto;
padding:0px;
display: table;
float:left;
width:100%;
}
.productPageButtons div.buttonlayout{
text-align:center;
margin:0 auto;
width:300px;
display: table;
}
.productPageButtons .button{
background:url(image/bata/buttonBG.gif);
margin:0 auto;
padding:0px;
display: table;
border:1px solid #cfcfcf;
}
input.addtofavouritesbutton_class{
background:url(image/bata/add_to_favourites_redicon.gif) no-repeat scroll 5px center transparent;
border:0px solid #CFCFCF;
color:#00659B;
font-size: 11px;
height:21px;
padding:0px 10px 0px 0px;
width:125px;
}
input.productCompersionbutton_class{
background:url(image/bata/productCompersion_icon.gif) 5px center no-repeat;
border:0px solid #cfcfcf;
color:#00659b;
font-size: 11px;
height:21px;
padding:0 10px 0 20px;
width:145px;
}
.sharebutton_class{
background:url(image/bata/sharebutton_icon.gif) no-repeat scroll 5px center transparent;
border:0 solid #CFCFCF;
color:#00659B;
font-size: 11px;
height:21px;
padding:0 6px 0 16px;
width:55px;
}
.emailtofriendbutton_class{
background:url(image/bata/emailtofriendbutton_icon.gif) no-repeat scroll 5px center transparent;
border:0 solid #CFCFCF;
color:#00659B;
font-size: 11px;
height:21px;
padding:0 6px 0 18px;
width:100px;
}
.discussbutton_class{
background:url(image/bata/discussbutton_icon.gif) no-repeat scroll 5px center transparent;
border:0 solid #CFCFCF;
color:#00659B;
font-size: 11px;
height:21px;
padding:0 6px 0 18px;
width:60px;
}
.printbutton_class{
background:url(image/bata/printbutton_icon.gif) no-repeat scroll 5px center transparent;
border:0 solid #CFCFCF;
color:#00659B;
font-size: 11px;
height:21px;
padding:0 6px 0 16px;
width:50px;
cursor:pointer;
}
.productDesc{
float:left;
padding:10px;
/*width:450px;*/
}
.productDisplay_class div#tabs1{
bottom:-1px;
margin-left:0;
position:relative;
width:100%;
}
div#miscellaneous div#tabs1{
margin-left:0;
position:relative;
top:1px;
width:100%;
}
div#tabs1 .headding{
font-weight:normal;
font-size: 11px;
padding:6px 8px;
word-spacing: 1px;
}
.prodNameDiv{
font-weight:bold;
color:#686868;
font-size: 11px;
padding:2px;
}
.productRankingDiv{
font-weight:normal;
font-size: 11px;
padding:2px;
}
.mrpPriceDiv{
display:table;
padding:10px 0;
width:280px;
}
.mrpPriceDiv .PriceDiscountDiv{
display:table;
width:150px;
}
.mrpPriceDiv .PriceDiv{
display:table;
text-align:right;
vertical-align:bottom;
width:120px;
}
.mrpPriceDiv .PriceDiv .value{
color:#CB0100;
font-size: 18px;
margin:10px 0 0;
padding:2px;
}
.mrpPriceDiv .value{
font-weight:normal;
font-size: 11px;
padding:2px;
}
.mrpPriceDiv .label{
font-weight:normal;
font-size: 11px;
padding:2px;
float:left;
}
.offerSaveDiv .value{
font-weight:normal;
color:#FF0000;
font-size: 11px;
padding:2px;
}
.offerSaveDiv .label{
font-weight:bold;
color:#FF0000;
font-size: 11px;
padding:2px;
width:125px;
float:left;
}
.offerPriceDiv .value{
font-weight:normal;
color:#686868;
font-size: 11px;
padding:2px;
}
.offerPriceDiv .label{
font-weight:bold;
color:#686868;
font-size: 11px;
padding:2px;
width:125px;
float:left;
}
.availabilityDiv .value{
font-weight:bold;
color:#FF0000;
font-size: 11px;
padding:2px;
}
.availabilityDiv .label{
font-weight:bold;
font-size: 11px;
padding:2px;
width:125px;
float:left;
}
.productSKUCodeDiv .value{
font-weight:normal;
font-size: 11px;
padding:2px;
}
.productSKUCodeDiv .label{
font-weight:bold;
font-size: 11px;
padding:2px;
/*width:125px;*/
float:left;
}
.emiValueDiv .label{
font-weight:bold;
font-size: 11px;
padding:2px;
width:125px;
float:left;
}
.emiValueDiv .value{
font-weight:normal;
font-size: 11px;
padding:2px;
}
.prodAttripbilogoDiv{float:left;width:340px;overflow: auto;height:62px;}
/*.pbilogoDiv{float:left;margin:3px;}
.attrColor{float:left;margin:1px 5px;color:#666666;font-size: 11px;}*/
.prodAttriDiv{
padding:2px 0px;
}
.prodAttriDiv .label{
font-weight:bold;
font-size: 11px;
padding:2px;
width:125px;
float:left;
}
.prodAttriDiv .value{
font-weight:normal;
font-size: 11px;
padding:2px;
}
.prodAttriDiv .value input{
width:30px;
height:16px;
padding:0px;
margin:0px;
}
.itemImg .headding{display:table;font-weight:bold;margin:0 auto;padding:5px 0px 0px 0px;}
.prodrelatedDiv{width:175px;float:left;padding:0px 0px 0px 0px;height:210px;border:0px solid #F1F1F1;}
.ProductImgCont{margin:0 auto;width:175px;display:table;float:left;}
.imgClass1{float:left;width:82px;margin:2px;}
.imgClass1 p{text-align:left;margin:0px;}
.imgClass1 p.imgdiv{border:1px solid #d8d8d8;width:80px;height:80px;}
.imgClass1 p img{width:80px;height:80px;}
.itemValue{
width:80px;
height:80px;
border:1px solid #d8d8d8;
float:left;
clear:both;
}
.itemValuePrice{
border:1px solid #d8d8d8;
width:80px;
float:left;
text-align:left;
color:#838383;
clear:both;
}
.discountTextPromo_class{
/*background:url(image/bata/discusstextBG.gif) repeat-x scroll left center transparent;
border:1px solid #D89506;*/
border-bottom:1px solid #D89506;
color:#313332;
float:right;
font-size: 11px;
font-weight:bold;
padding:6px 0;
text-align:center;
width:210px;
word-spacing:2px;
}
.productreviewsNRatingDiv{
background:url("image/bata/productreviewsNRatingBG.gif") repeat-x scroll left top #f2f2f2;
border-top:1px solid #FFFFFF;
width:950px;
padding:5px 0px;
clear:both;display:table;
}
/*.productreviewsNRatingDiv b{
clear:both;
display:table;
}*/
.reviewsNRatingDiv{
display:table;
/*float:left;*/
width:930px;
margin:0px auto;
border:1px solid #d8d8d8;
background:#FFFFFF;
}
.reviewsNRatingForm{
width:460px;float:left;
}
.reviewsNRatingForm div#productRatingFormDiv{
float:right;
height:360px;
overflow:auto;
margin:5px 5px;
width:450px;
}
.writeProductReviewForm{
display:table;
/*float:left;*/
width:450px;
margin-left:0px;
}
.prodDisButtonDiv{
padding:2px 0px;
}
.suggestLinkDiv{
font-weight:normal;
font-size: 11px;
padding:5px 0px;
}
.suggestLinkDiv a{
font-weight:bold;
font-size: 11px;
padding:2px;
}
.suggestLinkDiv a:hover{
font-weight:bold;
font-size: 11px;
padding:2px;
text-decoration: underline;
}
.kstName{
background:#EEF8FF none repeat scroll 0 0;
border:1px solid #EEF8FF;
color:#333333;
font-weight:bold;
/*height:25px;*/
text-align:left;
}
.kmtnmtList{
clear:both;
float:left;
width:275px;
border-bottom:1px solid #CCC;
}
.keywordName{
float:left;
color:#333333;
font-weight:bold;
width:100px;
height:20px;
padding:5px 0px 0px 0px;
}
.keywordValue{
float:left;
color:#333333;
font-weight:normal;
height:20px;
padding:5px 0px 0px 0px;
}
.reviewsHeadding{
font-weight:bold;
font-size: 12px;
}
.reviewsRanking span{
color:#666;
font-size: 12px;
}
.reviewsRanking span img{padding:1px;}
.itemCont{
color:#666;
font-size: 10px;
}
.pageIndex{
color:#666;
font-size: 10px;
}
.pageIndex table tr td{
color:#666;
font-size: 10px;
}
.freeProductListDiv_class{
border:1px solid #d8d8d8;
}
.freeProductListDiv_class .Heading{
background:#d8d8d8;/*url(image/bata/topBarBG.gif) left top repeat-X;*/
color:#666;
font-weight:bold;
height:18px;
padding:3px 0 0 5px;
}
.freeProductListDiv_class .Heading span{
float:left;
}
.freeProductListDiv_class .productList{
color:#686868;
border-bottom:1px solid #d8d8d8;
font-weight:bold;
padding:4px;
vertical-align:top;
clear:both;
height:60px;
}
.freeProductListDiv_class .productList span{
float:left;
font-weight:normal;
}
.freeProductListDiv_class .check{
width:25px;
vertical-align:top;
float:left;
}
.freeProductListDiv_class .img{
width:70px;
vertical-align:top;
float:left;
}
.freeProductListDiv_class .img img{
float:left;
width:60px;
height:60px;
border:1px solid #d8d8d8;
}
.freeProductListDiv_class .name{
width:170px;
vertical-align:top;
float:left;
}
.freeProductListDiv_class .item{
width:90px;
vertical-align:top;
float:left;
}
.freeProductListDiv_class .mrp_price{
width:80px;
vertical-align:top;
float:left;
}
.freeProductListDiv_class .offer_price{
width:90px;
vertical-align:top;
float:left;
}
.freeProductListDiv_class .addtocart_button{
width:100px;
vertical-align:top;
float:left;
}
.discountedProductListDiv_class{
border:0px solid #d8d8d8;
}
.discountedProductListDiv_class .heading{
background:url(image/bata/topBarBG.gif) left top repeat-X;
color:#FFF;
font-weight:bold;
height:18px;
padding:3px 0 0 5px;
}
.discountedProductListDiv_class .heading span{
float:left;
}
.discountedProductListDiv_class .productList{
color:#686868;
border-bottom:1px solid #d8d8d8;
font-weight:bold;
padding:4px;
vertical-align:top;
clear:both;
height:60px;
}
.discountedProductListDiv_class .check{
width:10px;
vertical-align:top;
float:left;
}
.discountedProductListDiv_class .img{
width:80px;
vertical-align:top;
float:left;
}
.discountedProductListDiv_class .name{
width:200px;
vertical-align:top;
float:left;
}
.discountedProductListDiv_class .item{
width:50px;
vertical-align:top;
float:left;
}
.discountedProductListDiv_class .mrp_price{
width:100px;
vertical-align:top;
float:left;
}
.discountedProductListDiv_class .offer_price{
width:100px;
vertical-align:top;
float:left;
}
.discountedProductListDiv_class .addtocart_button{
width:100px;
vertical-align:top;
float:left;
}

.discountedProductListDiv_class .prevActive {background:none; height:208px; width:8px; cursor:pointer; margin-right:2px;float:left;}
.discountedProductListDiv_class .nextActive {background:none; height:208px; width:8px;cursor:pointer; margin-left:2px;float:left;}
.discountedProductListDiv_class .prevDActive {background:none; height:208px; width:8px; cursor:pointer; margin-right:2px;float:left;}
.discountedProductListDiv_class .nextDActive {background:none; height:208px; width:8px;cursor:pointer; margin-left:2px;float:left;}

.paymentOptionListDiv_class{
border:0px solid #d8d8d8;
}
.paymentOptionListDiv_class ul.paymentOption_UL{
padding:0px 0px 0px 25px;
margin:0px;
}
.paymentOptionListDiv_class li.paymentOption_LI{
padding:0px;
margin:0px;
list-style-position:outside;
list-style-type:decimal;
}

.delivery-locations-Link{
width:100px;
color:#0066CC;
text-align: right;
}
.delivery-locations-Link a:link,.delivery-locations-Link a:active,.delivery-locations-Link a:visited,.delivery-locations-Link a:hover{
color:#0066CC;
text-decoration: underline;
}
.shipLocDiv_class{
margin:5px;
}
.shipLocUL{
float:left;
height:396px;
width:625px;
overflow:auto;
padding:0px;
margin:0px auto;
list-style: none;
}
.shipLocLI{
border:1px solid #d8d8d8;
border-collapse: collapse;
width:95px;
padding:2px;
margin:0px;
float:left;
}	
.mgsDiv_class{
color:#FF0000;
border-bottom:1px solid #000000;
color:#FF0000;
padding:5px;
}
.productImagesDisplay{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D8D8D8;
display:table;
margin:0 auto;
padding:0;
width:815px;
}
.productImagesDisplay .Heading{
background:url(image/bata/topBarBG.gif) left top repeat-X;
color:#FFF;
border-bottom:1px solid #d8d8d8;
font-weight:bold;
padding:4px;
}
.productImagesDisplay .imageDivSection{
padding:0px 0px;
float:left;
text-align:center;
width:auto;
padding:10px;
}
.productImagesDisplay .productImg30{
padding:0px 0px;
float:right;
text-align:center;
width:auto;
clear:none;
}
.productImagesDisplay .prevDActive{
background:url("image/bata/verticalTop_lessarow_d.gif") no-repeat scroll center center transparent;
cursor:pointer;
float:left;
margin:2px;
width:65px;
clear:both;
height:20px;
}
.productImagesDisplay .prevActive{
background:url("image/bata/verticalTop_greterarow_a.gif") no-repeat scroll center center transparent;
cursor:pointer;
float:left;
margin:2px;
width:65px;
clear:both;
height:20px;
}
.productImagesDisplay .nextDActive{
background:url("image/bata/verticalBottom_lessarow_d.gif") no-repeat scroll center center transparent;
cursor:pointer;
float:left;
margin:2px;
width:65px;
clear:both;
height:20px;
}
.productImagesDisplay .nextActive{
background:url("image/bata/verticalBottom_greterarow_a.gif") no-repeat scroll center center transparent;
cursor:pointer;
float:left;
margin:2px;
width:65px;
clear:both;
height:20px;
}
.productImagesDisplay .productImg30 .productImg30Layout{
padding:0px 0px;
float:left;
text-align:center;
width:auto;
padding:0px;
clear:both;
width:70px;
height:280px;
}
.reviewNratingDiv .label{
font-weight:bold;
font-size: 11px;
padding:2px;
width:150px;
float:left;
}
.writeSellerReviewDiv{padding:5px;margin:0px;float:left;background:#FFF;width:440px;}
.writeSellerReviewDiv .Heading{
color:#333333;
font-weight:bold;
font-size: 12px;
padding:5px;
}
.writeSellerReviewDiv .label{
font-weight:normal;
font-size: 11px;
padding:5px 10px;
width:115px;
float:left;
text-align:right;
color:#666666;
}
.writeSellerReviewDiv .vlaue{
font-weight:normal;
font-size: 11px;
padding:2px;
float:left;
}
.writeSellerReviewDiv .vlaue textarea{
background:url(image/bata/textareaBg.gif) left top repeat-X;
border:1px solid #cccccc;
padding:0px;
}
.SecuritycodeDiv{
font-weight:normal;
font-size: 11px;
}
.SecuritycodeDiv input#generatedText{
border:1px solid #999999;
font-size: 11px;
font-weight:bold;
font-family: Blackoak Std;
color:#000;
letter-spacing:1px;
height:18px;
width:88px;
background:url(image/bata/SecuritycodeBG.gif) left top repeat-y;
text-align:center;
}
.SecuritycodeDiv span#generatedText{
border:1px solid #999999;
font-size: 11px;
font-weight:bold;
font-family: Blackoak Std;
color:#000;
letter-spacing:1px;
line-height:17px;
height:17px;
width:100px;
background:url(image/bata/SecuritycodeBG.gif) left top repeat-y;
text-align:center;
padding:3px 0px 2px 0px;
margin:0px 2px 0px 0px;
float:left;
}
.SecuritycodeDiv input#enteredText{
height:17px;
line-height:17px;
width:88px;
font-weight:normal;
font-size: 11px;
padding:2px 0px 1px 0px;
margin:0px 2px 0px 0px;
float:left;
}
.ratingTableList_Class{display:table;}
.ratingTableList_Class .label{
font-weight:bold;
font-size: 11px;
padding:2px;
width:45px;
float:left;
}
.ratingTableList_Class .vlaue{
font-weight:normal;
font-size: 11px;
padding:2px;
float:left;
}
.ratingTableList_Class .vlaue label{
display:inline-table;
width:100px;
}
.SellerinfoDiv{
border:1px solid #d8d8d8;
padding:0px;
margin:0px;
float:left;
background:#FFF;
width:100%;
height:100%;
}
.SellerinfoDiv .Heading{
background:#d8d8d8;
color:#333333;
border-bottom:1px solid #d8d8d8;
font-weight:bold;
padding:4px;
}
.SellerinfoDiv .label{
font-weight:bold;
font-size: 11px;
padding:2px;
width:150px;
float:left;
}
.SellerinfoDiv .vlaue{
font-weight:normal;
font-size: 11px;
padding:2px;
float:left;
}
.paymentOptionLinksDiv{border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;}

/*#prev {background:url(image/bata/prev_arow.gif) left center no-repeat; height:208px; width:8px; cursor:pointer; margin-right:4px;}
#next {background:url(image/bata/nxt_arow.gif) left center no-repeat; height:208px; width:8px;cursor:pointer; margin-left:4px;}*/

.prevActive {background:url(image/bata/prev_arow.gif) left center no-repeat; height:208px; width:8px; cursor:pointer; margin-right:2px;float:left;}
.nextActive {background:url(image/bata/nxt_arow.gif) left center no-repeat; height:208px; width:8px;cursor:pointer; margin-left:2px;float:left;}
.prevDActive {background:url(image/bata/prev_arow_d.gif) left center no-repeat; height:208px; width:8px; cursor:pointer; margin-right:2px;float:left;}
.nextDActive {background:url(image/bata/nxt_arow_d.gif) left center no-repeat; height:208px; width:8px;cursor:pointer; margin-left:2px;float:left;}

.tablelayout_div{border-bottom:1px solid #CCCCCC;display:table;width:100%;padding:0px;}
.leftpanel_div{display:table;width:50%;float:left;text-align:left;padding:5px 0px 5px 0px;}
.rightpanel_div{display:inline;width:50%;float:right;text-align:right;padding:5px 0px 5px 0px;}
.latestRating{clear:both;border-top:1px solid #CCCCCC;display:table;width:100%;padding:1px 0px;}
.userName{float:left;display:table;font-weight:bold;padding:2px 5px 2px 0px;}
.modiDate{float:left;display:table;padding:2px 5px 2px 5px;color:#999;}
.ltUsrRtngCont{float:right;display:table;padding:2px 0px 2px 5px;color:#666666;}
.starRating img{padding:1px;}
.latstUserRaingDesc{float:left;clear:both;padding:5px 0px 5px 0px;width:450px;height:26px;overflow: auto;color:#666666;}
.reviewButton .button_class{
background:url(image/bata/buttonGrayBG.gif);
border:0px solid #aeaeae;
font-weight:bold;
font-size: 11px;
padding:5px 15px;
width:120px;
height:auto;
color:#FFF;
}
.sepreterline{
background:none repeat scroll 0 0 #d8d8d8;
float:left;
height:360px;
margin:5px 3px;
width:1px;
}
.codeTopLeyarDiv{
border:0px solid #000000;
float:left;
height:20px;
margin-left:-200px;
margin-top:3px;
width:100px;
z-index:100;
background:#CCC;
opacity:0.0;filter:alpha(opacity=0);
}
.product-Membership-Div{
border:0px solid #d8d8d8;
}
.headding-Div{
background:url(image/bata/topmenuactivebg.gif) repeat scroll 0 0 #a90414;
color:#FFF;
border:1px solid #d8d8d8;
border-bottom:none;
line-height:25px;
text-indent: 10px;
font-weight:bold;
}
.Membership-list-Div{
border-collapse: collapse;
height:72px;
overflow: auto;
}
.membership-List{
border:1px solid #d8d8d8;
border-collapse: collapse;
line-height:22px;
}
.member-ship-Name{
border:1px solid #d8d8d8;
border-collapse: collapse;
line-height:22px;
text-indent: 5px;
background:#FFF;
}
.member-ship-Name span.memer-bold-test{color:#a90414;font-weight: normal;}
.member-ship-Name span.list-icon{background:url("image/bata/left-arrow.png") no-repeat scroll left center transparent;padding-left:8px;}
/* product Display CSS Class Name & Property End */
/* mini Shop Cart CSS Class Name & Property start */
.infoMessage{
color:#FF0000;
}
.miniShoppingCartDiv{
border:1px solid #d8d8d8;
padding:0px;
margin:0px;
display:table;
float:left;
}
.miniShoppingCartDiv .Heading{
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
color:#333333;
display:table;
font-weight:bold;
float:left;
width:265px;
border-bottom:1px solid #d8d8d8;
line-height:20px;
}
.miniShoppingCartDiv .Heading span.label{
float:left;
text-indent: 2px;
padding:4px 0px;
}
.miniShoppingCartDiv .Heading span.value{
text-align:right;
font-weight:normal;
padding:4px 0px;
}
.miniShoppingCartDiv .headingLabel{
color:#333333;
font-weight:bold;
display:table;
width:265px;
float:left;
border-bottom:1px solid #d8d8d8;
}
.miniShoppingCartDiv .headingLabel span.item{
float:left;
white-space: nowrap;
background:#FFF;
text-indent: 4px;
padding:4px 0px;
width:155px;
}
.miniShoppingCartDiv .headingLabel span.qty{
float:left;
text-align:center;
white-space: nowrap;
background:#FFF;
width:30px;
padding:4px 0px;
}
.miniShoppingCartDiv .headingLabel span.netprice{
float:right;
text-align:right;
background:#FFF;
width:75px;
padding:4px 4px 4px 0px;
}
.miniShoppingCartDiv .shoppingItemDetails{
color:#333333;
font-weight:normal;
display:table;
width:265px;
float:left;
height:40px;
border-bottom:1px solid #d8d8d8;
}
.shoppingItemDetails span.item{
float:left;
white-space: nowrap;
background:#FFF;
text-indent: 4px;
padding:4px 0px;
width:155px;
/*height:35px;*/
}
.shoppingItemDetails span.qty{
float:left;
text-align:center;
white-space: nowrap;
background:#FFF;
width:30px;
padding:4px 0px;
}
.shoppingItemDetails span.netprice{
float:right;
text-align:right;
background:#FFF;
width:75px;
padding:4px 4px 4px 0px;
}
.miniShoppingCartDiv .freeProdDetail{
color:#333333;
font-weight:normal;
display:table;
width:265px;
float:left;
border-bottom:1px solid #d8d8d8;
height:40px;
}
.freeProdDetail span.item{
float:left;
white-space: nowrap;
background:#FFF;
text-indent: 4px;
padding:4px 0px;
width:155px;
height:40px;
}
.freeProdDetail span.qty{
float:left;
text-align:center;
white-space: nowrap;
background:#FFF;
width:30px;
padding:4px 0px;
}
.freeProdDetail span.netprice{
float:right;
text-align:right;
background:#FFF;
width:75px;
padding:4px 4px 4px 0px;
}
.miniShoppingCartDiv .shoppingCartTotal{
color:#333333;
font-weight:bold;
display:table;
width:265px;
float:left;
border-bottom:1px solid #d8d8d8;
}
.shoppingCartTotal span.item{
float:left;
white-space: nowrap;
background:#FFF;
text-indent: 4px;
padding:4px 0px;
width:155px;
}
.shoppingCartTotal span.qty{
float:left;
text-align:center;
white-space: nowrap;
background:#FFF;
width:30px;
padding:4px 0px;
}
.shoppingCartTotal span.netprice{
float:right;
text-align:right;
background:#FFF;
width:75px;
padding:4px 4px 4px 0px;
}
.buttonDIv{
padding:4px;
clear:both;
}
/* mini Shop Cart CSS Class Name & Property End */
/* Shopping Cart CSS Class Name & Property Start */
.shoppingCartItemsDiv{
float:left;
}
.shoppingCartItemsDiv div.headding{
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
color:#333;
font-weight:bold;
line-height:28px;
padding:0 4px;
font-size: 16px;
border:1px solid #b8b8b8;
white-space:nowrap;
clear:both;
}
.shoppingCartItemsDiv div#tabs1{
border-bottom:1px solid #D8D8D8;
margin-bottom:10px;
width:930px;
}
.shoppingCartItemsDiv div#tabs1 li.active_class span.center_class{
background:url(image/bata/topmenuactivebg.gif) repeat scroll 0 0 #a90414;
border:1px solid #a90414;
border-bottom:none;
}
.shoppingCartItemsDiv div#tabs1 ul.tabs_class li.deactive_class span.center_class{
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
border:1px solid #d8d8d8;
border-bottom:none;
}
.shoppingContaintanor{
border:1px solid #d8d8d8;
width:930px;
}
.shoppingContaintanor .heading{
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
color:#333;
font-weight:bold;
line-height:16px;
}
.shoppingContaintanor .image{
float:left;
width:135px;
padding:4px;
text-align:center;
}
.shoppingContaintanor .image img{
border:1px solid #d8d8d8;
padding:2px;
}
.shoppingContaintanor .productName{
float:left;
width:160px;
padding:4px;
}
.shoppingContaintanor .price{
float:left;
width:120px;
padding:4px;
}
.shoppingContaintanor .qty{
float:left;
width:70px;
padding:4px;
}
input.inputQty{width:15px;height:12px;text-align:center;}
.shoppingContaintanor .dis{
float:left;
width:100px;
padding:4px;
}
.shoppingContaintanor .netPrice{
float:left;
width:100px;
padding:4px;
}
.shoppingContaintanor .priceAl{
float:left;
width:56px;
padding:4px;
white-space:nowrap
}
.shoppingContaintanor .supperscript{
float:right;
padding:3px;
text-align:right;
}
.shoppingContaintanor .supperscript input{
padding:1px;
margin:1px;
float:right;
clear:both;	
width:100px;
}
.shoppingContaintanor .cart{
float:left;
width:153px;
padding:4px;
}
.cartItemDetails{
border-top:1px solid #d8d8d8;
clear:both;
/*height:100px;*/
}
.cartItemDetails .detailWithFree{
float:left;
}
.cartItemDetails .freeBox{
clear:both;
float:left;
background:#FFFFCC;
width:590px;
font-weight:bold;
border:1px solid #d8d8d8;
}
.total{
clear:both;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
font-weight:bold;
float:left;
color:#333;
line-height:16px;
}
.shopCartButtons{
text-align:right;
}
.shopCartButtons .button{
text-align:right;
padding:5px;
}
a.shipDetailLink{
font-weight:bold;
}
/* Shopping Cart CSS Class Name & Property End */
/* wishList Items Details CSS Class Name & Property Start */
.wishListContener{
margin:0px;
}
.wishListItemsDiv{
margin:0px;
}
.wishListItemsDetails{
margin:0px;
padding:0px;
/*float:left;
width:170px;
text-align:center;
border:1px solid #D8D8D8;
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;*/
}
.wishListContener div.prodDetailDiv{width:180px;}
.wishListContener div.selectiveProdDetailDiv{width:180px;}
.ItemsDetailsDiv{
margin:0 auto;
text-align:center;
}
/*.wishListItemsDetails .checkbox{
clear:both;
padding:2px;
}
.wishListItemsDetails .productTitle{
clear:both;
padding:2px;
}
.wishListItemsDetails .itemImage{
margin:0 auto;
padding:0;
text-align:center;
}
.wishListItemsDetails div.itemImage img{border:1px solid #D8D8D8;padding:1px;}
.wishListItemsDetails .unitPrice{
clear:both;
padding:2px;
}
.wishListItemsDetails .removebutton{
clear:both;
padding:2px;
}*/
.comparebutton{
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
border-top:1px solid #D8D8D8;
display:inline-block;
font-weight:normal;
padding:6px 0px 6px 0px;
}
.comparebutton .button{
padding:6px;
float:left;
}
/* wishList Items Details CSS Class Name & Property End */
/* product Comparison Div CSS Class Name & Property start */
.comparing-items-div{
background:#F2F2F2;
float:left;
width:100%;
}
.productComparisonDiv{
float:left;
padding:9px;
background:url("image/bata/cateTopBG.gif") repeat-x scroll left top transparent;
width:100%;
}
.productComparisonDiv .head-div{
float:left;
margin:0;
padding:0;
}
.productComparisonDiv .head-div ul.th-ul{
float:left;
margin:0;
padding:0;
list-style: none;
}
.productComparisonDiv .head-div ul.th-ul li.th-li{
float:left;
clear:both;
width:100px;
border:1px solid #D8D8D8;
border-top:none;
font-weight: bold;
}
.productComparisonDiv .head-div ul.th-ul li.th-li span{
padding:5px;
font-weight: bold;
float:left;
}
.productComparisonDiv .head-div ul.th-ul li.th-li-Items{
border:1px solid #D8D8D8;
float:left;
clear:both;
width:100px;
height:100px;
}
.productComparisonDiv .head-div ul.th-ul li.th-li-Items span{
padding:5px;
font-weight: bold;
float:left;
}
.productComparisonDiv .value-div{
float:left;
}
.productComparisonDiv .value-div ul.td-ul{
float:left;
margin:0;
padding:0;
list-style: none;
}
.productComparisonDiv .value-div ul.td-ul li.td-li{
border:1px solid #D8D8D8;border-top:none;
float:left;
clear:both;
width:124px;
}
.productComparisonDiv .value-div ul.td-ul li.td-li span{
padding:5px;
float:left;
}
.productComparisonDiv .value-div ul.td-ul li.td-li-Items{
border:1px solid #D8D8D8;
float:left;
clear:both;
width:124px;
height:100px;
}
.productComparisonDiv .value-div ul.td-ul li.td-li-Items span{
padding:5px;
font-weight: bold;
float:left;
}
.productComparisonDiv .value-div ul.td-ul li.td-li-Items span img{
padding:1px;
border:1px solid #D8D8D8;
width:80px;
height:80px;
float:left;
}

/* product Comparison Div CSS Class Name & Property End */
/* simple Address CSS Class Name & Property start */
.simpleAddress_class{
padding:0px;
margin:0px;
}
.simpleAddress_class div.centerPanel{
width:655px;
text-align:left;
}
.simpleAddress_class div.rightPanel{
width:265px;
text-align:left;
}
.simpleAddressDiv{
/*border:1px solid #d8d8d8;*/
padding:0px;
margin:0px;
}
.simpleAddressDiv ul{
border:1px solid #d8d8d8;
}
.formcontentbg{
margin:0px;
padding:0px;
text-indent:0px;
float:left;
background-color:#f7f7f7;
border:1px solid #ebebeb;
width:652px;
}
.simpleAddressDiv .formcontentbg{
margin:0px;
padding:0px;
text-indent:0px;
float:left;
background-color:#f7f7f7;
border:1px solid #ebebeb;
border-top:none;
width:652px;
}
.simpleAddressDiv .Heading{
background:#d8d8d8;
color:#333333;
border-bottom:1px solid #d8d8d8;
font-weight:bold;
padding:4px;
}
.simpleAddressDiv .options{
color:#333333;
font-weight:bold;
padding:3px;
}
.simpleAddressDiv .options input{
width:auto;
height:auto;
}
.simpleAddressDiv .loginForm{
color:#333333;
font-weight:bold;
}
.simpleAddressDiv .loginForm .label{
float:left;
padding:3px 3px 3px 26px;
margin:3px 0px 0px 0px;
text-align:center;
width:auto;
}
.simpleAddressDiv .loginForm .value{
float:left;
margin:2px 0 0;
padding:0 15px 0 0;
}
.simpleAddressDiv .loginForm .value input.inputbox{width:150px;height:15px;}
.simpleAddressDiv .userAddressTitle_class{
font-size:16px;
font-weight:bold;
text-indent:5px;
line-height:28px;
float:left;
color:#453e33;
border-bottom:1px solid #ebebeb;
width:654px;
}
.simpleAddressDiv .userAddressTitle_class span{
font-size:16px;
}
.simpleAddressDiv .form1{
width:320px;
height:310px;
float:left;
border-right:1px solid #d8d8d8;
}
.simpleAddressDiv .form1 input{width:177px;padding:0px;/*height:20px;*/}
.simpleAddressDiv .form1 input#multiShipAddress{padding:2px 0 0;width:auto;height:auto;}
.simpleAddressDiv .form1 .value textarea{width:175px;-moz-padding-start: 2px;}
.simpleAddressDiv .form2{padding:0px;
width:330px;
float:right;
}
.simpleAddressDiv .form2 .listDIV{border:0px solid #000;}
.simpleAddressDiv .form2 .listDIV .inputCheckbox{padding:2px 0 0;}
.simpleAddressDiv .form2 .listDIV .nameValue{height:20px;margin:0;padding:0;width:auto;}
.simpleAddressDiv .form2 .value textarea{width:175px;-moz-padding-start: 2px;}
.simpleAddressDiv .form2 input{padding:0px;
width:auto;
height:auto;
}
.simpleAddressDiv .form2 .value input{
width:177px;/*height:20px;*/padding:0px;
}
.Shippingleft{
clear:both;
}
.simpleAddressDiv .label{
float:left;
padding:2px 0 0 5px;
width:125px;
}
.simpleAddressDiv .label a:link{font-weight:bold;text-decoration:underline;}
.simpleAddressDiv .label a:hover{font-weight:bold;}
.simpleAddressDiv input.inputbox{width:177px;padding:0px;/*height:20px;*/}
.simpleAddressDiv input.input{width:177px;padding:0px;/*height:20px;*/}
.simpleAddressDiv select.select{width:180px;height:20px;padding:0px;}
.simpleAddressDiv select.selectSpace{width:181px;height:20px;padding:0px;}
.simpleAddressDiv .finalShipOption{
padding:0px;
}
.simpleAddressDiv .shipOptionName{
font-weight:bold;
}
.simpleAddressDiv .shipOptionServiceCharge{
font-weight:normal;
white-space:nowrap;
}
.simpleAddressDiv .button{
padding:2px 5px 5px 0;
}
.simpleAddressDiv .button_class{
background:url(image/bata/buttonBG.gif);
border:1px solid #aeaeae;
font-weight:bold;
padding:1px;
width:auto;
height:auto;outline:medium none;
}
#parent_billShipDisplayDiv input.button_class{width:20px;outline:medium none;}
#parent_productShippingOptionDiv input.button_class{width:20px;outline:medium none;}

.errors__billShipDisplayDiv div {
border-bottom:1px solid #BCD2E6;
color:#ff0000;
text-align:left;
}.errors__billShipDisplayDiv div li {
list-style-type: square;
}
.simpleAddressDiv .productShippingOption_class{
padding:0px;
margin:0px;
}
.simpleAddressDiv .productShippingOption_class .Heading{
background:#d8d8d8;
color:#333333;
border-bottom:1px solid #d8d8d8;
font-weight:bold;
padding:0px;
}
.orderInstructionsDiv_class{
padding:0px;
margin:0px;
}
.orderInstructionsDiv_class .userAddressTitle_class{
background:#d8d8d8;
color:#333333;
font-weight:bold;
padding:0px 0px 0px 5px;
line-height:25px;
}
.orderInstructionsDiv_class .label{
float:left;
padding:2px 0 0 5px;
width:135px;
font-weight:bold;
}
.productShippingOption_class{
padding:0px;
margin:0px;
background:#FFF;
}
.productShippingOption_class .userAddressTitle_class{
font-size:16px;
font-weight:bold;
text-indent:5px;
line-height:28px;
float:left;
color:#453e33;
}
.productShippingOption_class .userAddressTitle_class span{
font-size:16px;
}.productShippingOption_class .label{
float:left;
padding:2px 0 0 5px;
width:125px;font-weight:bold;
}
.productShippingOption_class .finalShipOption{
padding:2px;
float:left;
}
.productShippingOption_class .shipOptionName{
float:left;
font-weight:bold;
padding:5px 
}
.productShippingOption_class .shipOptionServiceCharge{
float:left;
font-weight:normal;
padding:5px 
}
.productShippingOption_class .button{
/*padding:2px;*/
}
.gcdcDiv_class{
padding:0px;
margin:0px;
}
.gcdcDiv_class .userAddressTitle_class{
font-size:16px;
font-weight:bold;
text-indent:5px;
line-height:28px;
float:left;
color:#453e33;
border-bottom:1px solid #ebebeb;
width:654px;
}
.gcdcDiv_class .label{
float:left;
padding:2px 0 0 5px;
width:135px;
font-weight:bold;
}
.gcdcDiv_class .errors__productGcdcDiv{
padding:5px;
color:#FF0000;
}
.gcdcDiv_class .infoMessage{
padding:5px;
color:#FF0000;
}
.paymentOptionDiv_class{
padding:0px;
margin:0px;
}
.paymentOptionDiv_class .userAddressTitle_class{
font-size:16px;
font-weight:bold;
text-indent:5px;
line-height:28px;
float:left;
color:#453e33;
}
.paymentOptionDiv_class .userAddressTitle_class span{
font-size:16px;
}
.paymentOptionDiv_class .label{
float:left;
padding:5px 0 0 5px;
width:120px;
font-weight:bold;
}
.paymentOptionDiv_class .paymentOpt{
padding:1px 0 0;
}
.paymentOptionDiv_class .paymentName{
padding:3px;
}
.paymentOptionDiv_class .payOptionServiceCharge{
padding:3px;
}
/* simple Address CSS Class Name & Property End */
/* Success page CSS Class Name & Property Start */
.SuccessMessageDiv{
border:0px solid #d8d8d8;
width:930px;
}
.SuccessMessageDiv .formcontentbg{
margin:0px;
padding:0px;
text-indent:0px;
float:left;
background-color:#f7f7f7;
border:1px solid #ebebeb;
width:930px;
}
.SuccessMessageDiv .heading{
font-size:16px;
font-weight:bold;
text-indent:0px;
line-height:28px;
float:left;
color:#453e33;
}
.SuccessMessageDiv .heading span{
font-size:16px;
}
.SuccessMessageDiv .heading span.supperscript{
color:#666666;
font-size:11px;
font-weight:bold;
}
.SuccessMessageDiv .itemSummuryHeading{
background:#d8d8d8;
color:#333333;
font-weight:bold;
}
.SuccessMessageDiv .item{
float:left;
width:200px;
padding:4px;
}
.SuccessMessageDiv .code{
float:left;
width:70px;
padding:4px;
}
.SuccessMessageDiv .size{
float:left;
width:70px;
padding:4px;
}
.SuccessMessageDiv .price{
float:left;
width:70px;
padding:4px;
}
.SuccessMessageDiv .qty{
float:left;
width:30px;
padding:4px;
}
.SuccessMessageDiv .dis{
float:left;
width:70px;
padding:4px;
}
.SuccessMessageDiv .netPrice{
float:left;
width:80px;
padding:4px;
}
.SuccessMessageDiv .shipMode{
float:left;
width:100px;
padding:4px;
}
.SuccessMessageDiv .shipAdd{
float:left;
width:200px;
padding:4px;
}
.SuccessMessageDiv .supperscript input{
padding:1px;
margin:1px;
float:right;
clear:both;	
width:100px;
}
.SuccessMessageDiv .cart{
float:left;
width:153px;
padding:4px;
}
.SuccessMessageDiv .itemSummuryDetails{
clear:both;
height:100px;
border:1px solid #d8d8d8;
background-color:#f7f7f7;
}
.SuccessMessageDiv .itemSummuryDetails .itemDetails{
float:left;
}
.SuccessMessageDiv .itemSummuryDetails .freeBox{
clear:both;
float:left;
background:#FFFFCC;
/*width:665px;*/
font-weight:bold;
border:1px solid #BF0216;
}
.SuccessMessageDiv .sumTotal{
clear:both;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
background:#d8d8d8;
font-weight:bold;
float:left;
color:#333333;
}
.SuccessMessageDiv .shopCartButtons{
text-align:right;
}
.SuccessMessageDiv .PaymentSummary_class{
clear:both;
border:1px solid #d8d8d8;
background-color:#f7f7f7;
}
.PaymentSummary_class .label{
font-weight:bold;
float:left;
width:200px;
}
.PaymentSummary_class .value{
font-weight:bold;
float:left;
padding:4px;
}
.SuccessMessageDiv .PaymentMode_class{
clear:both;
border:1px solid #d8d8d8;
background-color:#f7f7f7;
}
.PaymentMode_class .headding{
font-weight:bold;
float:left;
width:200px;
}
.PaymentMode_class .PaymentModeValue{
font-weight:bold;
float:left;
width:200px;
color:#FF0000;
}
.SuccessMessageDiv .billing_details{
clear:both;
border:1px solid #d8d8d8;
background-color:#f7f7f7;
}
/* Success page CSS Class Name & Property End */
/* My Account pages CSS Class Name & Property start */
.loginLeft{
float:left;
width:50%;
border-right:1px solid #d8d8d8;
height:200px;
}
.loginPageForm{
float:left;
width:46%;
}
.bodyContent_class{
border:1px solid #d8d8d8;
background:#FFF;
/*width:930px;*/
}
.bodyContent_class .heading{
background:#d8d8d8;
color:#333333;
font-weight:bold;
padding:4px 0px;
border-bottom:1px solid #FFF;
}
.leftContent{
width:200px;
float:left;
text-indent: 0px;
}
.bodyContent_class .label{
font-weight:bold;
}
.bodyContent_class .value{
font-weight:normal;
}
.datatable{
border:1px solid #CFCFCF;
border-collapse:collapse;
font-size: 11px;
background:#FFF;
}
.headerClass{
background:url("image/bata/buttonBG.gif") repeat-x scroll left top #EBEBEB;
border:1px solid #CFCFCF;
border-collapse:collapse;
color:#333333;
font-weight:bold;
padding:4px;
white-space:nowrap;
}
.columnClasses{
color:#686868;
border:1px solid #CFCFCF;
border-collapse:collapse;
font-weight:normal;
padding:5px 5px;
}
.columnClasses a:link{text-decoration: underline;}
.footerClass{
border:1px solid #CFCFCF;
border-collapse:collapse;
}
.orderDetails_class .leftContent{
width:300px;
float:left;
text-indent: 0px;
}
/* My Account pages CSS Class Name & Property End */
/* static Left Menu Div Start */
.staticpageDiv{
	float:left;
}
.staticLeftMenuDiv{
/*padding:3px 0px 3px 5px;*/
}
.getSubCategories{
padding:3px 0px 3px 10px;
cursor: pointer;
}
.hideSubCategories{
/*padding:0px 0px 0px 15px;*/
cursor: pointer;
width:170px;
}
.getArticles{
background:url("image/bata/category1Bg.gif") repeat-x scroll left top transparent;
color:#666666;
clear:both;
text-align:left;
padding:5px 5px 1px 10px;
cursor:Pointer;
font-size: 11px;
height:18px;
}
.hideArticles{
padding:5px 0px 5px 5px;
cursor: pointer;
float:left;
}
.getArticleContent{
background:url("image/bata/menuBullet.gif") no-repeat scroll left center transparent;
clear:both;
color:#666;
cursor:pointer;
font-size: 11px;
margin:1px 5px;
padding:0px 5px 0px 15px;
text-align:left;
width:130px;
/*white-space:nowrap;*/
line-height:15px;
float:left;
}.getArticleContent span{
color:#666;
font-weight:bold;
text-align:left;
float:left;
padding:2px;
/*width:135px;
white-space:nowrap;*/
}.getArticleContent span span{padding:0px;}
.currentgetArticleContent{
background:url("image/bata/menuBullet.gif") no-repeat scroll left center transparent;
clear:both;
color:#666666;
cursor:pointer;
font-size:11px;
margin:1px 5px;
padding:0px 5px 0px 15px;
text-align:left;
width:130px;
/*white-space:nowrap;*/
line-height:15px;
float:left;
}.currentgetArticleContent span{
background:none repeat scroll 0 0 #666666;
color:#FFFFFF;
font-weight:bold;
text-align:left;
float:left;
padding:2px;
/*width:135px;
white-space:nowrap;*/
}.currentgetArticleContent span span{padding:0px;}
.articleContentDiv{
padding:3px 0px 3px 20px;
cursor: pointer;
}
/* static Left Menu Div End */
.checkLoginAvalibility{
border:1px solid #d8d8d8;
background:#FFF;
}.checkLoginAvalibility .formtext{
font-weight:bold;
font-size: 12px;
color:#333;
}
#storeInfo{ 
	float: left;
    height: 496px;
    overflow: auto;
    width: 510px;
	border:0px solid #000;
}
.store_locator_Div{
width:768px;
/*height:200px;
background: url("image/bata/leftPanelBG.gif") repeat-x scroll left top transparent;*/
border:1px solid #d8d8d8;
border-top:none;
}
.storeLocateForm_Class{
	background:url("image/bata/buttonBG.gif") repeat-x scroll left bottom #FFFFFF;
    float: left;
    /*line-height: 35px;*/
    width: 720px;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D6D6D6;
	padding:10px 0px 5px 0px;
}
#storeResultsDiv{
	background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #CFCFCF;
    border-collapse: collapse;
    display: none;
    position: absolute;
    width: 200px;*/
    height: 500px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    z-index: 1;
}
#storeResultsDiv table.datatable {
border: 0 solid #CFCFCF;
border-collapse: collapse;
color: #333333;
font-weight: bold;
background:none;
}
#storeResultsDiv th.headerClass {
background:#FFF;
border:0px solid #CFCFCF;
border-collapse:collapse;
color:#C6001E;
font-weight:bold;
font-size: 14px;
white-space:nowrap;
text-indent:5px;
padding:5px;
}
#storeResultsDiv th.headerClass span.storeContText{
color:#666;
font-weight:normal;
font-size: 12px;
clear:both;
float:left;
padding:5px 0px 0px 0px;
}
#storeResultsDiv td.columnClasses {
border:0px solid #CFCFCF;
color:#6666;
line-height:16px;
width:50%;
vertical-align: top;
padding:0px;
}
.columnConten {
	border-top: 1px solid #EBEBEB;
    color: #666666;
    cursor: pointer;
    margin: 0px 5px;
    padding: 5px;
}
.columnConten span{color:#666;}
.columnConten .storelink{
color:#C6001E;
font-weight:bold;
font-size: 12px;
cursor:pointer;
text-decoration:underline;
}
.activecolumnConten {
background:#F2F2F2;
border-top: 1px solid #EBEBEB;
color: #666666;
margin: 0px;
padding: 5px 10px;
}
.activecolumnConten span{color:#333;font-weight:bold;}
a.storelink:link, a.storelink:active, a.storelink:visited, a.storelink:hover{
color:#C6001E;
font-weight:bold;
font-size: 12px;
cursor:pointer;
text-decoration:underline;
}
.store_locator_Div .leftContent{
width:100px;
text-indent: 0px;
}
.store_locator_Div .heading{
background:url("image/bata/headdingBg.gif") repeat-x scroll left top transparent;
border-bottom:1px solid #ACACAC;
color:#666666;
font-size:11px;
padding:2px 0px 1px 0px;
}
.store_locator_Div .heading span{font-size:20px;}
.store_locator_Div .label{
font-weight:bold;
width:100px;
float:left;
padding:3px;
}
.store_locator_Div .value{
	float: left;
	font-weight: normal;
	line-height: 20px;
	padding: 3px;
	width: 200px;
}
#google-map{
/*width:378px;
height:384px;
background: url("image/bata/leftPanelBG.gif") repeat-x scroll left top transparent;
border:1px solid #d8d8d8;*/
}
.store_details_Div{	
	background: url("image/bata/topMenulinkBG.gif") repeat-x scroll 0 bottom transparent;
    border-bottom: 1px solid #D8D8D8;
    height: 490px;
    margin: 2px 0 0;
    overflow: auto;
    width: 510px;
}
.store_details_Div .store_details{
/*width:750px;
display:table;*/
margin:0px auto;
}
.store_details ul{
background: none repeat scroll 0 0 #F2F2F2;
clear: both;
display: table;
margin: 0;
padding: 0;
width: 100%;
}
.store_details ul li{
background: url("image/bata/storeTabBG.gif") repeat-x 0 bottom transparent;;
border: 1px solid #000000;
float: left;
list-style: none outside none;
margin: 10px 0 0 10px;
padding: 3px 10px;
}
.store_details ul li.active{background:#FFF;color:#C20605;text-align:center;}
.store_details_headding{
width:750px;
display:table;
margin:5px auto;
border-bottom:1px solid #75705D;
}
.Store_headding_lable{
color:#756f4f;
font-size:16px;
font-weight:bold;
padding:2px 0px 1px 0px;
}
.Store_headding_help{
color:#484848;
font-size:12px;
font-weight:bold;
padding:2px 0px 1px 0px;
}
.Store_headding_help a:link, .Store_headding_help a:visited, .Store_headding_help a:active{
	 color: #498bc8;
	 outline: medium none;
	 text-decoration: underline;
}
.store_details_Div .store_details{font-size:12px;}
.store_details_Div .store_details b{color:#756f4f;font-size:14px;font-weight:bold;line-height:25px;}
.store_details_Div .store_details p{color:#333;font-size:12px;font-weight:normal;border:2px solid #000;}
.store_details_Div .store_details span{color:#333;font-size:12px;font-weight:normal;line-height:18px;/*padding: 0 10px 0 0;*/}
.storeImage{float: right;margin: 5px;overflow: hidden;}
.storeImage div.storeImage_div{border: 1px solid #999999;float: right;height: 250px;margin: 5px;overflow: hidden;width: 320px;}
.viewlargerButton{background: url("image/bata/viewlargeButton.gif") no-repeat scroll 0 center transparent;display: table;font-size: 9px;line-height: 22px;margin: 0 auto;text-align: center;width: 80px;}
.shop_details{width:150px;float:left;}
.shop_details .label{color:#333;font-size:12px;font-weight:bold;clear: both;width: auto;}
.shop_details .value{color:#333;font-size:12px;font-weight:normal;padding:0px;clear: both;width: auto;}
.shop_details .shop_no{color:#DA0000;font-size:13px;font-weight:bold;padding:5px;float:left;clear:both;}
.shop_details .shop_no_address{font-size:12px;padding:5px;float:left;clear:both;}
.shop_details .shop_no_contact_name{font-size:12px;padding:5px;float:left;clear:both;}
.shop_details .shop_no_business_name{font-size:12px;padding:5px;float:left;clear:both;}
.shop_details .shop_no_contact_no{font-size:12px;padding:5px;float:left;clear:both;}
.shop_details .shop_no_mobile_no{font-size:12px;padding:5px;float:left;clear:both;}
.storeDescription{padding:5px;}
.map_style{float:left;padding:0px;mragin:0px;clear:both;}
/* Body Part CSS Class Name & Property End */

/* Footer Part CSS Class Name & Property Start */
.displayInline{
display:table;
}
.paymentoptionList{
display:table;
float:left;
font-size: 11px;
margin:0;
padding:0px 30px 0px 20px;
vertical-align:top;
white-space:nowrap;
}
.paymentoptionList ul{
margin:0px;
padding:0px;
}
.paymentoptionList ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 2px;
text-align:left;
vertical-align:middle;
}
.paymentoptionList ul li a.footerLink{
font-weight:normal;
color:#528cba;
font-size: 11px;
}
.paymentoptionList ul li a.footerLink:link{
font-weight:normal;
color:#528cba;
}
.paymentoptionList ul li a.footerLink:hover{
font-weight:normal;
color:#528cba;text-decoration: underline;
}
.paymentoptionList ul li a.footerLink:active{
font-weight:normal;
color:#528cba;
}
.paymentoptionList ul li a.footerLink:visited{
font-weight:normal;
color:#528cba;
}
.paymentFacilities{
width:310px;
height:106px;
margin:0px;
padding:10px 3px 0px 10px;
font-size: 11px;
border-right:1px dotted #d8d8d8;
}
.paymentFacilities ul{
margin:0px;
padding:0px 5px 0px 20px;
}
.paymentFacilities ul li{
margin:0px;
padding:0px 0px 6px 0px;
list-style-image:url(image/webshop/bullet_icon.gif);
vertical-align:middle;
text-align:left;
}
.openDivStyle{
display:none;
position:absolute;
z-index:9999999;
background:#FFF;
width:641px;
height:440px;
border:1px solid #d8d8d8;
margin-top:187px;

}
.openDivHeadding{
width:100%;
/*line-height:25px;*/
background:#d8d8d8;
font-weight: bold;
color:#333333;
float:left;
}
.margin-top-left{
margin-top:-200px;margin-left:-200px;
}
.cursor{
cursor:pointer;
}
.flink{
color:#738da6;
font-size: 11px;
font-weight: normal;
}
a.flink:link{
color:#738da6;
font-size: 11px;
font-weight: normal;
}
a.flink:hover{
color:#738da6;
font-size: 11px;
font-weight: normal;
}
a.flink:visited, active{
color:#738da6;
font-size: 11px;
font-weight: normal;
}
.FooterMenu{
direction:ltr;
/*display:table;*/
float:left;
width:150px;
margin:10px 0px auto;
padding:0px;
overflow: hidden;
}
.FooterMenu ul{
list-style:none outside none;padding:0;margin:0px;/*width:145px;*/
}
.FooterMenu ul li{
color:#000;font-size: 11px;display:table;
/*height:18px;*/
padding:2px 2px;
}
.FooterMenu ul li p{
margin:0px;padding:0px;
}
.FooterMenu ul li span{
color:#838383;font-size: 12px;padding:0px 0px 5px 0px;display:block;
}
.FooterMenu ul li span b{ 
padding:0px 0px 5px 0px;
}
/* Footer Part CSS Class Name & Property End */
.itemsRow1{
background-color: #f8f8f8;
}
.staticCategoryName{
position:absolute;
line-height:30px;
font-size:16px;
font-weight:bold;
text-indent:10px;
top:257px;
left:853px;
width:190px;
height:30px;
background-color: #ffffff;
display:none;
}
.staticArticleTab{
height:28px;
border:1px solid #cfcfcf;
background:url("image/bata/buttonBG.gif") repeat-x scroll left top transparent;
background-color: #ebebeb;
width:768px;
}
.articleleftheading{
line-height:28px;
font-size:16px;
font-weight:bold;
text-indent:10px;
float:left;
}
.articlerighttav{
text-indent:10px;
color:#00659B;
line-height:28px;
float:right;
padding:0px;
}
#staticContentDiv{
border:0px solid #000;
}
#staticComponentDiv{
border:0px solid #000;
background:#FFF;
}
#staticArticleImage{
font-size:1px;
padding-bottom:1px;
}
#staticArticleContent{
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
}
#staticArticleContent h1{
color:#453e33;
font-size:16px;
font-weight:bold;
}
#staticArticleContent h2{
font-size:12px;
font-weight:bold;
}
#staticArticleContent p{
text-align:justify;
font-size: 12px;
line-height:15px;
}
#staticArticleContent p font{
font-size: 12px;
}
#staticArticleContent p font strong{
font-size: 12px;
}
#staticArticleContent h2 a{
color:red;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
.emailbutton_class{
background:url(image/bata/emailtofriendbutton_icon.gif) no-repeat scroll 5px center transparent;
border:0 solid #CFCFCF;
color:#00659B;
font-size: 11px;
height:21px;
padding:0 6px 0 16px;
width:100px;
cursor:pointer;
}
.storeaddressdetails{
border:1px solid #D8D8D8;
margin:0px auto;
padding:0px 0px 0px 0px;
display:table;
width:323px;
}
.storeaddressRow1{
background-color: #f5f5f5;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
text-indent:5px;
}
.sellerDescription{
padding:0px 10px 10px 10px;
display:table;
}
.selectedprodlist-div{border:0px solid #000;/*height: 60px;*/}
.selectedprodlist-div .helptext{font-size: 10px;padding:5px 10px;}
.selectedprodlist{
background-color: #D8D8D8;
height:20px;
}
.childssidetail_class{display:none;}
.storeaddressdetails .label{
font-weight:bold;
width:100px;
float:left;
line-height:18px;
}
.storeaddressdetails .value{
font-weight:normal;
width:208px;
float:left;
line-height:18px;
}
.fontsize0{
font-size:0px;
}



.centertabbedpanel{
border:1px solid #000;float:left;
}
.catheadsearchpage{
float:left;
font-size:11px;
padding:10px;
width:300px;
}
.paginationstyle{
float:left;
font-size:11px;
padding:10px 0;
width:445px;
}
.articledetails{
float:left;width:763px;border:1px solid #d8d8d8;margin:0px 0px 5px 0px;
}
.articledetails .articleImage{
display:none;
float:left;
height:80px;
margin:0;
text-align:left;
vertical-align:middle;
width:80px;
}
.articledetails .article-Content-div{
float:left;
height:80px;
margin:0;
text-align:justify;
vertical-align:middle;
padding:0px;
}
.articlecontent{
margin:0;
text-align:justify;
vertical-align:middle;
padding:5px;
}
.articlecatheadline{
background:url("image/bata/buttonBG.gif") repeat-x scroll left top transparent;
font-weight: bold;
color:#528cbc;
font-size:12px;
padding:3px;
}
.articlecatheadline a:link{
color:#528cbc;
font-size:11px;
}
.article_content_subheading{
color:#528cbc;
font-size:11px;
padding:3px;
}
.article_content_subheading strong{
color:#666;
font-size:11px;
}
#staticContentDiv .heading{
background:url("image/bata/buttonBG.gif") repeat-x scroll left top #EBEBEB;
border:1px solid #CFCFCF;
height:28px;
width:768px;
}
#staticContentDiv .heading span{
float:left;
font-size:13px;
font-weight:bold;
}


/* New CSS for My Account Pages */
.headerTabbg {
background:url("image/bata/buttonBG.gif") repeat-x scroll left top #EBEBEB;
border:1px solid #CFCFCF;
height:28px;
}
.mainHeading{
font-size:16px;
font-weight:bold;
text-indent:10px;
line-height:28px;
float:left;
}
.bodyContent_class .headerTabbg{
background:url("image/bata/buttonBG.gif") repeat-x scroll left top #EBEBEB;
border:0px solid #CFCFCF;
border-bottom:1px solid #CFCFCF;
height:28px;
}
.bodyContent_class .mainHeading{
font-size:16px;
font-weight:bold;
text-indent:10px;
line-height:28px;
float:left;
}
.myacBox_width930{
margin:0px auto;
display:table;
width:930px;
border:1px solid #CFCFCF;
}
.myacBoxheading{
background:url("image/bata/buttonBG.gif") repeat-x scroll left top #EBEBEB;
border:0px solid #CFCFCF;
padding:5px 0px;
text-indent:10px;
width:100%;
font-size:16px;
font-weight:bold;
}
.myacBox_width850{
width:850px;
margin:0px auto;
display:table;
padding:20px 0px 20px 0px;
}
.myacBox_width270{
width:270px;
height:150px;
float:left;
border:1px solid #cfcfcf;
}
.myacBox_width270 .headerTabbg {
background:url("image/bata/buttonBG.gif") repeat-x scroll left top #EBEBEB;
border:0px solid #CFCFCF;
height:28px;
width:100%;
}
.myac_bg{
background:url("image/bata/myac_bg.gif") repeat-x left bottom;
background-repeat:repeat-x;
background-color:#ffffff;
}
.myacBox_bg{
display:table;
margin:0px auto;
width:910px;
}
.myacBox_Left{
float:left;
}
.myacBoxContent{
float:left;
margin:0px auto;
width:440px;
clear:both;
}
.myacBoxContentbg{
float:left;
margin:0px auto;
background:#EFEFEF;
border:1px solid #CFCFCF;
width:438px;
clear:both;
}
.myacBoxContentbg .label{
line-height:25px;
width:180px;
float:left;
height:25px;
}
.myacBoxContentbg .value{
line-height:25px;
width:180px;
float:left;
padding:0px;
height:25px;
}
.myacBoxContentbg .value input.inputbox{
border:1px solid #7B9EBA;
width:170px;
padding:0px;
height:20px;
}
.forgotLink{
color:#DE082E;
font-weight:bold;
background:url("image/bata/bullet.gif") no-repeat left center;
padding:0 10px;
}
.new_user_Link{
line-height:100px;
padding:10px;
text-align:center;
font-size:14px;
font-weight:bold;
}
.new_user_Link a:link,.new_user_Link a:active,.new_user_Link a:visited,.new_user_Link a:hover{
color:#ED1C24;
font-size:14px;
font-weight:bold;
text-decoration: underline;
}
.myacBox_sepreter{
background:url("image/bata/myacBox_sepreter.gif") no-repeat scroll left center transparent;
float:left;
font-size:1px;
height:250px;
margin:0 14px;
width:2px;
}
.myacBox_sepreterSmall{
background:url("image/bata/myacBox_sepreterSmall.gif") no-repeat scroll left center transparent;
float:left;
font-size:1px;
height:124px;
margin:0 14px;
width:2px;
}
.myacBox_right{
float:right;
}
.myacheadding{
font-size:16px;
font-weight:bold;
text-indent:0px;
line-height:28px;
float:left;
color:#453e33;
}
.myacText{
font-size:12px;
font-weight:normal;
text-indent:0px;
color:#453e33;
margin:1px 5px 0px 0px;
}
.myac_bgmain{
background:url("image/bata/myac_bgmain.gif") repeat-x;
background-repeat:repeat-x;
background-color:#ffffff;
}
.mainSubHeading{
font-size:16px;
font-weight:bold;
text-indent:10px;
line-height:28px;
float:left;
color:#453e33;
}
.myacBox_allLinks{
font-size:11px;
font-weight:bold;
color:#453e33;
background:url("image/bata/myac_bullet.gif") no-repeat;
padding:0px 0px 0px 10px;
}
.myacBox_allLinks a:link,.myacBox_allLinks a:active,.myacBox_allLinks a:visited,.myacBox_allLinks a:hover{
font-size:11px;
font-weight:bold;
line-height:22px;
color:#453e33;
text-decoration: none;
}
.myprof_icon{
background:url("image/bata/myprof_icon.gif") no-repeat scroll left center transparent;
display:block;
float:left;
font-size:16px;
margin:0 0 0 5px;
padding:0 0 0 18px;
}
.mycart_icon{
background:url("image/bata/mycart_icon.gif") no-repeat left center;
display:block;
float:left;
font-size:16px;
margin:0 0 0 5px;
padding:0 0 0 15px;
}
.myratings_icon{
background:url("image/bata/reviewratings_icon.gif") no-repeat left center;
display:block;
float:left;
font-size:16px;
margin:0 0 0 5px;
padding:0 0 0 15px;
}
.myContent_Class{
border:1px solid #CFCFCF;
clear:both;
float:right;
overflow: hidden;
width:770px;
}
.myContent_tablebg{
margin:0px auto;
text-indent:10px;
display:table;
background-color:#f7f7f7;
border:1px solid #ebebeb;
width:750px;
overflow: hidden;
}
.myContent_table{
margin:0px auto;
display:table;
border:1px solid #ebebeb;
width:750px;
overflow: hidden;
}
.myContent_centertablebg{
margin:0px auto;
text-indent:10px;
display:table;
background-color:#f7f7f7;
border:1px solid #ebebeb;
width:500px;
overflow: hidden;
}
.mainheaderTabbg{
margin:0px auto;
font-size:16px;
font-weight:bold;
text-indent:10px;
line-height:28px;
display:table;
width:750px;
}
.mainheaderTabbg .mainHeading{
font-size:16px;
font-weight:bold;
text-indent:0px;
line-height:28px;
float:left;
}
.maincenterHeading{
margin:0px auto;
text-indent:0px;
display:table;
width:500px;
overflow: hidden;
font-weight:bold;
text-align:left;
padding:5px 0px;
}
.myContent_Class a:link,.myContent_Class a:active,.myContent_Class a:visited,.myContent_Class a:hover{
color:#333333;
text-decoration: underline;
}
.formcontenttablebg{
margin:0px 10px 0px 9px;
padding:0px 0px 0px 0px;
text-indent:10px;
float:left;
background-color:#f7f7f7;
border:1px solid #ebebeb;
width:750px;
}
.formcontentDivbg{
margin:0px;
padding:0px;
text-indent:0px;
float:left;
background-color:#f7f7f7;
border:1px solid #ebebeb;
width:930px;
}
.editProfile_link a:link,.editProfile_link a:active,.editProfile_link a:visited,.editProfile_link a:hover{
font-size:12px;
font-weight:bold;
color:#453e33;
margin-right:5px;
/*text-decoration: none;*/
}
.columnClassesNew{
color:#333333;
border-bottom:1px solid #d8d8d8;
/*font-weight:bold;*/
padding:5px 0px;
border-collapse:collapse;
}
.wishlistItemWidth{
width:97%;
margin:0px 10px 10px 10px;
}
.prodpreviewcolumnClass1{
color:#686868;
border:1px solid #d8d8d8;
font-weight:bold;
padding:5px 5px;
border-collapse:collapse;
BACKGROUND-COLOR:#f5f5f5;
}
.prodpreviewcolumnClass2{
color:#686868;
border:1px solid #d8d8d8;
font-weight:bold;
padding:5px 5px;
border-collapse:collapse;
}
/* New CSS for Store Locator Pages start */
.store_locator_headding{
	display: table;
    margin: 0 auto;
    width: 720px;
	color:#C30215;
	font-size: 22px;
	font-weight: bold;
}

.borderBottomClass{
display:table;
border-bottom:1px solid #D8D8D8;
}
.storeaddressRow2{
border-bottom:1px solid #D8D8D8;
background-color: #ffffff;
text-indent:5px;
}
.selectstatecityDiv{
	/*border: 1px solid #000000;*/
    display: table;
    margin: 0 auto;
    width: 720px;
}
.selectstatecityDiv select.selectSpace{width:200px;}
.storeaddressdetails .height35px{
height:35px;
}
.store_locator_Div .labelNew{
font-weight:bold;
width:60px;
float:left;
padding:3px;
line-height: 21px;
text-align:center;
}
.scrollingDiv{
height:35px;
line-height:14px;
margin:0;
overflow:auto;
padding:0 0 0 5px;
text-indent:0;
}
.selectedprodlistRow1{
background:url(image/bata/topmenuactivebg.gif) repeat-x scroll 0 0 #a90414;
text-indent:5px;
width:109px;
font-weight:bold;
color:#ffffff;
line-height:25px;
}
.selectedprodlistRow2{
background-color:#FFFFFF;
font-weight:bold;
/*height:35px;*/
line-height:22px;
overflow-x:auto;
text-indent:5px;
white-space:nowrap;
width:109px;
}
.article_name{
background:url(image/bata/topmenuactivebg.gif) repeat-x scroll 0 0 #a90414;
text-indent:5px;
width:203px;
font-weight:bold;
color:#ffffff;
line-height:25px;
}
.artTitle{
background-color:#FFFFFF;
font-weight:bold;
/*height:35px;*/
line-height:22px;
overflow-x:auto;
text-indent:5px;
white-space:nowrap;
width:203px;
}
.selectedprodlistNew{
border:1px solid #D8D8D8;
margin:0px auto;
padding:0px;
display:table;
width:750px;
}
input.addtofavouritesbutton_class_Proddetail{
background:url(image/bata/add_to_favourites_icon.gif) no-repeat scroll 5px center transparent;
border:0 solid #CFCFCF;
color:#00659B;
font-size:11px;
height:21px;
padding:0 0 0 10px;
width:118px;
}
.storeLocate-div{
border:0px solid #000;
float:left;
}
.storeLocate-div div#staticArticleContent{
display:none;
}
div#storeLocatorMap{
	border:1px solid #f3f3f3;
}
div.finderstoreList{
	display: table;
    width: 720px;
}
div.finderstoreList div#storeResultsDiv{
	float: left;
    height: 538px;
    overflow: auto;
    padding: 0;
    width: 200px;
    z-index: 1;
}
 div#storeResultsDiv .storeLocateAddress_Div{
	background: url("image/bata/topMenulinkBG.gif") repeat-x 0 480px transparent;
    border: 1px solid #CFCFCF;
    float: left;
    height: 536px;
    margin: 0 2px 0 0;
    overflow: auto;
    width: 195px;
}
div.finderstoreList div#storeMap{
    float: right;
    width: 510px;
	border:0px solid #000;
}
.storeFinderMap{
	border:2px solid #FF0000;
}
.storeFinderMap div#map{
	border: 2px solid #f3f3f3;
    height: 470px;
    margin: 10px;
    overflow: hidden;
}
.storeDetailMap{
	border:2px solid #000;
}
div.finderstoreList .storeResultsDisplay{
    border: 2px solid #EAEAEA;
    float: right;
    height: 530px;
    overflow: hidden;
    width: 510px;
	padding:2px;
}
#storeTabId{
	background: url("image/bata/headdingBg.gif") repeat-x scroll left top #CFCFCF;
    clear: both;
    float: right;
    padding: 10px 0 0;
    width: 510px;
	border:0px solid #000;
}
#storeTabId ul{margin:0px;padding:0px;}
#storeTabId ul li{
	background: url("image/bata/storeTabBgunActive.gif") repeat-x left center;
    border: 1px solid #CFCFCF;
	border-bottom:none;
    float: left;
    list-style: none outside none;
    margin: 0 0 0 10px;
    text-align: center;
	line-height:25px;
	padding:0px 10px;
	font-weight:bold;
	cursor: pointer;
}
#storeTabId ul li.active{background: url("image/bata/storeTabBG.gif") repeat-x left center;color:#C2011E;font-weight:bold;}
#storeTabId ul.ullink{margin:0px;padding:0px;font-weight:normal;}
#storeTabId ul.ullink li{
    border: 0px solid #000;
	border-top:none;
    float: left;
    list-style: none outside none;
    margin: 0 0 0 10px;
    text-align: center;
    width: 55px;
	line-height:15px;
	background:none;
	color:#006598;
	padding:0px 0px;
	font-weight:normal;
	cursor: pointer;
}
#storeTabId ul.ullink li.Print{border:0px solid #000;color:#006598;background: url("image/bata/storeprintbutton_icon.gif") no-repeat left center;}
#storeTabId ul.ullink li.Close{border:0px solid #000;color:#006598;background: url("image/bata/storeclosebutton_icon.gif") no-repeat left center;}
/* New CSS for Store Locator Pages End */
/*user Registration class*/
.userRegistration-div{
/*display:table;*/
width:930px;
margin:0px auto;
}
.userRegistration-div .left-Panel{
float:left;
width:660px;
}
.userRegistration-div .label{
line-height:24px;
width:180px;
float:left;
height:24px;
text-indent: 2px;
}
.userRegistration-div .value{
line-height:24px;
width:180px;
float:left;
padding:0px;
height:24px;
}
.userRegistration-div input.inputbox{
width:155px;
}
.userRegistration-div input.ccodeinputbox{
width:25px;
}
.userRegistration-div input.acodeinputbox{
width:25px;
}
.userRegistration-div input.phoneinputbox{
width:75px;
}
.userRegistration-div input.inputbox{
width:155px;
}
.userRegistration-div select.select{
width:160px;
}
.userRegistration-div select.dateselect{
width:44px;
}
.userRegistration-div select.monthselect{
width:48px;
}
.userRegistration-div select.yearselect{
width:63px;
}
.userRegistration-div .infovalue1{
line-height:25px;
width:180px;
float:left;
padding:0px;
height:25px;
text-indent: 2px;
}
.userRegistration-div .infovalue2{
line-height:25px;
width:360px;
float:left;
padding:0px;
height:25px;
}
.userRegistration-div .infovalue3{
line-height:25px;
width:540px;
float:left;
padding:0px;
height:25px;
}
.myacBoxContentbg .value input.inputbox{
border:1px solid #7B9EBA;
width:170px;
padding:0px;
height:20px;
}
.userRegistration-div .right-Panel{
float:right;
width:270px;
}
.userRegistration-div .formcontentDivbg{
margin:0px auto;
display:table;
background-color:#f7f7f7;
border:1px solid #ebebeb;
width:641px;
float:none;
}
.userRegistration-div .textcontentDivbg{
margin:0px auto;
display:table;
background:url("image/bata/usergtextconten-bg.gif") repeat-x scroll 0 bottom #FFFFFF;
border:1px solid #ebebeb;
width:268px;
float:none;
overflow: hidden;
}
.textcontentDivbg P{
clear:both;
margin:0px auto;
padding:8px 5px 4px;
width:250px;
color:#333333;
font-size:11px;
}
.textcontentDivbg ul.features-Point{
margin:0px;
padding:0px 0px 23px 0px;
float:left;
}
.textcontentDivbg ul.features-Point li{
background:url("image/bata/left-arrow.png") no-repeat scroll left center transparent;
clear:both;
font-size:12px;
font-weight:bold;
line-height:22px;
height:22px;
margin:0 0 0 20px;
padding:0 0 0 10px;
white-space:nowrap;
}
.pollresult-Div{border:1px solid #CFCFCF;background:#FFF;margin:0px;padding:10px;}
.poll-formtext{border:1px solid #CFCFCF;background:#EBEBEB;color:#333;font-weight:bold;font-size:12px;line-height:25px;margin:0px auto;}
.pollresult-Div-ul{border: 0px solid #CFCFCF;display: table;margin: 5px auto;}
ul.pollresult-List{margin:0px;padding:0px;float:left;width:189px;text-align:left;}
ul.pollresult-List li.poll-head{font-weight:bold;font-size:12px;background:#CFCFCF;color:#333;margin:0px;padding:3px;list-style: none;text-align:left;border:1px solid #C1C1C1;border-collapse:collapse;}
ul.pollresult-List li.poll-lable{margin:0px;padding:3px;list-style: none;text-align:left;border:1px solid #CFCFCF;border-top:none;border-collapse:collapse;}
ul.pollresult-List li.poll-value{background:#f7f7f7;color:#333;margin:0px;padding:3px;list-style: none;text-align:left;border:1px solid #CFCFCF;border-top:none;border-collapse:collapse;}
.pollresult-Div-message{border: 1px solid #CFCFCF;}
.pollresult-Div .msg{color:#ED1C24;font-weight:bold;font-size:18px;line-height:25px;}
.poll-Link{color:#ED1C24;font-weight:bold;font-size:14px;line-height:25px;text-align:left;}
.poll-Link a:link,.poll-Link a:hover,.poll-Link a:active,.poll-Link a:visited {color:#ED1C24;font-weight:bold;font-size:14px;line-height:25px;text-align:left;}



.prodDetailDiv div.saveBgImg, .selectiveProdDetailDiv div.saveBgImg{background:url(image/bata/offerBgImg.gif) no-repeat;width:58px;height:35px;float:right;position:absolute;margin:5px 0 0 115px;}
.prodDetailDiv div.saveBgImg p, .selectiveProdDetailDiv div.saveBgImg p{margin:0px;padding:6px 0px 0px 5px;text-align:center;font-size:11px;color:#FFF;font-weight:bold;font-family:arial;line-height:12px;}
.prodDetailDiv div.saveBgImg p span, .selectiveProdDetailDiv div.saveBgImg p span{font-size:15px;}
