@charset "utf-8";
/* Standard Stylesheet */

*		{
		margin:0;
		padding:0;
}

body	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:80%;
}

div		{
		/*border:1px solid red;*/
}

#page	{
		margin:0px auto;
		position:relative;
		width:1000px;
		/*background-image:url(../images/sky-bg.jpg);*/
}

h1		{
		font-size:110%;
		}
	
h2		{
		font-size:100%;
		}

h3		{
		font-size:100%;
		}
	
		
textarea	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
}		

img	{
		border:none;
}

img.ImageLeft	{
		float:left;
		padding-right:20px;
		padding-bottom:20px;
}

img.ImageRight	{
		float:right;
		padding-left:20px;
		padding-bottom:20px;
}

img.icon	{
	vertical-align:middle;
	cursor:pointer;
}

p.clearFloat,
div.clearFloat	{
		clear:both;
}


ul,li	{
		margin-left:20px;
}

a:link,
a:visited	{
		color:green;
		text-decoration:none;
}

a:hover	{
		color:red;
}

.alignLeft	{
		text-align:left;
}

.alignRight	{
		text-align:right;
}

.alignCenter	{
		text-align:center;
}

p.okMessage	{
	border-top:1px solid #ccc;
	border-right:2px solid green;
	border-bottom:2px solid green;
	border-left:1px solid #ccc;
	padding:4px;
	margin-right:20px;
	margin-left:20px;
	color:green;
	font-size:90%
}

p.errorMessage {
	border-top:1px solid #ccc;
	border-right:2px solid red;
	border-bottom:2px solid red;
	border-left:1px solid #ccc;
	padding:4px;
	margin-right:20px;
	margin-left:20px;
	color:red;
	font-size:90%
}

input:focus, textarea:focus, select:focus	{
	background-color:#fffff5;
}

select:focus	{
	border:1px solid black;	/*Prevent screen jumping*/
}

/* ------------------------------------ */
/*              Page Layout             */
/* ------------------------------------ */

#pageHeader	{
	background-color:white;
	background-image:none;	
}

#navigation	{
	/* Total Width = 155px; */
	width:144px;
	border-left:7px solid white;
	border-right:4px solid white;
	float:left;
	padding-top:15px;
	background-color:#fff949;
	height:1000px;
}

#navigation a:link,
#navigation a:visited	{
	color:black;
	margin-left:5px;
	font-size:85%;
	display:block;
}

#navigation a:hover	{
	color:red;;
	margin-left:5px;
	font-size:85%;
}

#mainContainer	{
	width:690px;
	float:left;
	/*padding-top:15px;*/
	background-image:none;
	background-color:white;	
	height:1000px;
	padding-bottom:15px;	/*Prevent background showing through*/
}

#rightCol	{
	/*width:155px;*/
	width:144px;
	border-left:4px solid white;
	border-right:7px solid white;
	float:left;
	padding-top:15px;
	background-color:#fff949;
	height:1000px;
}

/* Override page length for customer information screen */
#navigation.customerDetails,
#mainContainer.customerDetails,
#rightCol.customerDetails	{
	height:1300px
}



#pageFooter	{
	clear:both;
	background-color:#1f2f6d;
	color:white;
	border-top:5px solid white;
	border-left:7px solid white;
	border-right:7px solid white;
	border-bottom:5px solid white;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	background-image:none;	
}


p.smallerText	{
	font-size:90%;
}


#frmSearchRight	{
	width:140px;
 	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(../images/banner_right_search_bg.jpg);
	background-repeat:repeat-y;
	font-size:11px;
}

#frmSearchRight #flagcountries	{
	width:110px;
	font-size:11px;
}

#frmSearchRight>#searchfor	{
	width:80px;
}

#cartLinkActive	{
	background-image:url(../images/icons/basket_active.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:37px;
	color:white;
	font-size:14px;
	font-weight:bold;
}	


#cartLinkActive a:link,
#cartLinkActive a:visited {
	color:white;
	display:block;
}

#cartLinkActive a:hover	{
	color:#fff949;
}


#cartLinkEmpty	{
	background-image:url(../images/icons/basket_empty.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:37px;
	color:white;
	font-size:14px;
	font-weight:bold;
}	

#loginout	{
	background-image:url(../images/banner_right_loginout_bg.jpg);
	background-repeat:repeat-y;
	margin-top:4px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
}

#loginout a:link,
#loginout a:visited {
	color:white;
	display:block;
}

#loginout a:hover	{
	color:#fff949;
}

#pageLinks	{
	background-image:url(../images/banner_right_links_bg.jpg);
	background-repeat:repeat-y;
	margin-top:4px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	font-size:10px;
}

#pageLinks a:link,
#pageLinks a:visited {
	color:white;
	display:block;
	margin-top:6px;
	margin-bottom:6px;
}

#pageLinks a:hover	{
	color:#fff949;
}

/* ------------------------------------ */
/*      Category/Sub Category List      */
/* ------------------------------------ */
ul.categoryListing	{
	margin-left:0px;
	width:144px;	/* Mustn't be wider than total #navigation area */
}

ul.categoryListing a	{
	/*text-decoration:none;*/
}

ul.categoryListing a:hover	{
	/*color:red;*/
}

ul.subCategoryList {	/* Sub Category Entry */
	margin-left:10px;
	font-size:90%;
}

ul.subCategoryList li	{
	list-style-type:none;
	margin-left:0px;
}

li.mainCategoryTitle	{
	/*background-color:green;*/
	list-style-type:none;
	margin-left:0px;
}

li.mainCategoryTitleActive	{
	/*background-color:green;*/
	list-style-type:none;
	margin-left:0px;
}

/*Highlight entry in category list*/
li.mainCategoryTitle a.categoryLink,
ul.subCategoryList li a.subCategoryLink {
	font-weight:normal;
}

a.categoryLinkActive,
ul.subCategoryList li a.subCategoryLinkActive {
	font-weight:bold;
}

/* ------------------------------------ */
/*        Featured Products List        */
/* ---------- BLOCK DISPLAY ----------- */
/* ------------------------------------ */

#featuredProductsListing	{
	width:690px;
	/*
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	*/
}

#featuredProductsListing .productListData	{
	width:125px;
	padding:5px;
	/*
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	*/
	text-align:center;
	margin:15px;
	height:150px;
	float:left;
}

#featuredProductsListing img	{
	padding-bottom:8px;
}

#featuredProductsListing a	{
	/*text-decoration:none;*/
}


/* ------------------------------------ */
/*        Featured Products List        */
/* ----------- ROW DISPLAY ------------ */
/* ------------------------------------ */

#featuredProductsListingAsRow	{
	width:890px;
	text-align:center;
	margin:0 auto;
	/*
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	*/
}

#featuredProductsListingAsRow .productListData	{
	width:100px;
	height:100px;
	float:left;
	text-align:center;
	/*
	padding:5px;
	margin:15px;
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	*/
}

#featuredProductsListingAsRow img	{
	padding-bottom:8px;
}

#featuredProductsListingAsRow a	{
	/*text-decoration:none;*/
}



/* ------------------------------------ */
/*           Category Listing           */
/* ------------------------------------ */

#categoryListing	{
	width:690px;
}

#categoryListing .categoryListData	{
	width:115px;
	padding:5px;
	/*
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	*/
	text-align:center;
	margin:5px;
	height:150px;
	float:left;
}

#categoryListing img	{
	padding-bottom:8px;
}

#categoryListing a	{
	/*text-decoration:none;*/
}



/* ------------------------------------ */
/*        Products Display Areas        */
/* ------------------------------------ */

#categoryProductsListing,
#specialOffersListing,
#searchResultsListing,
#recentlyAddedListing
	{
	width:690px;
	/*
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	*/
}

#categoryProductsListing .productListData,
#specialOffersListing .productListData,
#searchResultsListing .productListData,
#recentlyAddedListing .productListData
	{
	width:115px;
	padding:5px;
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	text-align:center;
	margin:5px;
	height:150px;
	float:left;
}

#categoryProductsListing img,
#specialOffersListing img,
#searchResultsListing img,
#recentlyAddedListing img
	{
	padding-bottom:8px;
}

#categoryProductsListing a,
#specialOffersListing a,
#searchResultsListing a,
#recentlyAddedListing a
	{
	/*text-decoration:none;*/
}



/* ------------------------------------ */
/*       MAIN Product Information       */
/* ------------------------------------ */


#productImageArea	{
	width:220px;	/* Just wider than the product pageimage (set in config.inc.php) */
	/*height:220px;*/
	float:left;
} 

#productDetailsArea	{
	/*width:470px;*/	/* Added to  #productImageArea must total less than or equal to #mainContainer */
	/*#mainContainer = 690px;*/
	/*width:675px - less #productImageArea (675px - 220px) - less right-padding (15px) = 440px*/
	margin-left:220px;
	width:440px;
	padding-right:15px;
	/*float:left;*/
} 

#productDetailsArea p,
#productDetailsArea select {
	margin-bottom:5px;
}

#productImageArea img.productImage	{
	float:left;
	margin-right:7px;		/* take into account width of borders */
	margin-bottom:10px;
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
}

#productDetailsArea .normalPrice	{
	text-decoration:none;
}

#productDetailsArea .discountPrice	{
	color:#aaa;
	text-decoration:line-through;
}

#productDetailsArea .productDataLabel	{
	width:125px;
	display:inline-block;
}

#productDetailsArea select.productAttributeValues	{
	width:200px;
}



/* ------------------------------------ */
/*          CART Contents List          */
/* ------------------------------------ */

#cartListing {
	width:600px;
}

#cartListing .cartDisplay	{
 	border:1px solid #dedede;
	padding:3px;
}

#cartListing td.cartItemTotal {
	text-align:right;
	padding-right:4px;
}

#cartListing td.cartItemOptions	{
	width:45px;
}

#cartListing img.removeCartItem,
#cartListing img.editCartItem	{
	padding:3px 6px;
	float:left;
}

#cartListing #cartSubTotalLine td	{
	padding-top:5px;
	font-weight:bold;
	font-variant:small-caps;
}

#cartListing #cartPandP td {
	padding-top:8px;
	padding-bottom:8px;
	color:#555;
}

#cartListing #cartTotalLine td	{
	font-weight:bold;
	font-variant:small-caps;
}

#cartListing #cartTotalLine td.cartItemTotal {
	text-decoration:overline;
}



/* ------------------------------------ */
/*         CUSTOMER INFORMATION         */
/* ------------------------------------ */

/* Login section */
/* | 15 | 125 | 550 | = 690  ** must fit #mainContainer ** */
#frmLogin .formRequiredInfo	{
	float:left;
	width:15px;
	color:red;
	text-align:right;
}

#frmLogin .formLabel	{
	float:left;
	width:125px;
	/*font-weight:bold;*/
	color:#d87d08;
	margin-bottom:4px;
	/*background-color:#CCCCCC;*/
}

#frmLogin .formInput	{
	float:left;
	width:550px;
	margin-bottom:4px;
	/*background-color:#FFFFCC;*/
}

#frmLogin input.inputLarge	{
	width:275px;
}

#frmLogin a.passwordReminder:link,
#frmLogin a.passwordReminder:visited	{
	font-size:10px;
}

#frmLogim a.passwordReminder:visited	{
	
}


/* New customer section */

#frmCustomerDetails .formRequiredInfo	{
	float:left;
	width:15px;
	color:red;
	text-align:right;
}

#frmCustomerDetails .formLabel	{
	float:left;
	width:125px;
	/*font-weight:bold;*/
	color:#d87d08;
	margin-bottom:4px;
	/*background-color:#CCCCCC;*/
}

#frmCustomerDetails .errorLabel	{
	color:red;
	font-weight:bold;
}

#frmCustomerDetails .formInput	{
	float:left;
	width:550px;
	margin-bottom:4px;
	/*background-color:#FFFFCC;*/
}

#frmCustomerDetails .info	{
	color:#aaa;
	font-size:10px;
}

#frmCustomerDetails h2	{
	color:black;
}

#frmCustomerDetails input.inputXSmall,
#frmCustomerDetails select.inputXSmall	{
	width:50px;
}

#frmCustomerDetails input.inputSmall,
#frmCustomerDetails select.inputSmall	{
	width:100px;
}


#frmCustomerDetails input.inputMedium,
#frmCustomerDetails select.inputMedium	{
	width:175px;
}

#frmCustomerDetails input.inputLarge,
#frmCustomerDetails select.inputLarge,
#frmCustomerDetails textarea.inputLarge	{
	width:275px;
}



/* ------------------------------------ */
/*          ORDER CONFIRMATION          */
/* ------------------------------------ */
#confirmCustomerDetails	{
	width:600px;
}

#confirmCustomerDetails .confirmLabel	{
	float:left;
	width:175px;
	margin-bottom:4px;
	/*color:#d87d08;*/
	/*background-color:#CCCCCC;*/
}

#confirmCustomerDetails .confirmData	{
	float:left;
	width:400px;
	margin-bottom:4px;
	/*background-color:#FFFFCC;*/
}

#confirmCustomerDetails .confirmBR	{
	clear:left;
}

#confirmCustomerDetails h2	{
	background-color:#eeeeee;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	margin-bottom:5px;
}

#confirmCustomerDetails .changeDetails {
	font-size:10px;
	font-weight:normal;
}

#confirmCustomerDetails .changeDetails a	{
	color:green;
}

#confirmCustomerDetails .changeDetails a:hover	{
	color:red;
}


#confirmOrderListing .cartDisplay	{	/* width of table displaying cart contents */
	width:575px;
	border:none;
}

#confirmOrderListing td.cartItemTotal	{
	text-align:right;
}

#confirmOrderListing #cartSubTotalLine td	{
	padding-top:5px;
	font-weight:bold;
	font-variant:small-caps;
}

#confirmOrderListing #cartPandP td {
	padding-top:8px;
	padding-bottom:8px;
}

#confirmOrderListing #cartTotalLine td	{
	font-weight:bold;
	font-variant:small-caps;
}

#confirmOrderListing #cartTotalLine td.cartItemTotal {	/* Overall Total */
	text-decoration:overline;
}


/* ------------------------------------ */
/*             CONTACT FORM             */
/* ------------------------------------ */


#frmContactUs td.formLabel	{
	font-weight:bold;
	width:250px;
	vertical-align:top;
    font-size:90%;
}

#frmContactUs td.formLabelSizeText	{
    font-size:90%;
}

#frmContactUs input,
#frmContactUs textarea,
#frmContactUs select	{
	width:225px;
	font-family:Arial, Helvetica, sans-serif;
}

#frmContactUs textarea {
	font-size:12px;
}

#frmContactUs input.radio	{
	width:20px;
}

#frmContactUs input.imageButton	{
	width:75px;
}

#frmContactUs input.submit	{
	width:150px;
}

#frmContactUs .info	{
	font-size:85%;
}

#frmContactUs .errorMessage	{
	font-weight:bold;
    color:red;
}

