@charset "utf-8";
/* CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 100%;
}
p
{
	margin-bottom: 1.5em;	
}
#shell
{
	width: 999px;
	margin: 0px auto;
}
#container {
  width: 999px;
}
#container .column {
  float: left;
  position: relative;
}
#center {
  width: 576px;
  left: 210px;
  padding-bottom: 10px;
}
#left {
  width: 190px;
  left: -566px;          /* LC width */
}
#right {
  width: 190px;
  margin-left: 30px;
}
#girlBooks
{
	float: right;
	position: relative;
	margin: 20px 30px 30px 0px;
	clear: both;
}

#footer {
  clear: both;
  text-align:left;
  margin-bottom: 20px;
  font-size: 11px;
}
#footer a
{
	color: #000 !important;	
}
#footer #buttons a
{
	color: #fff !important;	
}
#footer #buttons
{
	width: 538px;	
	height: 21px;
	margin: 0px auto;
	margin-bottom: 10px;
	font-size: 13px;
	
}
#footer #kmi
{
	float: right;
	text-align: right;
}

#FlashID2, #FlashID2 object
{
	margin: 10px 0px 15px;	
}

#FlashID, #FlashID object
{
	float: left;
}
#header
{
	height: 92px;	
}
/* colored headers */

.roundHead, .roundBut
{
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	color: #fff;
	padding-right: 10px;
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.roundHead a
{
	color: #fff;
	text-decoration: none;
}
.roundBut
{
	display: block;
	float: left;
	margin-right: 10px;
	background-color: #D23103;
	background-image: url(../images/headers/right/red.jpg);
	text-decoration: none !important;
}
.roundBut img
{
	float: left;	
}
.greenHead
{
	background-color: #5C9F38;
	background-image: url(../images/headers/right/green.jpg);
}
.redHead, .roundBut
{
	background-color: #CD3301;
	background-image: url(../images/headers/right/red.jpg);	
}
.blueHead
{
	background-color: #2B50A9;
	background-image: url(../images/headers/right/blue.jpg);	
}
.yellowHead
{
	background-color: #F9BB32;
	background-image: url(../images/headers/right/yellow.jpg);	
}
.roundHead img
{
	float: left;	
}
.top
{
	margin-top: 0px !important;	
}


/* products */
.product
{
	text-align: center;	
}
.product h3
{
	margin: 0px;
	font-size: 11px;
}
.product h4
{
	color: #D93104;	
}
.product .cart
{
	float: right;	
}
.product img
{
	display: block;	
	margin-bottom: 10px;
	max-height: 100px;
	max-width: 100px;is not snowing
}

div.hint{
width: 400px;
margin: 8px auto !important;
padding: 5px;
background-color: #FF9;
}

div.hint div{
color: #039;
font-weight: bold;
background-color: #FF9;
padding: 5px 10px;
border: 2px dashed #039;
}

div.error{
width: 400px;
margin: 8px auto !important;
padding: 5px;
background-color: #FF9;
}

div.error div{
color: #C30;
font-weight: bold;
background-color: #FF9;
padding: 5px 10px;
border: 2px dashed #C30;
}
div.error div li{
margin-left: 15px;
}
div.error div a, div.error div a:hover, div.error div a:active, div.error div a:visited{
color: #C30;
text-decoration: underline;
}

div.hint div a, div.hint div a:hover, div.hint div a:active, div.hint div a:visited{
color: #039;
text-decoration: underline;
}

#toplogin
{
	text-align: right;
	padding-top: 10px;
	margin-bottom: 21px;
}
#FlashID, #FlashID object
{
	margin: 0px auto;	
	display: block;
	float: none;
}

.callForPricing
{
	
}

#aboutKootaOoma
{
	width: 562px;
	line-height: 20px;
	margin: 10px 0px;
	clear: both;
}
#aboutKootaOoma h2
{
	text-align: center;
	margin-bottom: 10px;
}
.hint .cta, .error .cta
{
	display: block;
	width: 170px;
	margin: 10px auto;
}
.hint h2
{
	font-size: 18px;
	color: #CD3301;
}
.hint h3
{
	font-size: 15px;
	text-align: center;
}
#search
{
	height: 22px;
	line-height: 18px;
	vertical-align: middle;
	margin-bottom: 10px;
}
#search input, #search select
{
	font-weight: bold;
	border: 2px solid #CD3301;
}
#search input
{
	width: 328px;	
}
#search input[type="image"]
{
	width: auto;
	border: none;
	margin-bottom: -4px;
}
#search select
{
	width: 160px;	
}
/*** IE6 Fix ***/
* html #left {
  left: 150px;           /* RC width */
}
