/* ----------------------------------------------------------------
	Template for css styling for Digicart
---------------------------------------------------------------- */


/* ---------------------------------------------------*/
/* ---------- place your styles here, include body tag ----------- */
/* ---------------------------------------------------*/
.body { 
	background: url(Images/content_bg.gif) repeat-x top left;
	text-align:left;
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	height: 100%;
} 

/*-------- puts logo in center of browser ---------*/
	
#frame {
	width:100%;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align:center;
	background: #fff;
}
#toplogo{
	background:  url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/toplogo.gif) no-repeat top center;
	height:80px;
	width:760px;
	padding: 0px;
	margin: 0px auto;
}	
		
/*-------- header ---------*/

#frameheader {
	width:100%;
	height:200px;
	padding:0px;
	text-align:left;
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/header_bg.gif) repeat-x bottom left;
}

#header_home {
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/header.jpg) no-repeat top center;
	height:200px;
	width:760px;
	padding: 0px;
	margin: 0px auto;
}

/*-------- title ---------*/

#frametitle {
	width:100%;
	height:45px;
	padding:0px;
	text-align:left;
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Imagess/title_bg.gif) repeat-x bottom left;
}
#title_home {
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/home_title.gif) no-repeat top center;
	height:45px;
	width:760px;
	padding: 0px;
	margin: 0px auto;
}

/*-------- content ---------*/

#framecontent {
	width:100%;
	padding:0px;
	text-align:left;
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/content_bg.gif) repeat-x top left;
}
		
#content {
	background: #fff;
	width:760px;
	padding: 0px;
	margin: 0px auto;
}
	
/*-------- navigation/left content ---------*/

#contentleft {
	width:168px;
	float:left;
}

#contentleft ul {
	list-style: none;
	margin: 35px 0px 100px 25px;
	padding: 0px;
	border: none;	
}		

#contentleft ul li a {
	display: block;
}

#contentleft a:link, #contentleft a:visited {
	width:148px;
	color:#505050;
	text-decoration: none;
	background-image: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/leftnav_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	font: 12px Georgia, serif;
	margin: 0px;
	padding: 5px 0px 5px 18px;
}
#contentleft a:hover {
	width:148px;
	text-decoration: none;
	background-image: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/leftnav_arrow_ova.gif);
	background-position:left;
	background-repeat:no-repeat;		
}
		
		
		
/*-------- center content ---------*/
	
#contentcenter {
	width:350px;
	padding:0px;
	margin: 20px 0px 20px 30px;
	float:left;
}
#contentcenter h1, #contentdefault h1{
	font: 15px Arial, Helvetica, sans-serif;
	color:#2b4355;
	padding:0px;
	margin: 10px 0px 10px 0px;
} 
#contentcenter h1:after, #contentdefault h1:after{
	content:  url(Images/bullets.gif);
	margin: 0 0 2px 5px;
}
#contentcenter h2, #contentdefault h2{
	color: #647c8e;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom:1px solid #647c8e;
	padding: 0px 0px 2px 0px;
}
#contentcenter a:link, #contentcenter a:hover, #contentcenter a:visited{
	color:#647c8e;
	text-decoration:underline;
} 
#contentcenter .introText, #contentdefault .introText{
	color: #647c8e;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:17px;
}
#contentcenter p{
	color: #333333;
	font: 11px Arial, Helvetica, sans-serif;
}
#contentcenter ul, #contentdefault ul{
	padding:0px 0px 0px 25px;
	margin: 0px;
}
#contentcenter li, #contentdefault li{
	list-style-image: url(Images/bullets.gif);
	font-size: 11px;
	color:#647c8e;
}
/*-------- center content on default layout ---------*/
	
#contentdefault {
	width:500px;
	padding:0px;
	margin: 20px 0px 20px 30px;
	float:left;
}

#contentdefault a:link, #contentdefault a:visited, #contentdefault a:hover{
	color:#647c8e;
	text-decoration:underline;
}  
	
#contentdefault p{
	color: #333333;
	font: 11px Arial, Helvetica, sans-serif;
}
	
#contentdefault p a:link, #contentdefault p a:visited, #contentdefault p a:hover{
	color:#647c8e;
	text-decoration:underline;
}
	
#contentdefault td a:link, #contentdefault p a:visited, #contentdefault p a:hover{
	color:#647c8e;
	text-decoration:underline;
}
	
/*-------- whats new/right content ---------*/
#contentright {
	text-align:center;
	width:150px;
	padding:0px;
	margin: 30px 0px 0px 30px;
	float:left;
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/roadsign.gif) no-repeat bottom center;
}

/*-------- footer ---------*/
	
#footer {
	clear:both;
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/footer.gif) no-repeat top center;
	width: 769px;
	height: 40px;
	padding-left: 10px;
	margin: 10px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
}

#footerlinks{
	width: 760px;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#000;
}
#footerlinks a:link, #footerlinks a:visited, #footerlinks a:hover{
	font: 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}
	
	/*-------- contentbottom ---------*/
	
#contentbottom {
	clear:both;
	width: 500px;
	padding:0px;
	margin: 10px 0px 0px 25px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
}
		
#contentbottom a:link, #contentbottom a:visited, #contentbottom a:hover{
	font: 9px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}	

	/*-------- search ---------*/

#search{
	float: right;
	width: 300px;
	margin: 0;
	padding-right: 0px;
	padding-top: 40px;
}

#input1{
	width: 110px;
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#input2{
	width: 20px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* in body tag include default font and colour most common in site */

body { 
	background: url(/IM_Custom/ContentStore/Themes/Minimalist/Layouts/Images/content_bg.gif) repeat-x top left;
	text-align:center;
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
} 
	
/* create general a/p tags for site */
	
a {
	font: 11px Arial, Helvetica, sans-serif;
	color: 000;
}
a:link {
	font: 11px Arial, Helvetica, sans-serif;
	color: 000;
}
a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: 000;
}
a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: 000;
}
a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: 000;
	text-decoration: underline;
}
p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
	
/* makes all images have no border */
	
img {
	border: 0;
}
	

/* Use this instead of cellpadding, border and cellspacing */
table { 
	padding:0; 
	border:0; 
	border-spacing:0; 
	border-collapse:collapse;
} 

	
/* ----------- end of your tags ------------- */



/* ---------------------------------------------------*/
/* ---------- digicart predetermined css styles main body ----------- */
/* ---------------------------------------------------*/


/* ---- top nav box ---- */
#top-navigation-box {
	padding-top:10px; 
	padding-right:15px;
	border: 1px solid red;
	width: 80%;
}	
#top-navigation-box img{
	display:none;
}	
/* top nav links */
.TopLink {
	width:168px;
	float:left;
}	
/* ------ header styles h1 etc ------- */

.SubHeader{
	font: 12px Arial, Helvetica, sans-serif;
	color: #647C8E;
	font-weight: bold;
}
  
.SubHeader2{
	font: 12px Arial, Helvetica, sans-serif;
	color: #647C8E;
	font-weight: bold;
}
	
	
	
/* ---------------------------------------------------*/	
/* ------ shop categories/search left hand stuff -----*/
/* ---------------------------------------------------*/
	
	
/*.MenuCellShop { 
  font: 11px Arial, Helvetica, sans-serif;
  color: #4d104b;
  padding:5px 5px 5px 13px;  
 }
	
.MenuSparatorCell { height:13px;}
	
.MenuLink { 
  font: 11px Arial, Helvetica, sans-serif;
  color: #4d104b;
  }

.MenuLink:hover {
text-decoration:underline;
}

.MenuLinkShop { 
  font: 11px Arial, Helvetica, sans-serif;
  color: #4d104b;
   }

.MenuLinkShop:hover { 
text-decoration:underline;
 }

.FooterLink {
  font: 11px Arial, Helvetica, sans-serif;
  color: #4d104b;*/
  }
  
  
  
/* ---------------------------------------------------*/	
/* ------ promo box/mini cart right hand stuff -----*/
/* ---------------------------------------------------*/
  
/* keep display=none, unless client specificately asks for it */
#logo-box {
	display:none;
}
	
	
/* ----- mini cart ----- */
	
#cart-box {
	border:6px solid red;
	padding:15px;
	background-color:#FFFFFF;
}
	
	
#cart-box p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #4d104b;
}
	
	
/* ----- promo box ----- */	

#promo-box {
	border:3px solid #6793B3;
	padding:15px;
	background-color:#96B8D0;
	background-image:url(Images/i-promo-box-back.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
	
/* ----------------------------------------------------------------
	Misc. styles
---------------------------------------------------------------- */

/* Email form Styles */
.EmailFormAssetDescriptionCell { 
	font: 11px Arial, Helvetica, sans-serif;
	color: 000;
}
#contentdefault .EmailFormAssetSubmitButton { 
	background-color:#e1e1e1; 
	border:1px solid #c6c6c6; 
	padding:4px; 
	font-weight:bold; 
	color:#6e6e6e;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
}



/* ---------------------------------------------------*/	
/* ------ shop styles  -----*/
/* ---------------------------------------------------*/

.Heading{
	font: 11px Arial, Helvetica, sans-serif;
	color: green; 
}

.onlineShop_ProductThumbnail {
	border:4px solid blue;
}

.productthumbnailpadding { 
	padding:5px; 
	background-color:#ffffff;
}

.onlineShop_ProductListingHeader{ 

}

.shop_back {  
	border-left:1px dashed #D9D9D9;
}

.onlineShop_DotLine {
	border-top:1px solid #D9D9D9;
}

.categorydesc_heading {
	font: 12px Arial, Helvetica, sans-serif;
	color: #647C8E;
	font-weight: bold;
}

.onlineShop_ProductSearchHeader { 
	padding : 0 0 0 5; 
	border:  1px #B2ACAA solid; 
	color: #FFFFFF;
}

.Mini_Heading {
	text-transform:uppercase; 
	color:#A2A1A1; 
	font-weight:bold;
}

.onlineShopShopProgressBarTable {
	padding:5px; 
	font-weight: bold; 
	color: #666666; 
	border:1px solid #CFCFCF;
}

.onlineShopShopProgressBarCell {
	padding : 5px;
	font-weight: bold; 
	color: #666666; 
	border:1px solid #CFCFCF; 
	background-color:#F8F8F8;
}
.onlineShopShopProgressBarON {
	padding : 5px;  
	font-weight: bold; 
	color: #ffffff; 
	border:1px solid #CFCFCF; 
	background-color:#15527B;
}

.onlineShop_BasketHeaderRow { 
	background-color:#DAD9D8; 
	padding:5px; 
	font-weight:bold;
}

.onlineShopBasketOddRow { 
	background-color:#F1F1F1; 
	padding:5px;
}

.onlineShopBasketSubTotal { 
	font-weight:bold;
}

.onlineShopBasketTotalNZ {
	font-weight:bold; color:#15527B;
}

.onlineShopBasketTotal {
	font-weight:bold; color:#15527B;
}

.WebPayButton {
	background-color:#DDDDDD; 
	border:1px solid #DDDDDD; 
	padding:3px 5px 3px  5px; 
	font-weight:bold; color:#000;
}
.onlineShop_ProductImageTable{
	text-align:center;
	border: 1px solid #e8e8e8;
	padding: 3px;
}
.onlineShop_ProductImage{
	text-align:center;
	border: 1px dotted #d8d8d8;
	padding: 5px;
}
.onlineShop_ProductName { 
	color:#647C8E; 
	text-decoration:underline;
}
.back-butttons-main {
	background-color:#ffffff;
}
 
.back-buttons-highlight {
	background-color:#1F557B; 
}
.SubscribeForm input, .SubscribeForm textarea{
   color:#999999;
   border-top: #545454 1px solid;
   border-left: #545454 1px solid;
   border-right: #cccccc 1px solid;
   border-bottom: #cccccc 1px solid;
   padding: 3px 0px 3px 8px;
   margin: 3px 3px 3px 0px;
   font-size: 10px;
}
.bottom-nav-box{
	background-color: #30485a;

}
.bottom-nav-box a:link, .bottom-nav-box a:visited, .bottom-nav-box a:hover{
	color:#fff;
	text-decoration:none;
	font: 10px Arial, Helvetica, sans-serif;
}
.popupWindow td, .popupWindow th, .popupWindow tr{
	color:#30485a;
	font: 11px Arial, Helvetica, sans-serif;
}
.popupWindow input, .popupWindow textarea{
   color:#999999;
   border-top: #545454 1px solid;
   border-left: #545454 1px solid;
   border-right: #cccccc 1px solid;
   border-bottom: #cccccc 1px solid;
   padding: 3px 0px 3px 8px;
   margin: 3px 0px 3px 0px;
   font-size: 10px;
}
.popupWindow h1{
	font: 14px Arial, Helvetica, sans-serif;
	color:#2b4355;
	padding:0px;
	margin: 0px 0px 0px 0px;
} 
.popupWindow h1:after{
	content:  url(Images/bullets.gif);
	margin: 0 0 2px 5px;
}
.popupWindow h2{
	color: #647c8e;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom:1px solid #647c8e;
	padding: 0px 0px 2px 0px;
}
#contentdefault input, #contentdefault textarea{
   color:#999999;
   border-top: #545454 1px solid;
   border-left: #545454 1px solid;
   border-right: #cccccc 1px solid;
   border-bottom: #cccccc 1px solid;
   padding: 3px 0px 3px 8px;
   margin: 3px 0px 3px 0px;
   font-size: 10px;
}