/* 
 * http://www.ContentedDesigns.com
 */

* {
    padding:0;
    margin:0;
}

body {
    background:#DAD9D6 url(/img/bggrad.gif) repeat-y scroll 50% 0;
    font-family:Verdana,Tahoma,Arial,sans-serif;
    font-size:83%;
    margin:10px auto;
    width:740px;
    padding-left:10px;
    padding-right:10px;
}

.highlight {
    font-family:'Courier New',Verdana,Tahoma,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin:0.60em 0;}

blockqote {

}
ul {
    margin-left:10px;
}




h1 {
    font-size:167%;
    color:#777;
}

h2 {
    font-size:120%;
    margin-left:1em;
    margin-top:30px;
    border-bottom:2px solid #777777;
    width:90%;
    text-align:left;
    color:#CC3333;
    letter-spacing:normal;
    padding:2px;
    }

h3 {
    font-size:120%;
    color:#cc3333;
    font-size:15px;
    font-weight:bold;
    letter-spacing:1px;
    margin:0;
    padding:2px 1em;
    text-align:center;
}

h4 {font-size:100%;}

p {
    line-height:1.4em;
}

li, dd { 
    margin-left:2em;
}

a {
    color: #0066CC;
    background-color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    color: #0000FF;
    background-color: #E6ECFF;
    font-weight: normal;
    text-decoration: none;
}

strong {
    color:#444;
}
span {
    background-color:#ffff66;
}

#header {
    color: #FFF;
    padding:0 0 10px 10px;
    margin:0;
}

#header a img {
    border: none;
}
#header .hlink:hover {
    background-color:#FFF;
}

/*nav bar*/

#nav {
    border-style:none solid solid;
    text-align:left;
    background:#FFFFFF none repeat scroll 0 0;
    float:left;
    position:relative;
}

#nav li.left {
    border-left:2px solid #EEEEEE;
}

#nav li {
    border-bottom:2px solid #EEEEEE;
    border-collapse:collapse;
    border-right:2px solid #EEEEEE;
    border-top:2px solid #EEEEEE;
    float:left;
    margin:0;
}

#nav li a, #nav li a:visited {
    color:#000;
    display:block;
    font-family:arial;
    font-size:17px;
    font-style:normal;
    font-variant:normal;
    line-height:normal;
    margin:0px;
    padding:3px 12px 1px 12px;
    text-decoration:none;
    text-transform:uppercase;
}

#nav li {
    border-collapse:collapse;
}

#nav ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#title {
    color: #000;
    font-size:200%;
    font-weight: normal;
    padding:10px 0px 0px 20px;
    margin:0px 0px 0px 0px;
    float:left;
    width:720px;
}


#content {
    font-size:100%;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:740px;
    float:left;
    border-top:5px solid #efefef;
}

#maincontent {
    font-size:100%;
    padding:0px 5px 5px 0px;
    margin:5px 0px 0px 20px;
    width:510px;
    float:left;
}

#maincontent ul.points li {
    line-height:150%;
    list-style-image:url(../img/tick.gif);
    margin-bottom:3px;
}
#maincontent img.nice {
    background-color:#FFF;
    border:1px solid #A9A9A9;
    margin:1em;
    padding:0;
}

#maincontent pre {
    margin: 10px;
    background-color:#E6ECFF;
    border:2px dotted #CCC;
    font-size:12px;
    letter-spacing:1px;
    font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
    padding:10px;
    white-space:pre-wrap;

    -x-system-font:none;
    background-color:#EEEEEE;
    display:block;
    font-family:courier new,courier,serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin-left:2em;
    margin-right:2em;
    padding:1.2em;
}

#maincontent .faq  {
    list-style-image:url(../img/file.gif);
    margin: 15px 0 5px 40px;
    font-size:14px;
    font-weight:bold;
    text-decoration:underline;
}
#maincontent .faq li {
    margin: 5px 0 0 5px;
}
.sidecontent {
    font-family:Arial, sans-serif;
    color: #333333;
    background:#E6ECFF;
    font-size:85%;
    padding:10px 20px 30px 0;
    margin:15px 3px 15px 0px;
    width:180px;
    float:right;
    border: #0066CC solid thin;
}

.sidecontent a {
    color: #0066CC;
    background:#E6ECFF;
}

.sidecontent .buy {
    font-size:16px;
    margin-left:20px;
}

.sidecontent a strong {
    color:#0066CC;
}

.sidecontent a:hover {
    color: #0000FF;
    background: #D6DCDF;
}

.sidecontent h3 {
    text-align:left;
    margin:10px 0 0px 15px;
    border-bottom:2px solid #777777;
}

.sidecontent h4 { /* happy customers */
    margin:10px 0 0px 15px;
    border-bottom:2px solid #777777;
    font-size:12px;
}


.sidecontent ul {
    margin:0.25em 0em 0.25em 0;
    font-size: 120%;
    list-style-image:url(../img/maximize.gif);
    margin: 5px 0 0 5px;

}

.sidecontent p {
    padding:5px;
    padding-left:20px;
    font-size:12px;
    font-family:verdana,arial,sans-serif;
    text-align:justify;
}
.sidecontent p.quote {
    color:#005500;
    font-style:italic;
    font-family:verdana,arial,sans-serif;
    font-size:11px;
}
.sidecontent span {
    float:right;
    background:none;
    font-size:12px;
    font-weight:bold;
    color:#cc3333;
    text-align:right;
}

#nullblock {} /* Used to avoid IE jump on hover bug */

#footer {
    height:40px;
    color:#333333;
    background-color:#FFFFFF;
    border-top:6px solid #6699FF;
    font-size:85%;
    width: 720px;
    clear:both;
    text-align:center;
    padding:10px;
}

#footer	a {
    color:#0066CC;
    background-color:#FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

#footer	a:hover {
    color:#0000FF;
    background-color:#E6ECFF;
    font-weight: normal;
    text-decoration: none;
}


#footercontent a {
    color: #0066CC;
    background-color:#FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

#footercontent a:hover {
    color: #0000FF;
    background-color: #E6ECFF;
    font-weight: normal;
    text-decoration: none;
}

/* tables */

table {  
width: 100%;   
border: 1px solid #003d4c; 
color:#333; 
background-color: #fff;
clear:both;    
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #ccc;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px;
}
table tr td {
border-right: 1px solid #ccc;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}

/* Forms */
form {
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 80%;
    
}
fieldset {
    border: 1px solid #ccc;
    margin: 20px;
    padding: 5px 2px;
    width: 90%;
}

fieldset p {
    font-size: .9em;
    padding: 0px 2px 2px 30px;
    clear:left;
}

fieldset legend {
    background:#fff;
    color: #6699FF;
    font-size: 125%;
    font-weight: bold;
    margin:0 0 2px 7px;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-size: 100%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    clear: both;
    margin-bottom: 0em;
    padding: .3em;
    vertical-align: text-top;
}
form div.input {
    color: #444;
}
form div.required {
    color: #333;
    font-weight: bold;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 120px;
}
label {
    /*display: block;*/
    font-size: 100%;
    font-weight:bold;
    padding: 2px;
    float:left;
    margin-top:10px;
}
input, textarea {
    font-size: 100%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    margin-right: 10px;
    margin-top:10px;
    float:right;
}
select {
    margin-right:10px;
    font-size: 100%;
    float:right;
    margin-top:10px;

}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
    margin-top:13px;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 20px;
}
input[type=submit] {
    display: inline;
    font-size: 100%;
    padding: 4px 10px;
    width: auto;
    vertical-align: bottom;
    margin-right:30px;
    margin-bottom:100px;
}

.helptext {
    background: none;
    color:#808080;
    width: 90%;
    font-weight:normal;
    margin-right:25em;
    margin-top:0.4em;
}

#coupon {
    float:left;
}
#coupon input[type=text] {
    width: 65px;
    margin-left: 130px;
    font-weight:bold;
}
#coupon input[type=submit] {
    float:right;
    margin:-25px -35px 0 0px;
    font-size:11px;
    padding:1px;
}

/* reformat the date selectors*/
.date {
float:none;
margin-left:15px;
margin-right:0px;
}

.datediv {
margin-top:-25px;
}

/* Notices and Errors */
div.message {
    clear: both;
    color: #900;
    font-size: 110%;
    font-weight: bold;
    margin: 1em 0;
    border: 2px dotted red;
    padding:5px;
}

.error-message {
    color: #900;
    font-size: 100%;
    font-weight: bold;
    padding: 5px;
}


div#buttons {
    float:right;
    font-size:1.6em;
    margin-top:-30px;
    margin-right:10px;
}


/* spiffy center*/

.spiffy {
display:block;
width: 450px;
margin-left: 30px;

}
.spiffyfg {
width: 450px;
background:#E6ECFF ;
margin-left: 30px;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#E6ECFF;}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #E6ECFF;
border-right:1px solid #E6ECFF;
background:#E6ECFF;}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #E6ECFF;
border-right:1px solid #E6ECFF;
background:#E6ECFF;}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #E6ECFF;
border-right:1px solid #E6ECFF;}
.spiffy4{
border-left:1px solid #E6ECFF;
border-right:1px solid #E6ECFF}
.spiffy5{
border-left:1px solid #E6ECFF;
border-right:1px solid #E6ECFF}

p#bluebox
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
margin:0em 5px 0em 0;
padding:5px 10px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


#maincontent .squarebutton {
    margin:10px;
    margin-left: 30px;
}

a.squarebutton{
    background: transparent url('/img/square-red-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: bold 15px; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
    color: #494949; /*button text color*/
}

a.squarebutton span{
    background: transparent url('/img/square-red-right.gif') no-repeat top right;
    display: block;
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
    background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;

}
/* blog */

h2.blog, a.blog {
    font-family:arial,sans-serif;
    font-size:22px;
    border-bottom: 1px gray dotted;
    color:#003366;
    margin-left:0px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    background:none;
}

a.blog {
    border-bottom:none;
}

span.date {
    font-size:80%;
    margin: 0 0 0 15px;
    background:none;
    color:#808080;
}
div.content {
    font-family:verdana,arial,sans-serif;
    font-size:90%;
    margin: 0 5px 5px 5px;
    letter-spacing:1px;
    line-height:1.2em;
}

div.blog { /*sidebar */
    background:#F2F2FF none repeat scroll 0 0;
    border:1px solid #DDDDDD;
}
div.blog p {
}

form#search {
    font-size: 150%;
    text-align:left;
    margin-left: 10px;
}
form#search input[type=submit] {
    display: inline;
    float:right;
    clear:left;
    font-size: 70%;
    padding: 0;
    width: auto;
    vertical-align:0;
    margin-right:0;
    margin-bottom:0;
}

form#BlogAddForm input,
form#BlogEditForm input {
    width:150%;
    margin-right:-200px;
}
form#BlogAddForm textarea,
form#BlogEditForm textarea {
    width:150%;
    height:150px;
    margin-right:-200px;
}