/* @override http://raggidyragdolls.com.au/Content/wp-content/themes/overeasy/custom.css */

/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/


/*=== Setup ===*/
*{
	border: 0;
	padding: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
body{
	background: #CCE7E1;
	color: #555555;
	font: .75em "Trebuchet MS", Arial, Helvetica;
	padding: 0 0 20px;
	line-height:1.8em;
}
a{
	color: #409f8e;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #e6e6e6 1px solid;
	font-size: 12px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #4ec0ab;
	margin: 0 0 .8em;
	font-size: 18px;
}
h2 a{
	color: #4ec0ab;
}
h3{
	color: #262625;
	font-size: 1.4em;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
h4 a{
	color: #4ec0ab}
h4{
	color: #444444;
	font-size: 1em;
	margin: 0 0 1em
}
p{
	padding: 0 0 1.5em
}
/*=== Intro ===*/
.intro {
	z-index:0;
	color: #848484;
	font-size: 12px;
	line-height: 24px;
}
.intro a {
	color: #acacac;
	text-decoration:underline;
}
.intro a:hover {
	color:#222222;
	text-decoration:underline;
}
/*=== Layout ===*/
#page{
	width: 940px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
/*=== Header ===*/
#header{
	width:100%;
	height: 274px;
	position:relative;
	background: url(images/header.jpg) repeat-x 50% 0;
}
#header_content {
	height:274px;
	width:940px;
	margin:0 auto;
	position:relative;
	background: url(images/header.jpg) no-repeat -199px 0;	
}

#header .spacer{
	float: right
}
/*- Logo -*/

#header h1{

}
#header_content a{
	text-indent:-6000px;
	width:200px;
	position:absolute;
	height:180px;
	left:11px;
	top:26px;	
}
#header_content a:hover{
	text-decoration: none
}

/*=== Buttons ===*/
.btn-rounded{
	line-height: 30px;
	font-weight:bold;
	float: left;
}
.btn-rounded a{
	background: url(images/btn-rounded.gif) no-repeat left;
	color: #ffffff;
	padding: 0 0 0 13px;
	display: block;
	float: left;
}
.btn-rounded a span{
	background: url(images/btn-rounded.gif) no-repeat right;
	height: 30px;
	padding: 0 13px 0 0;
	display: block;
	float: left;
}

.btn {
	margin:0; 
	padding:5px 10px;
	background:url(images/btn.gif) repeat-x;
	border:1px solid #98ac2b;
 	color:#FFFFFF;
	font-weight:bold;
}


/*=== Navigation ===*/
/*- Nav1 -*/

/*=== Page Nav ( alternative with dropdowns) == */

#nav1 {
	font-weight:normal;
	float:none;
	font-size: 16px;
	height:30px;
	width: 949px;	
	margin:0 auto;
	text-transform: none;
	letter-spacing: 0;
}
#nav1, #nav1 ul {
	position: relative;
	padding: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
	top: -18px;
}

#nav1 a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	z-index: 100;
	
}

#nav1 li {
	float: left;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 4px;
}
#nav1 li a{
color:#FFFFFF;
	padding: 0 10px;
	text-decoration: none;
	height: 37px;
}
#nav1 li a span{
background:none repeat scroll 0 0 transparent;
display:inline-block;
margin-left:0;
padding: 0 13px;
text-transform:lowercase;
}

#nav1 li a:hover,
#nav1 li.active a, 
#nav1 li.current_page_item a{
	background: none ;
	color: #A00A3C;
	cursor: pointer;
	text-decoration: none;
}

#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background:none;
	color: #A00A3C;
}


/* Style drop down list */

#nav1 li ul {
	position: absolute;
	left: -999em;
	width: 168px;
	font-weight:normal;
	letter-spacing:0;
	text-transform:none;
	top: 37px;
}
#nav1 li ul li {
	border: 1px solid #F7F6F6;
	border-width:0 1px 1px;
	background: #FFF;
	float: none;
}

#nav1 li.current_page_item ul li a{
	background: #FFF;
}

#nav1 li ul li a:hover,
#nav1 li ul li.active a, 
#nav1 li ul li.current_page_item a{
	background: #F6F6F6;
}

#nav1 li ul li a span,
#nav1 li ul li.active a span,
#nav1 li ul li.current_page_item a span,
#nav1 li ul li a:hover span {
	background:none !important;
	color: #000;
}

#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
}

#nav1 li ul li a span{
	display:inline;

	padding: 0 13px 0 0
}

#nav1 li ul li a {
	line-height: 30px;
	font-size: 11px;
	color: #555555;
	width: 142px;
}

#nav1 li ul li ul li a {
	border-width:0 1px 1px 0px;
}
#nav1 li ul ul {
	margin: -31px 0 0 163px;
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	left: -999em;
}


#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav1 li:hover, #nav1 li.hover {  
	position: static;
	visibility:visible
}

html>body #nav1 li ul li { *margin-top:-2px; }

/*- Nav2 -*/
.nav2 li, .widget li{
	background: none no-repeat left 10px;
	border-bottom:1px solid #ccc;
	padding-right: 0;
	padding-left: 0;
	font-size:16px;
}
.nav2 li a, .widget li a{
	color: #888888;
}
.nav2 li a:hover, .widget li a:hover{
	color: #339999;
	text-decoration: none
}
#rightcol .widget .textwidget ul { margin:0; padding:0; }

/*=== All Columns ===*/
#columns{
	padding: 0 0 10px;
	background-color: #fff;
	margin-top: 0;
}
/*=== Center Column ===*/
#centercol{
	float: left;
	width: 675px;
	position: relative;
	padding-top: 0;
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 222px;
	position: relative;
	margin: 0;
}
#rightcol h3{
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
	display: none;
}
#rightcol h3 span{
	display: none;
	float: left;
	background-color: #fff;
	color: #4ec0ab;
	text-transform: none;
	line-height: 0;
	border-bottom: 1px solid #989898;
	font-size: 1px;
	padding-top: 0;
	padding-bottom: 0;
}
#rightcol .widget ul, #rightcol .textwidget {
	background: #fff;
	height: 1%;
	margin: 0 0 2em;
	padding: 10px 0 0 0;
	}

/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 115px;
	margin:0 0 1em;	
}
.col1 a{
	color: #555555;
	text-decoration: underline
}
.col2{
	float: right;
	width: 425px
}
.col3{
	float: left;
	padding: 0 35px 0 0;
	width: 273px
}
.col3.last, .col6.last{
	padding: 0
}
.col3.nav2, .col6.nav2{
	background: none;
	padding: 0
}
.col3 h2{
	color: #464646;
	margin: 0 0 .5em
}
.col3 p{
	padding: 0
}
.col4{
	float: left;
	width: 335px
}
.col5{
	float: right;
	width: 415px
}
.col5 img{
	border: 10px solid #f6f5ed;
}
.col6{
	float: left;
	padding: 0 20px 20px 0;
	width: 300px
}
* html .col6{
	width: 290px;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	margin: 0;
	width: 675px}
.box .top,.box .bot{
	background: url(images/box-top.gif) no-repeat top;
	clear: both;
	height: 1px;
	overflow: hidden
}
.box .bot{
	background: url(images/box-bot.gif) no-repeat top
}
.box .spacer{
	background: #ffffff;
	height: 1%;
	padding: 0 20px 15px}
/*- Box2 -*/
.box2{
	margin-top:0;
margin-right:18px;
width:184px;
}
.box2 .top,.box2 .bot{
	background:  none no-repeat;
	clear: both;
	height: 0;
	overflow: hidden
}
.box2 .bot{
	background: #fff none no-repeat}
.box2 .spacer{
	background: #fff;
	height: 1%;
	padding:0;
	}
/*- Box3 -*/
.box3{
	margin: 0 0 1em;
	width: 425px
}
.box3 .top,.box3 .bot{
	background: url(images/box3-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box3 .bot{
	background: url(images/box3-bot.gif) no-repeat top
}
.box3 .spcr{
	background: #f0eee1;
	height: 1%;
	padding: 0 20px;
	min-height:100px;
}
.box3 p{
	padding: 0
}
/*- Box4 -*/
.box4{
	color: #ffffff;
	margin: 0;
	width: 940px;
	background-color: #fff;
	height: 0;
}
.box4 .top,.box4 .bot{
	background: none no-repeat;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box4 .bot{
	background: none no-repeat}
.box4 .spacer{
	background: #fff;
	height: 1%;
	padding: 0 33px 4px 0;
	position: relative;
	top: -180px;
	width: 530px;
	float: right;
}
.box4 p{
	padding: 0
}
/*- Box5 -*/
.box5{
	margin: 0 0 30px;
	width: 940px
}
.box5 .top,.box5 .bot{
	background: #fff none no-repeat;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box5 .bot{
	background: #fff none no-repeat}
.box5 .spacer{
	background: #fff none repeat-y;
	height: 1%;
	padding: 15px 25px;
	position: relative;
	top: -75px;
}
.box5 .post img {
	border:0;
}
/*- Box6 -*/
.box6{
	margin: 0;
	width: 940px
}
.box6 .top,.box6 .bot{
	background: #ea6a8d none no-repeat;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box6 .bot{
	background: #ea6a8d none no-repeat}
.box6 .spacer{
	background: #ea6a8d;
	height: 1%;
	padding: 10px 25px
}
#footer .box6 .spacer{
	padding: 0px 25px;
}

/*- Box7 -*/

.box7{
	margin: 0 0 0px;
	width: 261px;
	float: right;
	position: relative;
	left: 551px;
	top: -69px;
}
.box7 .top,.box7 .bot{
	background:#EB5479 ;
	clear: both;
	height: 2px;
	overflow: hidden
}
.box7 .bot{
	background: #ffffff }
.box7 .spacer{
	padding:0 ;
	float: left;
}
.box7 active.a{
}

.box7.active{
}


/*- Wrapper -*/
.wrapper{
	float: left;
	padding: 0 0 0 20px;
}
/*- Date -*/
.date{
	color: #898989;
	margin: -15px 0 10px;
	position: relative
}
/*=== Styling Forms ===*/
/*- Search -*/
#search{
	height: 32px;
	margin: 0px;
	padding: 0 0 0 25px
}
#search input.keyword{
	background: #d5d3c4;
	border-bottom: 1px solid #fcfcfa;
	border-top: 1px solid #c4c2b5;
	border-left: 1px solid #c4c2b5;
	color: #ffffff;
	float: left;
	font-size: 11px;
	padding: 7px 5px 8px;
	width: 190px
}
	
/*- Form1 Setup -*/
.form1 div{
	margin: 0 0 15px
}
.form1 label{
	padding: 7px 0 0 15px
}

/* Form1 Textarea */
.form1 textarea{
	height: 165px;
	overflow: auto;
	width: 550px
}
/*=== Link Buttons ===*/
.btn-cat {
	margin: 1em 0 1.5em;
}
.btn-continue{
	margin: 0 0 2em;
}
.btn-general{
	background: #a4b92e;
	padding: 5px 10px;
	color: #ffffff;	
}
.btn-general a { 
	color: #ffffff;
}
.btn-continue a{
	background: url(images/ico-more2.gif) no-repeat left;
	padding: 0 0 0 20px
}
.btn-arr a{
	background: #bdbbac;
	color: #ffffff;
	line-height: 25px;
	padding: 5px 10px
}
.btn-arr2{
	float: left;
	padding: 130px 0 0;
	width: 27px
}
/*=== Pics, Ads etc. ===*/
.ads{
	margin: 0 0 10px
}
.ads img{
	margin: 0 8px 5px 0
}
/*=== Footer ===*/
#footer {
	background:#EB5479;
	color:#fff;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	text-decoration:underline;
	}
#footer .copyright {
	text-align:center;
}
#footer img{
	position: relative;
	vertical-align:middle
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}

img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}

/*=== Posts ===*/

.post img {
	border-style: none;
	padding-right: 0;
	padding-left: 0;
}

.post ul, .post ol{
	padding: 0 0 1.2em 2em;
}
.post ul li{
	color: #555555;
	background: url(images/ico-bullet.gif) no-repeat left top;
	padding: 0 0 0 20px;
}
.post ol li{
	list-style-type:decimal;
	margin: 0 0 0 20px;
}	
.post li a:hover{
	color: #a4b92e;
	text-decoration: none
}

.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
	background:#F0EEE1 url(images/ico-quote.gif) no-repeat 10px 10px;
	border-top:1px solid #E5E3D1;
	border-bottom:1px solid #E5E3D1;	
	width:80%; height:auto;
	margin:0 0 15px 10px; padding:15px 25px 0px 55px;
	display:block;
}

/*=== Comments ===*/

#comments .box3 p { padding-bottom:10px; }
#respond { margin: 1em 0 0; }

/*=== Widget styling ===*/

.widget #recentcomments li{
	background: url(images/hl-dot.gif) repeat-x bottom;
	padding: .5em 0
}
.widget #recentcomments li a{
	background:none;
	color: #a4b92e;
	text-decoration:none;
}
.widget #recentcomments li a:hover{
	color: #a4b92e;
	text-decoration: underline;
}

.widget #searchform, .widget #calendar_wrap{
	background: #f0eee1;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px
}

.widget #searchform, .widget #calendar_wrap{
	clear: both;
	height: 1%;
	margin: 0 0 14px;
}

.widget #wp-calendar caption {
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom:5px;
	color:#333333;
}

.widget #wp-calendar {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:240px;
}

.widget #wp-calendar thead th {
	color:#333333;
}


.widget #wp-calendar tfoot td {
	padding:10px 0 10px 0;
	text-align:left;
}

.widget #wp-calendar tfoot td#next {
	text-align:right;
}

.widget #wp-calendar td {
	width:auto;			
}

.widget #wp-calendar td a {
	padding:2px;
	text-decoration:underline;
}

.widget #wp-calendar tfoot td a {
	color:#333333;	
}
.quote {
	background:url(images/ico-quote.gif) no-repeat top left;
	margin:9px 0 0;
	width:37px;
	height:29px;
}
.flickr_badge_image img{
	margin: 0 3px 8px;
	padding: 0 7px 5px 0;
	float:left;
}
.flickr img{
	vertical-align:middle;
	margin:6px 0 8px;	
}
.subscribe img{
	vertical-align:middle;
	margin:6px 0 8px;	
}

/*=== Slider ===*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 795px;
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 770px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*=== THREADED COMMENTS == */

ol.commentlist li.threaded .box3 { width:auto; margin:0px; }
ol.commentlist li.threaded .col1 { width:90px; }
ol.commentlist li.threaded .box3 .spcr { padding:10px 15px 0; margin:0; }
ol.commentlist li.threaded .children { margin-left:20px; }
ol.commentlist li.threaded .col2 { float:none; width:auto; margin-left:115px; }

/* Fixes 2.0 */
#nav1 li ul li.cat-item a { color:#555; }

/* Shop stuff */

table.productcart tr.firstrow td{
 font-weight: bold;
 background-color: #e5e5e5;
 border-left: 2px solid white;
	padding-top: 6px;
	padding-left: 5px;
	padding-bottom: 4px;
	color: #000;
	font-size: 14px;
}

td.shipping_header {
	background-color:#E5E5E5;
	text-transform: uppercase;
	font-weight:bold;
	padding-top: 6px;
	padding-left: 7px;
}

form.adjustform{
 display: inline;
}
button.remove_button{
	height: 25px;
	width: 56px;
	margin-left: 11px;
}

 h2.prodtitles{
 font-size: 21px;
 margin-top: 0px;
	color: #000;
}
div.productdisplay{
 position:relative;
 float:left;
 clear:both;
 top:0px;
 left: 0px;
/* margin-top: 10px; */
 margin-bottom: 20px;

 width: 100%;
 text-align: left !important;
	margin-top: 20px;
}
 
div.product_grid_display div.product_grid_item{
  float: left;
  position: relative;
  height:auto !important;
	margin: 4px 3px 42px 0px;
}

div.grid_product_info div.product_text{
 font-size: 11pt;
 min-height: 25px;
 padding: 0 7px 7px 0px;
}
 input.wpsc_buy_button{
 background-image: url(images/buy_button.gif);
 border: none;
 width: 76px;
 height: 25px;
 text-align: center;
/*  vertical-align: top; */
 padding: 0px 0px 0px 0px;
 font-size: 8pt;
 margin-top: 3px;
 color: #6a6c74;
	margin-left: 35px;
}

span.pricedisplay{
 white-space: nowrap;
 color: #333333;
 font-size: 13pt;
 width: 80px;
 float:right;
	padding-top: 2px;
	padding-right: 14px;
}