body{



  background : #CCCCCC;



  color: #000000;



  margin: 0px;



  padding: 0px;



  font-size : 10pt;



  font-family: Arial, Helvetica, sans-serif;



  min-width: 770px; 



  /* Internet Explorer doesn't accept min-width therefore we 



   use the following Dynamic Expression to set the width */



  width:expression(document.body.clientWidth < 850 ? "770px" : "100%" );



}



/* ~~~~~~~~~ default hyper links ~~~~~~~~~*/



/* See Template CSS files */



/* ~~~~ Header  and Footer File ~~~~ */



.ac_header, .ac_mainbody{



  width :100%;



  font-size : 10pt;



}



.ac_header{



  background-color : #680098;



  padding: 0px;



  text-align: center;



  font-family : Verdana, Arial;



  color: #FFFFFF;



}



h1#ac_h1 {



  font-size : 15pt;



  font-weight : bold;



  margin: 0px;



  color: #FFFFFF;



}



h2#ac_h2 {



  font-style : italic;



  margin: 0px;



  font-size: 12pt;



  color: #FFFFFF;



}



.ac_left_nav h3 {



  color : #FF0000;



  font-weight : bold;



  text-align: center;



  margin: 0px;



  padding: 5px 0px 0px 5px;



  font-size: 10pt;



}



.ac_left_nav hr{



  padding:0px;



  margin: 25px 0px 25px 0px;



  width : 95%;



}



.ac_header_search{



  text-align: right;



  vertical-align : middle;



}



.ac_mainbody, .ac_cart_summary{



  background-image : url(agora.cgi?secpicserve=steelgrey.jpg);



  background-color : #cccccc;



}



.ac_mainbody{



  padding: 0px;



  margin: 0px;



}



.ac_left_nav{



  width: 155px;



  vertical-align : top;



  padding: 0px;



  padding-top: 15px;



}



a.ac_left_links {



  text-align: left;



  padding-right: 5px; 



  padding-left: 5px;



  font-size: 10pt;



  font-weight: normal;



  text-decoration : underline;



}



a.ac_left_sub_links {



  text-align: left;



  padding: 0px;



  padding-right: 3px; 



  padding-left: 18px;



  font-size: 9pt;



  font-weight: normal;



  text-decoration : none;



}



.ac_cart_summary{



  font-size: 12pt;



  width:100%;



  color: #000000;



  text-align: center;



  padding: 0px;



  padding-top:10px;



  padding-bottom:10px;



}



.ac_copyright{



  text-align: center;



  font-size: 10pt;



  background-color: #FFFFFF;



  padding: 0px;



  padding-top:10px;



  padding-bottom:10px;



} 



div#ac_html_validator{



  text-align: center;



  padding-top : 100px;



  vertical-align : bottom;



}



/* Cart Links Variations */



  /* standard vertical list no padding no indicator */    



.ac_left_nav ul{



  margin-left: 0px;



  margin-top: 0px;



  padding-left: 0px;



  list-style: none;



}



/* horizontal links with a link vertical between each pair



First listed item must be of class first */



.ac_bottom_links{



  text-align: center;



  padding: 5px 0px 5px 0px;



}



.ac_bottom_links ul{



  margin-left: 0px;



  padding-left: 0px;



  display: inline;



  text-align: center;



}



.ac_bottom_links ul li{



  font-size:10pt;



  padding: 5px 10px 5px 10px;



  list-style: none;



  display: inline;



  border-left: 1px solid #000000;



}



.ac_bottom_links ul li.first{



  border-left: 0px;



}



/*Vertical Links with no indicator but are centered*/



.ac_vertical_links{



  text-align:center;



}



.ac_vertical_links ul{



  margin-left: 0px;



  padding-left: 0px;



  display: inline;



  text-align: center;



}



.ac_vertical_links ul li{



  font-size: 10pt;



  padding: 0px 10px;



  list-style: none;



  display: inline;



}







/* ~~~~~ Error Message ~~~~~ */



/* This is the formating for the error message a user recieves */



p.ac_error{



  width: 500px;



  text-align: center;



  color: #FF0000;



  font-size:12pt;



  padding: 10px 0px 10px 0px;



  margin: auto;



}







/* ~~~ Product listings ~~~ */



.ac_content{



  background-color: #FFFFFF;



  vertical-align : top;



  padding: 0px; 



  padding-bottom: 25px;



}

/* ~~~ the size of product page 650px ~~~ */

.ac_product_table{



  width: 100%;



  vertical-align : top;



  margin: 10px auto;



  text-align: centre;



}











/*~~~~~~ Product Pages ~~~~~~~  */



/* This is the formatting message the user sees when an item is added to the cart*/



th.ac_add_message{



  color: #FF0000;



  text-align: center;



}



/* ~~~ Search Results ~~~ */

/* ~~~ Found 22 items, showing 1 to 12.    Last 10 Matches ~~~ */

.ac_seach_results{



  margin: 0px auto;



  background-color:#f0f0f0;



  width:650px;



  font-size:9pt;



  text-align:center;



}



p.ac_search_no_results{



  text-align:center;



  margin: 50px auto;



  font-size:12pt;



}



h3.ac_product_name{



  font-size:10pt;



  color:#000000;



  margin:5px 5px 2px 5px;



  font-weight : bold;



  text-align:left;



}





}

table.wholebackground1{

	background-image: url(html/images/gizmo/productheader.jpg);
	border: none;

	margin: 0px;

	padding: 0px;

	background-repeat: no-repeat;

	background-position: left top;

}

table.wholebackground2{

	background-image: url(html/images/gizmo/productbackground.gif);

	border: none;

	background-repeat: repeat-x;

	background-position: 650px;





}

/*~~~~~~~~~~frontage~~~~~~~~*/

.frontpage{

	text-indent: 0pt;

	padding-left: 10px;

	font-size: 13px;



}

.ac_product_desc{

	text-align : justify;

	font-size:9pt;

	margin: 0px;

	border-top-width: 1px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	padding-left: 10px;



}



.ac_product_desc2{

	text-align : justify;

	font-size:9pt;

	margin: 0px 0px 0px 0px;

	border-top: 1px none #CCCCCC;

	border-right: 1px none #CCCCCC;

	border-bottom: 1px none #CCCCCC;

	border-left: 0px none #CCCCCC;



}



.smallfont

{

	font-size: 11px;

	color: #FFFFFF;

}







.highlight

{

	background-color:#FFA319;

	font-size: 11px;

	color: #FFFFFF;

}



.highlight2

{

	background-color:#FFA319;

	font-size: 11px;

}



.highlight3

{

	background-color:#E3E3E3;

	font-size: 12px;

}

.ac_product_price{



  color: #FF0000;



  font-size:10pt;



  white-space : nowrap;



  font-weight : bold;



}



.ac_product_outofstock{



  color: #FF0000;



  font-size:10pt;



  white-space : nowrap;



  font-weight : bold;



}



.ac_product_available{



  color: #FF0000;



  font-size:9pt;



  white-space : nowrap;



  font-weight : normal;



}



.ac_product_opt-add{



  text-align:center;



  font-size:10pt;



}



.ac_product_image{

	text-align:center;

	width:auto;

	border: none;



}



.ac_add-quantity{



  text-align: center;



}



/*~~~ Options ~~~~*/



.opt_border{



  font-size: 10pt;



  text-align: center;



  border: 1px solid #CCCCCC;



  margin: 0px auto; 



}



th.opt_border{



  padding:0px 2px;



}



.no_border{



  font-size: 10pt;



  border: none;



  margin: 0px auto;



}



th.no_border{



  padding:0px 2px;



}







.opt_center{



  font-size: 10pt;



  text-align:center;



  margin: 0px auto  



}



th.opt_center{



  padding:0px 2px;



}







select.opt_select{



  width:125px;



  text-align:left;



}



/* ~~~~~~ View Cart Table ~~~~~~*/



table.ac_cart_table{

	background-color: #F0F0F0;

	width: 633px;

	margin:0px;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 0px;

	margin-bottom: 0px;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size : 10pt;

	text-align: center;



}

/*~~~~~~~view cart banner control in agora_order_lib~~~~~~~~*/

table.ac_cart_table2{

	background-color: #FFFFFF;

	width: 633px;

	margin:0px;

	margin-left: 0px;

	margin-right: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size : 10pt;

	text-align: center;

	border: none;



}



table.ac_cart_table th{

	font-size : 10pt;

	background-color: #508DC8;

	margin:0px;

	width: auto;

	vertical-align : top;

	padding: 0px;



}



table.ac_cart_table td{



  background-color: #FFFFFF;



  color: #000000;



  border: 0px;



  width: auto;



}



/* ~~~~~ Order Totals Table from View Cart Page ~~~ */



table.ac_totals_table{



  background-color: #F0F0F0;



  width: 633px;

  

  font-size: 10pt;



  color: #000000;



  margin-top: 5px;



  margin-bottom: 0px;



  margin-left: auto;



  margin-right: auto;





}



table.ac_totals_table th{

	text-align:center;

	background-color: #FFA319;

	width:auto;





}



table.ac_totals_table td{



  text-align: right;

  background-color: #FFFFFF;



}



/* ~~~~~~ Check Out Pages ~~~~~~ */



.ac_checkout{

   

	width: 633px;

	font-size : 10pt;



}



td.ac_checkout_top_col{

	width: 633px;

	height:30px;

	background-image: url(html/images/gizmo/infoheader.jpg);

	background-repeat: no-repeat;

	font-size : 13pt;

	font-weight: bold;

	text-align : left;

	padding: 0px 20px;

	background-position: 0px;

	margin: 5px;

    border-right-style: solid;

	border-right-color: #508DC8;

	border-right-width: 1px;





}



td.ac_checkout_left_col{

	text-align: left;

	width: 20%;

	white-space : nowrap;

	padding: 0px;

	background-color: #F2F7FB;

	text-indent: 8pt;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #508DC8;



}



td.ac_checkout_right_col{

	text-align: left;

	background-color: #F2F7FB;

	width: 80%;

	border-right-style: solid;

	border-right-color: #508DC8;

	border-right-width: 1px;





}

td.spacing{

	border-right-style: solid;

	border-right-color: #508DC8;

	border-right-width: 1px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #508DC8;

}



.ac_missing_field{



  width: 500px;



  text-align:center;



  color: #FF0000;



  font-size:12pt;



  padding: 0px;



  padding-top:10px;



  border-top:1px solid #000000;



}

.confirm_header{

  background-image: url(html/images/gizmo/infoconfirm.gif);

  width: 500px;

  height: 80px;

  background-color: #FFFFFF;

}



.ac_checkout_top_msg{



  background-color: #FFFFFF;



  width: 500px;



  text-align:left;



  padding: 3px;



  margin: 0px auto;



}



.ac_checkout_review{



  background-color: #FFFFFF;



  font-size: 10pt;



  border: 1pt solid #AAAAAA;



  margin: 0px auto;



  width: 500px;



}



th.ac_checkout_review, 



td.ac_checkout_review, 



td.ac_checkout_review_col1, 



td.ac_checkout_review_col2 {



  border: 1pt solid #538FCA;



  padding: 3px;



}



.ac_checkout_review_col1{



  width: 150px;



}



.ac_checkout_review_col2{



  width: 350px;



}







.center{



  text-align:center;



}



img{



  border:0px;



  margin: 0px;



}