body
{
    font-family:Arial;
    font-size: 10pt;
    background-color: #333;
    background-image: url(../images/body_bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;  
    color:#fff;  
}

h1.home
{
	z-index:-1;
	position:absolute;
}

.outercontainer 
{
    background-color:#fff;
}

div.maincontainer.grid_12
{
    width:920px;
    margin:10px 0px 10px 10px;
    background-color:#222;
    padding:10px;
}

div.grid_max
{
	padding:10px;
}

td
{
	line-height:normal;
}

 div.home
{
    margin:-10px;
}

div.home div.grid_12 
{
    margin-left:0px;
    margin-bottom:-10px;
}

div.maincontainer .grid_8 
{
    width:600px;
    margin-left:0px;
    padding:10px;
}

div.maincontainer .grid_4 
{
    width:270px;
    margin-left:0px;
    margin-right:0px;
    padding:10px;
    margin-bottom:10px;
}

.text_right 
{
    text-align: right;
}

h1 
{
	font-size:14pt;
    color:#28777f;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:20px;
    line-height:normal;
}

h2
{
	font-size:13pt;
    color:#28777f;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
    line-height:normal;
}

h3
{
    font-size:12pt;
    color:#28777f;
    font-weight:bold;
    margin-bottom:10px;
    line-height:normal;
}

div 
{ 
    background-color:#333;
}

.mainnav div
{
	
    text-align: center;
}

.mainnav div a
{
    font-size:12pt;
    font-weight:bold;
    color: #28777f;
    text-decoration:none;
    display:block;
    width:140px;
    height:29px;
    padding-top:10px;
    background-image: url(../images/tab.jpg);
    background-repeat:no-repeat;
    background-position:left 40px;
    line-height:normal;
}

.mainnav div a:hover
{
    color:#fff;
    background-position:left top;
    
}

.mainnav div a.selected
{
    color:#fff;
    background-position:left top;
    
}

.mainnav div a.removetab
{
	width:auto;
    height:auto;
    padding-top:0px;
    background-image: none;
    line-height:0; 
}

form 
{
	line-height:normal;
}

.underlay
{
	position:relative;
}

.overlay
{
	width: 290px;
    position:absolute;
    top:0px;
    right:10px;
    z-index:20;
    background-color:Transparent;
    line-height:normal;
}

.overlay_item
{
	padding:10px;
    margin:10px 0px;
}

p
{
    line-height:normal;
    margin-bottom: 10px;
}

a 
{
    color:#fff;
    text-decoration:none;
}

a:hover 
{
    text-decoration:underline;
}

#twitterfeed ul li
{
    margin-bottom:10px;
}

.footer 
{
    color:#000;
    margin:10px auto;
    line-height:normal;
    
}

.footer a
{
    color:#000;
    text-decoration:none;
}

.footer a:hover
{
    text-decoration:underline;
}


label
{
	display:inline-block;
	width: 160px;
	text-align:right;
	margin-right:10px;
}

.login label
{
	width: 100px;
}

input
{
	width:200px;
	background-color:Transparent;
	border: 1px solid #000;
	color:#fff;
	margin-bottom:5px;
}

.login input 
{
	width:150px;
}

input.submit_button 
{
	border-width:1px;
	margin-left:4px;
	width:202px;
	background-color:#28777f;
}

.login input.submit_button 
{
	width:152px;
}

textarea 
{
	width:196px;
	height:80px;
	background-color:Transparent;
	border: 1px solid #000;
	color:#fff;
	margin-bottom:5px;
	font-family:Arial;
	vertical-align:top;
}

p.tetimonial_by
{
    text-align:right;
    margin-bottom:40px
}

div.warning 
{
	width:580px;
	padding:10px;
	border:1px solid red;
	line-height:normal;
	color:Red;
}

input.input-validation-error 
{
	border-color:Red;
}

div.info-message 
{
	width:580px;
	padding:10px;
	border:1px solid #28777f;
	line-height:normal;
}

small 
{
	font-size:8pt;
}

sup 
{
	font-size: smaller;
	vertical-align: super;
}

ol.galleryNav
{
    margin-top:5px;
    line-height:normal;
}

ol.galleryNav li
{
    float:left;
    margin-right:20px;
}

ol.galleryNav li a
{
    font-weight:bold;
    font-size:12pt;
    color:#fff;
}

ol.galleryNav li a:hover
{
    color:#28777f;
    text-decoration:none;
}

ol.galleryNav li a.selected
{
    color:#28777f;
}

div.grid_4 img
{
	margin-bottom:10px;
}

/*-----------slideshow--------------*/

div#controls 
{
    height:40px;
    width:180px;
    float:right;
    margin-right:-20px;
}

div#controls ul 
{
    width:100%;
    height:30px;
    background-image:url(images/ui-bg_highlight-soft_75_28777f_1x100.png);
    background-position:50% 50%;
    background-color:#28777f;
    background-repeat:repeat-x;
}

div#controls li
{
    float:left;
    height:30px;
}

div#controls ul li a
{
  float:left;
  height:21px;
  text-indent:-9999px;
  margin: 4px 20px 0px 5px;
}

div#controls li#prev a
{
  width: 17px;
  padding: 0 1px 0 0;
  background-image: url(../images/controls.gif);
  background-position: 0px 0px;
}

div#controls li#next a
{
  width: 17px;
  padding: 0 1px 0 0;
  background-image: url(../images/controls.gif);
  background-position: -43px 0px;
  margin-right:5px;
}

div#controls li#playpause a
{
  width: 10px;
  padding: 0 1px 0 0;
  background-image: url(../images/controls.gif);
  background-position: -30px 0px;
}

div#controls li#number span
{
  float:left;
  width:55px;
  padding:5px 1px 8px 0;
  text-align:center;
  line-height:normal;
  margin: 0px 15px 0px 0px;
  font-weight:bold;
  color:#333;
  font-size:12pt;
}

div#slideshow div.slide
{
	position:absolute;
	z-index:8;
	opacity: 0;
	left:0;
	top:0;
}

div#slideshow.gallery div.slide
{
    top:50px;	
}

div#slideshow div.active 
{
	z-index:10;
	opacity: 1;
	
}

div#slideshow div.last-active
{
	z-index:9;
}

div.center{
    text-align:center;
}

a.button{
    width:152px;
    display:block;
    border:1px solid #000;
    background-color:#28777f;
    padding:2px;
    text-align:center;
    margin-left:10px;
}

a.button:hover {
    text-decoration:none;
}


/* --------- Shopping Cart ---------- */
#cart, #cart div
{
	/*background-color:#fff;
	color:#333;*/
}

.simpleCart_items 
{
    width:520px;
	border:solid 1px #000; 
}

.itemContainer, .cartHeaders{
    height:20px;
    clear:both;
}

.cartHeaders {
    border-bottom:solid 1px #000;
    font-weight:bold;
    margin-top:2px;
    margin-bottom:2px;
}

.cartHeaders div, .itemContainer div
{
	float:left;
	padding-left:5px;
	padding-right:10px;
}

.itemName
{
	width: 120px;
}

.itemNo {
    width:20px;
}

.itemFormat
{
	width: 180px;
}
.itemdecrement
{
	width: 10px;
	text-align:right;
}
.itemQuantity
{
	width: 10px;
	text-align:center;
}
.itemincrement
{
	width: 10px;
}

.itemTTotal {
    width:425px;
    text-align:right;
}

.itemTotal
{
	width:60px;
	text-align:center;
}

.itemContainer div.itemTotal
{
    text-align:right;
}

.totaltotal {
    padding:2px;
    margin-bottom:10px;
    font-weight:bold;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
}

.cartHeaders div.itemQuantity, .cartHeaders div.itemdecrement, .cartHeaders div.itemincrement {
    color:#333 !important;
}

div.itemdecrement a, div.itemincrement a {
    color: #28777f;
    text-decoration:none;
    font-weight:bold;
    font-size:larger;
}

a.simpleCart_checkout {
    width:150px;
    display:block;
    border:1px solid #000;
    background-color:#28777f;
    padding:2px;
    text-align:center;
    float:right;
    margin-left:10px;
}

a.simpleCart_checkout {
    font-weight:bold;
}

a.simpleCart_empty:hover, a.simpleCart_checkout:hover {
    text-decoration:none;
}

.paypal {
    margin-left:30px;
}

.cartSummary {
    border: 1px solid #fff;
    padding:20px;
}

.info {
    margin-left:10px;
    border:2px solid #28777f;
    vertical-align:middle;
    padding:0px 50px;
    color:#28777f;
    display:none;
}

input.error {
    border:1px solid #f00;    
}