/* cmsms stylesheet: Battery Direct CSS modified: Monday, April 3, 2023 10:31:52 AM */
body { font-family : Arial,helvetica,sans-serif; font-size : 16px; line-height: 18px;}
a { text-decoration: underline;}
a:hover { text-decoration: none; color: #e99e0a;}
p, ul, ol { font-family : Arial,helvetica,sans-serif; font-size : 16px; line-height: 20px; margin: 5px 0px 15px 0px; color: #333;}
p a { color: #27316d;}
p a:hover { color: #e99e0a; }
p a:visited { color: #27316d; }
p.smalltext { font-family : Arial,helvetica,sans-serif; font-size : 13px; line-height: 16px; margin: 0px 0px 10px 0px; color: #333;}
a { color: #27316d;}
a:hover { color: #e99e0a; }
a:visited { color: #27316d; }

h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #27316d; line-height : 32px; text-transform: none; text-decoration: none; margin: 0px; letter-spacing: 0px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #27316d; line-height : 26px; text-transform: none; text-decoration: none; margin: 10px 0px 10px 0px; letter-spacing: 0px; }
h2 a { color: #27316d;}
h2 a:hover { color: #e99e0a; }
h2 a:visited { color: #27316d;}
h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #e99e0a; line-height : 22px; text-transform: none; text-decoration: none; margin: 10px 0px 10px 0px;  }
h3 a { color: #e99e0a;}
h3 a:hover { color: #e99e0a; }
h3 a:visited { color: #e99e0a;}

.red {color: #ff0000;}


table.tableizer-table {width: 100%; border-collapse: collapse; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #222; line-height : 14px; text-decoration: none;} 
.tableizer-table td {padding: 5px 15px; margin: 3px; border: 1px solid #ccc; }

table.batterydirect-table {width: 100%; border-collapse: collapse; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #222; line-height : 14px; text-decoration: none;} 
.batterydirect-table td {padding: 5px 15px; margin: 3px; border: 1px solid #ccc; }

tr.bluehead {}
tr.bluehead th {text-align: center; background-color: #27316d; color: #dadada; border: 1px solid #ccc; font-size: 17px; line-height: 17px; font-weight: normal; padding: 5px 20px;}
tr.bluehead td {text-align: center; background-color: #27316d; color: #dadada; border: 1px solid #ccc; font-size: 17px; line-height: 17px; font-weight: normal; padding: 5px 20px;}
th.bluehead {text-align: center; background-color: #27316d; color: #dadada; border: 1px solid #ccc; font-size: 17px; line-height: 17px; font-weight: normal; padding: 5px 20px;}
td.bluehead {text-align: center; background-color: #27316d; color: #dadada; border: 1px solid #ccc; font-size: 17px; line-height: 17px; font-weight: normal; padding: 5px 20px;}

tr.yellowcell {}
tr.yellowcell th {text-align: left; background-color: #fcaf17; color: #222; border: 1px solid #bb7c00; font-weight: normal; padding: 5px 15px;}
tr.yellowcell td {text-align: left; background-color: #fcaf17; color: #222; border: 1px solid #bb7c00; font-weight: normal; padding: 5px 15px;}
th.yellowcell {text-align: left; background-color: #fcaf17; color: #222; border: 1px solid #bb7c00; font-weight: normal; padding: 5px 15px;}
td.yellowcell {text-align: left; background-color: #fcaf17; color: #222; border: 1px solid #bb7c00; font-weight: normal; padding: 5px 15px;}

.table-image {width: 100px; height: auto;}


a.blockbutton   {
	width: 100%; max-width: 600px; color:#26316c; background:#fcaf17; border: 1px solid #fcaf17; padding: 12px 30px; display: inline-block; margin: 5px 0px;
	font-family: Arial, sans-serif; font-size: 17px; font-weight: normal; cursor: pointer; text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
}
a:hover.blockbutton  {
	width: 100%; max-width: 600px; color:#ddd; background:#27316d; border: 1px solid #27316d; padding: 12px 30px; display: inline-block; margin: 5px 0px;
	font-family: Arial, sans-serif; font-size: 17px; font-weight: normal; cursor: pointer; text-decoration: none;
}

.list_bullets {}
.list_bullets li  {list-style: none; font-size : 16px; line-height: 20px; color: #333; background: url(https://www.batterydirect.co.nz/images/list/list_square.png) no-repeat 0px 5px; padding: 0 0 0 20px;}
.list_ticks {}
.list_ticks li {list-style: none; font-size : 16px; line-height: 20px; color: #333; background: url(https://www.batterydirect.co.nz/images/list/list_check.png) no-repeat 0px 5px; padding: 0 0 0 20px;}
.list_ticks-small {}
.list_ticks-small li {list-style: none; font-size : 13px; line-height: 16px; color: #333; background: url(https://www.batterydirect.co.nz/images/list/list_check.png) no-repeat 0px 5px; padding: 0 0 0 20px;}

.button {margin-top: 5px; padding: 9px 12px; display: inline-block; border: 0px; font-family: Arial, sans-serif; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; width: auto; 
-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
}


.button.medium {padding: 11px 17px; font-size: 14px;}
.button.color {color:#27316d; background:#fcaf17; font-weight: bold;}
.button.color:hover {color:#ffffff; background:#27316d;}
.button.gray {color: #fff; background: #ccc;}
.button.gray:hover {color:#ffffff; background:#27316d;}