/* - - - - - - - - - - - - - - - - - - - - -

Title : Il Tutto

URL : http://iltutto.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

Description : Full website styles

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0;
	margin: 0;
	}

body {
	background-image: url(/persistent/templateimages/tile_white_06.gif);
	background-color: #FFFFFF;
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	font: normal 11px "Tahoma";
	color: #9A9A9A; }

img {
	border: 0;
	}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}

form {
	margin: 0;
	padding: 0;
	}

#stats {
display: none;
height: 0;
line-height: 0;
} 

label {
	display: block; }

/*
----------------------------------------------------------------------------- 
FONT STYLES
-----------------------------------------------------------------------------*/

h1 /*page headings*/{
	font: bold 16px arial, verdana, helvetica, sans-serif;
	color: #F90031;
	margin: 0px; }

h2 /*content subheadings*/{
	font: bold 12px arial, verdana, helvetica, sans-serif;
	color: #282828; }
	
h3 /*content 3rd level headings*/{
	font: bold 11px "Tahoma";
	color: #282828; }

h4 /*category headings*/{
	font: bold 14px arial, verdana, helvetica, sans-serif;
	color: #F90031; }

h5 /*product category headings*/{
	font: bold 13px arial, verdana, helvetica, sans-serif;
	color: #F90031; }

p,td {
	font: normal 12px "Tahoma";
	color: #9A9A9A; }

a {
	color: #B8B2B3; }
	
a:hover {
	color: #666666; }

#contentArea #contentPadding li, ul, ol {
	list-style-image:url(/persistent/templateimages/iltuttobullet.gif);
	padding: 0;
	margin: 7px;
	font: normal 12px "Tahoma";
	color: #9A9A9A;
	}
	
	/*list-style-image: none;
	background-image: url(/persistent/templateimages/iltuttobullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: -8px;
	margin-left: -10px;
	list-style: none;
	font: normal 12px "Tahoma";
	color: #9A9A9A;
	text-indent: 23px;
	vertical-align: middle;
	line-height: 13px; } */
	
/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

#container {
	width: 753px;
	margin: auto; }

#logoSloganBar {
	margin-top: 38px;
	width: 749px;
	border-color: #ed1650;
	border-width: 2px 2px 1px 2px;
	border-style: solid;
	background-color: #000000; }

#logoSloganTable {
	padding: 0px;
	width: 713px; }

#sloganCell {
	font: bold 16px "Tahoma";
	color: #f13c6d;
	text-align: right;
	padding-top: 30px;
	padding-right: 0px;
	margin-right: 0px;}

#navBar {
	width: 749px;
	border-color: #ed1650;
	border-width: 1px 2px;
	border-style: solid;
	background-color: #000000; }

#contentArea {
	width: 749px;
	border-color: #ed1650;
	border-width: 1px 2px;
	border-style: solid;
	background-color: #FFFFFF; }

#contentPadding {
	padding: 26px 22px 22px 22px; }

#FooterBar {
	width: 749px;
	border-color: #ed1650;
	border-width: 1px 2px 2px 2px;
	border-style: solid;
	background-color: #000000;}

#footerContent {
	padding: 5px 11px; }

#footerContent td a{
	color: #FFFFFF;
	font: normal 11px "Tahoma";
	text-decoration: none; }
	
#footerContent td a:hover{
	color: #6e6d6d;
	font: normal 11px "Tahoma"; }	

#footerContent td.iltuttoInfo {
	font: normal 9px verdana;
	color: #d7436b; }
	
#footerContent td.iltuttoInfo a {
	font: normal 9px verdana;
	color: #d7436b;
	text-decoration: none; }

#footerContent td.iltuttoInfo a:hover {
	font: normal 9px verdana;
	color: #af1e45; }


/*
----------------------------------------------------------------------------- 
NAVIGATION - Main Site
-----------------------------------------------------------------------------*/

#navWrapper {
	float: left;
	width: 741px;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px;
	}


/* -- Top Menu Sucker Fish 4 Level -- */


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

#nav li {
	float: left;
	cursor: pointer;
	/*width: 93px;*/ /*when changed the width from 125 to 93 or deleted it, format stuffs up in Firefox*//*changes the li width (emil said to leave with no width*/
	padding: 0;
	margin: 0;
	text-align: center;
	text-transform: lowercase;
	text-indent: 0px;
	}
	
#nav li a {
	font: normal 13px "Tahoma";
	color: #fffefe;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
	padding: 5px 23px 5px 24px; /*need this to set top and bottom padding of main nav items*/
	background-color: #000000;
	background-image: url(../templateimages/navbarline.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

/*Index Item Rules */

#nav li.index_selected a {
	font: normal 13px "Tahoma";
	color: #ed1650;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
	background-image: none;
	/*padding: 5px 11px 5px 11px; - deleting this padding gave equal height of mainnav to both browsers*/
	background-color: #000000;
	}

#nav li.index_selected a: hover {
	color: #ed1650;
	}

#nav li.index_notselected a {
	font: normal 13px "Tahoma";
	color: #fffefe;
	display: block;
	text-decoration: none;
	background-image: none;
	/*padding: 5px 11px 5px 11px;*/
	background-color: #000000;
	}

#nav li.index_notselected a: hover {
	color: #ed1650;
	}
	
/*End Index Item Rules*/
	
#nav li.selected a, #nav li a:hover { 
	color: #ed1650;
	}

#nav li ul {
	position: absolute;
	left: -999em; /*not touch*/
	height: auto;/*not touch*/
	width: 90px;/*changed from 188 to 93*/
	/*margin-top: 1px;*/ /*changed from 0*/
	padding: 0;
	border-top: 1px solid #ed1650;
	}

/*#nav li#eventsNav ul {
	width: 176px;
	margin: 0 0 0 -60px;*/
	}
	
#nav li li {
	margin: 0;
	padding: 0;
	background-image: none;
	}

#nav li li a, #nav li.selected li a {
	font: normal 13px "Tahoma";
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 7px 5px 23px; /*changed right from 18 to 7*/
	border-bottom: 1px solid #8f8f8f;
	border-right: 1px solid #8f8f8f;
	border-left: 1px solid #8f8f8f;
	color: #fffefe;
	width: 90px; /*changed from 159*/
	background-color: #020202;
	text-transform: lowercase;
	background-image: none;
	}
#nav li li a:hover, #nav li.selected li a:hover {
	color: #fffefe;
	background: #2b2b2b;
	}
	

/*ul#nav li li a.subnavArrow  {
	background: #020202 url(/persistent/templateimages/arrow_right.jpg) right top no-repeat;
	}
	
ul#nav li li a.subnavArrow:hover  {
	background: #2b2b2b url(/persistent/templateimages/arrow_right_hover.jpg) right top no-repeat;
	}
	
ul#nav li#eventsNav li a.subnavArrow {
	background: #020202 url(/persistent/templateimages/arrow_left.jpg) right top no-repeat;
	}
	
ul#nav li#eventsNav li a.subnavArrow:hover {
	background: #2b2b2b url(/persistent/templateimages/arrow_left_hover.jpg) right top no-repeat;
	}*/

	
#nav li ul ul {
	width: 93px;/*changed from 176*/ /*nothing happened*/
	margin: -27px 0 0 120px;/*changed from 22 0 0 186*/
	/*border-top: 1px solid #FFFFFF;*/
	}

#nav li#eventsNav ul ul{
	width: 93px;/*changed from 176*/ /*nothing happened*/
	margin: -27px 0 0 -120px;
	}

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

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	z-index: 500;
	}

#nav li#eventsNav.sfhover ul {
	width: 93px;/*changed from 176*/
	margin: 0 0 0 -0px; /*changed left from 116*/
	}


#nav li li.sfhover ul {
	margin: -27px 0 0 120px;/*changed from -22 0 0 116*/
	left: auto;
	z-index: 500;
	}
	
#nav li#eventsNav li.sfhover ul {
	margin: -27px 0 0 -240px;
	left: auto;
	z-index: 500;
	}

#nav li:hover, #nav li.sfhover { 
	color: #2b2b2b;
	}

#nav li ul li:hover, #nav li ul li.sfhover { 
	background: none;
	}

/* FORM STYLES START ----------------
-------------------------------------*/

#FormTable {
	border: 1px solid #9A9A9A;}
	
#FormTable td{
	padding: 3px 2px;
	border: 1px solid #9a9a9a;
	font: normal 11px "Tahoma";
	color: #9A9A9A; }

.FormInput { 
	font: normal 11px "Tahoma";
	background: #f986a5;
	border: 1px solid #E2E2E2;
	color: #3e3e3e;
	margin: 1px 0px 0px 0px; }

.FormButton{
	font: normal 9px "Tahoma";
	width: 60px;
	height: 20px;
	padding: 2px;
	color: #CCCCCC;
	background-color: #6E6E6E; }
	
.FormPlainInput{
	font: normal 11px "Tahoma";
	color: #9A9A9A;
	background-color: #FFFFFF;}
	
.FormTextSml {
	font: normal 9px "Tahoma";
	color: #9A9A9A;
	display: block; }
	
/* Form Styles End ----------------*/


/* Store Rules Start ----------------
-------------------------------------*/

.breadcrumbs a {
	color: #f2b9c4;
	font: normal 11px Arial, Helvetica, sans-serif; }

.breadcrumbs a:hover {
	color: #fb6583; }
	
.breadcrumbs_selected {
	color: #fb6583; }
	
#ProDetails {
	padding-left: 0px; }

#ProDetails td {
	vertical-align: top; }
	
#category td {
	 vertical-align: top;}
	
.cart_button {
	margin-left: 10px;
	color: #CCCCCC;
	background-color: #6E6E6E; }
	
.checkout_toprow {
	background-color: #CCCCCC; }

.checkout_toprow_heading {
	background-color: #FFFFFF;
	font: bold 13px arial, verdana, helvetica, sans-serif;
	color: #F90031; }
	

.checkout_table_bgcol {
	border: 1px solid #CCCCCC; }

.checkout_td_bgcol {
	background-color: #F0F0F0; }

.checkout_button {
	color: #CCCCCC;
	background-color: #6E6E6E; }

.address_details_bg {
	background-color: #F0F0F0; }

.FormTextSml {
	font-size: 9px;}
	
#prodtext {
	padding-left: 10px; }

#catLink {
	font: bold 13px arial, verdana, helvetica, sans-serif;
	color: #F90031;
	text-decoration: none; 
	padding-left: 25px;}

#catLink:hover {
	font: bold 13px arial, verdana, helvetica, sans-serif;
	color: #fb4367;
	text-decoration: none; }

.shopLink {
	font: bold 14px arial, verdana, helvetica, sans-serif;
	color: #F90031;
	text-decoration: none;
	padding-left: 25px; }

.shopLink:hover {
	font: bold 14px arial, verdana, helvetica, sans-serif;
	color: #fb4367;
	text-decoration: none; }

.shop_desc {
	font: normal 12px "Tahoma";
	color: #9A9A9A;
	padding-left: 25px; }

.store_table_cat {
	margin: 0px;
	padding: 0px; }

.store_table_cat td {
	padding: 0px 5px; }

.store_table_cat td img{
	padding: 0px 25px;
	text-align: center; }
	
	

/* Store Rules End ----------------------*/

#cartMainCell {  }
#cartMainCell h1 { 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #f90031;
	padding: 0px;
	margin: 0px; }
#cartMainCell h2 { 
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #2E2E2E;
	padding: 0px;
	margin: 0px; }
#cartMainCell h6 { 
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #3B3B3B;
	padding: 0px;
	margin: 0px; }

#cartMainCell form { 
	padding: 0px;
	margin: 0px; }

#cartMainCell input, #cartMainCell select { 
	font: normal 9px Arial, Helvetica, sans-serif;
	background: #f986a5;
	border: 1px solid #E2E2E2;
	color: #3e3e3e;
	margin: 1px 0px 0px 0px; }

.cartCrumbs { 
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FB6583; }
.cartCrumbs a { 
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #F2B9C4;
	text-decoration: none; }
.cartCrumbs a:hover { 
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FB6583;
	text-decoration: underline; }

#productDetailCell {}
#productDetailLeft { 
	float: left;
	width: 295px; }
#productDetailMiddle { 
	float: left;
	width: 132px; }
#productDetailRight { 
	float: left;
	width: 277px; }