/*********************************************************
Description:   www.tweedle.co.nz CSS styles
Copyright:     Expirus Software Limited
Modifications: AGC - 10/02/2008 - Initial Release
               AGC - 21/12/2008 - Refactored for rewrite
*********************************************************/


/********************* generic color branding styles to match images *********************/
body,
html
{
	color: #222222;
}

h1, 
h2,
.producttitle
{
	color: #660000;
}

.productrow
{
	border-bottom-color: #660000;
	border-top-color: #660000;
}

.productrowdescriptionsection
{
	border-right-color: #660000;
	border-left-color: #660000;
}

div.headernavigationitemselected,
div.leftnavigationitemselected, 
div.leftnavigationsubitemselected
{
	background: #9F9F9F;
}

div#headernavigation
{
	background-color: #7F7F7F;
}

div#leftnavigation, 
div#leftnavigationunavailable,
div#leftnavigationunderlay
{
	background-color: #7F7F7F;
}

div.headernavigationitem a, 
div.headernavigationitemselected a
{
	color: white;	
}

div#leftnavigationunavailable
{
	background-color: #EEEEEE;
}

/********************* generic styles *********************/
body, 
html
{
	padding:0px;
	margin: 0px;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 14px;
	min-width: 900px;
}

h1
{
	margin: 3px 0px 6px 0px;
	font-size: 24px;
}

h2
{
	margin: 3px 0px 6px 0px;
	font-size: 20px;	
}

.errormessage
{
	color: Red;
}

/********************* header styles *********************/
div#headerhand, 
div#headerlogo, 
div#headerbackground
{
	height: 81px
}

div#headerbackground
{	
	background: url('headerbackground.jpg') repeat-x white;
}

div#headerlogo
{
	background: url('headerlogo.jpg') no-repeat white;
	float: left;
	width: 440px;
}

div#headerhand
{
	background: url('headerhand.jpg') no-repeat white;
	float: right;
	width: 440px;
}


/********************* header navigation styles *********************/
div#headernavigation
{
	margin: 0px;
	height: 25px;
}

#headernavigationitems
{
	float: right;
}

div.headernavigationitem, 
div.headernavigationitemselected
{
	border-left: 1px white solid;
	padding: 2px 10px 2px 10px;
	float: left;
}

div.headernavigationitem a, 
div.headernavigationitemselected a
{
	font-size: 17px;
	text-decoration: none;
}

div.headernavigationitemselected
{
	background-image: url('arrowdown.jpg');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
}

/********************* left navigation styles *********************/
div#leftnavigation, 
div#leftnavigationunavailable,
div#leftnavigationunderlay
{
	width: 190px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 1px 0px 0px 0px;	
	padding: 0px 0px 25px 0px;	
}

div#leftnavigationunavailable,
div#leftnavigationunderlay
{
	height: 100%;
}

div.leftnavigationitem, 
div.leftnavigationitemselected, 
div.leftnavigationitemselecteddown, 
div.leftnavigationsubitem, 
div.leftnavigationsubitemselected
{
	border-bottom: 1px white solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
}

div.leftnavigationitem a, 
div.leftnavigationitemselected a, 
div.leftnavigationitemselecteddown a, 
div.leftnavigationsubitem a, 
div.leftnavigationsubitemselected a
{
	font-size: 17px;
	font-weight: lighter;
	color: white;
	text-decoration: none;
}

div.leftnavigationitemselected, 
div.leftnavigationsubitemselected
{
	background-image: url('arrowright.jpg') ;
	background-repeat: no-repeat;
	background-position: right;
}

div.leftnavigationsubitem, 
div.leftnavigationsubitemselected
{
	padding: 0px 20px 0px 20px;
}

/********************* main page container styles *********************/
#container 
{
	position: relative;
	width: 100%;
	min-height: 600px;
}

/********************* generic page content styles *********************/
#pagecontent 
{
	margin-left: 200px;
}

div.bodytext
{
	padding: 10px 10px 10px 10px;	
}

div.photoframe
{
	width: 160px;
	height: 160px;
	background: url('photoframe160.jpg') no-repeat white;
}

div.photoframe img
{
	margin: 5px 6px 5px 4px;
	height: 150px;
	width: 150px;
}

div.photoframe img, 
div.photoframe a
{
	text-decoration: none;
	border: none;
}

/********************* product content styles *********************/

.tooltip
{
	cursor: help;
	color: Maroon;	
	border-bottom: dashed 1px Maroon;
}

.productrow
{
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding: 3px 3px 3px 3px;	
	border-top: solid 1px;
	border-bottom: solid 1px;
	font-size: 14px;
}

.productrowimagesection
{
	vertical-align: top;	
	width: 170px;
}

.productrowdescriptionsection
{
	vertical-align: top;	
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 0px 5px 0px 5px;	
}

.productrowoptionssection
{
	vertical-align: top;
	width: 300px;
	padding: 0px 5px 0px 5px;
}

.producttitle
{
	font-size: 18px;
}

div.productoption
{
	width: 100%;	
}

div.productoptionlabel
{
	width: 120px;
	float: left;
}

.addtocart
{
	width: 100px;
	height: 25px;
	background: url('addtocart.jpg');
}

/********************* links content styles *********************/
div.weblink
{
	padding: 2px 2px 2px 2px;
	margin: 3px 3px 3px 3px;
	float: left;
	border: outset 1px #ffffff;
}

div.weblink img, div.weblink a
{
	text-decoration: none;
	border: none;
}

/********************* fabric content styles *********************/

div.fabricimage
{
	padding: 5px 5px 5px 5px;
	width: 170px;
	height: 210px;
	float: left;
	text-align: center;
}

/********************* logos content styles *********************/

div.rightlogo
{
	float: right;
	width: 200px;
}

div#homelogo
{
	background: url('homelogo.jpg') no-repeat white;
	width: 200px;
	height: 267px;	
}

div#shippinglogo
{
	background: url('shippinglogo.jpg') no-repeat white;	
	width: 188px;
	height: 300px;	
}

div#nappyinfologo
{
	background: url('nappyinfologo.jpg') no-repeat white;
	width: 600px;
	height: 150px;		
}

div#paymatelogo
{
	background: url('paymatelogo.gif') no-repeat white;
	width: 181px;
	height: 60px;			
}

/********************* table content styles *********************/

.standardtable th, 
.standardtable td,
.lefttable th,
.lefttable td
{
	padding: 3px 5px 3px 5px;
}

.lefttable,
.lefttable td,
.lefttable th
{
	text-align: left;
}

.standardtable,
.standardtable td,
.standardtable th
{
	text-align: center;
}

.standardtable th,
.lefttable th
{
	background-color: #C0C0C0;
}

.standardtable td,
.lefttable td
{
	background-color: #EEEEEE;
}

.standardtable .left
{
	text-align: left;
}

.standardtable .right,
.leftTable .right
{
	text-align: right;
}

/********************* gallery content styles *********************/

div.galleryitem
{	
	float: left;
	width: 325px;
	height: 400px;
	text-align: center;
}

div.galleryitem img
{
	border: solid 2px #000000;
	padding: 3px 3px 3px 3px;
	background: #FFFFFF;
}

div.galleryitem p
{
	text-align: center;
	margin-top: 3px;
}