/* @override 
	http://dev.littleworldgifts.com:8000/media/css/style.css
	http://dev.littleworldgifts.com:8000/css/style.css
	http://127.0.0.1:8000/static/css/style.css
	http://dev.littleworldgifts.com:8000/static/css/style.css
	http://192.168.1.72:8000/static/css/style.css
	http://www.littleworldgifts.com/static/css/style.css
	http://www.littleworldgifts.com/static/css/style.css?122650
	http://dev.littleworldgifts.com:8000/static/css/style.css?v=280710
	http://www.littleworldgifts.com/static/css/style.css?v=280710
	http://dev.littleworldgifts.com:8000/static/css/style.css?122650
*/

/* @group Page */

html { 
	font-family		: Georgia, "Times New Roman", Times, serif;
	text-decoration : none;
	height          : 100%;
	font-size		: 62.5%;
}

h1,h2,h3{
	font-family		: Georgia, "Times New Roman", Times, serif;
}

h2,h3{
	font-style	: italic;
	margin		: 0.2em 0;
}

h1 {
	font-size		: 2em;
}

h2 {
	font-size		: 1.8em;
}

h3 {
	font-size		: 1.6em;
}

h4 {
	font-size		: 1.4em;
}

body {
	position	: relative;
	width		: 960px;
	margin		: 3em auto;
}

hr{
	margin		: 1em 0;
}

#content li{
	list-style-type: circle;
	margin-left :1em;
	font-size   :1.5em;
	padding		: 0.1em 0em;
}

#content ul{
    margin-bottom	: 2em;
    margin-left		: 2em;
}

/* @group Layout Tricks */

/* @group Vertical Centering */

/* See perishablepress.com about this technique of vertical alignment */

div#distance {
	margin-bottom: -1em; /*must be half the size the height of the content div*/
	background: white;
	width: 1px;
	height: 50%;
	float: left;
}

div.vertical-distance-centered-content{
	height: 2em; /*must be big enough to contain all the content for vertical alignment to work*/
	clear: left;
}

/* @end */

/* @end */

/* @end */

/* @group Header */

div#header{
	padding			: 0 20px;
	margin-bottom	: 3em;
	height			: 110px;
}

div#header img#logo{
	float			: right;
}

div#header h1{
	float			: left;
	font-size		: 2.1em;
	text-align		: left;
	padding			: 35px 0px 35px 0px;
	font-style		: italic;
	padding-bottom	: 5px;
	/* calculated from img logo size and padding */
}

div#masthead img#banner{
	margin-bottom		: 1em;
}

div#masthead{
	margin-bottom		: 3em;
}

div#social-buttons{
	display		: block;
}

/* @end */

/* @group Footer */

#footer{
	text-align		: center;
	margin	        : 4em 0;
	color			: gray;
	font-family		: sans-serif;
}

#footer a{
	padding		: 0 0.25em;
}

#footer p{
	font-size		: medium;
	margin-bottom	: 2em;
}

#footer img{
	margin-left: auto;
	margin-right: auto;
	display		: block;
}

#footer p#legalese{
	font-size		: 1.2em;
	font-family		: sans-serif;
}


/* @end */

/* @group Content Styling */

#content {
	height		: ;/*vertically centered, height should be in a style in the page*/
	margin		: 0 auto;
	font-family	: "Helvetica Neue", helvetica;
	width		: 100%;
}

#content.right{
	width		:520px;
}

#content p#prebutton-calltoaction{
	text-align		: center;
	font-size		: 1.5em;
	padding			: 1em 0em 0em 0;
	font-weight		: bold;
}

#content h1{
	font-size	: 2.5em;
	margin		: 0.25em 0 0.1em 0;
	font-family	: Georgia, "Times New Roman";
	font-style		: italic;
}

#content p{
	margin-bottom	: 1em;
	font-size		: 1.6em;
	line-height		: 1.5em;
	text-align		: left;
}

#content p a {
	font-size		: medium;
}

#content p a:hover, #footer p a:hover {
	text-decoration		: underline;
}

.fb_iframe_widget{
	background-color		: transparent;
}

/* @group Words Only Pages */

#words h1{
    border-top  : 1px solid;
    border-color: #c0c0c0;
    background-color: #edf5f1;
	padding     : 0.25em 0.4em;
}

#words p{
	padding-top	: 0.5em;
	padding-bottom: 0.25em;
}

#words blockquote {
	margin-left	: 1em;
	font-style		: italic;
}

/* @end */

/* @end */

/* @group Images */

div#gift-sending{
	background	: url(../images/gift-sending.png) no-repeat center top;
	border		: 0px solid black;
	width		: 100%;
	margin		: 4em 0 3em 0em;
}

div#gift-sending img{
	position		: relative;
	width			: 60px;
	height			: 60px;
	margin-left		: 220px;
	margin-top		: 35px;
}

img#gift-large {
	background-image: url(../images/hero_back.jpg) ;
	border		: 15px solid #fff;
	-moz-box-shadow: 0px 2px 5px #ccc;  
  	-webkit-box-shadow: 0px 2px 5px #ccc;
}


/* @end */

/* @group Ornaments */

.text-shadow{
	text-shadow		: 0px 1px 0px #fff;
}
	
.rounded{
	-moz-border-radius:7px; 
	-webkit-border-radius: 7px;
}

p.text-justify{
	text-align		: justify;
}

img#spinner {
	display: block;
	margin: 1em auto;
}

/* @group Decorative Dvider */

div.hr-decorative{
	width			: 100%;
	height			: 1px;
	border-top-style: dotted;
	border-top-width: 1px;
	margin			: 15px 0px 10px 0px;
	text-align		: center;
	padding-top		: 1px;
}

div.hr-decorative img{
	top 			:-7px;
	position		: relative;
}

/* @end */

/* @end */

/* @group UI */

/* @group JS */

/* @group Scrollable */

.scrollable {
	position:relative;
	overflow:hidden;
}

.scrollable .items {
	width:20000em;
	position:absolute;
}


/* @end */



/* @end */

/* @group Colors */

.panel, .green{
	background-color: #e8eae1;
}

/* @end */

/* @group GiftTray */

#giftTray .scrollable, #giftTray div#shelf{
	width		: 850px;
}

#giftTray div.tray-fade{
	width		: 50px;
	height		: 128px;
	position	: absolute;
	background	: url(../images/tray-fade.png) no-repeat;
	z-index		: 999;
	margin-top	: -4px;
}

#giftTray div.tray-fade.left{
	left		: 53px;
}

#giftTray div.tray-fade.right{
	background-position	: -50px 0px;
	right				: 53px;
}

#giftTray .scrollable{
	height		: 124px;
	float		: left;
}

#giftTray div#shelf{
  	-moz-box-shadow: 0px 3px 3px #ccc;  
  	-webkit-box-shadow: 0px 4px 10px #ccc;
  	height		: 10px;
	border		: 0;
	background	: #f8f8f8;
	margin		: 0 auto;
	margin-top	: -4px;
}


#giftTray ul, #giftTray ul li{
	float	:left;
}

#giftTray li a img{
	-moz-opacity:0.9; _filter:alpha(opacity=90); opacity:0.9;
	-webkit-transition: .10s opacity linear;
}

#giftTray li a img:hover{
	-moz-opacity:1; _filter:alpha(opacity=100); opacity:1;
}

#giftTray ul{
	height		: 122px;
}


#giftTray a.browse{
	width		: 30px;
	height		: 128px;
}

#giftTray a.left{
    background: url(../images/tray-endcap-left.png) 0 0 no-repeat;
}


#giftTray a.right {
    background	: url(../images/tray-endcap-right.png) 0px 0px no-repeat;
}

#giftTray a.right:active, #giftTray a.left:active{
	background-repeat		: no-repeat;
	background-position		: -30px 0px;
}

div.panel.fb #giftTray{
	margin-bottom		: 3em;
}

/* @end */

/* @group Panel */
div.panel h3, div.panel h4{
	color		: #5f5f5f;
	padding		: 0 0 0.5em 0;
}

div.panel{
	padding		: 20px;
	border		: 5px solid #dfe1d7;
	margin-bottom: 2em;
	background	: #fff;
}

div.panel #sidebar{
	width		: 40%;
	font-size	: small;
}

#content img#badge{
	position		: absolute;
	right			: 25px;
}

#sidebar {
	font-family		: "helvetica neue", helvetica;
	font-size		: 1.1em;
}

#sidebar, #content{
	margin-top		: 0em;
}

div.panel.fb div#content{
	width		: 580px;
}
div.panel.fb div#sidebar{
	width		: 300px;
}
#sidebar a{
	display		: block;
	font-weight	: lighter;
}


/* @end */

/* @group Links */


a {
	color			: #6a9746;
	font-family		: Helvetica, Arial;
	font-style		: normal;
	font-weight		: bold;
	text-decoration	: none;
	font-size		: medium;
}

a em{
	font-style		: normal;
	text-decoration	: underline;
}

a img{
	line-height			: 42px;
}

/* @group Video Links */

a.more{
	position	: relative;
	display		: inline-block;
	margin-right: 20px;
}

span.play{
	background	: url(../images/play-small.png);
	top			: 1px;
	left		: 1px;
	width		: 45px;
	height		: 30px;
	display		: block;
	position	: absolute;
	-moz-opacity:0.6; _filter:alpha(opacity=60); opacity:0.6;
	-webkit-transition: .25s opacity linear;
}

a.thumb:hover span.play{
	-moz-opacity:1; _filter:alpha(opacity=100); opacity:1;
}

a.more img{
	margin-right	: 10px;
	vertical-align	: middle;
	height			: 30px;
}

img.thumb{
	border			: 1px solid #999;
}

/* @end */

/* @group Scrollable Buttons */

a.browse
{
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    visibility: visible;
}

/* @end */


a.button{
	background		: #6a9746;
	color			: #fff;
	text-decoration : none;
	text-shadow		: 0px -1px 0px #666;
	text-align		: center;
	border			: 1px solid #6a9746;

}

a.button:hover{
	border			: 1px solid #48682f;
}

#sidebar a, a.button{
	padding			: 0.75em 1.25em;
	display			: inline-block;
}

/* @end */

/* @end */

/* @group Convienience Styling */
.disabled
{
    visibility: hidden !important;
}

.hidden
{
    display:none;
}

.right{
	float		: right;
}

.left{
	float		: left;
}

.clear{
	clear		: both;
}

.center{
	text-align	: center !important;
	width		: 100%;
}

.plain{
	font-style		: normal !important;
}
/* @end */

/* the overlayed element */
.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#333;
	width:480px;	
	min-height:385px;
	border:1px solid #666;
	padding		: 15px;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}