﻿/*
COLORS
#e6f5f9 light blue
#85b6c4 menu blue
#d6146b bright darker pink
#ee9eda nice pink
#e4e4e4 light grey
#85b6c5 bright pink
#fff7fb nearly white
#d6146b link pink
#7a7a7a footer

/**********************************************\
    APPOINTMENTS
\**********************************************/


#appointments .textField:hover 
{border:2px #ee9eda solid;}
	#appointments .textField:focus 
	{
		border:2px #ee9eda solid;}


/**********************************************\
    OUR STORE
\**********************************************/

#storeblurb {
	float:left;
	width:385px;}

#storeinfo {
	
	float:left;
	width:200px;
	margin:0 0 0 18px;
	border:1px solid #e4e4e4;
	padding:20px;}

    #links img {
    vertical-align:middle;
	}
  
/**********************************************\
    NEWS
\**********************************************/


#news_image{
	float:left;
	margin-bottom:20px;
	margin-left:15px
	}	

#news_items{
	float:right;
	margin-right:15px;
	}

#news
{
	clear:both;
}
	
.newsText 
{
	margin: 0px 70px 10px 15px;
	padding: 0px 0px 0px 0px;
	color : #85b6c5;
	font : 12px Arial;
	vertical-align: top;
	text-decoration: none;
}
.newsItem 
{
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color : #85b6c5;
	vertical-align: top;
	cursor:hand;
	cursor:pointer;
	text-decoration: underline;

}
/**********************************************\
    CONTACT US
\**********************************************/

      

    #addressarea {
	float:left;
	width:175px;
    }

    #addressarea img{
	vertical-align:middle;
    }
     
    
    #contactform {

	width:420px;
	margin:0 0 0 205px;
	border:1px solid #e4e4e4;
	padding:0 0 10px;
}

#contactform p {
	margin:0px 9px 5px 9px;
}



#contactform h3 {
	width:420;
	background:#e4e4e4;
	padding: 5px 0 4px 10px;
	margin:0 0 20px 0px;
}

#contactform h4 img {
	padding:5px 0 0 5px;
}

div.row {
	margin:0;
	padding:5px 0 0 5px;
	clear:both;
}

* html div.row {
	margin:4px 0 0;
}


div.row span.label,div.row label {
	float:left;
	text-align:right;
	width:150px;
	padding:0 8px 0 0;
	vertical-align:bottom;
	line-height:1.5em;
}

* html div.row span.label,* html div.row label {
	padding-top:0;
}

div.row span.form {
	float:left;
	text-align:left;
	padding-right:10px;
	vertical-align:bottom;
	line-height:1.5em;
}

input.inputNormal,select.inputNormal,textarea.inputNormal {
	width:195px;
	color:#000;
	border:1px solid #dcdcdc;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:none;
	background:#ffffff;
}

textarea.inputNormal {
	height:60px;
}

select.inputNormal {
	height:20px;
}

input.inputNormal {
	height:14px;
}





/**********************************************\
    GIFT CARDS
\**********************************************/

#colTwoWide,
.colTwoWide 
{
	margin-right:10px;
	position: relative;	
	overflow:hidden;
	background-color: #ffffff;
}

#deptLandingTop {
	margin-bottom:10px;
	background-color:#ffffff;
}

p.landingIntroTxt {
	margin:0 0 10px 0;
	background-color:#ffffff
}

#deptLandingTopLeft {
	margin-right:1px;
	float: left;
	background-color:#ffffff;
}

#deptLandingTopRight {
	float: right;
	width: 278px;
	background-color:#ffffff;
}

div.landingTopRightPromo {
	border:1px solid #cdcac3;
	height:105px;
	background-color:#ffffff
}

div.landingTopRightPromo img {
	float: left;
}

div.deptLandingPromoText {
	float: right;
	padding: 3px  3px  3px 0;
	width:103px;
	background-color:#ffffff;
}

div.deptLandingPromoText h2 {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 0.7em;
	background-color:#e6f5fa;
	padding: 6px;
	margin:0;
	display: block;
	clear: both;
}

div.landingTopRightPromo a:hover img { 
	filter:alpha(opacity=50); 
	opacity:0.5; 
	-moz-opacity:0.5; 
	}

/**********************************************\
    DELIVERY
\**********************************************/


.table td
{
	background-color:#fff7fb;
	border:1px solid #ccc;
	margin:1px;
	padding:2px
}

div.clearer { /* To clear floated divs - Hacked for IE */
	height: 50px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
	
}

/**********************************************\
    FINDUS
\**********************************************/


.find 
{
color : #85b6c5;
text-decoration: bold;
}


/**********************************************\
    SPECIAL OFFERS 
\**********************************************/


#special_offers img
{
	margin-right:10px;
}

#special_offers a:hover img { 
	filter:alpha(opacity=50); 
	opacity:0.5; 
	-moz-opacity:0.5; 
	}
	
	
/**********************************************\
    CHECKOUT
\**********************************************/

#checkout

{margin-left:15px;

}

#checkout .reg_validator
{
	font-size:11px;
	color:#d277bb;
}


#checkout .left
{
	height:31px;
	width:165px;
	line-height:12px;
}

#checkout .left_head
{
	height:40px;
	line-height:12px;
	color:#85b6c5;
}

#checkout .middle
{
	height:30px;
	width:200px;
}

#checkout .right
{
	width:200px;
	vertical-align:top;

}

#checkout .right p
{
	font-size:11px;
	line-height:12px;
	margin-left:11px;
}

#checkout .textField {width:200px;}

#checkout .required {color:#d277bb}

	
/**********************************************\
    CHECKOUT CONFIRM
\**********************************************/

#checkout_confirm

{margin-left:15px;

}

#checkout_confirm .reg_validator
{
	font-size:11px;
	color:#d277bb;
}


#checkout_confirm .left
{
	width:150px;
	line-height:12px;
}

#checkout_confirm .left_head
{
	height:25px;
	line-height:12px;
	color:#85b6c5;
}



	
/**********************************************\
    REGISTER
\**********************************************/

#register
{margin-left:15px;
	margin-top:15px;
}

#register a
{
	color:#454545;
	text-decoration:none;
}
#register a:hover
{
	text-decoration:underline;
}


#register .reg_validator
{
	font-size:11px;
	color:#d277bb;
}


#register .left
{
	height:31px;
	width:130px;
	line-height:12px;
}

#register .middle
{
	height:30px;
	width:200px;
}

#register .right
{
	width:200px;
	vertical-align:top;

}
#register .right p, #register .right ul, #register .right li
{
	font-size:10px;
	line-height:11px;
}

#register .textField:hover {border:2px #ee9eda solid;}
#register .textField:focus {border:2px #ee9eda solid;}
#register .textField {width:180px;}

#register .required {color:#d277bb}

/**********************************************\
    TRACKING
\**********************************************/

#Tracking
{
}

/**********************************************\
    HELP
\**********************************************/	

.faqText {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color : #85b6c5;
font : 12px Arial;
vertical-align: top;
text-decoration: none;
}
.faqQuestion {
margin: 10px 0px 0px 5px;
padding: 0px 0px 0px 0px;
color : #85b6c5;
vertical-align: top;
cursor:hand;
cursor:pointer;
text-decoration: underline;
}

.termsText {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color : #85b6c5;
font : 12px Arial;
vertical-align: top;
text-decoration: none;
}
.termsSection {
margin: 10px 0px 0px 5px;
padding: 0px 0px 0px 0px;
color : #85b6c5;
cursor:hand;
cursor:pointer;
text-decoration: underline;
}



/**********************************************\
    ORDERS
\**********************************************/

#Orders
{
}

/**********************************************\
    CART
\**********************************************/

#shop_safe_cart img
{
	vertical-align: middle;

}


/**********************************************\
    ORDER DETAILS
\**********************************************/

#OrderDetails .left
{
	height:31px;
	width:165px;
}
/**********************************************\
    SHOP
\**********************************************/

#topShop
{
  list-style-type: none;
  margin-bottom: 35px;

}

/*SEARCH*/
	
#search
{
	float:left;
}

#search fieldset, #search-form{
	border: none;
	padding:0px;
	margin:0px;
	background:transparent;
}


#search .textSearch{
	margin: 2px 3px 0 5px;
	padding:4px 0px 0px 5px;
	height:16px;
	width:135px;
	border: none;
	background:transparent url('../Images/search_box_bg.gif') fixed left top no-repeat ;
	display:block;
	overflow:hidden;
	float:left;
	font:inherit;
	font-size:11px;
}
html>body #search .textSearch{
	background:transparent url('../Images/search_box_bg.gif') left top no-repeat;
	margin-left:5px;
}

/*SHOP ACTIONS*/

#shop_actions
{
	float:right;
	margin-right:30px;
	color:#eae7e7;
	font-size:15px;
}

#shop_actions img
{
	vertical-align: middle;


}

/*SHOP MAIN*/


#cats
{

	clear:both;
	float:left;

}

#cats_box
{	margin-left:5px;
	margin-right:15px;
	padding-left:5px;
	padding-right:25px;
	padding-bottom:25px;
	background:#eeeeee;

}

#shop_safe
{	
	padding-right:25px;
	padding-top:25px;
	text-align:center;

}

.catlist 
{
	list-style-type:disc;
	
}

#products{


	float:left;

	}

#products a:hover img { 
	filter:alpha(opacity=50); 
	opacity:0.5; 
	-moz-opacity:0.5; 
	}


/**************************************************************************
* product listing
**************************************************************************/
.clearfix,
body#ptCartAddress div#TB_window div#TB_ajaxContent div#postcodeFinder form#postcodeForm div.field {
	display: block;
}

.clearfix:after,
body#ptCartAddress div#TB_window div#TB_ajaxContent div#postcodeFinder form#postcodeForm div.field:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* ptProductSearchResult product listing */

 ul.productListing {
	list-style: none;
}

 ul.productListing li {
	width: 151px;
	padding-right: 7px;
	float: left;
	min-height: 160px;
	position: relative;
	margin-bottom: -8px;
}

 ul.productListing li a.productLink {
	display: block;
	height: 160px;
	text-decoration: none;
	margin-bottom: 0px;

}

 ul.productListing li a.productLink img.s7productImage {
	width: 151px;
	height: 151px;

}

 ul.productListing li a img {
	display: block;
	
}

 ul.productListing li a span.brand {
	position: relative;
	z-index: 10;
	bottom: 8em;
	background-color: #ffffff;
}

 ul.productListing li a span.brand img {
	background-color: #ffffff;
	padding-left: 7px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;	
}

 ul.productListing li a span.productPrice {
	color: #333333;
	background-color: #ffffff;
	font-size: 2.0em;
	position: relative;
	padding-left: 7px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 2px;	
	bottom: 3.6em;
	z-index: 10;
	font-style: italic;
}

 ul.productListing li a span.productPrice span.super {
	bottom:0.6em;
	font-size:0.5em;
	font-weight:bold;
	position:relative;
	vertical-align:baseline;
}

 ul.productListing li a span.was {
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	padding-top: 2px;
	position:absolute;
	bottom:0.8em;
	left: 0em;
	background: #ffffff;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-right: 1px;
	padding-top: 1px;
}

/*
 ul.productListing li a span.productPrice span.was {
	font-size: 0.35em;
	font-style: italic;
	font-weight: normal;
	padding-top: 0.2em;
}*/

/* product listing category list item */

 ul.productListing li.category {
	width: 191px;
	padding-right: 1px;
	float: left;
	min-height: 259px;
	position: relative;
	padding-top: 20px;
}

 ul.productListing li.category h3 {
	text-transform: uppercase;
	font-size: 2.5em;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	line-height: 23px;
	margin-bottom: 5px;
}

 ul.productListing li.category p.items {
	font-size: 1em;
	font-style: italic;
	margin-bottom: 5px;
}

 ul.productListing li.category p.viewAll {
	font-size: 1em;
	background: url(../img/arrow.gif) 0 50% no-repeat;
	padding-left: 8px;	
	font-style: italic;
}

 ul.productListing li.category p.viewAll a {
	color: #333;
	text-decoration: underline;
}

/* product listing home page landing featured */

div.landingFeatured ul.productListing {
	clear: both;
	list-style: none;
}

div.landingFeatured ul.productListing li {
	float: left;
	display: inline;
	margin-right: 12px;
	margin-left: 12px;
	min-height: 1px;
}

/*div.landingFeatured ul.productListing li img {
	width: 72px;
	height: 60px;
	display: block;
}*/


/**********************************************\
    PRODUCTPAGE
\**********************************************/


#prod_image
{
	float:left;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.asp_image
{
	max-width: 275px
}


#prod_options
{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
}

#prod_info
{
	clear:both;
	

}

.prod_name
{
	font-size:15px;
	font-weight:bold;
}

.prod_price
{
	font-size:16px;
}


#subShipInfo ul
{
	list-style:disc;
}

/**********************************************\
    BLOG
\**********************************************/


.post {
	margin: 60px 0 80px;
	text-align: justify;
	}

.entry {
	font-size: 16px;
	line-height: 26px;
	margin: 0 50px 0;
	}

.entry-date {
	background: url('http://www.rubytuesdaygifts.com/news/wp-content/themes/losemymind-10/images/losemyminddate.gif') no-repeat bottom center;
	float: left;
	width: 50px;
	height: 50px;
	}

.entry-date h3 {
	color: white;
	font-size: 9px;
	font-weight: normal;
	padding: 0 0 0 12px;
	margin: 0;
	text-transform: uppercase;
	}
	
.entry-date h4 {
	color: #666;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 6px 0 0;
	margin: 0;
	text-align: center;
	}

.entry-meta {
	padding-top: 10px;
	text-align: center;

	}

.entry-related {
	margin: 0 50px 0;
	}

.post hr {
	display: block;
	}

#bottom {
	font-size: 12px;
	text-align: center;
	margin: 30px 0 0;
	}

#bottom #tbag {
	font-size: 20px;
	text-align: left;
	}

#bottom .bottom-left{
	float: left;
	width: 70%;
	height: 100%;
	margin: 0;
		}

#bottom .bottom-left {
	font-size: 12px;
		width: 82%;
	}


#bottom .bottom-right {
	font-size: 14px;
	line-height: 18px;
	float: right;
	width: 18%;
	height: 100%;
	}


#bottom .bottom-left ul li,
#bottom .bottom-mid ul li,
#bottom .bottom-right ul li {
	list-style: none;
	}

#bottom .bottom-left ul li a:hover,
#bottom .bottom-mid ul li a:hover,
#bottom .bottom-right ul li a:hover {
	border: none;
	background-color: #EDEDED;
	}


small {
	font-size: 12px;
	}


.commentlist li, #commentform input, #commentform textarea {
	font: 16px "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	}

.commentlist p {
	font-weight: normal;
	line-height: 20px;
	text-transform: none;
	}

#commentform p {
	font-family: "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.subscribe-to-comments {
	font-size: 12px;
	}

small, .nocomments, blockquote, strike {
	color: #777;
	}

code {
	font: 11px 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 9px;
	letter-spacing: 0.7px;
	}


/* End Typography & Colors */


/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */


/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


.archive-list {
	list-style: none;
	margin: 10px 0 0 0 !important;
	padding-left: 0px !important;
	}

.archive-list li {
	display: block;
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 2px 0 2px 10px !important;
	width: 150px;
	}

.archive-list li:hover {
	background-color: #EDEDED;
	}

.archive-list li a:hover {
	border: none;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

ol li {
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform {
	margin: 0 50px 0;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.commentlist {
	margin: 0 50px 0;
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}



.navigation {
	font-size: 26px;
	display: block;
	text-align: center;
	margin-top: 30px;
	}

.navigation a:hover {
	border: none;
	color: #666;
	}
/* End Various Tags & Classes*/

/*NEWSLETTER*/
	
#newsletter
{
	float:left;
	
}
#newsletter img
{
vertical-align:bottom;
}

#newsletter fieldset, #newsletter-form{
	border: none;
	padding:0px;
	margin:0px;
	background:transparent;
}

