/* Firefox css for all specific books*/
body {border: 0; margin: .5% 1.7% 0 .5%; padding: 0; background: #666666;}
#container {width: 100%; height: 100%; position: relative; float:left; background: #666666; padding: 5px 5px 5px 5px; margin: 0; border-top: 1px solid #fc0; border-bottom: 1px solid #fc0; border-left: 1px solid #fc0; border-right: 1px solid #fc0;}
#container img {margin:0; padding: 0; float:left;}

#banner {width: 100%; height: 100%; float: left; margin: 0; padding: 0 1px 0 1px; background: transparent;}
#banner_left {width:65%; height: 100%; float:left; margin: 0; padding: 0;}

#banner_right{width:35%; height: 100%; float:right; margin: 0; padding: 0;}
#banner_right h3{font-family:  Verdana, Helvetica, sans-serif; font-size: 15px; color: #e8ddbb; font-weight: normal; padding: 0 20px 0 0; text-align: right;}
#banner_right h4{font-family:  Verdana, Helvetica, sans-serif; font-size: 13px; color: #e8ddbb; font-weight: normal; padding: 0 20px 0 0; text-align: right;}

#banner_right a, #banner_right a:link, #banner_right a:visited {font-family:  Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #ff9900;}
#banner_right a:hover {color: #ff0000; text-decoration: none;}
#banner_right a:active {text-decoration: underline; color: #ff9900;}

#dunlop {width: 100%; height: 120px; margin: 0; float: left; padding: 0; background: url(../imgroot/shalaribanner.jpg) 0 0 no-repeat;}

#strip {width: 101%; height: 38px; float:left; border-top: 1px solid #fc0; border-bottom:  1px solid #fc0; padding: 0; margin: 0 0 0 -5px;}
#strip_holder {width: 100%; height: 100%; float:left; background: transparent;}
#strip_left p{width:80%; height: 100%; float:left; margin: 0; padding: 0;}
#strip_right p{width:20%; height: 100%; float:left; overflow: hidden; margin: 0;}

.address {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #727272;	margin: 0; padding: 0; line-height: 15px;}
.address a, .address a:link, .address a:visited, .address a:active{text-decoration: underline;
color: #ff9900;}
.address a:hover {color: #ff0000; text-decoration: none;}

.letter3{letter-spacing: 3px;}

#main {width: 97%; float:left; background: #cccccc; margin: 0; padding: 1.2% 1.5% 2.5% 1.5%;}

#main a, #main a:link, #main a:visited{text-decoration: underline;color: #ff9900;}
#main a:hover {color: #ff0000; text-decoration: none;}
#main a:active{text-decoration: underline;
color: #ff9900;}

#main_left {width:32%; float:left; overflow: hidden; margin: 0; padding: 0; height: 100%;}
#main_left img {margin:0; padding: 0; float:left;}
#main_left_inner{width:100%; float:left; margin: 0; padding:6px 2px 0 8px; height: 100%; background: #f6e9d1;font-family: Verdana, Helvetica, sans-serif;; font-size: 13px;color: #545454; font-weight: normal;}
#main_left_inner h3{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #545454;
	font-weight: bold;
}
#main_left_inner h4{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #545454;
	padding: 0 15px 0 0;
	font-weight: bold;
}
#main_left_inner h5{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	font-weight: normal;
	padding: 0 20px 0 0;
}

#main_left_inner a, #main_left_inner a:link, #main_left_inner a:visited {font-family:  "Tempus Sans ITC"; font-size: 13px; text-decoration: underline; color: #ff9900;}
#main_left_inner a:hover {color: #ff0000; text-decoration: none;}
#main_left_inner a:active {text-decoration: underline; color: #ff9900;}


#main_mid{width:32%; float:left; margin: 0; padding: 0; height: 100%;  background:#cccccc;}
#main_mid img {width: 100%; margin:0; padding: 0; float:left;}
#main_mid_inner{width:94%; float:right; margin: 0; padding: 0; height: 100%; background: transparent;}
#main_mid_inner img{width:100%; float:left; overflow: hidden; margin: 0; padding: 0; height: 100%; background: #cc9966;}

#main_right{width:36%; float:right; overflow: hidden; margin: 0; padding: 0; height: 100%;}
#main_right img {margin:0; padding: 0; float:left;}
#main_right_inner {width:95%; float:right; overflow: hidden; margin: 0; padding: 0; height: 100%; background: #cccccc;}

#main_left_half {width:64%; float:left; overflow: hidden; margin: 0; padding: 0; height: 100%;}
#main_left_half img {margin:0; padding: 0; float:left;}
#main_left_half_inner{width:100%; float:left; margin: 0; padding:0; height: 100%; background: #f6e9d1;}

#main_left_half_inner h3{
	font-family: "Tempus Sans ITC";
	font-size: 15px;
	color: #545454;
	font-weight: bold;
	padding: 0 0 0 10px;
}
#main_left_half_inner h4{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #545454;
	font-weight: bold;
	padding: 0 0 0 10px;
}
#main_left_half_inner h5{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	font-weight: bold;
	padding: 0 0 0 10px;
}
#main_left_half_inner p{
	font-family: "Tempus Sans ITC";
	font-size: 13px;
	line-height: 17px;
	color: #545454;
	font-weight: normal;
	padding: 0 35px 0 15px;
}



#main_right_half {width:65%; float:left; overflow: hidden; margin: 0; padding-left:20px; height: 100%;}
#main_right_half img {margin:0; padding: 0; float:left;}
#main_right_half_inner{width:100%; float:left; margin: 0; padding:20px 2px 0 20px; height: 100%; background: #f6e9d1;}
#main_right_half_inner h3{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #545454;
	font-weight: bold;
	padding: 0;
}
#main_right_half_inner p{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	font-weight: normal;
	padding: 0;
}


/* ************** HOME PAGE ****************** */

#main_left_home {width:32%; float:left; overflow: hidden; margin: 0; padding: 0; height: 100%;}
#main_left_home_inner{width:90%; float:left; margin: 0; padding:10px 5px 0 10px; height: 100%; background: #f6e9d1;font-family: Verdana, Helvetica, sans-serif;; font-size: 13px;color: #545454; font-weight: normal;}

#main_left_home_inner h3{
	font-family: Verdana, Helvetica, sans-serif;;
	font-size: 13px;
	color: #545454;
	font-weight: bold;
}
#main_left_home_inner h4{
	font-family: Verdana, Helvetica, sans-serif;;
	font-size: 13px;
	color: #545454;
	font-weight: bold;
}



#main_mid_home{width:45%; float:left; margin: 0; padding: 0; height: 100%;  background:#cccccc;}
#main_mid_home img {width: 100%; margin:0; padding: 0; float:left;}
#main_mid_home_inner{width:94%; float:right; margin: 0; padding: 0; height: 100%; background: transparent;}
#main_mid_home_inner img{width:100%; float:left; overflow: hidden; margin: 0; padding: 0; height: 100%; background: #cc9966;}



#main_right_home{width:21%; float:right; overflow: hidden; margin: 0; padding: 0; height: 100%;}
#main_right_home img {margin:0; padding: 0; float:left;}
#main_right_home_inner {width:95%; float:right; overflow: hidden; margin: 0; padding: 0 2px 15px 0; height: 100%; background: #ffffff;}
#main_right_home_inner h3{
	font-family: Verdana, Helvetica, sans-serif;;
	font-size: 11px;
	color: #545454;
	font-weight: normal;
	line-height: 17px;
	padding: 0 10px 0 15px;
}
#main_right_home_inner h4{
	font-family: Verdana, Helvetica, sans-serif;;
	font-size: 11px;
	color: #545454;
	font-weight: bold;
	padding: 2px 10px 0 15px;
}





/* ***temp************************* */
#dunloptemp {width: 100%; height: 120px; margin: 0; float: left; padding: 0; background: url(../imgroot/dunlopbannerNEW.jpg) 0 0 no-repeat;}

#main_right_temp{width:61.4%; float:right; overflow: hidden; margin: 0; padding: 0; height: 100%;}
#main_right_temp img {margin:0; padding: 0; float:right;}
.clear {clear:both;}
#main_left_inner_temp{width:100%; float:left; margin: 0; padding:0; height: 100%; background: #f6e9d1;}
#main_left_inner_temp h4{
	font-family: Verdana;
	font-size: 12px;
	color: #993366;
	font-weight: normal;
	padding: 0 0 0 20px;
}
#main_left_inner_temp h5{
	font-family: Verdana;
	font-size: 15px;
	color: #545454;
	font-weight: bold;
	padding: 0 5px 0 10px;
}
#main_left_inner_temp h6{
	font-family: Verdana;
	font-size: 11px;
	color: #000033;
	font-weight: bold;
	padding: 0 5px 0 10px;
}
/* *** END temp ************************************* */

#footer {width: 100%; height: 100%; position: relative; float:left; background: transparent; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; border-left: 1px solid #fc0; border-right: 1px solid #fc0; border-bottom: 1px solid #fc0;}
#footspace p{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal; text-align:center; padding: 0;}

#footer_inner {width: 99%; height: auto; float:right; padding:0 10px 10px 0; margin: 0; background: #cccccc; text-align: right;}
#footer_inner a, #footer_inner a:link, #footer_inner a:visited {font-family:  Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #6b6b6b;}
#footer_inner a:hover {color: #ffff99; text-decoration: none;}
#footer_inner a:active {text-decoration: underline; color: #ff9900;}

#menu {position:relative; width:320px; height:470px; background:transparent url(../imgroot/collection_holder_bw.jpg); overflow:hidden; margin:0 auto;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:110px; height:160px; display:inline;}
#menu a {display:block; float:left; width:110px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:160px; background:transparent url(../imgroot/collection_holder_colour.jpg) no-repeat 500px 500px;}
* html #menu a  {height:160px; he\ight:0;}

#menu a#item1{width: 100px;}
#menu a#item4{width: 100px;}
#menu a#item7{width: 100px;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -100px 0; z-index:50;}
#menu a#item3:hover {background-position: -210px 0; z-index:50;}

#menu a#item4:hover {background-position: 0 -160px; z-index:50;}
#menu a#item5:hover {background-position: -100px -160px; z-index:50;}
#menu a#item6:hover {background-position: -210px -160px; z-index:50;}

#menu a#item7:hover {background-position: 0 -320px; z-index:50;}
#menu a#item8:hover {background-position: -100px -320px; z-index:50;}
#menu a#item9:hover {background-position: -210px -320px; z-index:50;}

#menubrand {position:relative; width:320px; height:470px; background:transparent url(../collection/img/collection_template_brand_holder_bw.jpg); overflow:hidden; margin:0 auto;}
#menubrand ul {margin:0; padding:0;}
#menubrand li {list-style-type:none; width:165px; height:160px; display:inline;}
#menubrand a {display:block; float:left; width:165px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:160px; background:transparent url(../collection/img/collection_template_brand_holder_colour.jpg) no-repeat 500px 500px;}
* html #menubrand a  {height:160px; he\ight:0;}

#menubrand a#item1, #menubrand a#item3, #menubrand a#item5{width: 155px;}

#menubrand a#item1:hover {background-position: 0 0; z-index:50;}
#menubrand a#item2:hover {background-position: -155px 0; z-index:50;}

#menubrand a#item3:hover {background-position: 0 -160px; z-index:50;}
#menubrand a#item4:hover {background-position: -155px -160px; z-index:50;}

#menubrand a#item5:hover {background-position: 0px -320px; z-index:50;}
#menubrand a#item6:hover {background-position: -155px -320px; z-index:50;}

#menubrand a#item7:hover {background-position: 0px -480px; z-index:50;}
#menubrand a#item8:hover {background-position: -155px -320px; z-index:50;}

/* ******** Home page logo navigation bar (set) ************* */
#menuhomelogo {position:relative; width:270px; height:463px; background:transparent url(../imgroot/logosholder.jpg); overflow:hidden; margin:0 auto;}
#menuhomelogo ul {margin:0; padding:0;}
#menuhomelogo li {list-style-type:none; width:270px; height:65px; display:inline;}
#menuhomelogo a {display:block; float:left; width:270px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:0; background:transparent url(../imgroot/logosholder_highlight.jpg) no-repeat 500px 500px;}

#menuhomelogo a#item1{height: 127px;}
#menuhomelogo a#item2{height: 108px;}
#menuhomelogo a#item3{height: 98px;}
#menuhomelogo a#item4{height: 63px;}
#menuhomelogo a#item5{height: 65px;}

#menuhomelogo a#item1:hover {background-position: 0 0; z-index:50;}
#menuhomelogo a#item2:hover {background-position: 0 -127px; z-index:50;}
#menuhomelogo a#item3:hover {background-position: 0px -235px; z-index:50;}
#menuhomelogo a#item4:hover {background-position: 0px -333px; z-index:50;}
#menuhomelogo a#item5:hover {background-position: 0px -396px; z-index:50;}