/*
Theme Name: VitaminSEO theme
Theme URI: http://www.vitaminseo.com.au/
Description: This is the vitaminseo theme. It is especially optimised to be search engine friendly.
Version: 1.1
Author: Brian Porteous
Author URI: http://www.vitaminseo.com.au
Tags: seo

This theme was developed by Brian Porteous and Michelle Rupisan.
It owes a great deal to the brilliant work of Matthew James Taylor http://matthewjamestaylor.com/

*/



/* Begin Typography & Colors */
/* <!-- */
/* reset styles */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}

/* General styles */
body {
	background: #2c2c2c; 
	color:#404040;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 90%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:center;
	color: #000;
}	
h1, h2, h3 {
	margin: 0 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
      line-height:1.5em;
}

a:link, a:visited {
	color:#000;
}
a:hover {
	color:#797979;
	text-decoration:none;
}
a{
	font-weight:bold;
}
.alignleft {
	float:left;
	margin: 0 0.7em 0.7em 0.7em;
}
.alignright {
	float:right;
	margin: 0 0.7em 0.7em 0.7em;
}
/* layout */
#fixed {
   margin:0 auto;
   width:886px;   /* you can use px, em or % */
   text-align:left;
   position: relative;
}

/* Header styles */
#header {
	height: 268px;
	width: 886px;
	background: url(images/bg-header-2012.jpg) no-repeat scroll 0 0;
	color:#76439E;
	font-size:12px;
	font-weight:normal;
}
#header a{
	text-decoration:none;
}
#logo {
	background:transparent url(images/logo.gif) no-repeat scroll 0 0;
	height: 198px;
	left: 13px;
	position: absolute;
	text-indent: -9999px;
	top: 22px;
	width: 855px;
}
#weleda-tagline {
	position: absolute;
	left: 430px;
	top: 14px;
}
#header ul {
	clear:left;
	float:left;
	width:900px;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	position: absolute;
	left: 28px;
	top: 62px;
	padding-bottom: 3px;
	background: url(images/dottedline.gif) left bottom repeat-x;
}
#header ul li {
  background: url(images/menu-left.gif) no-repeat scroll left top;
  float:left;
}
#header ul li a {
	display:block;
	float:left;
	padding:3px 16px;
	background: url(images/right.gif) no-repeat scroll right top;
	text-decoration:none;
	margin-left:5px;
}



/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colmask leftmenu{
	float:left;
}
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:200px;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
}
.leftmenu .col1-homepage {
	margin:0 7px 0 214px;
	position:relative;
	right:100%;
	overflow:hidden;
}
/* 2 column right menu settings */
.rightmenu {
background:transparent url(images/bg-content.png) repeat-y scroll 0 0;
width:886px;
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-200px;
	position:relative;
	right:100%;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu .col1 {
	margin:0 125px 0 200px;
	overflow:hidden;
padding-left: 20px;
}
.rightmenu .col2 {
	float:right;
	width:300px;
	position:relative;
	left:184px;
text-align:center;
}
/* end right menu */
/* 2 column right  180 settings */
.rightmenu .col1-180 {
	margin:0 0 0 200px;
	overflow:hidden;
}
.rightmenu .col2-180 {
	float:right;
	width:180px;
	position:relative;
	left:200px;
}
/* end right menu */
/* one column */
.onecolumn {
	 width:886px;	
	 background: url(images/bg-content.png) repeat-y scroll;
}
/* end one column */
/* holy grail 3 column settings */
.holygrail {
	margin:0px 29px 0 29px;
	float:left;
	width:898px;
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-182px; 	/* Width of right column */
	position:relative;
	right:100%;        
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:396px;         	/* Left column width + right column width */
}
.holygrail .col1wrap {
  float:left;
	width:50%;
	position:relative;
	right:214px;        	/* Width of left column */
}
.holygrail .col1 {
	margin:0 164px 0 214px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	  left:200%;
	  overflow:hidden;
	width:500px;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:214px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0px;         	/* Width of the left-had side padding on the left column */
}
/* end holygrail */
/* begin homepage */

  #content h2{
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
  }
  a.external {
        background: url(images/external.png) no-repeat scroll right center;
        padding-right:13px;
  }

#content{
  float:left;
  padding: 10px 18px 5px 34px;
  color: #13160D;
}
#content h1{
  font-size: 34px;
  font-family: "Calibri","Helvetica Neue", Helvetica, Arial, sans-serif;
}
#content .box-calendar-back{
  float: right;
  margin: 0 3px 0 8px;
}
#content #homepage-promo {
 padding: 25px 0 40px;
}

#content .elvis-price{
  float: left;
  margin-left: 75px;
}

#content .two-in-one-offer{
  margin-left: 75px;
}
#content .order-now-btn{
  padding-left: 100px;
}
#content p{
  color: #000;
}
/* end homepage */
/* Begin left-sidebar col 2 */    
#left-sidebar{
	background:#FFFFFF url(images/all-bg.png) repeat-y scroll left top;
	padding:0 18px 0 0px;
	margin-top:10px;
}
#left-sidebar h4 {
	color: #9a6bc0;
	font-size: 16px;
	padding-bottom: 10px;
}
#left-sidebar ul{
	font-weight:bold;
	padding:0 0 17px;
	text-align:left;
}
#left-sidebar ul li {
	padding-bottom:5px;
}
#left-sidebar ul li a {
	display:block;
	font-weight:bold;
	padding-left:25px;
	text-decoration:none;
}
#left-sidebar ul li a:hover {
	text-decoration: none;

}    
#left-sidebar ul li.page_folder a {
	color: #333;
	padding-left: 0;
}    
#left-sidebar ul li.page_folder ul li a {
	color: #76439E;
	padding-left: 20px;
	font-size: 90%;
	background: url(images/li-bullet.gif) no-repeat scroll 8px 9px;
}
#left-sidebar ul li a:hover,#left-sidebar ul a.current_page_item {
  background: url(images/bullet-on.gif) no-repeat scroll left 4px;
}  
#left-sidebar-footer{
	background:#FFFFFF url(images/all-bg.png) no-repeat scroll -3000px bottom;
	height:14px;
}
/* end left-sidebar col 2 */
/* begin right-sidebar col 3 */
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:180px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}    
#right-sidebar {
	padding-top: 20px;
	background: url(images/bullet-heart.gif) left top repeat-x;
}
/* end right -sidebar col2 */

    
/* Footer styles */
#footer {
	background: url(images/bg-footer.png) left top no-repeat;	
	clear:both;
	float:left;
	text-align:center;
	width: 886px;
	height: 60px;
}
.footer-nav {
  font-size:11px;
  font-weight:normal;
  margin-top:10px;
  clear: both;
  text-align: center;
}

#footer p {
	padding:0 60px;
	margin:0;
	text-align:center;
	color:#666666;
}
#footer a {
  text-decoration: none;
}

/* end footer */  
  
/* End captions */

/* Blog styles */
.post a, .comment a, #respond a {
     font-weight: normal;
}
.post h1 {
     font-size: 26px;
     font-weight: normal;
}
.post h3 {
     margin-bottom: 10px;
}
.post h3 a {
     font-size: 20px;
     text-decoration: none;
}
.post small {
     display: block;
     font-size: 10px;
}
/* end blog */
/* start blog sidebar */
#weleda-sidebar {
	font-size: 1em;
}
#weleda-sidebar .widget {
	background:#e7d6f4 url(images/sidebar-background.gif) top left repeat-x;
	border:1px solid #af78da;
	margin:0 0 10px 0;
}
#weleda-sidebar .widget img {
	margin-top: 10px;
}
#weleda-sidebar .authortxt {
	margin-left:8px;
	margin-right:10px;
}
#weleda-sidebar h2, #weleda-sidebar h3 {
	color:#78439D;
	font-size:16px;
	margin:0 0 5px;
	padding:5px 0 0 5px;
}
#weleda-sidebar form {
	padding-left: 14px;
}	
#weleda-sidebar form input {
	margin-bottom: 6px;
}
#weleda-sidebar img#weledaback {
	margin: 0 0 0 -7px;
	padding:0;
}
#weleda-sidebar ul li.widget_recent_entries ul {
	margin-bottom: 20px;
}
#weleda-sidebar ul li.widget_recent_entries ul li {
	margin-left: 20px;
}
#weleda-sidebar ul li.widget_recent_entries ul li a {
	text-decoration: none;
	font-weight: normal;
}
/* end blog sidebar */

/* begin gift-ideas */
table#gift-ideas tr td img {
	margin-right: 20px;
}
/* end gift-ideas */

/* begin sidebar-2 */
img.spacer {
	margin: 0;
}
#right-sidebar-180 .widget {
	background:#E7D6F4 url(images/sidebar-background.gif) repeat-x scroll left top;
	border:1px solid #AF78DA;
	margin:0 0 10px;
}
#right-sidebar-180 .authortxt {
   margin-left:8px;
}
#right-sidebar-180 h2, #right-sidebar-180 h3 {
  color:#78439D;
  font-size:14px
  margin:0 0 5px;
  padding:5px 0 0 5px;
}
#right-sidebar-180 form{
  padding: 5px;
}
#right-sidebar-180 form input{
  margin-bottom: 6px;
}
#baby-newsletter {
	background: url(images/baby-newsletter.gif) 86px top no-repeat;
	height: 110px;
}
#baby-newsletter h2 {
	font-size:15px;
	margin-left:8px;
	padding-top:20px;
	text-align:center;
	width:80px;
}

/* end sidebar-2 */

/*homepage slideshow*/
#gallery {
  position:relative; 
  width:686px; 
  margin:40px auto; 
  padding:10px; 
  border:6px solid #fff; 
  background: #2C2C2C;
  }
#images {
  border:2px solid #9ac1c9; 
  height:225px; 
  background:#eef5f6; 
  margin-bottom:20px
  }
#image {
  position:relative; 
  width:672px; 
  height:440px; 
  padding:5px; 
  border:2px solid #666; 
  background:#FFF url(images/loading.gif) center center no-repeat;
  
  }
#image img {
  position:absolute; 
  top:5px; 
  left:5px
  margin: 0;
  }
#thumbwrapper {
  margin-top:10px; 
  padding:5px 0; 
  width:682px; 
  height:117px; 
  border:2px solid #666; 
  background:#FFF
  }
#thumbarea {
  position:relative; 
  overflow:hidden; 
  height:117px; 
  width:682px; 
  }
#thumbs {
  position:absolute; 
  list-style:none; 
  margin-left:5px; 
  height:117px; 
  width:10000px; 
  border-right:5px solid #FFF
  }
#thumbs li {
  float:left; 
  margin-right:5px; 
  cursor:pointer
  }
.imgnav {
  position:absolute; 
  height:440px; 
  width:20%; 
  z-index:100; 
  height:440px; 
  width:20%; 
  z-index:100; 
  outline:none; 
  cursor:pointer
  }

#previmg:hover {
  opacity:1; 
  filter:alpha(opacity=100)
  }

#nextimg:hover {
  opacity:1; 
  filter:alpha(opacity=100)
  }
/*end homepage slideshow*/

/* ads-banner */

#ads-banner {
  text-align: center;
  }
.best-western {
  margin: 10px 142px 10px 10px !important;
 }
#ads-banner img {
  margin: 10px;
 }


/* end ads-banner */
/* popover */
#shipping-lightbox {
    text-align: center;
    margin-top: 20px;
}
#shipping-lightbox table {
    width: 400px;
}
#shipping-lightbox table tr td {
    padding-bottom: 10px;
}
/* end popover */

