/******************************************************************************/
/* TWINCENTRIC - Default Stylesheet                                           */
/******************************************************************************/


/******************************************************************************/
/* DOCUMENT                                                                   */
/******************************************************************************/

html, body, table {
   font-family:'Verdana','Arial', sans-serif;
   font-size:xx-small;
   cursor:default;
}

body {
   padding:2px;
}


/******************************************************************************/
/* HEADER & MENUBAR                                                           */
/******************************************************************************/

#header {
   margin:8px 10px 6px 10px;
}

#twincentric_logo {
   margin:0px;
}

#menubar {
   margin:6px 0px 6px 0px;
   padding:2px 6px 2px 6px;
   background-color:#608FDF;
   border-top:solid 2px #80ABE6;
   border-bottom:solid 2px #305697;
   font-weight:bold;
}

#menubar a {
   padding-right:20px;
   border-right:solid 2px #FFFFFF;
   color:#FFFFFF;
   text-decoration:none;
}

#menubar a:hover {
   text-decoration:underline;
}

#leadin_image {
   background-color:#EEEEEE;
   border:solid 1px #608FDF;
   border-bottom:solid 3px #608FDF;
   margin:30px 0px;
   /* margin:2px 0px 30px 0px; */
   padding:6px 4px 3px 4px;
   text-align:center;
}


/******************************************************************************/
/* FOOTER                                                                     */
/******************************************************************************/

#footer {
   margin-top:55px; margin-left:10px; margin-right:10px;
   text-align:center;
   font-size:90%;
   padding-top:5px;
   clear:both;
}

img#footer_twincentric {
   float:right;
}

img#footer_poweredby {
   float:left;
}

#footer div {
   padding-top:5px;
}

#footer_menu {
   border-bottom:solid 3px #608FDF;
   margin:0px 0px 10px 0px;
   text-align:left;
   background-color:#EEE;
}

#footer_menu a {
   text-decoration:none;
}

#footer_menu a:hover {
   text-decoration:underline;
}

/******************************************************************************/
/* CONTENT                                                                    */
/******************************************************************************/

#content {
   margin:10px 330px 10px 10px;
   text-align:center;
}

#subcontent {
   position:absolute;
   top:103px; right:20px;
   padding-top:2.5em;
   width:300px;
   text-align:center;
}

#subcontent img {
   margin:20px 0px;
}

/******************************************************************************/
/* HIGHLIGHTED CONTENT BLOCK                                                  */
/******************************************************************************/

.highlight {
   background-color:#EEEEEE;
   border:solid 1px #608FDF;
   border-bottom:solid 3px #608FDF;
   margin:20px 0px 20px 0px;
   padding:3px;
   clear:left;
}

.highlight h2 {
   margin-top:10px;
}

/******************************************************************************/
/* SIDEBAR (subcontent)                                                       */
/******************************************************************************/

#date_box {
   border-top-style:dotted; border-bottom-style:dotted;
   border-color:#666; border-width:1px;
   padding:3px;
   background-color:#EEE;
}

div.content_box {
   text-align:left;
   margin:6px 0px;
   border:solid #000 1px;
   padding:0px;
   background-color:#EEE;
}

div.content_box h2 {
   margin:0px;
   padding:1px 3px;
   border-top:solid 2px #80ABE6;
   border-bottom:solid 2px #305697;
   background-color:#608FDF;
   color:#FFF;
   font-size:110%;
}

div.content_box h3 {
   margin:4px;
   color:#666;
   font-size:150%;
}

div.content_box p {
   margin:8px 4px;
}


/******************************************************************************/
/* HEADINGS (main section)                                                    */
/******************************************************************************/

h1, h2, h3, h4, h5, h6 {
   text-align:left;
   margin:15px 4px 12px 4px;

}

h1 {
   margin:18px 4px 15px 4px;
   font-size:200%;
   color:#333;
}

h2 {
   margin:18px 4px 15px 4px;
   font-size:140%;
   color:#608FDF;
}

h3 {
   font-size:130%;
}

li h3 { /* Sometimes we have a list with a heading per bullet point */
   font-size:100%;
}

/******************************************************************************/
/* TEXT (main section)                                                        */
/******************************************************************************/

p {
   text-align:justify;
   margin:9px 4px;
   font-size:110%;
}

#subcontent p {
   text-align:left;
}

blockquote {
   margin:9px 15px;
   font-size:110%;
   font-weight:bold;
   font-style:italic;
}

/******************************************************************************/
/* HORIZONTAL RULE                                                            */
/******************************************************************************/

hr {
   margin-top:0.8em; margin-bottom:0.8em;
}

/******************************************************************************/
/* LINKS                                                                      */
/******************************************************************************/

a img {
   border-width:0px;
}

/******************************************************************************/
/* LISTS                                                                      */
/******************************************************************************/

ul, ol {
   text-align:justify;
}

ul li {
   list-style-image:url('../images/bullet.gif');
   font-size:110%;
   margin:2px 0px;
   text-align:left;
}

#subcontent ul.linklist {
   list-style-position:outside;
   font-weight:bold;
   margin-top:10px; margin-bottom:10px;
}

/******************************************************************************/
/* TABLES                                                                     */
/******************************************************************************/

table {
	margin-top:15px; margin-bottom:12px;
	margin-left:auto;
	margin-right:auto;
}

table tr:first-child td {
	border-top:1px solid #CCC;
}

table td {
	border-bottom:1px solid #CCC;
	padding:3px 7px;
}

table td img {
	margin-top:0px; margin-bottom:0px;
}

/******************************************************************************/
/* FORMS                                                                      */
/******************************************************************************/

form {
	text-align:center;
}

form button {
	margin:1.2em;
   background-color:#608FDF;
   border-top:solid 2px #80ABE6;
   border-bottom:solid 2px #305697;
   color:#FFF;
   font-weight:bold;
}

form label {
	font-weight:bold;
}

form input {
   width:15em;
}

.product img {
   vertical-align:baseline;
}