/* THIS IS THE GLOBAL STYLESHEET. 
 * It should not be changed for default CMS deployments.
 * If coulor or size changes are needed for a particular template overide
 * them in the Site.css using the same class definition with !IMPORTANT. */


/**********************************************************************
 * ERROR AND NOTE DISPLAY STYLES
 *********************************************************************/

	.errorMessage
	{
		font-weight:bold;
		color:Red;
	}
	
	.errorDetails
	{
		font-family:Monospace;
		font-size:small;
		margin-top:20px;
	}
	
	.devModeContainer
	{
		background-color:#f5f5f5;
		color:#555555;
		padding:10px;
		border:1px solid #dadada;
		width:200px;
		text-align:center;
		font-size:8pt;
		filter:alpha(opacity=90);
		-moz-opacity:.90;
		opacity:.90;
	}
	
	.myButton
	{
		border: 1px solid #abc7ec;
		background-image: url(../_Images/button_bgBlue.gif);
		background-repeat: repeat-x;
		height: 21px;
		font-size: 11px;
	}

	.myButton:hover
	{
		border: 1px solid #19809d;
		background-image: url(../_Images/button_bgBlue.gif);
		background-repeat: repeat-x;
		height: 21px;
		font-size: 11px;
	}

	.myMessage
	{
		border: 1px solid #abc7ec;
		background-image: url(../_Images/button_bgBlue.gif);
		background-repeat: repeat-x;
		background-color:#c9dcf3;
		height: 19px;
		font-size: x-small;
		text-align:center;
		line-height:19px;
		vertical-align:middle;
		color:#000000;
	}

	.myMessageGreen
	{
		border: 1px solid #8bb62d;
		background-image: url(../_Images/button_bgGreen.gif);
		background-repeat: repeat-x;
		background-color:#b4d174;
		height: 19px;
		font-size: x-small;
		text-align:center;
		line-height:19px;
		vertical-align:middle;
		color:#000000;
	}

	.myMessageRed
	{
		border: 1px solid #f05a5a;
		background-image: url(../_Images/button_bgRed.gif);
		background-repeat: repeat-x;
		background-color:#f39595;
		height: 19px;
		font-size: x-small;
		text-align:center;
		line-height:19px;
		vertical-align:middle;
		color:#000000;
	}

	.formControlFooter
	{
		border-top: 1px solid #A1C3DC;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
	}
	
	.formTable
	{
		margin:10px;
	}
	
	.formTable th
	{
		font-weight:normal;
		padding-right:10px;
		vertical-align:text-top;
		white-space:nowrap;
	}
	
	.formError
	{
		background-image:url(../_Images/exclamation.gif);
		background-repeat:no-repeat;
		background-position:center center;
		font-size:0px;
		color:#ffffff !important;
	}
	
	.checkoutIntro
	{
		padding:10px 5px 0px 5px;
		font-size:1em;
	}
	
	.checkoutMessage
	{
		padding:10px;
		font-size:0.9em;
		font-style:italic;
	}
	
	.TopLink
	{
		margin:0 0 1em;
		text-align:right;
		border-bottom:1px solid #CCCCCC;
		padding-bottom:5px;
	}
	
	.TopLink2, .BottomLink
	{
		text-align:right;
	}
	
	.TopLink a, .TopLink2 a
	{
		background:transparent url(../_Images/top-arrow.gif) no-repeat scroll 0 4px;
		font-size:11px;
		padding-left:11px;
	}
	
	.BottomLink a
	{
		background:transparent url(../_Images/bottom-arrow.gif) no-repeat scroll 0 4px;
		font-size:11px;
		padding-left:11px;
	}
	
	.BackLink
	{
		margin:0 0 1em;
		text-align:left;
	}
	
	.BackLink a
	{
		background:transparent url(../_Images/back-arrow.gif) no-repeat scroll 0 4px;
		font-size:11px;
		padding-left:11px;
	}
	

/**********************************************************************
 * FEATURES DISPLAY STYLES
 *********************************************************************/

	.featureNoticeboardItem
	{
		margin-bottom:40px;
		width:100%;
	}
	
	
	/* STORE FEATURES */
		
	.featureStoreCart
	{
		font-size: x-small; 
		vertical-align: middle; 
		width: 100%; 
		border-bottom: #e5e5e5 1px solid; 
		height: 15px; 
		text-align: right;
		margin-bottom:20px;
	}
	
	.featureStoreCats
	{
		float:left;
		border:1px solid #cecece;
		background-color:#e4e4e4;
		background-image:url(../_Images/button_lightblue2.jpg);
		background-position:top;
		background-repeat:repeat-x;
		color:#646464;
		text-align:left;
		width:200px;	
	}
	
	.featureStoreCats a
	{
		color:#666666;
	}
	
	.featureStoreCats a:hover
	{
		color:#005da0;
	}
	
	.featuresStoreCatsMain
	{
		text-decoration:none;
		display:block;
		padding:2px;
		text-align:center;
		border-bottom:1px solid #cecece;
		background-color:#d4e0f2;
	}
	
	.featureStoreSubCatList
	{
		padding:0;
		margin:10px 0px 10px 0px;
		display:block;
		clear:both;
		font-size:76%;
		color:#646464;
	}
	
	.featureStoreSubCatList UL
	{
		list-style-type:none;
		padding:5px 10px 5px 10px;
		margin:0;
	}
	
	.featureStoreSubCatList LI
	{
		display:inline;
		padding:0px;
		margin:0px;
		border-left:1px solid #646464;
		padding-left:5px;
		padding-right:5px;
	}
	
	.featureStoreSubCatList LI.first
	{
		border:none;
		padding-left:0px;
	}
	
	.featureStoreProductItem 
	{ 
		border-right: #999999 1px solid; 
		border-top: #999999 1px solid; 
		float: left; 
		margin: 5px; 
		overflow: hidden; 
		border-left: #999999 1px solid; 
		width: 220px; 
		border-bottom: #999999 1px solid; 
		height: 300px 
	}
	
	.featureStoreproductItemDescription 
	{ 
		width: 100%; 
		color: #666666 
	}
		
	.featureStoreproductItemDescription a 
	{ 
		color: #666666; 
		text-decoration: none 
	}
		
	.featureStoreproductItemDescription a:hover 
	{ 
		color: #005da0; 
		text-decoration: none 
	}
	
	.featureStoreproductItemPrice 
	{ 
		font-weight: bold; 
		width: 100% 
	}
		
	.featureStoreproductItemPriceRetail 
	{ 
		color: #000000; 
		text-decoration: line-through 
	}
		
	.featureStoreproductItemPriceOurs 
	{ 
		color: #b22222 
	}
		
	.featureStoreproductItemPriceShipEst 
	{ 
		font-size: x-small; 
		width: 100%; 
		color: #666666 
	}
	
	.featureStoreProductStatus
	{
		left:2px; 
		position:absolute; 
		top:2px; 
		padding:4px; 
		z-index:2;
	}
	
	.featureStoreAddToCartZone
	{
		border:1px solid #999999;
		padding:4px;
		background-color:#eeeeee;
	}
	
	
	.accordionContainer
	{
		border-top:1px solid #b5b8ba;
	}
	.accordionHeader
	{
		cursor: pointer;
		background-color:#eff3f6;
		padding:5px;
		border-bottom:1px solid #b5b8ba;
	}
	
	.accordionHeaderSelected
	{
		cursor: pointer;
		background-color:#c6d4dd;
		padding:5px;
		border-bottom:1px solid #b5b8ba;
	}
	
	.accordionContent
	{
		background-color:#ffffff;
		padding:10px;
		border-bottom:1px solid #b5b8ba;
	}
	
	.accordionContent a
	{
		color:#646464;
		text-decoration:none;
	}
	
	.accordionContent a:hover
	{
		color:#406f8d;
		text-decoration:underline;
	}
	
	
	/* PORTFOLIO FEATURES */
	
	.featurePortfolioLink
	{
		color:#666666;
	}
	
	.featurePortfolioLink:hover
	{
		color:#005da0;
	}
	
	.portfolioItem
	{
		padding:3px;
		background-color:#efefef;
		height:172px;
		width:172px;
		border:1px solid #B5B8C8;
		background-image:url(../_Images/portfolio_mainFill.jpg);
		background-repeat:repeat-x;
		margin:0px 5px 5px 0px;
		float:left;
	}
	
	.portfolioItemCenter
	{
		background-color:#ffffff;
		height:140px;
		border:1px solid #B5B8C8;
		background-image:url(../_Images/portfolio_centerFill.jpg);
		background-repeat:repeat-x;
		vertical-align:middle;
		text-align:center;
		width:100%;
	}
	
	.portfolioItemCenterHover
	{
		background-color:#ffffff;
		height:140px;
		border:1px solid #7EADD9;
		background-image:url(../_Images/portfolio_centerFill.jpg);
		background-repeat:repeat-x;
		vertical-align:middle;
		text-align:center;
		width:100%;
	}
	
	.portfolioItemCaption
	{
		color:#666666;
		text-align:center;
		padding:5px;
	}
	
	.portfolioItemCaption a
	{
		color:#666666;
	}
	
	
	.portfolioAddPhoto
	{
		width:110px; 
		height:110px; 
		float:left; 
		margin:0px 5px 5px 0px; 
		border:1px solid #B5B8C8; 
		background-color:#ffffff;
	}
	
	.portfolioAddPhotoHover
	{
		width:110px; 
		height:110px; 
		float:left; 
		margin:0px 5px 5px 0px; 
		border:1px solid #7EADD9; 
		background-color:#ffffff;
	}
	
	/* Textbox styles */
	
	.textInput, .captcha input
	{
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:12px;
		background-color:#FFFFFF;
		background-image:url(../_Images/text-bg.gif);
		background-repeat:repeat-x;
		height:18px;
		padding:2px 3px 0px 3px;
		border:1px solid #B5B8C8;
	}
	
	.textInputSelected
	{
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:12px;
		background-color:#FFFFFF;
		background-image:url(../_Images/text-bg.gif);
		background-repeat:repeat-x;
		height:18px;
		padding:2px 3px 0px 3px;
		border:1px solid #7EADD9;
	}
	
	
/**********************************************************************
 * CONTENT BASED BUTTON STYLES
 *********************************************************************/

	/* Default Button, for hard coded links... Replicate colour		 *
	 * button appropriate to site style into defauly style/class     *
	 * definition.													 */
	.button_Default
	{
		border:1px solid #cecece;
		background-color:#e4e4e4;
		/*background-image:url(../_Images/button_lightgrey.jpg);*/
		background-position:top;
		background-repeat:repeat-x;
		color:#646464;
		font-variant:small-caps;
		font-size:8pt;
		font-weight:bold;
		text-transform:uppercase;	
		text-decoration:none;
		padding:4px;
	}

	.button_Default:hover
	{
		border:1px solid #cecece;
		background-color:#e4e4e4;
		/*background-image:url(../_Images/button_lightgrey.jpg);*/
		background-position:top;
		background-repeat:repeat-x;
		color:#646464;
		font-variant:small-caps;
		font-size:8pt;
		font-weight:bold;
		text-transform:uppercase;	
		text-decoration:underline;
		padding:4px;
	}
	
	/* Coloured button styles, These should not need to be altered,   *
	 * however if adding a new button style, please replicate in      *
	 * edit.css. See above for setting style default.                 */ 

	.button_LightBlue, .button_DarkGrey, .button_LightGrey, .button_Green, .button_LightBlue2
	{
		background-position:top;
		background-repeat:repeat-x;
		font-variant:small-caps;
		font-size:8pt;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;	
		padding:4px;
	}

	.button_LightBlue:hover, .button_DarkGrey:hover, .button_LightGrey:hover, .button_Green:hover, .button_LightBlue2:hover
	{
		text-decoration:underline;
	}
	
	.button_LightBlue
	{
		border:1px solid #006fac;
		background-color:#008cd8;
		background-image:url(../_Images/button_lightblue.jpg);
		color:#ffffff;
	}
	
	.button_DarkGrey
	{
		border:1px solid #565656;
		background-color:#6c6c6c;
		background-image:url(../_Images/button_darkgrey.jpg);
		color:#ffffff;
	}

	.button_LightGrey
	{
		border:1px solid #cecece;
		background-color:#e4e4e4;
		background-image:url(../_Images/button_lightgrey.jpg);
		color:#646464;
	}

	.button_Green
	{
		border:1px solid #6d8627;
		background-color:#708c4c;
		background-image:url(../_Images/button_green.jpg);
		color:#ffffff;
	}


	.button_LightBlue2
	{
		border:1px solid #8db2e3;
		background-color:#d4e0f2;
		background-image:url(../_Images/button_lightblue2.jpg);
		color:#416aa3;
	}
	
	
    .updateProgress
    {
	    background-image:url(../_Images/mask.gif);
	    background-repeat:repeat;
	    position: absolute;
	    filter: alpha(opacity=90);
	    MozOpacity: 0.9;
	    opacity: 0.9;
	    padding: 0px;
	    margin: 0px;
    }

    .updateProgressHolder
    {
	    text-align:center;
	    padding: 40px;
    }

    .updateProgressActual
    {	
	    background-color: white;
	    border:2px solid #A1C3DC;
    }
    
    
    
    .checkoutLink
    {
    	border-left:1px solid #e5e5e5;
    	display:inline-block;
    	margin-left:5px;
    	padding-left:5px;
    	font-size:small;
    }