/**************************************\
|------------COLOR SCHEME--------------|
\**************************************/



/**************************************\
|----------- Typography ---------------|
\**************************************/

.container {line-height:1.5em;}


/**************************************/
/*              GLOBALS               */
/**************************************/
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.inline {float:left;}

/**************************************/
/*              HEADER                */
/**************************************/
html { background-color: #dddddd;}
.container {background-color: #fff;}
div#jumpto { display:none;}
div#header { height:90px; background-image:url('../image/site/header8.png');
			 background-repeat:no-repeat;}
div#header h1{visibility:hidden;}

/**************************************/
/*             NAVIGATION             */
/**************************************/

.horz-list {}
.horz-list ul{ margin-left:0; margin-bottom:0;}
.horz-list ul li{ display:inline; margin-right: 1em;}

div#sitenav{ background-color:#000}
div#sitenav ul{ list-style-type:none;  font-weight:bold; color:#fff;}
div#sitenav ul li{}
div#sitenav ul li.first{}
div#sitenav ul li a{ font-weight:bold; color:#fff; text-decoration:none;}
div#sitenav ul li a:hover{ color:#ff7700;}

div#pagenav{ }
div#pagenav ul{ list-style-type:none; }
div#pagenav ul li{margin-right:0; }
div#pagenav ul li.first{ }
div#pagenav ul li a{ text-decoration:none;}
div#pagenav ul li a:hover{}

div#breadcrumb {margin:0; padding:0;}
div#breadcrumb ul {list-style-type:none;}
div#breadcrumb li {margin:0; padding:0;}
div#breadcrumb li+li:before {content:"\0000bb\000020"}
div#breadcrumb li a{ text-decoration:none;}
div#breadcrumb ul li a:hover {}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
/*  	blue 		#0015FF
	green  	#95ff00
	orange	#ff6600
  */

/* pad the contents h3 and p nto the box */

.feature h3 {padding:3px 6px; margin:0; font-size:1.1em; width:178px;
			color:#fff; background-color:#6CC; text-align:center;}
.feature p {padding:0 6px; margin:0;}



div.story  {}
	
/* span span is rounded corners*/
div.story span {
    display:block;
    position:relative;
    border-width:1px 0;
    border-color:#ccc;
    border-style:solid;
    color:#000;
    text-decoration:none;
	padding:0;
    margin:3px 1px;}

div.story span span {
	height:15em;
    display:block;
    position:relative;
    margin:0px -1px;
    border-width:0 1px;
    border-color:#ccc;
    border-style:solid;
    background-color:#fcfcfc;
    padding:1px 1px;}

div.story h3 {
	padding: 3px;
	margin: -1px;
	font-size: 1.1em;
	color: #000;
	background-color: #ccc;
	text-align: center;}
			
div.story p {padding:6px 6px; margin:0;}

div.story ul {list-style: none; padding:6px 6px; margin:0;}

div.story  img.phonedetail { margin: 0; padding:10px; width:75px; height:125px;}
div.story  h4.phonedetail{ margin: 0; padding:6px; float:left;  }
div.story  ul.phonedetail{ margin: 0; padding:6px; float:left; }

.phonelist  h3{ margin:0; padding:6px;}
.phonelist img { margin:0; padding:10px 0 0 10px; width:60px; height:100px; float:left; }
.phonelist ul{ margin:0; padding:6px; float:left; width:100px;}
.phonelist p{ margin:0; padding:6px; clear:left; width:160px;}
div.story img.map { margin: 0 25px; padding:0; width:125px; height:125px;}

/**************************************/
/* SideBarFirst
/**************************************/
form#ssitesearch 
form#ssitesearch {width:2em;}

/**************************************/
/* SideBarLast
/**************************************/



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

div#footer{}
div#footer ul{}
div#footer ul li{}
div#footer ul li a{ color:#888;}
div#footer ul li a:hover{ color:black;}
div#footer p{ text-align:center; font-size:xx-small; margin:0;}

div#design{}
div#design a{ color:#eee; font-size:x-small; font-family:sans-serif;}
div#design a:hover{ color:#ccc;}
div#design a strong:hover{ color:green;}

/**************************************/
/*               FORM               */
/**************************************/

fieldset {margin: 0.5em 0 0.5em 1em; border:1px solid #ccc;}
legend { text-transform:capitalize;}

div.textbox {margin:0.25em;}
div.textbox label {float:left; width:10em;  margin:0; padding:0;}
div.textbox input {margin-right:5em;}

div.checkbox {}
div.checkbox label {float:left; width:14em; margin:0; padding:0;}
div.checkbox input {float:left; margin-right:5em;}

.required:after {content: "*"; color:#ff0040;}

/**************************************/
/* Tabbed Navigation
/**************************************/
div.tabs {margin:-1px;}
div.tabs > div {}
div.tabs  div ul{width: 12em; float:left;}

ul.tabnavigation { list-style: none; margin: -6px; padding: 0; background-color:#ccc;}
ul.tabnavigation li { display: inline; padding: 0 3px;}
ul.tabnavigation li a:link, ul.tabnavigation li a, ul.tabnavigation li a:hover{ color: #000; text-decoration: none; font-weight:bold;}
ul.tabnavigation li a.selected { color: #f70;}
ul.tabnavigation li a:focus { outline: 0;}
ul.tabnavigation li a:hover{color:#f70;}
#tabfirst {}
#tabsecond {}
#tabthird {}
.tablast { min-height: 50px;clear:both;}


/**************************************/
/* Table real 2 plan info
/**************************************/

/* row */
table.tablereal2 {border:0;}
table.tablereal2 tr + tr + tr td {color: black; font-weight:normal; }
table.tablereal2 tr > th {color: black; font-weight:bold; font-size:125%; border:1px solid black; border-width: 0 0 thick 0;}
table.tablereal2 tr + tr > td {color: orange; font-weight: bold; }

/* columns */
table.tablereal2  tr td:first-child  {color: black; font-weight: bold; }
table.tablereal2  tr td:last-child  {border-right:0; }

/* detail */
table.tablereal2 tr > td[colspan] {text-align:center;}
table.tablereal2 tr.footer > td[colspan] {text-align:left; font-weight:normal; border-bottom:0;}

/**************************************/
/* Table real 3 swappable info
/**************************************/

/* row */
table.tablereal3 {border:0;}
table.tablereal3 tr + tr + tr td {color: black; font-weight:normal; }
table.tablereal3 tr > th {color: black; font-weight:bold; font-size:125%; border:1px solid black; border-width: 0 0 thick 0;}

/* columns */
table.tablereal3  tr td:last-child  {border-right:0; }

/* detail */
table.tablereal3 tr > td[colspan] {text-align:center;}
table.tablereal3 tr.footer > td[colspan] {text-align:left; font-weight:normal; border-bottom:0;}