@charset "utf-8";

* { padding: 0; margin: 0; }

.content {
}

.content #main { 
    width:98%;  /* this will create a container 80% of the browser width */
    text-align: left; /* this overrides the text-align: center on the body element. */
    padding-left:5px;
    padding-top:5px;
}

    
.content #main p { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-left:5px;
    padding-top:5px;
}

.content #main p a, #main li a { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#006633;
}

.content #main ul li {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left:20px;
    padding-left:3px;
    padding-top:5px;
    padding-bottom:5px;
}

.content #main ol li {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left:30px;
    padding-left:3px;
    padding-top:5px;
    padding-bottom:5px;
}

.content #main ol li ol li {
    font-size:12px;
    padding-left:5px;
    margin-left:30px;
}

.content #main ul ul li {
    padding-left:5px;
    font-size:12px;
    margin-left:40px;
    list-style-type:disk;
}
	
.content #main #terms {
    font-size:9px;
    font-style:italic;
}

/* Used for heading in general content */
.content #heading01 {
    color:#990000;
    font-size:14px;
    font-weight:bold;
}

/* Used for headings in product content */
.content #heading04 {
    color:#990000;
    font-size:12px;
    font-weight:bold;
    color:#666666;
}

/* Used for heading in general content */
.content #heading05 {
    color:#990000;
    font-size:12px;
    font-weight:bold;
}

/* Used for titles in tables, white text on a black background */
.content #heading06 {
    background-color:#000000;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}


/* Used for headings in product content */
.content #heading07 {
    font-size:12px;
    font-weight:bold;
    color:#990000;
    padding-top:5px;
}

/* Used for text in tables */
.content #celltext {
    font-size:12px;
}

/* Used for text in tables */
.content #celltitle {
    font-weight:bold;
    color:#FFFFFF;
    background:#000000;
}

/* Used for title lables in the panel */
.content #main #panel {
    /*margin:2px 1 2 1;*/
    margin-right:2px;
    margin-left:1px;
    padding-left:2px;
    padding-right:1px;
    padding-top:3px;
    padding-bottom:5px;
    /*width:120px;*/
    font-size:10px;
}

.content #main #panel a {
    color:#006633;
    text-decoration:none;
    text-transform:none;
    font-weight:bold;
}

.content #main #panel #title {
    background-color:#000000;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    padding-bottom:2px;
    padding-top:2px;
    margin:0px, 0, 0, 0;
}

.content #main #panel #formelem {
    padding-bottom:2px;
    padding-top:2px;
    margin:0px, 0, 0, 0;
}

.content #panel #title a{
    color:#FFFFFF;
    text-decoration:none;
}

.content #usercart, #userwishlist, #checkout{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:2px;
    padding-right:2px;
    margin-bottom:2px;
    margin-left:2px;
    margin-top:2px;
    margin-right:2px;
}

.content #usercart #title, #userwishlist #title, #checkout #title {
    background-color:#000000;
    height:20px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}

.content #usercart a, #userwishlist a, #checkout a{
    color:#006633;
    font-weight:bold;
    text-decoration:none;
    text-transform:none;
}

.content #checkout #order, #checkout #delivery {
    border-collapse:collapse;
}

.content #checkout #order #block, #checkout #delivery #block {
    border-collapse:collapse;
    border-color:#000000;
    border-width:thin;
    border:thin;
    border-style:solid;
}

.content #checkout #step {
    color:#0000FF;
    font-size:12px;
    font-weight:bold;
}

.content #breadcrumb {
    font-size:9px;
    font-weight:bold;	
}

.content #breadcrumb a{
    text-decoration:none;
    color:#006600;
}	

.content #promo {
    position:relative;
    z-index:25;
    overflow:hidden;
}

.content #promo #text {
    font-size:10px;
    border:thin;
    margin-left:1px;
    margin-right:1px;
    padding-left:1px;
    padding-right:1px;
}

.content #promo a {	
    font-size:10px;
    font-weight:bold;
    color:#333333;
    text-transform:none;
    text-decoration:none;
}

.content #promo #title {
    font-size:12px;
    font-weight:bold;
    color:#000000;
}

#coltable {
    vertical-align:top;
    border:thin;
    border-color:#333333;	
    border-style:solid;
    margin-left:20px;
}

#colpastel a, #colsoftware a { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    vertical-align:top;
    font-size:9px;
    display: block; 
    width: 158px; 
    height: 240px; 
    color:#555; 
    font-weight:normal;
    text-decoration:none;
    padding-top:25px;
    padding-left:5px;
    padding-right:5px;
    border:thin;
    border-color:#333333;
    border-right:thin;
    border-left:thin;
}

#colwebsite a { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    vertical-align:top;
    font-size:9px;
    display: block; 
    width: 158px; 
    height: 240px; 
    color:#555; 
    font-weight:normal;
    text-decoration:none;
    padding-top:25px;
    padding-left:5px;
    padding-right:5px;
    border:thin;
    border-color:#333333;
    border-right:solid thin;
    border-left:solid thin;
}


#colpastel a {
    background:url(../images/pastelLabel.jpg) no-repeat; 	
}

#colwebsite a {
    background:url(../images/webdevLabel.jpg) no-repeat;
}

#colsoftware a {
    background:url(../images/softdevLabel.jpg) no-repeat;
}

.content #pasteltable {
    border-collapse:collapse;
}

.content #pasteltable #label {
    font-weight:bold;
}

/* Used for requirements tables */
.content #requirements {
    font-size:12px;
    border-collapse:collapse;
    border-color:#333333;
    border-width:thin;
}

.content #improved {
    float: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#000099;
    padding-right:5px;
}

.content #new {
    float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#000099;
    padding-right:5px;
}