/*CSS*/

body {background:#000 url(novaglow-background.jpg) center top repeat-y; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#ccc;}
a {color:#ccffcc;}
h1, h2 {color:#fff; font-weight:normal; text-transform:uppercase; letter-spacing:2px; margin:2% 3%;}
h1 {font-size:24px;}
h2 {font-size:18px;}
p {line-height:1.5em; font-size:14px; margin:2% 3%;}

ul {margin:1%;}
li {line-height:1.5em; font-size:14px;  margin:1%; padding:1%; color:#fff;}

hr {border:0px; height:0px; border-top:rgba(0,0,0,0.1) 1px solid;  border-bottom:rgba(255,255,255,0.1) 1px solid;}

.clear {clear:both;}

label {width:200px; float:left;}
input, textarea {width:200px;}

a.buynow {display:block; background:#ff6600; padding:10px; margin:2% auto; max-width: 280px; text-align:center; font-size:24px; border:#fff 1px solid; border-radius:10px; box-shadow: 0px 3px 5px rgba(0,0,0,0.5); text-shadow: 0px 1px 1px rgba(0,0,0,0.5);text-decoration:none; color:#fff; text-transform:uppercase; font-weight:bold;}
a.buynow:hover {background:#ff9933; box-shadow: 0px 0px 10px rgba(255,255,255,0.5);}

#top {background:#000; width:auto; text-align:center; color:#333; padding:10px; font-size:12px; text-transform:uppercase; letter-spacing:2px;}
#top img {display:block; width:100%; max-width:320px; margin:1% auto;}
#top a {text-decoration:none;}
#top a:hover {color:#fff;}

#mainimage {
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );

text-align:center;
}
#mainimage img {width:100%; max-width:800px;}

#container {background: url(novaglow-background-icon.png) top center no-repeat; max-width:800px; margin:0px auto; padding:0% 0%;}

img.image {width:100%; max-width:300px;}
img.right {margin:0% 2% 2% 2%; float:right;}
img.left {margin:0% 2% 2% 2%; float:left;}

div.products a {display:block; width:150px; margin:5px; box-shadow: 0px 0px 5px #000; float:left; text-decoration:none;}
div.products a img {width:150px; height:150px; vertical-align:top;}
div.products a strong {display:block; background:#000; text-align:center; font-size:12px; padding:10px;}

div.products a:hover strong {background:#fff; color:#000;}

#footer {background:#000; width:auto; text-align:center; color:#999; font-size:10px; padding:10px; margin:50px 0px 0px 0px; height:90%;}

div.products {width:640px; margin:0px auto;}

div.buy-online {
    text-align:center;
}

.buy-online .logo img {
    border-radius: 50%;
    width: 100%;
    height: auto;
    max-width: 250px;
}

.buy-online .logo span {
    display: block;
}

/* Website */
@media screen and (min-width: 960px) {

}

/* Tablet */
@media screen and (max-width: 960px) {

}

/* Under 800px */
@media screen and (max-width: 800px) {
#container {padding:2% 0%;}	
}


/* Under 640px */
@media screen and (max-width: 640px) {
div.products {width:320px; margin:0px auto;}

img.image {width:100%; max-width:300px; display:block;}
img.right {margin:2% auto; float:none;}
img.left {margin:2% auto; float:none;}
}

/* Under 480px */
@media screen and (max-width: 480px) {
	
}