/*body:: Controls Page Background Color and any other fonts not defined below*/ 	
body {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background: #fff;
background-position: top left;
font-weight: Normal;

}

dt {
	font-weight:bold;
}

dd {
	margin: 0 0 10px;
	padding: 0;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: Normal;
}

/*data:: Controls body default fonts and colors*/
.data
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration:underline;
	color: #ffffff;
	background-color: transparent;
	
}


a.data:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;	
	text-decoration: none;
}

a.data:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;	
	text-decoration: underline;
}

a.data:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;	
	text-decoration: underline;
}


/*frame:: Controls the  Color of the Store's Frame*/		
.frame	
{
		
	background: #eae9e1;
}

/*top:: Controls the  Color of the top Bar*/		
.top
{
	background: #ffffff url();
}

/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices*/		
.footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}	

/*line:: Controls the  Color of the line bellow the top bar*/		
.line
{
	background: #e4e6e6 url(/assets/images/bg_menu2.png) no-repeat;
	background-position: center;
}

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color*/
.alternative
{
   background-color: #f9f8f8;
   padding: 2px 2px 2px 2px;
   border: 1px solid #eae9e9;
}
 
/*borders:: Controls the color of  the borders on forms*/ 
.borders
{
	border: #cccccc;
	background-color: #cccccc;
	
}

/*borders2:: Controls the color of  the borders on forms*/ 
.borders2
{

	border: 1px dotted #cccccc; 
	border-style: none none dotted;

}


/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table
{
	background-color: #f9f8f8;
} 


/***********************************/
/*         HEADERS & TITLES        */
/***********************************/


/*menu-headers:: Controls the way the menu headers look*/ 
.menu-headers
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	background-color: #676767;
	background: url(/assets/images/cat_tab.gif) repeat-x;
	text-decoration: none;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
}

/*page_headers:: Controls the page's titles*/
.page_headers
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #ffffff;
	
}

a.page_headers
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #ffffff;
	
}

a.page_headers:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #ffffff;
	
}

a.page_headers:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #ffffff;
	
}

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #516970;
	font-weight: bold;

}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(images/BG_featured.gif) repeat-x;
	color: #516970;
	border: solid;
	border-bottom-width: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color:;
	padding:3px;
} 

/*titles2:: Controls the titles on the view cart page*/ 
.titles2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #eeeeee;
	color: #999999;
	padding:4px;
} 

/*options-titles:: Controls the way the titles on the product options display*/
.options-titles
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #585C5F;
	border: 1px dotted #cccccc; 
	border-style: none none dotted;
}


/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #4f4e4e;
} 


/***********************************/
/*          GENERAL FONTS          */
/***********************************/


/*font1:: Primary Screen Font */ 
.font1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #000000;
}
 
/*font2:: Secondary Screen Font */ 
.font2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: Normal;
	color: #bc0000;
}

.font3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.font4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #c32519;
}

/*icon:: Controls the way the menu icons display*/ 
.icon
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #516970;
}

/*store-name:: Store Name*/		 
.store-name
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #516970;
	text-decoration: none;
}

/*store-slogan:: Store Slogan*/		 
.store-slogan
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #767676;
	padding-top:28px;
}	 	 

/*menu-text:: Controls the way the menu (mailing list) text look*/ 
.menu-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2d2c2d;
}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 
.item
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #000000;
	text-decoration: none;
}

/*price-info:: controls the way the prices display on the product page*/ 
.price-info
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #585C5F;
}

/*price:: Controls the way the product's prices display*/ 
.price
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #d90d0e;
}

/*cart-text:: Controls the way the text inside the shopping cart looks*/ 
.cart-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Normal;
	color: #999999;
	line-height: 18px;
	background-color: #ffffff;
}


/*steps:: Controls the way the steps on the checkout pages display*/
.steps
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cccccc;
	background-color: #ffffff;
}

/*steps_on:: Controls the way the steps on the checkout [ages display*/
.steps_on
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #ffffff;
}

/*error:: Controls the error messages*/ 
.error
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #e10e04;
	text-decoration: none;
}


/***********************************/
/*      FORM FIELDS & BUTTONS      */
/***********************************/


/*btn:: Controls the buttons*/ 
.btn
{
	border-top: 1px solid #00af15;
	border-bottom: 1px solid #00af15;
	border-left: 1px solid #00af15;
	border-right: 1px solid #00af15;
	background: url(/assets/images/button_bg.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #ffffff;
	cursor: pointer;
	margin:1px;
} 

/*btn_over:: Controls the buttons*/ 
.btn_over
{
	border-top: 1px solid #00af15;
	border-bottom: 1px solid #00af15;
	border-left: 1px solid #00af15;
	border-right: 1px solid #00af15;
	background: url(/assets/images/button_bg_over.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #ffffff;
	cursor: pointer;
	margin:1px;
} 	

/*btn3:: Controls the buttons*/ 
.btn3
{
	border-top: 1px solid #dcdbdc;
	border-bottom: 1px solid #dcdbdc;
	border-left: 1px solid #dcdbdc;
	border-right: 1px solid #dcdbdc;
	background: url(images/BG_btn.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #ffffff;
	cursor: pointer;
	margin:1px;
} 

/*btn_over3:: Controls the buttons*/ 
.btn_over3
{
	border-top: 1px solid #dcdbdc;
	border-bottom: 1px solid #dcdbdc;
	border-left: 1px solid #dcdbdc;
	border-right: 1px solid #dcdbdc;
	background: url(images/BG_btn.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #666666;
	cursor: pointer;
	margin:1px;
} 	

 /*btn2:: Controls the buttons*/
.btn2
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #990000;
	cursor: pointer;
} 	
	
/*txtBoxStyle:: Controls the text boxes*/  	
.txtBoxStyle
{
	border-top: 1px solid #b3b4b5;
	border-bottom: 1px solid #b3b4b5;
	border-left: 1px solid #b3b4b5;
	border-right: 1px solid #b3b4b5;
	background-color: #FBFBFB;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;    
	color: #38393a;
} 
	
/*txtareaStyle:: Controls the text areas*/ 	
.txtareaStyle
{
	border-top: 1px solid #C7D5E0;
	border-bottom: 1px solid #C7D5E0;
	border-left: 1px solid #C7D5E0;
	border-right: 1px solid #C7D5E0;
	background-color: #FBFBFB;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;;
	font-size: 11px;    
	color: #343333;

}


/***********************************/
/*              LINKS              */
/***********************************/


/*A:: Controls the way the  Links look before a user clicks  or mouse overs on them*/ 	 
A
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
	text-decoration: underline;
	
}
	
/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ca3227;
	text-decoration: underline
}

/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline
}
	
/*A:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ca3227;
	text-decoration: underline
} 














A.normal
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	
}
	
/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A.normal:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ca3227;
	text-decoration: underline;
}

/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
A.normal:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
}
	
/*A:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A.normal:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ca3227;
	text-decoration: underline;
} 


a.none {
	color: #000;
	text-decoration: none;
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

a.none:hover {
	color: #000;
	text-decoration: none;
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

a.none:visited {
	color: #000;
	text-decoration: none;
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

a.none:hover:visited {
	color: #000;
	text-decoration: none;
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}















A.testimonial
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	
}
	
A.testimonial:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	}

A.testimonial:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	}
	
A.testimonial:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	} 

A.footer
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	
}
	
A.footer:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	}

A.footer:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	}
	
A.footer:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	} 


A.con
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline
	
}
	
/*A.con:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A.con:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0000ff;
	text-decoration: underline
}

/*A.con:visited:: Controls the way the  Links look after a user has visited that section*/ 
A.con:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: underline;
    font-weight: bold
}
	
/*A.con:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A.con:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold
	
} 


A.regulartext
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	font-size: 16px;
	font-weight: normal;
	text-decoration: underline;
	
}
	
/*A.con:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A.regulartext:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0000ff;
	text-decoration: underline;
}

/*A.con:visited:: Controls the way the  Links look after a user has visited that section*/ 
A.regulartext:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: underline;
    font-weight: normal;
}
	
/*A.con:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A.regulartext:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: underline;
	font-weight: normal;
	
} 







A.menu
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
   font-weight: bold;
	text-decoration: none;
}

A.menu:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
} 

/*A.cat:: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them*/ 	 
A.cat
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
}
	
/*A.cat:hover:: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them*/ 	
A.cat:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
	background-color:#ffffff;
	width:100%;
}

/*A.cat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/ 
A.cat:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
}
	
/*A.cat:visited:hover:: Controls the way the  Links on the left bar look when a user hovers over a section they have visited*/ 	 
A.cat:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
	background-color:#ffffff;
	width:100%;
} 

A.cat2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
}
	
/*A.cat:hover:: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them*/ 	
A.cat2:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
	width:100%;
}

/*A.cat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/ 
A.cat2:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
}
	
/*A.cat:visited:hover:: Controls the way the  Links on the left bar look when a user hovers over a section they have visited*/ 	 
A.cat2:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	line-height: 20px;
	width:100%;
} 

table.back
{
background:url(/assets/images/ContactUsGraphic.jpg) no-repeat; 
}

table.homeback
{
border-spacing:0px 0px;
border-collapse: collapse;



} 

table.homeback2
{


} 
 
 
td.homeback
{
  padding-left: 18px;
  border-bottom: 0px;
}

td.article
{
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

a.article:hover
{
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

a.article:visited
{
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

a.article:hover:visted
{
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

a.article
{
 font-size: 12px;
 font-family: tahoma, arial;
 font-weight: normal;
 font-style: none;
}

ul 
{
  list-style: square url(/assets/images/bullet.png);
}

ul.2
{
  list-style: square url(/assets/images/bullet2.gif);
}

li.white
{
  list-style: square url(/assets/images/bullet2.gif);
}

li.whitebak
{
  list-style: square url(/assets/images/bullet3.gif);
}

img.noborder
{
border: 0;
}

a.noborder
{
border: 0;
}

p.pos_fixed
{
position:fixed;
top:0px;
left:0px;
margin-top: 0px;
}


#devices {
	background: #3e9e2f;
	border: 1px solid #bcbdc0;
	border-radius: 5px;
	padding: 5px;
	overflow: hidden;
}

.iphones {
	float: left;

}

.iphone4 {
	background: -webkit-gradient(linear, 0% 50%, 100% 50%, from(#d6d6d6), to(#fefefe)); 
	background: -moz-linear-gradient(left,  #d6d6d6,  #fefefe); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#fefefe');
	padding: 40px;	
	margin: 10px;
}

.iphone4:hover {
	background: -webkit-gradient(linear, 0% 50%, 100% 50%, from(#3d3d3d), to(#d5d5d5)); 
	background: -moz-linear-gradient(left,  #3d3d3d,  #d5d5d5); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#d5d5d5');
}

.device {
clear: both;
display: block;
margin: 0px 0px 20px;
padding: 0px;
}

.device h2 {
	border-bottom: 1px dashed #4A8E1B;
	color: #4A8E1B;
	font-size: 2.5em;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	text-decoration: none;
}

.device ul li p {margin:0;clear:both;}

.device ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
	text-align: center;
	padding-left: 0;
}

.device li {
	float: left;
	background: url(/assets/images/border.gif) no-repeat 100% 50%;
	padding: 0 5px;
	margin-bottom: 10px;
}

.device li.last {background: none;}


.device a {
color: #1A2674;
display: block;
font-weight: bold;
}

.device img {
border: 2px solid white;
margin-top: 5px;
padding: 4px;
width: 137px;
}

.device .touch img, .device .ipad img {width: 176px;}

#category_desc #deviceBlock .device img {width:117px;}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	-webkit-box-shadow: -2px -2px 2px #aaa;
	box-shadow: -2px -2px 2px #aaa;
	-moz-box-shadow: -2px -2px 2px #aaa;	
	display:none;
	background:#e0f1f4;
	font-size:12px;
	width:300px;
	padding:10px;
	color:#000708;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #1e525d;
}
 
/* style the trigger elements */
#demo a {
	cursor:help;
	text-decoration: none;
	border-bottom: 1px dotted;
	color: blue;
	font-weight: bold;
}

.gfss h4 {
	color: #366092;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	font-size: 1.4em;
	margin: 10px 0;
}

.gfss table {
	border: 1px solid black;
}

.gfss h1 {
	color: #7cb73c;
	font-weight: bold;
	font-size: 22px;
}

.gfss h3 {
	background: url(images/box.png) no-repeat 0% 20%;
	padding-left: 20px;
	font-weight: bold;
}

.gfss h2 {
	color: #366092;
	font-size: 1.6em;
}

.gfss span {
	color: #7cb73c;
	font-weight: bold;
}

.gfss ul {
	list-style: none;
	margin: 0;
	padding-left: 20px;
}

.gfss li {
	background: url(images/check.gif) no-repeat 0% 0%;
	padding-left: 20px;
	margin-bottom: 5px;
}

.gfss address {
	padding: 0;
}

.note {
	font-style: italic;
	font-size: 10px;
}

.notice {
text-align: center;
background: #B00;
padding: 8px 0;
}

.notice p {margin: 0; color: white; font-size:14px; }
