/* style sheet for SugaMango */
/* Copyright SgarMango 2008 All Rights Reserved */

/*----------------------------------------------*/
/*------------ General styles------------------ */

h1
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: black;
	font-weight: bold;
	margin: 0;
	border:0;
	padding:0px;
}

h2
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	border:0;
	padding:0px;
 }

h3
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;   
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	border:0;
	padding:0px;
}

p
{
	line-height:120%;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
}

table
{
	border-collapse:collapse;
}

th
{
	font-size: 14px;
	border:1px solid white;
	background: #d0d0d0;
	color: #000000;
}


tr.TableEven td 
{
	padding:4px; 
	font-size: 12px;

	font-family: courier new, courier, sans-serif;
	text-align: left;	

	border-left:1px solid white;
	border-right:1px solid white;
	background: #ffd0d0;
	color: #820070;
}

tr.TableOdd td 
{
	padding:4px; 
	font-size: 12px;

	font-family: courier new, courier, sans-serif;
	text-align: left;	

	border-left:1px solid white;
	border-right:1px solid white;
	background: #ffe0e0;
	color: #820070;
}


/*
tr.RightPanelRow td
{
	height:26px; 
	background: #ffffff;
	padding:5px;
}
*/

A:link 
{
	COLOR: #C230A0; 
	TEXT-DECORATION: none
}

A:visited 
{
	COLOR: #C230A0; 
	TEXT-DECORATION: none
}

A:hover 
{
	COLOR: #000000; 
	TEXT-DECORATION: underline
}

A:active 
{
	COLOR: #C230A0; 
	TEXT-DECORATION: none
}

A.BreadCrumb:link
{
	TEXT-DECORATION: underline;
}

A.BreadCrumb:visited
{
	TEXT-DECORATION: underline;
}

A.BreadCrumb:hover
{
	TEXT-DECORATION: underline;
}

A.BreadCrumb:active
{
	TEXT-DECORATION: underline;
}



li
{
	list-style-type:disc;
}

IMG 
{
	border-width: 0px 0px 0px 0px;

	/*border:1px solid green; */

}


/* For cross browset support*/
/* Substitute for min-height which is not supported by IE */
.MinHeight
{
	position:relative;
	float:left;
	left:0px;  
	top:0px; 
	width:0px; 
	/*height:375px;	*/   /* Define height to set a minimum height */
}


.clearboth 
{
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
}

.clearleft 
{
	clear: left;
}

.RedBorder
{
	border:1px solid red;
}

.GreenBorder
{
	border:1px solid green;
}


body 
{
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:125%;
	padding: 0;
	margin:5px;
	background-color: #E1E1E1;
	background-image:   url(images/bg.jpg);
	background-repeat: yes;

}

.Main 
{
	position: relative; 
	/*top: 8px;	 */
	width: 960px;
	/*height: 700px;*/
	/*min-height: 570px; */	 /* Note IE ignores min-height, so need to override by adding a div class MinHeight to any blocks needing min-height */
	margin:auto; 
	text-align: justify;
	background-color: #FFFFFF;
	/*border:1px solid blue;*/ 

}

.SmallLightFont
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C0C0C0; 
	font-size: 11px;
	padding: 3px;
	margin:0;
}


.FormLine
{
	position:relative;
	width:100%;
	Height:30px;
}

.FormText
{
	position:relative;
	float:left;
	width:140px;
	padding:4px;

}

.FormInput
{
	position:relative;
}  




/*----------------------------------------------*/
/* ----------- Top Header block. -------------- */

.Header
{
	position: relative; 
   	top: 8px; 	  
	width: 960px;
	height: 200px;
	margin:auto;
	text-align: justify;
	background-image:   url(images/top_background.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;

}

.TopNav
{
	top:140px; 
	font-size: 14px; 

}

.SubNav
{
	top:165px; 
	font-size: 12px; 

}

.NavBar
{
	position:absolute;
	left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-align: center;	
	color: #808080;
    width: 100%; 
	height:26px;
	padding: 3px 3px 3px 3px;	 
	margin: 0px 0px 0px 0px;
	
		 
	/*background-image: url(/SugarMango/images/chrome.jpg); 
	background-repeat: repeat-x; */ 

}

.ChamiliaSubNav
{
	position:relative;
	font-size: 12px;
	width:99%;
}



.Logo
{
	position:absolute; 
	left:26px; 
	top:30px; 
	z-index:7; 
}

.BasketSummary
{
	position:absolute; 
	left:690px; 
	top:5px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	color: #B22090; 
	 
}

.BasketIcon
{
	width:19px;
	height:17px;
}


.Order
{
	position:absolute; 
	left:715px; 
	top:40px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:13px;
	color: #B22090; 
	 
}



.Facebook
{
	position:absolute; 
	left:715px; 
	top:70px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	color: #B22090; 
	 
}


.UserLogin
{
	position:absolute; 
	left:715px; 
	top:100px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	color: #B22090; 
	 
}






/*----------------------------------------------*/
/*------------ Footer Block ------------------- */
/* Bottom Footer Block, relatively placed at bottom of page, but absolute positioned within the Footer box. */
.Footer
{
	position:relative;
	background-image:   url(images/bottom_background.gif);
	background-repeat: no-repeat;
	width:960px; 
	height:250px;
	margin:auto;
}

.BottomNav
{
	top:45px; 
	font-size: 14px; 

}


.Copyright
{
	position:absolute; 
	left:830px; 
	top:120px; 
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color: #a0a0a0;
	/*left:835px; 
	top:680px; */
}


.FootNote
{
	position:absolute;
	left:150px;  
	top:150px; 
	/*top:152px; */
	width:650px; 
	height:55px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:125%;
	color: #400040;
	font-size: 11px;
	text-align: justify;
	padding: 3px;
	margin:0;
}



/*----------------------------------------------*/
/*------------ General Page styling ----------- */

.CentrePanel
{
	position:relative; 
	width:700px; 
	height:375px; 
	left: 25px; 
	color:#400040;
	padding-right:10px;
	font-family: Tahoma, Verdana, Stylus BT, Monotype Corsiva, Arial, Helvetica, sans-serif;

	/* set overflow:auto; to make the CenrePanel fixed size with scroll bar to accomodate overflow, otherwise grow as required. */
	/*overflow:auto; */
}

.CategoryPanel
{
	position:relative; 
	/*width:896px; */
	/*width:840px; */
	width:830px; 
	/*height:380px;*/
	min-height:375px; 
	/*left: 50px;*/ 
	left: 75px; 
	color:#400040;
	/* set overflow:auto; to make the CenrePanel fixed size with scroll bar to accomodate overflow, otherwise grow as required. */
	/*overflow:auto; */
	/* except - cant use with min-height definition*/
}

.ProductPanel
{
	position:relative; 
	width:840px; 
	height:380px; 

	left: 50px; 
	color:#400040;
	/* set overflow:auto; to make the CenrePanel fixed size with scroll bar to accomodate overflow, otherwise grow as required. */
	/*overflow:auto; */

}


.InfoPanel
{
	position:relative; 
	width:650px; 
	/*height:375px; */
	min-height:375px; 
	left: 75px; 
	color:#400040;
	padding-right:10px;
	/*border:1px dashed green; */

	/* set overflow:auto; to make the CenrePanel fixed size with scroll bar to accomodate overflow, otherwise grow as required. */
	/*overflow:auto; */
}



.InfoText
{
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:125%;
	padding: 0;
	margin:5px;
	background-color: #E1E1E1;
	
}



.RightPanel
{
   position:absolute; 
   left:758px; 
   width:153px; 
   height:113px; 
}
.RightPanelTop
{
   top:5px; 
}
.RightPanelMid
{
   top:128px; 
}
.RightPanelBot
{
   top:251px; 
}

.RightPanelTxt
{
	position:absolute; 
	left:758px; 
	width:153px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;	
	vertical-align:bottom;
	line-height:125%;
	/*color: #6c485d;*/
}

.RightPanelTxtTop
{
	top:95px; 
}

.RightPanelTxtMid
{
	top:218px; 
}

.RightPanelTxtBot
{
	top:341px; 
}

.InfoColumn
{
	width:390px;
	padding:10px;
	/*border:1px dashed grey; */

}





/*----------------------------------------------*/
/*------------ Home Page styling ----------- */



.CentrePanelTitle1
{
	position:absolute; 
	left: 65px; 
	top: 15px; 
 	font-size: 14px;
	font-weight: bold;
}

.CentrePanelTitle2
{
	position:absolute; 
	left: 130px; 
	top: 40px; 
 	font-size: 14px;
	font-weight: bold;
}

.CentrePanelNews
{
	position:absolute; 
	width:335px; 
	height:375px; 
	left: 375px; 
	top: 15px; 
	color:#400040;
}



.Signed
{
	font-size: 14px;
}


.HomeRightTopTitle
{
	position:absolute; 
	left:530px;
	top:10px;
}

.HomeRightMidTitle
{
	position:absolute; 
	left:530px;
	top:140px;
}

.HomeRightBotTitle
{
	position:absolute; 
	left:530px;
	top:260px;
}


.HomeRightTxt
{
	position:absolute; 
	left:540px;
	width:200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;	
	line-height:125%;
	color: #aa8499;

}

.HomeRightTopTxt
{
	top:40px;
}

.HomeRightMidTxt
{
	top:170px;
}

.HomeRightBotTxt
{
	top:290px;
	
}



.CentrePanelWeLove
{
	position:relative; 
	width:835px; 
	height:230px;
	/*top:385px;
	left: 0px; */
	background-color:#fdf1fb;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;


}

.CentrePanelWelcome
{
	position:relative; 
	width:835px; 
	height:460px;
	/*top:385px;
	left: 0px; */
	background-color:#fdf1fb;
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;

}

.CentrePanelWelcomeTXT
{
	width:570px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:125%;
	color: #80666f;
	padding:10px;

}

.Facebook
{
	position:absolute;
	top:10px;
	left:635px;
}

.BJALogo
{
	position:absolute;
	top:85px;
	left:610px;
	width:200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:125%;
	color: #80666f;
	text-align:center;	


}

.HomeShop
{
	position:absolute;
	/*top:125px; */
	top:245px;
	left:595px;
}


.WeLove
{
	position:relative; 
	float:left;
	top:5px;
	height:149px;
	width:167px;
	text-align:center;
	vertical-align:bottom;

	margin-right:0px;
	
}

.WeLove1
{
	left:0px;
}

.WeLove2
{
	left:70px;
}

.WeLove3
{
	left:140px;
}

.WeLove4
{
	left:210px;
}

.WeLove5
{
	left:280px;
}



/*
.InsetPanel
{
   position:absolute; 
   width:200px; 
   height:200px; 
   z-index:17; 
    left: 497px; 
   top: 1px; 
   
}*/








/*----------------------------------------------*/
/*------------ Contact Page ------------------- */



.ShopIllustration
{
	position:absolute;
	top:0px;
	left:200px;

}


.ShopIllustrationLink
{
	position:absolute;
	top:345px;
	left:325px;
}


/*----------------------------------------------*/
/*------------ Category Page ------------- */

.SummaryFrame
{
	position:relative;
	float:left;
	width:270px; 
	height:330px;
}

.NotPublished
{
	position:absolute;
	top:10px;
	left:34px;
	width:200px;
	text-align:center;
	background-color:#ff8080;
}


.ItemInCart
{
	position:absolute;
	top:10px;
	left:34px;
	width:202px;
	text-align:center;
	background-color: #E1E1E1;
}




.SummaryPicture
{	position:relative;
	top:30px;
	left:34px;
	width:200px;
	height:200px;
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

.SummaryTitle
{	position:relative;
	top:35px; 
	left:34px;
	width:200px;
	height:auto;
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	text-align:left;	
	color: #C230A0;
}


.SummaryPrice
{	position:absolute;
	bottom:30px;
	left:34px;
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	color: #000000;
}



.SummaryMore
{	position:absolute;
	bottom:30px;
	left:105px;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
}


.SummaryBuy
{	
	position:absolute;
	bottom:30px;
	left:190px;
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	/*border:1px solid green;*/ 

}

/*----------------------------------------------*/
/*------------ Cart Page ---------------------- */


.CartFrame
{
	position:relative;
	font-family: Verdana, Arial, sans-serif;
	font-size:16px;
	line-height:125%;
	text-align:left; 
	vertical-align:middle;
	width:99%; 
	height:85px; 
	border-bottom:1px solid #eeeeee;

}


.CartPandPFrame
{
	height:40px; 
}

.CartTotalFrame
{
	height:40px; 
	border-top:2px solid #cccccc;	 
   /*	border-bottom:2px solid #cccccc; */
}

.CartControlsFrame
{
	height:40px; 
	border-bottom:0px ;
	border-left:1px dashed green;
}

.CartPaymentFrame
{
	position:relative;
	font-family: Verdana, Arial, sans-serif;
	font-size:16px;
	line-height:125%;
	text-align:left; 
	vertical-align:middle;
	width:99%; 
}


.CartHeader
{
	height:25px; 
	top:0px;
	background-color:#e8F1fa;
	border-left: 2px solid white;
	text-align:center;
}

.CartHeaderTitle
{
	position:absolute;
	left: 90px;
	width:50px;
}

.CartHeaderPrice
{
	position:absolute;
	left:440px;
	width:50px;
}

.CartHeaderQty
{
	position:absolute;
	left:538px;
	width:45px;
}

.CartHeaderRemove
{
	position:absolute;
	left:595px;
}



.CartHeaderTotal
{
	position:absolute;
	left:663px;
	width:150px;
}



.CartPicture
{	
	position:absolute;
	top:5px;
	left:5px;
	width:75px;
	height:75px; 
}

.CartTitle
{	
	position:absolute;
	top:10px; 
	left:90px;
	width:350px;
	height:auto; 
}

.CartOrderCode
{	
	position:relative;
	font-size:14px;
	top:50px; 
	left:90px;
	width:350px;
	height:auto;
	color: #b200a0;
}

.CartPrice
{	
	position:absolute;
	top:30px;  
	left:450px;
	width:50px;
	height:auto;
}


.CartQty
{	
	position:absolute;
	top:30px; 
	left:550px;
	width:30px;
	height:auto;
}

.CartRemove
{	
	position:absolute;
	top:30px; 
	left:620px;
	height:auto;
}



.CartItemTotal
{	
	position:absolute;
	top:30px; 
	left:670px;
	width:100px;
	height:auto;
	text-align: right;
}


.CartPandPTotal
{	
	position:absolute;
	top:10px; 
	left:670px;
	width:100px;
	height:auto;
	text-align: right;
}


.CartTotal
{	
	position:absolute;
	top:10px; 
	left:670px;
	width:100px;
	height:auto;
	font-weight: bold; 
	text-align: right;
}


.CartHighlight
{
	position:absolute;
	top:0px; 
	left:540px;
	width:125px;
	height:100%;
	background-color:#ffF3EA;
}


.CartUpdateButton
{
	position:absolute;
	font-size:14px;
	top:10px;
	left:563px;
	width:80px;
}


.CartPPCheckoutButton
{
	position:absolute;
	font-size:14px;
	top:10px;
	left:683px;	  
	width:130px;
}

.CartContinueShoppingButton
{
	position:absolute;
	font-size:12px;
	top:50px;
	left:683px;	  
	width:130px;
}

.CartPPAcceptanceLogo
{
	position:absolute;
	top:65px;
	/*left:527px;*/
	left:537px;	  
}



/*----------------------------------------------*/
/*------------ Product page and edit -----------*/

.ProductFrame
{
	position:relative;
	left:0px;
	top:0px;
	width:100%; 
   /*	height:auto; */
   height:380px; 
}



.ProductPicture
{	position:absolute;
	left:0px;
	top:0px;
	width:375px;
	height:375px;
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

.ProductInfo
{	position:absolute;
	left:385px;
	top:0px;
	height:375px;
	/*padding:5px; */
}

.ViewProduct
{
	width:455px;
}

.EditProduct
{
	border-top:1px solid #f7f7f7;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	text-align: left;
	vertical-align:middle;
	width:370px;

}



.ProductTitle
{	
	position:relative; 
	top:5px;
	left:0px;
	height:auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	width:100%;
	/*margin:5px;  */
	line-height:125%;
	text-align:left; 

}


.ProductCode
{	
	position:relative;
	top:10px;
	left:0px;
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	/*text-align:left; */
	width:100%;
	/*margin:5px; */
	color: #b200a0;
}


.ProductPrice
{	
	position:relative;
	top:20px;
	left:0px;		
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	/*margin:5px; */
}


.ProductStock
{
	position:relative;
	left:70px;
	top:-20px;
}


.ProductBuyButton
{
	position:relative;
	top:30px;
	left:0px;
}


.ProductFreeDelivery
{
	position:absolute;
	top:52px;
	left:135px;
}

.ProductFreeGiftWrap
{
	position:absolute;
	top:52px;
	left:250px;
}

.ProductDescriptionTxt
{	
	position:relative;
	top:40px;
	/*left:5px;	 */	
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	width:100%;
	/*padding:5px;	 */
	color: #720060;
}




.ProductDescription
{	
	position:relative;
	top:5px;
	font-family: Verdana, Arial, sans-serif;
	/*font-size:14px;*/
	font-size:12px;
	/*text-align:left; */
	width:100%;
	/*padding:5px;*/
	color: #720060;
}


.ProductEditTitle
{	
	position:relative;
	height:auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	width:100%;
	/*margin:5px;*/
	line-height:125%;
	text-align:left; 

}



.Justified
{
	text-align:justify;	
}

.Centred
{
	text-align: center;	
}


.ProductGeneral
{	
	/*position:relative; */
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	/*margin:5px;*/
	/*border:1px dashed blue; */
}

.NarrowInput
{
	width:80px;
}

.SupplierInput
{
	width:120px;
	height:150px;
}

.CategoryInput
{
	width:220px;
	height:150px;
}


.EditButton
{
 	width:120px; 
	height:35px;
	margin:10px;
	vertical-align:middle;

}


.Checkbox
{
	vertical-align:middle;
}

.EditorFrame
{
	position:absolute; 
	top:0px;
	left:760px;
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

.UploadFrame
{
	position:relative; 
	top:0px;
	left:50px;
	width:750px;
}

.BrowseField
{
	width:295px;
}

.FloatLeft
{
	position:relative;
	float:left;
}


.FloatRight
{
	position:relative;
	float:right;
}

.EditProductCategories
{
	position:absolute;
	top:275px;
	left:10px;	
}


.EditProductSuppliers
{
	position:absolute;
	top:275px;
	left:200px;	
}




/*----------------------------------------------*/
/*------------ Login Pages -------------------- */
.Login
{
	position:relative;
	float:left;
 /*	left:0px;
	top:0px;	 */
	width:375px;
	height:235px;
	padding:5px;
	margin:5px;
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}



.Register
{
	position:relative;
	float:left;
/*	left:400px;
	top:0px;	 */
	width:375px;
	height:235px;
	padding:5px;
	margin:5px;
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}


/*----------------------------------------------*/
/*------------ Links Page ------------- */

.LinkSectionHeading
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;   
	font-size: 16px;
	font-weight: bold;
	margin: 10px;
	border:0px;
	padding:0px;
}

.LinkBox
{
	width:600px;
	margin:10px;
	border:1px solid #e0e0e0;
}

.LinkBoxTitle
{
	margin:5px;
}

.LinkBoxDescription
{
	margin:5px;
}

.LinkBoxURL
{
	font-family: "Verdana", Ariel, Helvetica, sans-serif;   
	font-size: 10px;
	margin:5px;
}



/*----------------------------------------------*/
/*------------ Picture Navigation ------------- */

.PictureNav
{
	width:100%; 
	height:75px;
}

.PictureNavFrame
{
	position:relative;
	float:left; 
	width:75px; 
	height:75px;
}

.PictureNavFrame1
{
	left:100px;	
}
.PictureNavFrame2
{
	left:140px;	
}
.PictureNavFrame3
{
	left:195px;	
}
.PictureNavFrame4
{
	left:260px;	
}
.PictureNavFrame5
{
	left:295px;	
}
.PictureNavFrame6
{
	left:295px;	
}