/* Start of CMSMS style sheet 'viostyle' */
@charset "utf-8";
/* CSS Document */

html{
background-color: #999;
background-image: url(http://www.violightprofessional.com/uploads/images/stripe.gif);
}

body {
background-color: #999;
background-image: url(http://www.violightprofessional.com/uploads/images/stripe.gif);
font-family: Arial, Helvetica, sans-serif;
color: #595959;
padding-top: 10px;
padding-bottom: 10px;
}

.container {
width: 850px;
float: left;
position: relative;
left: 50%;
margin-left: -425px;
background-image: url(http://www.violightprofessional.com/uploads/images/body_bg_content.jpg);
background-repeat: no-repeat;
background-color: white;
margin-bottom: 10px;
}

.homecontainer {
width: 850px;
float: left;
position: relative;
left: 50%;
margin-left: -425px;
background-image: url(http://www.violightprofessional.com/uploads/images/body_bg.jpg);
background-repeat: no-repeat;
background-color: white;
padding-bottom: 10px;
margin-bottom: 10px;
display: inline;
}

.loginbox {
width: 845px;
height: 105px;
color:#4089bd;
}

.loginbox a{
color: #4089bd;
}
.loginbox a:hover{
color: #ff5875;
}

.menubox {
width: 845px;
height: 90px;
font-size: 12px;
list-style: none;
}

.menubox a{
color: #fff;
}

.mainnav {
float: right;
width:605px;
color: white;
}

.homemainnav {
float: right;
width:555px;
color: white;
}

.titlebox {
width: 830px;
min-height: 85px;
border-bottom: #bdd7df solid 1px;
padding-left: 15px;
margin-bottom: 15px;
padding-bottom: 10px;
}

.hometitlebox {
width: 830px;
height: 125px;
padding-left: 95px;
margin-bottom: 5px;
}

.titlebox h1{
color:#512E8C;
font-size:22px;
font-weight:normal;
margin-bottom:5px;
}

.hometitlebox h1{
color:#fff;
font-size:22px;
font-weight:normal;
margin-bottom:5px;
}

.titlebox h2{
margin-bottom: 5px;
color:#595959;
font-size:18px;
margin-top: 15px;
width: 660px;
}

.hometitlebox h2{
margin-bottom: 5px;
color:#fff;
font-size:14px;
margin-top: 15px;
}

.hometitlebox sup{
font-size: 14px;
}

.titlebox a{
color: #1480de;
text-decoration: none;
}

.titlebox a:hover{
color: #ff5875;
}

.hometitlebox a{
color: #d0d98f;
text-decoration: none;
}

#first {
margin-top: 0px;
}

.contentbox {
float: left;
width: 575px;
padding-left: 15px;
padding-right: 5px;
min-height: 450px;
}

.homecontentbox {
float: left;
width: 820px;
padding-right: 10px;
padding-left: 15px;
display: inline;
}

.contentbox p{
margin-bottom: 12px;
font-size: 12px;
line-height: 16px;

}

.contentbox h2{
margin-bottom: 10px;
color:#512E8C;
font-size:18px;
margin-top: 25px;
}

.first {
margin-bottom: 10px;
color:#512E8C;
font-size:18px;
margin-top: 0px;
}

.contentbox h3{
margin-bottom: 10px;
color:#512E8C;
font-size:16px;
}

.contentbox a{
color: #1480de;
text-decoration: none;
}

.contentbox a:hover{
color: #ff5875;
}

.homecontentbox p{
margin-bottom: 12px;
line-height: 14px;
font-size: 12px;
width:490px;
}

.homecontentbox h2{
margin-bottom: 5px;
color:#512E8C;
font-size:18px;
margin-top: 12px;
}

.homecontentbox h3{
margin-bottom: 5px;
color:#512E8C;
font-size:16px;
}

.homecontentbox a{
color: #1480de;
text-decoration: none;
}

.homecontentbox a:hover{
color: #ff5875;
}

.sidebar {
float: right;
width: 218px;
height: 500px;
margin-right: 10px;

}

.sidebar a{
color: #1480de;
text-decoration: none;
}

.sidebar a:hover{
color: #ff5875;
}

.homesidebar {
margin-top: 30px;
float: right;
width: 215px;
height: 500px;
}

.footer {
float: left;
clear: both;
width: 845px;
height: 25px;
padding-top: 10px;
font-size: 12px;
margin-top: 10px;
}

.footer a{
text-decoration: none;
color: #512E8C;
}

#social_networks_container {
border: #bdd7df solid 1px;
width:190px;
float:right;
padding-top:15px;
padding-left:15px;
padding-bottom:15px;
padding-right: 10px;
line-height: 40px;
vertical-align: middle;
font-size: 12px;
}

#logintop{
float: right;
height: 30px;
text-align: top;
}

.login {
border: 1px solid #5d9ac5;
color:#3375AF;
font-size:12px;
width:150px;
vertical-align: top;
height: 20px;
text-align: center;
line-height: 18px;
}


#loginbottom{
float: right;
margin-top: 5px;
clear: right;
font-size: 10px;
color: #5d9ac5;
}

#login_button{
width: 52px;
height: 20px;
}

.loginholder{
float: right; 
margin-top: 30px;
 }

#boxholder {
float: left;
width: 845px;
}

#customer_service_container {
border: #bdd7df solid 1px;
height: 178px;
width: 400px;
float: left;
margin-left: 20px;
margin-top: 10px;
display: inline;
}

#customer_service_copy{
padding-top: 30px;
width: 230px;
padding-left: 30px;
float: right;
}

#product_save_copy{
padding-top: 30px;
width: 230px;
padding-left: 30px;
float: right;
}

#product_specials_container {
border: #bdd7df solid 1px;
height:178px;
width:400px;
float:right;
margin-right: 15px;
margin-top:10px;
display: inline;
}

.footerleft{
float: left;
margin-left: 15px;
}

.footerright{
float: right;
margin-right: 15px;
}

.contentbox ul li {
list-style-image:none;
list-style-position:outside;
list-style-type: disc;
}

.contentbox ol li {
list-style-image:none;
list-style-position:outside;
list-style-type: decimal;
}

.contentbox ul{
margin-left:20px;
margin-top:10px;
font-size: 12px;
margin-bottom: 10px;
list-style-type:disc;
}

.contentbox ol {
margin-left:20px;
margin-top:10px;
font-size: 12px;
margin-bottom: 10px;

}


strong{
font-weight: 600;
}

.graybox{
float: left;
border: 1px solid #bdd7df;
font-size: 10px;
padding: 10px 10px 10px 0px;
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
}

.graybox img{ 
margin-right: 10px;
margin-bottom: 20px;
}

.graybox ul{
margin-left: 25px;
margin-top:10px;
font-size: 12px;
margin-bottom: 10px;
margin-left: 25px;
}

.graybox li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}

hr{
clear: both;
background-color: #bdd7df;
color: #bdd7df;
margin-bottom: 10px;
height: 1px;
width: 95%
border: 0px;
border-width: 0;
}

#boxholder a{
color: #1480de;
text-decoration: none;
}

#boxholder a:hover{
color: #ff5875;
}

.bluebox {
background-color: #512E8C;
color: white;
padding: 10px;
margin: 10px 0px 10px 0px;
width: 100%;
}

.bluebox a{
color: #d0d98f;
text-decoration: none;
}

.bluebox a:hover{
color: #ff5875;
}

dl{
font-size: 14px;
font-weight: 600;
margin-bottom: 25px;
}

dt{
font-size: 12px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 10px;
}

dd{
font-size: 12px;
font-weight: normal;
margin-bottom: 5px;
margin-left: 10px;
}

th{border: 1px solid #1F7994;; font-size: 14px; font-weight: 600; color: white; text-align: center;}
td{border: 1px solid #595959; padding: 10px;}

.signup{
font-size: 12px;
}

label{
display: block;
float: left;
font-size: 12px;
width: 200px;
}

.contentbox input{
width: 200px;
}

textarea{
width: 300px;
height: 100px;
}

.contentbox .rb{
width: 15px;
margin-right: 5px;
}

.subnavbox{
font-size: 14px;
margin-bottom: 10px;
}

.subnavdown a{
color: #ccc;
text-decoration: none;
}

.error {
color: red;
}

.inoffice  td{
border: none;
}

#m3submit {
width: 100px;
}
/* NAV STYLE */

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  border-left: 1px solid #fff;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font:12px Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}

.nav li a:hover {
  background: #ccc;
  color: #3375AF;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #ccc;
  color: #3375AF;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #3375AF;
  color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #3375AF;	
}

.nav ul {
  background: #3375AF;
  border: 1px solid #fff;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 15px;
}
.nav ul li {
  border: #fff 0px solid;
  float: none;
}
.nav ul a {
  border: 1px solid #fff;
  padding-right: 20px;
 
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #3375AF;
}


/* End of 'viostyle' */