/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; width:100%;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 20px 0px 0px 20px;
}

/*	******************
	COMMON TEXT STYLES
	******************
*/
P{
	color:#000000;
	font-family:Verdana,Arial,Geneva,Helvetica;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	margin:6px 0px 6px 0px;
	
}
.bread{ /*common bread style on div text*/
	font-family:Verdana,Arial,Geneva,Helvetica;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	margin:6px 0px 6px 0px;
}
.bread_news{ /*news text style*/
	font-family:Verdana,Arial,Geneva,Helvetica;
	color:red;
	font-weight:normal;
	margin:0;
	padding:4px 0 0;
	line-height:14px;
	font-size:12px;
}
.bread_note{ 
	font-family:Verdana,Arial,Geneva,Helvetica;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	line-height:12px;
	margin:6px 0px 6px 0px;
	width:50%;
}

.hidden_header{
	font-size:1px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	top:0px;
}


.box{	/*common box style*/
	background-color:#F7F7F7;
	border:1px solid #E2E2E2;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px 2px 2px 2px;
	padding:5px 0px 5px 0px;
	width:90px;
}

UL{
	list-style: none;
	margin:0px;
	padding:1px;
}
LI{
	color:#000000;
	font-family:Verdana,Arial,Geneva,Helvetica;
	font-size:10px;
	line-height:8px;
	margin:2px 0px 5px 0px;
}

A{
  color:#59BCCA;
	font-family:Verdana,Arial,Geneva,Helvetica;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	text-decoration:underline;
}

A :visited{
	color:#59BCCA;
	font-family:Verdana,Arial,Geneva,Helvetica;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	text-decoration:underline;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}
/*END OF COMMON TEXT STYLES*/



FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000;
  color: #ffffff;
  font-weight: bold;
  line-height:20px;
}
a.footer{
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  background: #000;
  color: #ffffff;
  font-weight: lighter;
  line-height:20px;
  text-decoration:none;
  margin:0px 10px;
}
a.footer:hover{ color: #ffffff; }
.questionmark{ cursor:help; }


.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  margin-left:0px;
  width:100%;
  border-width:0;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

/* Products listing styles */
#products_list_header{ /* This is the picture that should be displayed above the product listing 2009/06/10 */
	width:105px;
	height:27px;
	background-image:url('/images/ogram/1_pg.gif');
	background-repeat:no-repeat;

}
#product_list_pages_choice{
	top:5px;
	position:relative;
}
#product_list_header_content{
	margin:5px 0px 0px 0px;
}


.productListing {
	height:174px;

}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
  
}

.productListing-data {
  position:relative;
  margin-left:2px;
}
.product_listing_page{ /*The page selection style over the movies. P. Ericson 2009/06/10 */
	width:532px;
}
/*
	Products info styles
*/
#products_info_left{
	width:250px;
	float:left;
	position:relative;
}
#products_info_right{
	float:left;
	position:relative;
	width:130px;
}


/**********************
 * SOME DEFAULT HEADERS
 **********************/
.header{
	font-family:verdana,geneva,arial,sans-serif;
	font-size:18px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-bottom:20px;
}
.medium_header{
	font-family:verdana,geneva,arial,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-bottom:10px;
}
.small_header{
	font-family:verdana,geneva,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#8a8a8a;
	margin:10px 0px 5px 0px;

}

/*END OF HEADERS*/

/*the footer for popup messages*/
.popup_footer{
	position:fixed;
	top:0px;
	right:0px;
}


A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText, DIV.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/*  ###########################################
	New design attributes.
	Added for new CSS abilities of page layout.
	-P. Ericson 2009/06/08
	###########################################
*/

/*  ###############################
	ALARM BOX when an error occured
	###############################*/
.alarm_box{
	position:absolute;
	width:400px; height:200px;
	top:150px; left:150px;
	background-color:#EAEAEA;
	border: 3px solid #525252;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	z-index:100;
	padding:5px;
}
.alarm_box *{
	position:relative;
}
.alarm_box li{
	font-size:14px;
	line-height:14px;
	margin:5px 0px 10px 15px;
}
.alarm_box a{
	font-size:12px;
	line-height:12px;
	margin-left:100px;
}
.opaque{
	position:fixed;
	left:0px; top:0px;
	width:100%;height:100%;
	background-color:#646464;
	opacity: .5;
	z-index:30;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
* html .opaque{
	position:absolute; display:block;
}

.x_close{
	background-image:url('/images/ogram/x.gif');background-repeat:no-repeat;
	width:12px; height:12px;
	margin-left:100%;
	display:block;
	cursor:pointer;
}

/*  #################################
	FOOTER POPUP - also uses alarmbox
	#################################*/
.footer_box{
	overflow:hidden;
	 width:281px;
	padding:5px 20px;
	margin-left:14%; 
	margin-right:36%; 
	padding-bottom:20px;
	top:30px; left:0px;
	position:absolute;
	z-index:100;
	
}
.footer_popup_top{
	background-image:url('/images/ogram/footpop_top.gif');background-repeat:no-repeat;
	width:281px;height:21px; 
}
.footer_popup_bot{
	background-image:url('/images/ogram/footpop_bot.gif');background-repeat:no-repeat;
	width:281px;height:21px; 
}
.footer_popup_content{
	background-image:url('/images/ogram/footpop_body.gif');background-repeat:repeat-y;
	position:relative;
	width:223px;
	padding:5px 30px;
	
}

/*  ###################################
	PRODUCTS POPUP - also uses alarmbox
	###################################*/
.products_box{
	overflow:hidden;
	 width:500px;
	padding:5px 20px;
	margin-left:5%; 
	margin-right:40%; 
	padding-bottom:20px;
	top:30px; left:0px;
	position:absolute;
	z-index:100;
	
}
.products_popup_top{
	background-image:url('/images/ogram/productpop_top.gif');background-repeat:no-repeat;
	width:500px;height:21px; 
}
.products_popup_bot{
	background-image:url('/images/ogram/productpop_bot.gif');background-repeat:no-repeat;
	width:500px;height:21px; 
}
.products_popup_content{
	background-image:url('/images/ogram/productpop_body.gif');background-repeat:repeat-y;
	position:relative;
	width:440px;
	padding:5px 30px;
}



/* 	####################
	Site standard widths
	####################
*/
.site_main_tables{	width:630px;	}
.site_width{	width:630px;	}
.site_center_width{ width:532px; }

/*	##########################
	CSS lines, undefined width (because of IE6 line width is now defined...)
	##########################	
*/
.line_1, .line_2, .line_3, .line_5, .line_10, .line_15{ background-color:#000; margin:0px 0px 2px 0px;	width:630px; line-height:0px; font-size:0px; color:#000; clear:both;}
.line_1{	 height:1px; }
.line_2{	 height:2px;}
.line_3{	 height:3px;}
.line_5{	 height:5px; }
.line_10{	 height:10px;}
.line_15{	 height:15px;}

.breakpoint{ height:1px; margin:4px 0px 5px 0px;} /* 10px whitespace */
.line{background-image:url('/images/ogram/line.gif'); background-repeat:no-repeat;}
.dotted_line_2{width:249px;height:3px;background-image:url('/images/ogram/dotline3.gif');background-repeat:no-repeat;}
.dotted_line_3{width:299px;height:3px;background-image:url('/images/ogram/dotline3.gif');background-repeat:no-repeat;}
.dotted_line_horizontal{margin:0px 10px; width:3px;height:220px;background-image:url('/images/ogram/hdotline.gif');background-repeat:no-repeat;}
/*  ######################
	Common content holders
	######################	
*/
.content_holder{
}
#footer_content{ margin-top:10px; }

/*	###################
	Index header styles
	###################
*/
#header_main_content{}
#header_main_logo{
	width:300px;
	height:88px;
	background-image: url('/images/ogram/logga_pg.gif');
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	float:left;
	left:169px;
}

#header_price_button{
	width:81px;
	height:81px;
	position:relative;
	float:right;
}

#header_help_buttons{
	float:right;
	position:relative;
	top:5px;
	width:120px;
	margin-bottom:6px;
	
}
#help_tips{
	width:77px; height:9px;
	top:50px;
	background-image:url('/images/ogram/tip2.gif');background-repeat:no-repeat;
	margin:1px;
	display:block;
}
#help_works{
	width:117px; height:13px;
	background-image:url('/images/ogram/how2.gif');background-repeat:no-repeat;
	margin:1px;
	display:block;
}

/* 	######################
	Secondary header image - ex. order_success, product_payment
	######################	
*/
.small_header_logo{
	width:173px; height:13px;
	background-image:url('/images/ogram/pocketogram2.gif'); background-repeat:no-repeat;
	position:relative;
	top:10px; margin-top:40px;
	display:block;
}
/*	###########################
	RIGHT COLUMN - banners etc.
	###########################
*/
#column_right{
	position:absolute;
	top:0px;
	left:660px;
	clear:both;
}



/*	#########################################
	Order success and receipt specific styles
	#########################################
*/
#order_success_body{ margin-top:40px; }
#order_success_text_image{
	width:292px; height:148px;
	background-image:url('/images/ogram/tack_pg.jpg');background-repeat:no-repeat;
	margin:1px;
}
#order_success_receipt{
	width:278px; height:68px;
	background-image:url('/images/ogram/print_2.gif');background-repeat:no-repeat;
	margin:10px 1px 1px 1px;
}
#order_success_left{ width:47%;}
#order_success_right{height:500px;}
#send_more_img{
	width:278px; height:68px;
	background-image:url('/images/ogram/sendmore_pg_2.gif');background-repeat:no-repeat;
}
#customer_research_img{
	width:278px; height:130px;
	background-image:url('/images/ogram/order_undersokning.gif');background-repeat:no-repeat;
	margin:10px 0px;
}
#tell_your_friends_img{
	width:278px; height:68px;
	background-image:url('/images/ogram/tipfriends_pg_2.gif');background-repeat:no-repeat;
	position:relative;
	margin:10px 0px;
}
#pocketklubben_img{
	width:293px; height:69px;
	background-image:url('/images/ogram/pocketklubben_2.gif');background-repeat:no-repeat;
	position:relative;
	margin:10px 0px;
}
.fv_admin_button{
	width:258px; height:110px;
	margin:10px 0px 20px 0px; padding:10px;
	color:#FFF;
	cursor:pointer;
	background:#FFFFFF url('/images/ogram/order_komp.jpg') no-repeat scroll left top;

}
.fv_admin_button_done{
	width:258px; height:110px;
	margin:10px 0px 20px 0px; padding:10px;
	color:#FFF;
	cursor:pointer;
	background:#FFFFFF url('/images/ogram/order_done.jpg') no-repeat scroll left top;
}

/*	############################
	Shoppingcart specific styles
	############################
*/
#shop_cart_table{width:530px;}
.shop_cart_all{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding:2px 0px 2px 0px;
}
.shop_cart_model {	width : 15%; }
.shop_cart_name {width:40%;}
.shop_cart_prodnr {width:30%}
.shop_cart_remove {width:10%}




/*	################################
	message and order content styles
	################################
*/
#pre_footer{ 
	width:630px; 
}
#message{ width:252px; height:52px; }
#message_order_content{
	position:relative;
	float:right;
	width:254px;
	top:3px;
	display:inline;
}
#message_header_image{
	width:151px; height:27px;
	background-image:url('/images/ogram/3.gif');background-repeat:no-repeat;
}
#order_header_image{
	width:169px; height:26px;
	background-image:url('/images/ogram/41.gif');background-repeat:no-repeat;
	float:left;
}
#order_content{	margin:10px 0px 0px 0px; }
#go_to_purchase_img{
	padding:0px 193px 46px 0px;
	background-image:url('/images/ogram/cashbox_4.gif');background-repeat:no-repeat;
	margin:5px;
	cursor:pointer;
	border:0px;
	line-height:0px;
	font-size:0px;
	text-align:justify;
	background-color:#FFFFFF;
	color:#FFFFFF;
}
#add_to_basket{
	padding:0px 32px 34px 0px;
	width:36px;
	background-image:url('/images/ogram/ok_2.gif');background-repeat:no-repeat;
	margin-left:10px;
	cursor:pointer;
	border:0px;
	font-size:0px;
	line-height:0px;
	float:left;
	background-color:#FFFFFF;
	text-align:justify;
	background-color:#FFFFFF;
	color:#FFFFFF;
	
}

#use_your_code_image{
	width:280px; height:26px;
	background-image:url('/images/ogram/32.gif');background-repeat:no-repeat;
}
#use_your_code_image_2{
	width:280px; height:26px;
	background-image:url('/images/ogram/42.gif');background-repeat:no-repeat;
}
#confirm_your_purchase_image{
	
	padding:0px 192px 46px 0px;
	background-image:url('/images/ogram/cashbox_5.gif');background-repeat:no-repeat;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
}


/*	###############################
	product payment specific styles
	###############################
*/
#payment_content{
	
}
#payment_shop_cart_content{
	width:282px; height:494px;
	margin:40px 0px 0px 0px;
	position:relative;
	background-image:url('/images/ogram/cartbox.gif');background-repeat:no-repeat;
}

#payment_shop_cart{
	width:262px; height:430px;
	left:15px; top:15px;
	overflow:auto;
	overflow-x:hidden;
	position:relative;
}
#payment_total_cost{
	width:243px; height:24px;
	left:15px; top:15px;
	position:relative;
	text-align:center;
	background-image:url('/images/ogram/totalcostbox.gif');background-repeat:no-repeat;

}
.payment_shop_cart_element{
	left:15px; top:15px;
	position:relative;
}
#payment_info_content{
	margin:40px 0px 0px 20px;
	width:312px;
}
#payment_info_header_image{ /* ------> Header image for payment info.*/
	width:152px; height:25px;
	background-image:url('/images/ogram/finishpurchase.gif');background-repeat:no-repeat;
}
#payment_terms{
	margin:10px 0px 15px 0px;
}
#billing_image{
	width:135px; height:44px;
	background-image:url('/images/ogram/faktureramig.jpg');background-repeat:no-repeat;
}
#credit_image{
	width:299px; height:44px;
	background-image:url('/images/ogram/cards.gif');background-repeat:no-repeat;
}
#payment_choice_radiobuttons{width:70%;}

#product_billing_form_submit{
	width:312px;height:76px;
	background-image:url('/images/ogram/confirm_2.gif');background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
	cursor:pointer;
	display:block;
}


/*	#########################
	Shoppingcart small styles (used in product payment)
	#########################	
*/
#shop_cart_table_small{
	position:relative;
	width:240px;
	padding:3px 0px 3px 0px;
	
}
.shop_cart_send_info_small{  }
.shop_cart_name_small{float:left; position:relative; margin:3px 0px 3px 0px;}
.shop_cart_remove_small{float:right; position:relative; margin:3px 3px 3px 0px;}
.shop_cart_creator_small{font-style:italic; color:#000; font-weight:normal;}

/*	############################
	Customer info content styles
	############################	
*/
#customer_info_content{
	position:relative;
	float:left;
	left:10px;
	width:303px;
	display:inline;
}
/*	##############
	Receipt styles
	##############
*/
.receipt_list_item{
	color:#000000;
	font-family:Verdana,Arial,Geneva,Helvetica;
	font-size:10px;
	line-height:8px;
	margin:3px 0px 3px 0px;
}



/*	######################################
	 Div form elements!
 	- Mainly used for the adress+name form
 	customer_info.php
 	######################################
 */
#adress_form_header{ 
	width:155px;
	height:27px;
	background-image:url('/images/ogram/2.gif');background-repeat:no-repeat;
}
 
.form_element_content{display:block; position:relative; margin:5px 0px; float:left; width:100%;}
.form_element{display:inline; position:relative;}
.input_description{
	color:#000000;
	font-family:Verdana,Arial,Geneva,Helvetica; font-size:10px; font-weight:normal; line-height:14px;
	display:inline;
	float:left;
	width:62px;
	height:12px;
	}
.input_same_line_desc{
	color:#000000;
	font-family:Verdana,Arial,Geneva,Helvetica; font-size:10px; font-weight:normal; line-height:14px;
	margin:0px 9px;
	display:inline;
	float:right;
	height:12px;
	}
.input_div{
	float:right;
	height:12px;
}
.input{ 
	background-color:#FFFFFF;
	border:1px solid #7F9DB9;
	color:#000000;
	height:12px;
	font-family:Verdana,Arial,Geneva,Helvetica; font-size:10px; font-weight:normal;
}
input[type='submit']{
	border:0px;
	background-color:#FFF;;
	color:#FFF;
}

/*	########################
	Arrows and common images
	########################
*/
.left_arrow_button, .right_arrow_button,
.left_arrow_button_noc, .right_arrow_button_noc{
	height:9px;
	margin:0px 3px;
	display:inline-block;
	padding-right: 5px;
	
}
.left_arrow_button{
	background-image:url('/images/ogram/leftarrow_2.gif');background-repeat:no-repeat;
}
.left_arrow_button_noc{
	background-image:url('/images/ogram/leftarrow_2_noc.gif');background-repeat:no-repeat;
}
.right_arrow_button{
	background-image:url('/images/ogram/rightarrow_2.gif');background-repeat:no-repeat;
}
.right_arrow_button_noc{
	background-image:url('/images/ogram/rightarrow_2_noc.gif');background-repeat:no-repeat;
}
.left_arrow_button_large, .right_arrow_button_large,
.left_arrow_button_large_noc, .right_arrow_button_large_noc
{
	width:9px; height:134px;
	display:block;
}
.left_arrow_button_large{
	background-image:url('/images/ogram/largearrowleft.png');background-repeat:no-repeat;
	margin-left:1px;
}
.left_arrow_button_large_noc{
	background-image:url('/images/ogram/largearrowleft_noc.png');background-repeat:no-repeat;
	margin-left:1px;
}
.right_arrow_button_large{
	background-image:url('/images/ogram/largearrowright.png');background-repeat:no-repeat;
	margin-left:2px;margin-right:1px;
}
.right_arrow_button_large_noc{
	background-image:url('/images/ogram/largearrowright_noc.png');background-repeat:no-repeat;
	margin-left:2px;margin-right:1px;
}

/*	#######################
	common alignment styles
	#######################
*/
.left{float:left;}
.right{float:right;}
.block{display:block; margin:0px 0px 4px 0px;}
.center{margin-left:auto; margin-right:auto;}
.inline{display:inline;  margin:0px 0px 0px 0px;}
.rel_top{top:0px;}
.rel_bottom{bottom:0px;}
.rel_left{left:0px;}
.rel_right{right:0px;}
.small_margin{margin:3px 1px;}
.medium_margin{margin:5px 2px;}
.large_margin{margin:10px 3px;}
.side_margin{margin:3px 20px;}
/*	###########################
	Clearfix for float elements
	###########################
*/
.clearfix{
	zoom: 1; 
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; 
    font-size:0px;
    line-height:0px;
    height:0px;
}
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*
Clearfix for IE  <--triggers hasLayout

<!--[if IE]>
  .clearfix {
    zoom: 1;    
    }
*/