/*  Copyright Gobstopper Creative Ltd  */

#container {
position: relative;
min-height: 100%;
}
* html #container {
height: 100%;
}
html {
height: 100%;
}
body {
background: url('../_images/msp-bg.jpg') #292929 top left repeat-x; 
text-align: left;
color: #404145; /* msp grey */
font-family: arial, sans-serif;
font-size: 0.8em;
height: 100%;
padding: 0;
margin: 0;
}
h1 {
font-family: Arial, san-serif;
color: #00959e; /* msp blue */
font-size: 2.3em;
font-weight: bold;
padding: 0;
}
h2 {
font-family: Arial, san-serif;
color: #404145; /* msp grey */
font-size: 1.4em;
font-weight: bold;
padding: 0;
}
h3 {
font-family: Arial, san-serif;
color: #404145; /* msp grey */
font-size: 1.2em;
font-weight: bold;
padding: 0;
}
.blue {
color: #00959e;; /* msp bllue */
margin-top: 0.5em;
}
.green {
color: #009e16; /* msp green */
margin-top: 0.5em;
}
.yellow {
color: #e2b500; /* msp yellow */
margin-top: 0.5em;
}
.red {
color: #c60000; /* msp red */
margin-top: 0.5em;
}
.icon {
float: left;
padding: 14px 5px 0 0 ;
margin: 0;
}
td {
vertical-align: top;
}

p {
line-height: 1.4em;
padding: 0;
margin: 0 0 1.8em 0;
}
p a {
font-weight: bold;
color: #00959e; /* msp bllue */
}
p a:hover {
color: #404145; /* msp grey */
}
a img {
border-style: none;
padding: 0;
margin: 0;
}

#centerize {
width: 980px;
margin: 0 auto;
}

.goog-te-banner {
display: none;
}

#top {
height: 102px;
background: url('../_images/msp-top-bg.jpg') top right no-repeat; 
}
#top #logo {
padding: 20px 0 0 0;
margin: 0;
}
#top h1#sub {
font-size: 1em;
font-weight: bold;
color: white;
padding: 0 0 0 10px;
margin: 0;
}

#content {
background: url('../_images/msp-content-bg.jpg') #fff top left no-repeat; 
width: 980px;
padding: 0;
margin: 50px 0 0 0;
color: #404145; /* msp grey */
min-height: 900px;
}

table {
border-collapse: collapse;
padding: 0;
margin: 0;
}

td#left-col {
width: 175px;
vertical-align: top;
padding: 20px 20px 20px 20px;
margin: 0;
}
td#left-col table {
padding: 0;
margin: 0;
}
td#left-col td {
vertical-align: middle;
width: 173px;
height: 53px;
background: url('../_images/msp-bestsellers-bg.jpg') #fff top left no-repeat; 
text-align: center;
padding: 0;
margin: 0 0 5px 0;
}
td#left-col table td a {
color: #404145; /* msp grey */
text-decoration: none;
font-weight: bold;
}
td#left-col table td a:hover {
color: #00959e;; /* msp bllue */
}
td#left-col h3 {
padding: 20px 0 0 0;
text-align: center;
}

td#main {
width: 550px;
vertical-align: top;
padding: 20px 20px 40px 0;
margin: 0;
}
td#main table {
padding: 0;
margin: 0;
}
td#main table td {
vertical-align: top;
padding: 0 10px 0 0;
margin: 0;
}
td#main td p {
padding: 5px 0 0 0;
margin: 0;
text-align: center;
font-weight: bold;
}
td#main table#products {
padding: 0;
margin: 15px 0 0 0;
}
td#main table#products td {
padding: 10px;
margin: 0;
border: 1px solid #00959e; /* msp bllue */
}

#cat-btn01 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn01.jpg') no-repeat top left;
display: block;
}
#cat-btn01:hover {
background-position: bottom left;
}
#cat-btn02 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn02.jpg') no-repeat top left;
display: block;
}
#cat-btn02:hover {
background-position: bottom left;
}
#cat-btn03 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn03.jpg') no-repeat top left;
display: block;
}
#cat-btn03:hover {
background-position: bottom left;
}
#cat-btn04 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn04.jpg') no-repeat top left;
display: block;
}
#cat-btn04:hover {
background-position: bottom left;
}
#cat-btn05 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn05.jpg') no-repeat top left;
display: block;
}
#cat-btn05:hover {
background-position: bottom left;
}
#cat-btn06 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn06.jpg') no-repeat top left;
display: block;
}
#cat-btn06:hover {
background-position: bottom left;
}
#cat-btn07 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn07.jpg') no-repeat top left;
display: block;
}
#cat-btn07:hover {
background-position: bottom left;
}
#cat-btn08 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn08.jpg') no-repeat top left;
display: block;
}
#cat-btn08:hover {
background-position: bottom left;
}
#cat-btn09 {
width: 173px;
height: 110px;
text-indent: -10000px;
overflow: hidden;
background: url('../_images/msp-cat-btn09.jpg') no-repeat top left;
display: block;
}
#cat-btn09:hover {
background-position: bottom left;
}

td#right-col {
width: 175px;
vertical-align: top;
padding: 20px 20px 0 0;
margin: 0;
}
td#right-col .box {
text-align: left;
font-size: 0.9em;
width: 143px;
min-height: 50px;
background: url('../_images/msp-rightcol-bg.jpg') top left no-repeat; 
padding: 15px;
margin: 0;
}
td#right-col .box-base {
font-size: 0.9em;
width: 173px;
height: 25px;
background: url('../_images/msp-rightcol-base.jpg') top left no-repeat; 
padding: 0;
margin: 0;
}
#cards {
padding: 0;
margin: 0;
}

#footer {
background-color: #404145;
text-align: center;
color: white;
width: 980px;
padding: 20px 0 10px 0;
margin: 0 auto;
}
#footer a {
color: white;
}
#footer a:hover {
color: #00959e; /* msp bllue */
}