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

ALWAYS INTERACTIVE
www.alwaysinteractive.com

V1 - Symply Too Good - September 2008

BLUE: #137FC2;
PINK: #F0439A;
BLACK: #747474;

***************************************/
.new {
display: none;	
}
html, body, div, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
fieldset, img {
	border: none;
}
caption, th {
	text-align: left;
}
table {
	border-collapse: collapse;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
#header ul,
#nav ul,
#footer ul,
.sidebar01 ul,
.sidebar02 ul,
.productList,
.shop-ul,
.forumsitesummary {
	list-style: none;
	padding: 0;
	margin: 0;
}

/********** LAYOUT **********/

body {
	color: #747474;
	font: 12px Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
}
img {
	behavior: url(/iepngfix.htc);
	border: 0;
}
img.left, .left img {
	float: left;
	padding: 3px;
	margin: 2px 20px 16px 0;
	border: 1px solid #747474;
}
img.right, .right img {
	float: right;
	padding: 3px;
	margin: 2px 0 16px 20px;
	border: 1px solid #747474;
}
.bold, .strong {
	font-weight: bold;
}
.italic {
	font-style: italic;
	color: #333;
}
.bold_italic {
	font-weight: bold;
	font-style: italic;
}
.blue {
	color: #137FC2;
}
.pink {
	color: #F0439A;
}
p {
	padding: 5px 0;
	line-height: 1.8em;
}
a {
	color: #F0439A;
	text-decoration: underline;
}
a:hover {
	color: #137FC2;
}
h1 {
	font: bold 22px Arial, Helvetica, sans-serif;
	color: #137FC2;
	padding-bottom: 10px;
}
h2 {
	font: bold italic 18px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 6px;
	margin-top: 15px;
}
h2 a {
	color: #137FC2 !important;
	text-decoration: none !important;
}
h2 a:hover {
	text-decoration: underline !important;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 4px;
	margin-top: 15px;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #137FC2;
	padding-bottom: 4px;
	margin-top: 5px;
}
hr {
	border: none;
	height: 1px;
	background-color: #333;
	margin: 10px 0;
}
.hide,
.cartSummaryLink,
.col02 .shop-list .custom1,
.col02 .shop-list .shop-more,
.catalogueItemNotFound {
	height: 0;
	display: none;
	visibility: hidden;
}
    
/********** CONTAINER **********/

#container {
	margin: 18px auto;
	width: 1000px;
}

/********** HEADER **********/

#header {
	height: 195px;
	margin-left: -55px;
}
#header .logo a {
	text-decoration: none;
	float: left;
	width: 420px;
	_width: 420px;
	height: 0;
	overflow: hidden;
	display: block;
	margin: 0 0 0 110px;
	_margin: 0;
	padding-top: 195px;
	_padding: 195px 0 0 110px;
	background: url(/images/layout/logo2.jpg) no-repeat;
	_background-position: 110px 0;
}
#header .header {
	margin: 0 0 0 500px;
	_margin: 0 0 0 0;
	_float: left;
	padding-left: 60px;
	_padding: 0 0 0 0;
	position:relative;
}
	
/********** NAVIGATION **********/

#nav {
	background: url(/images/layout/nav.jpg) no-repeat;
	margin: 0 0 0 -55px;
	width: auto;
	text-align: center;
	padding: 16px 0 0 0;
	height: 43px;
	width: 1105px;
}
#nav li {
    display: inline;
    padding: 0 10px;
	border-right: 1px solid #d2e4ef;
}
#nav a {
	color: #137FC2;
	text-decoration: none;
	font: 16px Tahoma, Arial, Helvetica, sans-serif;
}
#nav a:hover {
	text-decoration: underline;
}
		
/********** CONTENT **********/
			
#content {
	width: 980px;
	margin: auto;
}


#contentleft {
width:600px;
float:left;
margin:10px 0 0 0;
padding:0px;
}

#info img {
float:left;
margin:6px 10px 0 0;
padding:0px;
}

#contentleft h1 {
color: #f772ab;
}

#contentright {
width:330px;
float:left;
margin:10px 0 0 0;
padding:0px;
height:400px;
}
#contentleft input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
width:170px;
}

#subscription {
margin:11px 0 0 0;	
}

#sub1 {
float:left;
background-image:url(/images/sub1.jpg);
background-repeat:no-repeat;
width:161px;
height:75px;
margin:0px;
}

#sub2 {
float:left;
background-image:url(/images/sub2.jpg);
background-repeat:no-repeat;
width:161px;
height:75px;
margin:0px 58px;
padding:0px;
}

#sub3 {
float:left;
background-image:url(/images/sub3.jpg);
background-repeat:no-repeat;
width:161px;
height:75px;
}

#testimonials {
background: transparent url(/images/testimonialbg.jpg);
background-repeat:no-repeat;
width:330px;
height:400px;
}

#contentleft .form label, .webform label {
float:left;
font-size:11px;
margin-right:15px;
text-align:left;
width:120px;
}


.col {
	width: 326px;
	float: left;
}
.col01 {
	float: left;
	width: 246px;
}
.col02 {
	float: left;
	padding: 10px 0 0 25px;
	_padding: 10px 0 0 0px;
	width: 708px;
	_width: 692px;
	min-height: 500px;
	background: url(/images/layout/bg.jpg) 200px 35px no-repeat;
	_background-position: 200px right;
}
.col02 {
	line-height: 1.6em;
}
.col02 li {
	line-height: 2em;
}
		
/********** CONTENT **********/

.top h1 {
	font: 22px Arial, Helvetica, sans-serif;
	color: #F0439A;
	padding-bottom: 10px;
}
.bottom h2 {
	font-size: 1em;
	font-style: normal;
	margin: 0;
}

.widget01, .widget02, .widget03, .widget04 {
	width: 316px;
	margin: 5px;
	background: url(/images/layout/widget-middle02.jpg) repeat-y;
}
.top {
	width: 316px;
	height: 66px;
	background: url(/images/layout/widget-top03.jpg) no-repeat;
}
.bottom {
	width: 316px;
	padding: 0 0 14px;
	background: url(/images/layout/widget-bottom02.jpg) center bottom no-repeat;
}
.widget01 .bottom {
	background: url(/images/layout/widget-bottom04.jpg) center bottom no-repeat;
}
.widget03 .bottom {
	min-height: 208px;
	_height: 208px;
	background: url(/images/layout/widget-bottom03.jpg) center bottom no-repeat;
}
.widget04 .bottom {
	background: url(/images/layout/widget-bottom05.jpg) center bottom no-repeat;
}
.content01 {
	padding: 8px 20px;
}
.content02 {
	padding: 8px 20px 15px 115px;
}
.content03 {
	padding: 8px 25px 8px 160px;
}
.content04 {
	padding: 8px 60px 8px 20px;
}
.img {
	float: left;
	border: 1px solid #747474;
	margin: 8px 8px 8px 18px;
}
.img img {
	width: 80px;
	height: 80px;
}
.col02 .content02 h2 {
	margin-top: 0;
}
.content01 .form label {
	float: none;
}

/********** SIDEBAR **********/

.sidebar01, .sidebar02 {
	width: 246px;
	margin: 5px;
	background: url(/images/layout/sidebar-middle01.jpg) repeat-y;
}
.sidebar01 .top, .sidebar02 .top {
	width: 246px;
	height: 59px;
	background: url(/images/layout/sidebar-top01.jpg) no-repeat;
}
.sidebar01 .bottom, .sidebar02 .bottom {
	width: 246px;
	padding: 0 0 14px;
	background: url(/images/layout/sidebar-bottom02.jpg) center bottom no-repeat;
}
.sidebar01 .bottom {
	background: url(/images/layout/sidebar-bottom01.jpg) center bottom no-repeat;
}
.sidebar02 .content03 {
	padding: 8px 25px 8px 110px;
}
.menu li {
	padding: 0 0 5px 10px;
}
.menu a {
	font-size: 13px;
	padding: 0 0 0 10px;
	background: url(/images/layout/arrow.gif) 0 3px no-repeat;
	text-decoration: none;
}
.menu a:hover {
	background: url(/images/layout/arrow.gif) 0 -27px no-repeat;
}

/********** H1 **********/	

.top h1 {
	display: block;
	padding: 50px 0 0;
	width: 277px;
	height: 0;
	overflow: hidden;
}
h1.featured-products {
	background: url(/images/titles/featured-products.gif) 15px 13px no-repeat;
}
h1.annettes-world {
	background: url(/images/titles/annettes-world.gif) 15px 13px no-repeat;
}
h1.annettes-tips {
	background: url(/images/titles/annettes-tips.gif) 15px 13px no-repeat;
}
h1.news-and-events {
	background: url(/images/titles/news-and-events.gif) 15px 13px no-repeat;
}
h1.forums {
	background: url(/images/titles/forums.gif) 15px 13px no-repeat;
}
h1.newsletter {
	background: url(/images/titles/newsletter.gif) 15px 13px no-repeat;
}
h1.about-annette {
	background: url(/images/titles/about-annette.gif) 15px 13px no-repeat;
}
h1.newsletter-archive {
	background: url(/images/titles/newsletter-archive.gif) 15px 13px no-repeat;
}
h1.search {
	background: url(/images/titles/search.gif) 15px 13px no-repeat;
}
h1.shop {
	background: url(/images/titles/shop.gif) 15px 13px no-repeat;
}
h1.view-cart {
	background: url(/images/titles/view-cart.gif) 15px 13px no-repeat;
}
h1.facebook {
	background: url(/images/titles/facebookheading.png) 15px 13px no-repeat;
}
h1.symplyloveit {
	background: url(/images/titles/symplyloveit.png) 15px 13px no-repeat;
}
h1.book6 {
	background: url(/images/titles/book6-text.png) 15px 13px no-repeat;
}
				
/********** FOOTER **********/	
    			
#footer {
   display: block;
   clear: both;
   text-align: center;
   font: 12px Arial, Helvetica, sans-serif;
   color: #b3a49d;
   line-height: 1.5em;
}		   			
#footer a {
   color: #b3a49d;
   text-decoration: none;
}				 
#footer a:hover {
   text-decoration: underline;
}				 
	
				
/********** MORE **********/	

.more {
	text-align: center;
	padding: 5px 0 0;
}
.cart {
	padding: 0 0 5px 0;
	font-size: 13px;
}
.photogalleryItem a {
	height:78px;
	width:78px;
	color:#F0439A;
	display:block;
	overflow:hidden;
	text-decoration:none;
}
.news {
	float: right;
	height: 111px;
	margin: 7px 9px 0 0;
	width: 121px;

}

.news p {
margin:-40px 0;
padding:0px;
}
.download a {
	width: 139px;
	height: 0;
	padding-top: 32px;
	display: block;
	overflow: hidden;
	background: url(/images/buttons/download.png) 0 -32px no-repeat;
}
.download a:hover {
	background-position: 0 0;
}

/********** SHOP **********/	

.productItem, .productItemLast {
	_float: left;
}


.shop-list {
	float: left;
	width: 130px;
	height: 230px;
	_height: 240px;
	padding: 11px 0px 11px 0px;
	_padding: 11px 15px 11px 15px;
    margin: 0px 0px -47px -15px
    
}

.col02 .shop-list {
margin:15px 0;
padding: 0px 5px;
}

.productfeaturelist {
list-style: none;
}

.shop-list img {
	border: 1px solid #747474;
	width: 127px;
	height: 157px
}
.shop-list h4 a, .shop-list h5 a {
	color: #137FC2;
	text-decoration: none;
}
.shop-list .featuredproductbuttons {
display: none;	
}
.shop-list h4 a:hover {
	text-decoration: underline;
}             
.widget01 .shop-list img,
.sidebar02 .shop-list img {
	float: left;;
	margin: 8px 8px 8px 0;
}           
.sidebar02 .shop-list img {
	width: 90px;
	height: 110px;
}            
.sidebar02 .shop-list {
	width: 212px;
	padding-top: 0;
    margin: 0 0px -105px 20px;
}                      
.widget01 .shop-list {
	width: 280px;
	padding-top: 0;
}
.breadcrumbs {
	background: url(/images/layout/breadcrumb.png) no-repeat;
	padding: 5px 5px 15px 20px;
}
.poplets a {
	padding: 0 13px 0 0;
}
.poplets img {
	border: 1px solid #747474;
}
.quantity {
	margin: 0 0 25px;
}
.price {
	color: #F0439A;
	font: bold 20px Arial, Helvetica, sans-serif;
}
.productList li {
	float: left;
}
.shop-ul li {
	float: none;
}
.description li {
	float: none;
}

/********** TESTIMONIALS **********/	

.testimonials {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 18px;
	padding: 0 0 20px;
}
.testimonials em {
	background: url(/images/layout/quote1.gif) no-repeat left top;
	display: block;
	float: left;
	height: 20px;
	padding: 0 0 2px;
	width: 24px;
}
.testimonials .description {
	background: url(/images/layout/quote2.gif) no-repeat right bottom;
	padding: 0 20px 15px 25px;
}
.testimonials .name-location {
	padding: 0 0 0 25px;
}
.testimonials .name-location span {
	padding: 0 4px 0 0;
}

/********** COUNTRY **********/	

#country {
	position: absolute;
	left: 50%;
	top: 0;
	margin: 6px 0 0 167px;
	font-size: 10px;
	z-index: 100;
	font-size: 13px;
}
#country div {
	float: left;
	margin: 3px 10px;
}
#country .us, #country .au {
	margin: 0;
}
#country a {
	color: #747474;
	width: 26px;
	height: 26px;
	display: block;
	padding: 4px 6px 4px 30px;
	background: url(/images/layout/usa2.png) no-repeat;
}
#country .au a {
	background: url(/images/layout/aus2.png) no-repeat;
}
#country a:hover {
	color: #333;
}



/* Web App Pagination */

#webapp3774pagination, #webapp3774pagination ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#webapp3774pagination li {
	float:left;
        padding:3px;
}

li.pag-next {
       padding-left: 5px;
}


/*COUNTDOWN*/
#countdown1 {
	position: absolute;
	z-index: 100;
	top: 60px;
	right: 27px;
}
#countdown2 {
		position: absolute;
	z-index: 16;
	top: 60px;
	right: 27px;
}
#countdown3 {
		position: absolute;
	z-index: 15;
	top: 60px;
	right: 27px;
}
#countdown4 {
	position: absolute;
	z-index: 14;
	top: 60px;
	right: 27px;	
}
#countdown5 {
	position: absolute;
	z-index: 13;
	top: 60px;
	right: 27px;	
}

#countdown6 {
	position: absolute;
	z-index: 12;
	top: 60px;
	right: 27px;	
}

#countdown7 {
	position: absolute;
	z-index: 11;
	top: 60px;
	right: 27px;	
}

#countdown8 {
	position: absolute;
	z-index: 10;
	top: 60px;
	right: 27px;	
}

#countdown9 {
		position: absolute;
	z-index: 9;
	top: 60px;
	right: 27px;
}

#countdown10 {
		position: absolute;
	z-index: 8;
	top: 60px;
	right: 27px;
}

#countdown11 {
		position: absolute;
	z-index: 7;
	top: 60px;
	right: 27px;
}

#countdown12 {
		position: absolute;
	z-index: 6;
	top: 60px;
	right: 27px;
}

#countdown13 {
		position: absolute;
	z-index: 5;
	top: 60px;
	right: 27px;
}

#countdown14 {
		position: absolute;
	z-index: 4;
	top: 60px;
	right: 27px;
}

#countdown15 {
		position: absolute;
	z-index: 3;
	top: 60px;
	right: 27px;
}

#countdown16 {
		position: absolute;
	z-index: 2;
	top: 60px;
	right: 27px;
}

#countdown17 {
		position: absolute;
	z-index: 1;
	top: 60px;
	right: 27px;
}
#countdown18 {
		position: absolute;
	z-index: 1;
	top: 60px;
	right: 27px;
}