﻿body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend,
textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
ul{list-style-type:none;}
/*a{color:#505664;text-decoration:none}
a:hover{color:#C46E80;text-decoration:none}*/

html, body {font-family:Arial, Helvetica, sans-serif; color: #4C6B80; margin:0px;padding:0px; font-size:12px; line-height:18px;background:#DFDFDF url(../../Images/Assets/bg.jpg) no-repeat fixed center top;}
#DivWrapper{width:981px;background-color:Transparent;margin:auto;padding:auto !important;}

#MainHeader{width:981px;height:142px}
/*#MainMenu{width:981px;height:54px;background:#FFF url(../../Images/Assets/MenuBg.jpg) repeat-x left top;}
#MainMenu ul{list-style-type:none;width:981;float:left;}
#MainMenu ul li{float:left;padding:0px;background:url(../../Images/Assets/Selected_menu_bg.jpg) no-repeat right bottom;padding:18px 34px 18px 35px;}
#MainMenu ul li:hover{float:left;padding:0px;background:url(../../Images/Assets/Selected_menu_bg.jpg) repeat-x right bottom;padding:18px 34px 18px 35px;}
#MainMenu ul li a{display:block; cursor:pointer; float:left; text-decoration:none;color:#4C6B80;font-weight:bold;}
#MainMenu ul li.selected{float:left;padding:0px;background:url(../../Images/Assets/Selected_menu_bg.jpg) repeat-x right bottom;padding:18px 34px 18px 35px;}
*/

#MainMenu{width:981px;height:54px;background:#FFF url(../../Images/Assets/Selected_menu_bg.jpg) repeat-x left top;}
#MainMenu ul{list-style-type:none;width:981;float:left;}
#MainMenu ul li{float:left;padding:0px;background:url(../../Images/Assets/Selected_menu_bg.jpg) no-repeat right -13px;padding:15px 22px 18px 22px;}
#MainMenu ul li:hover{float:left;padding:0px;background:url(../../Images/Assets/MenuBg.jpg) repeat-x right bottom;padding:15px 22px 18px 22px;color:#56AFFF !important}
#MainMenu ul li a{display:block; cursor:pointer; float:left; text-decoration:none;color:inherit;font-weight:bold;}
#MainMenu ul li.selected{float:left;padding:0px;background:url(../../Images/Assets/MenuBg.jpg) repeat-x right bottom;padding:15px 22px 18px 22px;color:#56AFFF !important;}

#MainContainer{width:981px;background-color:#FFF;min-height:500px}

#MainFooter{width:981px;background:#FFF url(../../Images/Assets/FooterSep.jpg) no-repeat center top;margin:0px 0px 0px 0px;padding:30px 0px 50px 0px;text-align:center;}
#MainFooter ul{list-style-type:none;width:950;float:left;margin:0px 0px 0px 110px;}
#MainFooter ul li{float:left;padding:0px;background:url(../../Images/Assets/Selected_menu_bg.jpg) no-repeat right bottom;padding:0px 25px 0px 25px;}
#MainFooter ul li a{display:block; cursor:hand; float:left; text-decoration:none;color:#4C6B80;font-weight:bold;}
#MainFooter ul li a:hover{color:#84ABC5;}

#MainFooterStrip{width:981px;background:#FFF url(../../Images/Assets/FooterStrip.jpg) no-repeat center top;margin:0px;padding:0px;text-align:center;padding-top:25px;height:45px;color:#fff;font-weight:bold;}
.Header1{width:780px;height:142px;text-align:left;padding:0px;margin:0px;overflow:hidden;float:left;}
.Header2{width:200px;height:142px;text-align:right;padding:0px;margin:0px;overflow:hidden;float:left;color:#fff;font-weight:bold;}
.Header2_1{width:200px;height:45px;padding:5px 0px 0px 0px}
.Header2_1 a{text-decoration:none;border:none;color:#fff;font-weight:bold;}
.Header2_2{width:200px;height:50px;}
.Header2_3{background:transparent url(../../Images/Assets/search_box.png) no-repeat left bottom;width:197px;height:31px;}
.Header2_2 a{text-decoration:none;border:none;color:#fff;font-weight:bold;}
.Header2_2 img{border:none}
.Header2_3 img{border:none;vertical-align:bottom}

.SearchText{border:none;width:169px;height:23px;color:#fff;font-weight:bold;background-color:Transparent;margin:1px 0px 0px 0px;padding:2px}

.divContntMain{padding: 10px 10px 0px 25px;width:946px}
.HangerShadow{width:981px;height:45px;background:url('../../Images/Assets/Hanger.jpg') no-repeat left top;
padding:0px;margin:0px
}

.clearFloat{margin:0px;padding:0px;clear:both}
/*cmsContent Start*/
.cmsContent{width:860px;float:left;padding: 10px 0px 0px 25px;text-align:justify;line-height:20px;}
.cmsContent a{text-decoration:none;font-weight:bold;color:#C46E80;}
.cmsContent a:hover{color:#505664;}
.cmsContent ul{list-style-type:disc;margin:5px 0px 5px 0px;}
.cmsContent ul li{margin-left:15px;padding-left:5px}
/*cmsContent end*/

/* Accordin Start */
#acc {width:205px; list-style:none;  margin:0 auto 25px;margin-top:0px;padding-top:0px}
#acc h3 {letter-spacing:1px;text-transform:uppercase; padding:6px 6px 7px 20px; font-weight:bold; margin-bottom:0px; cursor:pointer; background:url(../../Images/Assets/BigRightRound.jpg) no-repeat left center;border-bottom:dotted 1px #4C6B80;color:#4C6B80;font-size:13px}
#acc h3.selected {letter-spacing:1px;text-transform:uppercase; padding:6px 6px 7px 20px; font-weight:bold; margin-bottom:0px; cursor:pointer; background:url(../../Images/Assets/BigRight.jpg) no-repeat left center;border-bottom:dotted 1px #4C6B80;color:#4C6B80;font-size:13px}
#acc .acc-section {overflow:hidden; background:#fff;color:#4C6B80}
#acc .acc-content {padding:3px 0px 0px 10px;border-top:none; background:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;}

#nested { list-style:none;  margin:0 auto 20px;margin-top:0px;padding-top:0px}
#nested h4 {letter-spacing:1px;text-transform:uppercase; padding:3px 6px 4px 20px; font-weight:bold; margin-bottom:0px; cursor:pointer; background:url(../../Images/Assets/SmallRightRound.jpg) no-repeat left center;font-size:12px}
#nested h4.selected {letter-spacing:1px;text-transform:uppercase; padding:3px 6px 4px 20px; font-weight:bold; margin-bottom:0px; cursor:pointer; background:url(../../Images/Assets/SmallRight.jpg) no-repeat left center;}
#nested .acc-section {overflow:hidden; background:#fff;color:#505664}
#nested .acc-content { padding:3px 0px 3px 5px;border-top:none; background:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;}
#nested .acc-content ul{margin:0px;padding:0px;font-size:11px;}
#nested .acc-content ul li{margin:0px 0px 0px 15px;padding:2px 0px 2px 0px;border-bottom:dotted 1px #4C6B80}
#nested .acc-content ul li a{text-decoration:none;color:#4C6B80}

#nested2 { list-style:none;  margin:0 auto 20px;margin-top:0px;padding-top:0px}
#nested2 h4 {letter-spacing:1px;text-transform:uppercase; padding:3px 6px 4px 20px; font-weight:bold; margin-bottom:0px; cursor:pointer; background:url(../../Images/Assets/SmallRightRound.jpg) no-repeat left center;font-size:12px}
#nested2 h4.selected {letter-spacing:1px;text-transform:uppercase; padding:3px 6px 4px 20px; font-weight:bold; margin-bottom:0px; cursor:pointer; background:url(../../Images/Assets/SmallRight.jpg) no-repeat left center;}
#nested2 .acc-section {overflow:hidden; background:#fff;color:#505664}
#nested2 .acc-content { padding:3px 0px 3px 5px;border-top:none; background:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;}
#nested2 .acc-content ul{margin:0px;padding:0px;font-size:10px;}
#nested2 .acc-content ul li{margin:0px 0px 0px 15px;padding:0px 0px 0px 0px;border-bottom:dotted 1px #4C6B80}
#nested2 .acc-content ul li a{text-decoration:none;color:#4C6B80}


/* Accordin End */

/*Products Start*/
.categorymenu{float: left;margin:0;padding:25px 10px 0px 0px;width:205px; }
.categoryItems{float: left;margin:0px 0px 20px 35px ;padding:0px 0px 0px 20px;width:675px; background:url(../../Images/Assets/Vert_sep.jpg) repeat-y left -50px;min-height:400px}
.Itembox{width: 200px;  float: left; margin:0px 0px 10px 0px; text-align:center}
.itemImageBox{width:139px;height:130px;overflow:visible}
.itemImageBox a{border:none;}
.overlay{background:transparent;display:inline;position:relative;top:-18px;border:none;left:65px;z-index:5;}

.ItemImage{width:139px;height:130px;border:none;}
.ItemCode{width:100%;text-align:center;text-transform:uppercase;color:#4C6B80;font-size:10px}
.divButtonsSmall{width:28px;height:26px;margin: 2px 0px 2px 2px;text-align:center;overflow:hidden}
.divButtonsSmall a{border:none;text-decoration:none;text-align:center}
.divButtonsSmall img{border:none;cursor:pointer;cursor:hand;width:18px;height:18px}

.FilterBoxMain{width:655px;margin:0px 0px 10px 10px;display:block}
.FilterBoxMainHeader{padding: 7px 0px 7px 0px; }
.FilterBoxMainHeaderPart1{float: left; width: 70%}
.FilterBoxMainHeaderPart2{width:655px;margin:0px 0px 10px 10px;line-height:16px}
.FilterBoxMainHeaderPart2 b{margin-bottom:5px;letter-spacing:1px}
.FilterBoxMainHeaderPart2 span a{border:none;color:#C46E80}
.FilterBoxMainHeaderPart2 span a:hover{border:none;color:#505664}
.FilterBoxMainHeaderPart2 span a img{border:none;vertical-align:bottom}

.ItemName{text-transform:capitalize;font-size:12px;font-weight:bold;letter-spacing:1px;}
.FilterBox{font-weight:bold;font-size:11px;padding-top:30px}
.FilterBoxCartlist{float: left; width: 140px;padding-left:10px;line-height:25px}
.FilterBoxCartlist label{width:50px;margin-right:5px}
.FilterBoxFilter{float: left; line-height:25px;background:#fff url(http://johnnywipe.com.au/Images/Assets/CloudboxMiddle.jpg) repeat-x left top;padding:10px 0px 0px 5px}
.FilterBoxFilter label{width:50px;margin-right:5px}
.FilterBoxFilter Select{width:110px;margin-right:10px}
.divWisglist{display:none;position:absolute;border:solid 5px #999;background-color:White;overflow:auto;}
.productheaderSeprator{text-align:center;width:655px;margin:0px;padding:0px 0px 5px 0px;}
.productheaderSeprator img{border:none;margin:0px;padding:0px;text-align:center}
.pagerClass{width:635px;font-size:11px;text-align:right;float:left;}
.productSeprator{height:20px;width:655px;background:#fff url(../../Images/Assets/FooterSep.jpg) no-repeat -10px center;}
/*Products End*/

.divHeader{width:750px;float:left;padding:10px 0px 10px 0px;}
.titleHeader1{color: #9B3948;font-size: 30px;font-family: Algerian,Verdana,Arial;}
.titleHeader2{color: #9B3948;font-size: 16px;font-family: Verdana,Arial;}
.AJ_Button{width: 100px;float: right;color: #fff;margin: 0px;padding: 0px;text-align: center;text-decoration: none;font-weight: bold;}
.AJ_Button:hover{color: #D5D7C6 !important;}
.AJ_ButtonLi{width: 90px;float: right;color: #fff;padding: 5px 10px 5px 10px;text-align: center;list-style-type: none;background-color: #C46E80;font-size: 12px;border: inset 1px #C46E80;}
.AJ_ButtonLi:hover{color: #D5D7C6 !important;text-decoration: none;border: inset 1px #9B3948;}

/*My Account*/

.rs-links-tabs {border-bottom:1px solid #069FE3;width:570px; float:left;  margin:20px 0px 0px 10px;}
ul#tabmenu {list-style: none; float: left; margin:0px; padding:0px;}
ul#tabmenu li {background-color: #069FE3;display: block; position: relative; cursor:pointer; color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold; padding:8px 0;  float:left; width:140px; text-align:center; margin-right:2px; font-size:14px;}
ul#tabmenu li:hover {background-color:#1AD0F7;}
ul#tabmenu li.selected {background-color: #1AD0F7; display: block; position: relative; cursor:pointer; color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold; padding:8px 0; float:left; width:140px; text-align:center; margin-right:2px; font-size:14px;}
/*My Account End*/

/*Supplier*/
.divSupMain{width:900px;float:left;margin-left:20px;border-bottom:dotted 1px #016CCC;padding:15px 0px 10px 0px;}
.divSupImg{width:200px;float:left;}
.divSupName{width:670px;float:left;font-size:16px;font-weight:bold;padding:0px 0px 0px 20px;}
.divSupDesc{width:670px;float:left;font-size:12px;padding:10px 0px 0px 20px;text-align:justify;}
.divSupBroc{width:670px;float:left;text-align:left;padding:5px 0px 0px 20px}
.divSupBroc a{background:url(../../Images/Assets/Download.jpg) no-repeat right top;padding-right:25px }
.divSupMain a{text-decoration:none;font-weight:bold;color:#C46E80;}
.divSupMain a:hover{color:#505664;}
/*End Supplier*/

/*Supplier Detail*/
.divSupDetMain{width:900px;float:left;margin-left:20px;padding:15px 0px 10px 0px;}
.divSupDetMain span{width:900px;float:left;border-bottom:solid 1px #016CCC;font-size:16px;font-weight:bold;margin-bottom:20px;}
.divSupDetMain img{float:left;margin:0px 10px 10px 0px;}
.divSupDetMain ul{list-style-type:disc;}
.divSupBroc2{width:880px;text-align:left;padding:5px 0px 0px 20px}
.divSupBroc2 a{text-decoration:none;font-weight:bold;color:#C46E80;background:url(../../Images/Assets/Download.jpg) no-repeat right top;padding-right:25px }
.divSupBroc2 a:hover{color:#505664;}
/*End Supplier*/


/* li button Start*/
.AJ_Button{width: 100px;float: right;color: #fff;margin: 0px;padding: 0px;text-align: center;text-decoration: none;font-weight: bold;}
.AJ_ButtonLi{width: 90px;float: right;color: #fff;padding: 5px 10px 5px 10px;text-align: center;list-style-type: none;background-color: #069FE3;font-size: 12px;border: ridge 1px #026FCE;}
.AJ_ButtonLi:hover{color: #D5D7C6;text-decoration: none;border: outset 1px #9B3948;}
.LMSButton{width:985px;float:left;position:relative; margin-top:10px;}
.LMSButtona{width:85px;float:right;color:#fff;margin:0px 5px 0px 0px;text-align:center;text-decoration:none;font-weight:bold;}
.LMSButtonli{width:85px;float:right;color:#fff;margin:0px 5px 0px 0px;text-align:center;list-style-type:none;background:url(../../Images/Admin/btn_80.png) no-repeat;font-size:11px;height:21px;}
.LMSButtonli:hover{color:#D5D7C6;text-decoration:none;}

/*li button  End*/

/*MSDS Start*/

.pMailFillter{width:976px;float:left;background-color:#D4E9F3;border-top:solid 1px #86C6E4;border-bottom:solid 1px #86C6E4;text-align:center;padding: 10px 0px 10px 4px;}
.pMailFillter1{width:966px;float:left;margin-left:10px;}
.pMailFillter1 span{width:966px;font-size:12px;float:left;margin: 5px 0px 5px 0px;padding-left:10px; color:#7B818D;font-weight:bold;font-family:Verdana;text-align:left;text-transform:uppercase;}
.pMailFillter1 label{width:110px;font-size:11px;float:left;margin: 5px 0px 5px 0px;padding-left:10px; color:#656E7D;font-weight:bold;font-family:Verdana;text-align:left;}
.pMailFillter1 select{width:180px;float:left;margin:5px 0px 5px 0px;background-color:#F0F0F0;}
.pMailFillter1Cal{width:155px;float:left;margin:5px 0px 5px 0px;background-color:#F0F0F0;}
.pMailFillter1CalImg{width:16px;float:left;margin: 5px 0px 0px 5px;}
.pMailFillter p{width:490px;float:left;margin:5px 0px 5px 0px;margin-left:20px;text-align:left;}
.mailButton{width:140px;float:left;margin: 5px 30px 5px 0px;text-align:right;}
.pMailselect180{width:180px;float:left;margin:5px 0px 5px 0px;background-color:#F0F0F0;}
.pMailDiv550{width:400px;float:left;margin:5px 0px 5px 0px;}
.pMailFillterlabel{width:150px;font-size:12px;float:left;margin: 5px 0px 5px 0px;padding-left:20px; color:#656E7D;font-weight:bold;font-family:Verdana;text-align:left;}
.pMailFillterRadio{text-align:left;padding:0px;margin:0px;}
.pMailFillterRadio input{padding:0px;vertical-align:middle;}
.pMailFillterRadio label{padding:0px 0px 0px 2px;vertical-align:middle;}
.pMailFillterRadio td{width:auto;padding: 0px;width:100px;}

.grid_dept {width:980px; float:left;border-bottom:solid 1px #D3CFB2;}
.grid_head {width:980px; float:left; }

span.sortdown{font-weight:bold; color:#fff; background:url(../../Images/arrowdown.gif) no-repeat center right; padding-right:14px;}
a.sortdown{font-weight:bold; color:#fff; background:url(../../Images/arrowdown.gif) no-repeat center right; padding-right:14px;text-decoration:none;}
span.sortup{font-weight:bold; color:#fff; background:url(../../Images/arrowup.gif) no-repeat center right; padding-right:14px;}
a.sortup{font-weight:bold; color:#fff; background:url(../../Images/arrowup.gif) no-repeat center right; padding-right:14px;text-decoration:none;}

p.column5{width:326px; float:left; padding:4px 0px 4px 5px;background:#56b4e0 ;color:#ffffff;font-weight:bold;}
p.column5:hover{background:#56b4e0; cursor:hand; cursor:pointer;}

p.column533{width:534px; float:left;padding:4px 0px 4px 5px; background:#56b4e0 url(http://johnnywipe.com.au/Images/tab_cnt.gif);color:#ffffff;font-weight:bold;}
p.column533:hover{background:#56b4e0; cursor:hand; cursor:pointer;}
p.column533text{width:534px; float:left;padding:5px 0px 5px 5px;}
.pager{font-size:12px;text-align:right;color:#848484;text-align:right;width:968px;}
.pager .command{text-decoration:none;color:#7D5318;padding-left:5px;font-size:13px;}
.pager .current{padding-left:3px;padding-right:3px;color:#000;font-size:12px;background-color:#CDCDCD;border:solid 1px #909090;} 

.grid_text_alt1{width:980px; float:left; background-color:#FFFDF8; border-top:1px solid #d3cfb2;}
.grid_text_alt1:hover{width:980px; float:left; background-color:#FFF5D0; border-top:1px solid #d3cfb2; cursor:hand; cursor:pointer;}
.grid_text_alt1 a{color:#419DC1 !important;text-decoration:none;}
.grid_text_alt1 a:hover {color:#419DC1; text-decoration:underline;}
.grid_text_alt2{width:980px; float:left; background-color:#fff; border-top:1px solid #d3cfb2;}
.grid_text_alt2:hover{width:980px; float:left; background-color:#FFF5D0; border-top:1px solid #d3cfb2; cursor:hand; cursor:pointer;}
.grid_text_alt2 a{color:#419DC1 !important;text-decoration:none;}
.grid_text_alt2 a:hover {color:#419DC1; text-decoration:underline;}

p.column5text{width:326px; float:left;padding:5px 0px 5px 5px;}


/*MSDSEnd*/

/*Testimonial start*/
.testmonialContainer{float: left; width: 350px; margin: 10px 0px 0px 20px; border: solid 1px #6ab1d8;height:400px}
.testmonialContainerHead{width: 100%; background-color: #016bcb; font-size: 14px; font-weight: bold;text-transform: uppercase; padding: 3px 0px 3px 0px; text-align: left; color: #FFF;}
.testmonialContainerHead label {float:left;width:160px;padding-left:5px;height:18px;}
.testmonialContainerHead label img{width:18px;height:18px;cursor:pointer;cursor:hand}
.testmonialContainerHead label img:hover{width:16px;height:16px;cursor:pointer;cursor:hand;}
.testmonialContainerBox{padding: 5px;border-bottom:dotted 1px #4C6B80;float:left;height:350px}
.testmonialContainerBox p a{text-decoration:none;font-weight:bold;color:#C46E80;border:none}

.testmonialContainerBox p a:visited{text-decoration:none;font-weight:bold;color:#C46E80;}
.testmonialContainerBox p a:hover{text-decoration:none;font-weight:bold;color:#505664;}
.testmonialContainerBox p a img{border:none}
/*Testimonial End*/

/*Gallery*/
.GalleryMain{padding:20px 15px 20px 21px;}
.GalleryImageBox{width:139px;height:130px;overflow:visible;float:left;margin:8px; border:solid 1px #419DC1;}
.GalleryImageBox a{border:none;text-decoration:none;padding:0px;margin:0px}
.Galleryimg{border:none;padding:2px;margin:0px;width:135px;height:126px;}
.OverlayGallery{background:transparent;display:inline;position:relative;top:-15px;border:none;left:125px;z-index:5;width:19px;height:23px}
/*Gallery end*/