/* Start of CMSMS style sheet 'main' */
*{
margin:0;
padding:0;
}

body, html{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/background-repeat.jpg);
background-repeat:repeat-x;
}

p{
margin:0 0 15px 0;
}

ul{
margin:15px 0 25px 15px;
}

h1, h2{
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#666666;
margin:10px 0 10px 0;
}

h3{
font-size:16px;
color:#666666;
padding:10px 0 10px 3px;
}
h4{
text-align:right;
font-style:italic;
font-size:24px;
color:#E0A905;
}
h5, h6{
font-size:14px;
color:#cccccc;
margin:10px 0 10px 0;
}


hr{
margin:10px 0 10px 0;
}

a{
color:#333333;
}

img{
border:0;
}

/*******************************Container********************************/

#container{
width:840px;
margin:auto;
}

/*******************************End Container****************************/


/*******************************Content**********************************/
#right-content{
width:619px;
float:right;
}

#header{
background-image:url(../images/boss-systems-header.jpg);
background-repeat:no-repeat;
height:207px;
}

#header-img{
background-image:url(../images/boss-systems-header.jpg);
background-repeat:no-repeat;
height:162px;
}

#left-column{
width:220px;
float:left;
}

#main-menu a{
display:block;
float:left;
height:35px;
padding:10px 15px 0 15px;
background-image:url(../images/main-menu-divider.gif);
background-repeat:no-repeat;
background-position:right;
font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

#main-menu .active{
background-color:#FAF0AA;
}

#menu{
width:210px;
margin:10px 0 0 5px;
padding-bottom:30px;
background-image:url(../images/contact-number.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
#menu dfn {
display:none;
visibility:hidden;
}

#menu ul{
margin:0;
padding:0;
}
#menu li{
list-style:none;

}
#menu a{
color:#666666;
text-decoration:none;
display:block;
height:35px;
width:210px;
background-color:#FAF0AA;
margin:10px 0 0 0;
padding:0;
}
#menu h3{
color:#666666;
text-decoration:none;
display:block;
height:35px;
width:210px;
background-color:#FCC916;
margin:10px 0 0 0;
padding:0;
font-weight:normal;
}

#content{
line-height:25px;
float:right;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
margin-top:20px;
width:610px;
}
#content li{
background-image:url(images/list-image.gif);
background-repeat:no-repeat;
background-position:center left;
list-style:none;
padding-left:20px;
}
.item_images{
float:right;
}
.item_images img{
margin-left: 10px;
}
.item_attribute_name{
font-weight:bold;
}
.image-container{
width:218px;
float:right;
text-align:center;
}
.image-container img{
padding:0 0 6px 0;

}

#contactForm{
margin:auto;
font-size:10px;
width:160px;
}
#contactForm p{
margin:3px 0 3px 0 0;
}
.title{
margin:5px;
display:block:
float:left:
padding-bottom:5px;
}

/*******************************End Content******************************/


/******************Styling for forms************************/
fieldset{
border:0;
width:410px;
}

legend{
display:none;
}

.contact-form {
font-size : 13px;
font-family : verdana;
width:410px;
}

.contact-form label {
width : 170px;
display : block;
float : left;
margin-top : 6px;
}

.contact-form div{
margin-bottom : 4px;
padding : 3px;
}

.contact-form legend {
font-weight : bold;
font-size : 15px;
margin-bottom : 4px;
padding-top : 10px;
}

.contact-form input, .support-form textarea, .support-form select {
font-size : 12px;
margin : 2px;
padding : 2px;
font-family: verdana, arial;
}

.contact-form textarea {
width : 200px;
height : 80px;
}

.contact-form .selecter label {
float :none;
display : block;
width : 400px;
margin-bottom : 6px;
}

.contact-form .selecter div label {
float :none;
display : inline;
margin-left : 5px;
}

.contact-form .selecter div {
clear : both;
display : block;
margin-bottom : 10px;
}
.contact-form .title-heading p {
margin-left : -120px;
}

.contact-form .submit{
width:220px;
}

.contact-form strong {
font-size : 13px;
}
.submit input{
float:right;
}



.error {position : relative; top : 0px; left : 0px; width : 410px;  height: 30px; display : block; font-family : Verdana; font-size : 12px; background-color : #FFCCCC; border: 1px solid #DD7777;	 color : #C52020;	 line-height: 20px; margin-bottom : 10px;margin-top: 10px; }
.error p{ margin : 10px; color:#C52020; }
.error {font-family : Verdana; font-size : 12px; background-color : #FFCCCC; border: 1px solid #DD7777;	 color : #C52020; padding : 3px; }
.error_message{color : #FF0000; background-color : #FFCCCC;}
.error-entry{color : #FF0000; background-color : #FFCCCC;}

/******************end styling for forms*********************/



/*******************************Footer***********************************/

#footer{
clear:both;
border-top:3px solid #000000;
font-size:10px;
color:#E0A905;
margin-top:30px;
}

#footer p{
text-align:center;
padding:5px 0 20px 0;
}

#footer a{
color:#666666;
}
#footer-links{
text-align:center;
line-height:160%;
padding:10px;
}
#footer-links a{

border-color:-moz-use-text-color #E0A905 -moz-use-text-color -moz-use-text-color;
border-style:none solid none none;
border-width:medium 1px medium medium;
color:#E0A905;
margin-left:5px;
padding-right:5px;
text-decoration:underline;

}

/*******************************End Footer*******************************/


/* End of 'main' */

