/**

 * Magento

 *

 * NOTICE OF LICENSE

 *

 * This source file is subject to the Academic Free License (AFL 3.0)

 * that is bundled with this package in the file LICENSE_AFL.txt.

 * It is also available through the world-wide-web at this URL:

 * http://opensource.org/licenses/afl-3.0.php

 * If you did not receive a copy of the license and are unable to

 * obtain it through the world-wide-web, please send an email

 * to license@magentocommerce.com so we can send you a copy immediately.

 *

 * DISCLAIMER

 *

 * Do not edit or add to this file if you wish to upgrade Magento to newer

 * versions in the future. If you wish to customize Magento for your

 * needs please refer to http://www.magentocommerce.com for more information.

 *

 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)

 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

 */

/******************************************/

/***********[ Mage_CSS_A Reset ]***********/

/******************************************/



* { margin:0px; padding:0px; }



body        {

	color:#444;

	font:12px/1.55em arial, helvetica, sans-serif;

	text-align:center;

	background-color: #000;

	background-image: url(../images/africa.jpg);

	background-repeat: repeat-x;

	background-position: center top;

}

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

a:hover     { color:#EAB006; text-decoration:underline; }
a:active     { border: 0; }

a img       { border:0;}
a:active img       { border:0;}

:focus      { outline:0; }

td a{ color:#EAB006; }

/* Heading */

h1          { font-size:2em; line-height:1.17em; }

h2          { margin-bottom:.4em; font-size:1.5em; line-height:1.2em; }

h3          { margin-bottom:.2em; font-size:1.35em; line-height:1.2em; }

h4          { margin-bottom:.4em; font-size:1.05em; line-height:1.35em; }

h5          { margin-bottom:.4em; font-size:1.05em; line-height:1.35em; }

h6          { margin-bottom:.1em; font-size:1em; line-height:1.35em; }



/* Table */

th          { vertical-align:top; font-weight:bold; text-align:center; padding: 5px; }

td          { vertical-align:top; padding: 5px; text-align:center; }



/* Paragraph */

p           { margin-bottom:.9em; }

address     { margin-bottom:.4em; font-style:normal; line-height:1.4em; }

cite        { font-style:normal; font-size:10px;}

q:before, 

q:after     { content:'';}



/* Form */

form        { display:inline;}

fieldset    { border:none; }

legend      { display:none;}

label       { color:#555;  font-weight:bold; }

input, 

select, 

button      { vertical-align:middle; margin-bottom:7px; }



/* Lists */

dt          { display:block; font-weight:bold; }

ul,ol       { list-style:none; }



/* Size */

small       { font-size:.85em; }

big         { font-size:1.15em; }

hr          { height:0; margin:8px 0; overflow:hidden; visibility:hidden; }

/* World Cup */

.group		{ padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; vertical-align: middle; }

.flag		{ float: left; padding-left: 8px; padding-right: 8px; }

.country	{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase; vertical-align: middle; }

/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file.
		   Refer to README.txt to review markup requirements.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

body{
margin: 0px;
}

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}