@import "document.css";

html {
}
body {
}

/*** PAGE HEADER **************************************************************/

#header {
	position:		relative;
	background:		#181818;
	padding:		25px 40px;
}
#tagline {
	position:		absolute;
	bottom:			30px;
	right:			40px;
	/*font-family:		serif;*/
	font-weight:		bold;
	color:			#aaa;
	font-size:		16px;
}

/*** MAIN MENU ****************************************************************/
#menu {
	background:		#c00;
	color:			#fff;
	/*font-family:		serif;*/
	list-style:		none;
	list-style-image:	none;
	/*text-transform:		uppercase;*/
	font-variant:		small-caps;
	padding:		5px 40px;
	margin-top:		0;
	margin-bottom:		0;
	font-size:		16px;
}
#menu li {
	margin:			0;
	display:		inline;
	padding:		0 5px;
	border-left:		1px solid #fff;
	position:		relative;
	cursor:			default;
}
#menu li:first-child {
	border-left:		none;
}

#menu a,
.submenu a {
	display:		inline-block;
	color:			#fff;
}

#menu a:hover,
.submenu a:hover {
	color:			#fff;
}

#menu ul,
.submenu {
	list-style:		none;
	list-style-image:	none;
	padding:		0;
	border:			1px solid #fff;
	border-top:		none;
	display:		none;
	position:		absolute;
	left:			0;
	top:			100%;
	margin:			0;
	/*
	margin:			0;
	padding:		5px 0 0 0;
	padding-top:		5px;
	font-size:		14px;
	*/
	background:		#000;
}
#menu ul li,
.submenu li {
	display:		block;
	padding:		5px;
	margin:			0;
	white-space:		nowrap;
	border-top:		1px solid #fff;
}

#menu ul ul,
.submenu ul {
	left:			100%;
	top:			0;
	background:		#ccc;
}

#menu li:hover > ul {
	display:		block;
}

/*** PAGE CONTENT *************************************************************/

#content {
	padding:		20px 40px;
	width:			950px;
	overflow:		hidden;
}
.ximage {
	float:			left;
	margin-right:		20px;
	margin-bottom:		2px;
}

/*** PAGE FOOTER **************************************************************/

#footer {
	clear:			both;
	position:		relative;
	/*text-align:		center;*/
	padding:		20px 40px;
	background:		url(img/footer-border.png) repeat-x top;
	z-index:		10;
}

#footer #sysmenu,
#footer #tags {
	list-style:		none;
	margin:			0;
	padding:		0;
	color:			#d00;
	margin-left:		-5px;
}
#footer #sysmenu a {
	color:			#000;
}
#footer #sysmenu li,
#footer #tags li {
	display:		inline;
	padding:		0 5px;
	border-left:		1px solid #c00;
}
#footer #sysmenu li:first-child,
#footer #tags li:first-child {
	border-left:		none;
}

#footer #companyDetails {
	color:			#999;
	font-size:		10px;
}
#footer #companyDetails a {
	color:			#999;
	text-decoration:	underline;
}
#footer #companyDetails a:hover {
	color:			#c00;
}

/*** MODULES ******************************************************************/

/*'' Product Catalogue '''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

#productList {
	float:			left;
	/*width:			30%;*/
	width:			300px;
}
#productList ul {
	padding-left:		0;
	list-style:		none;
	list-style-image:	none;
}
#productList li {
	float:			left;
	width:			70px;
	padding:		10px;
	height:			230px;
	text-align:		center;
	border:			1px solid #fff;
}
#productList li.current {
	border-color:		#666;
}
#productList .price {
	color:			#c00;
}
#productList img {
	border:			none;
}

#productPreview {
	float:			left;
	width:			250px;
	text-align:		center;
	background:		url(img/products-border.png) repeat-y left;
	padding-left:		20px;

	margin-top:		-20px;
	padding-top:		20px;

	padding-bottom:		1000px;
	margin-bottom:		-1000px;
}
#productPreview #images {
	list-style:		none;
	padding:		0;
}
#productPreview #images li {
	display:		inline;
}
#productPreview #images li a {
	padding:		0 10px;
}

#productDetails {
	float:			left;
	width:			350px;
	background:		url(img/products-border.png) repeat-y left;
	padding-left:		20px;

	margin-top:		-20px;
	padding-top:		20px;

	padding-bottom:		1000px;
	margin-bottom:		-1000px;
}

#productDetails ul {
	list-style-image:	url(img/bullet.png);
}
#productDetails li {
	margin:			.3em;
}

#productDetails h3 {
	text-transform:		uppercase;
}
#productDetails .price {
	color:			#c00;
	font-size:		1.6em;
	text-transform:		uppercase;
	margin-top:		10px;
}
#productDetails .buy {
	font-size:		1.6em;
	color:			#999;
}
#productDetails .buy a {
	color:			#000;
}
#productDetails .buy a:hover {
	color:			#c00;
}
#productDetails .cart {
	margin-top:		1em;
}
#productDetails .cart a {
	color:			#000;
}
#productDetails .cart .count {
	color:			#c00;
}
#productDetails .paypal {
	margin-top:		1em;
}

/*'' Shopping Cart & Checkout ''''''''''''''''''''''''''''''''''''''''''''''''*/

#payProgress {
	list-style:		none;
	font-size:		16px;
	color:			#000;
	/*
	line-height:		26px;
	height:			26px;
	margin-bottom:		.5em;
	*/
	padding-left:		0;
}
#payProgress li {
	display:		inline;
	/*
	float:			left;
	margin:			0;
	*/
	padding-right:		3em;
}
#payProgress .num {
	color:			#000;
	font-weight:		bold;
	padding-right:		.5em;
	/*
	color:			#00b1da;
	font-size:		20px;
	width:			26px;
	height:			26px;
	text-align:		center;
	float:			left;
	margin-right:		5px;
	*/
}
#payProgress .current {
	font-weight:		bold;
}
#payProgress .current .num {
	/*
	background:		url(img/pay-stage-marker.png) no-repeat;
	*/
}


#cartItems .nav {
	line-height:		1.5em;
	padding-right:		1em;
}
#cartItems .nav a {
	display:		block;
	white-space:		nowrap;
}
#cartItems table {
	width:			700px;
	border:			none;
}
#cartItems td,
#cartItems th {
	padding:		2px 4px;
	border:			none;
}
#cartItems thead th {
	border-bottom:		1px solid #c00;
	text-align:		left;
}
#cartItems tfoot td {
	border-top:		1px solid #c00;
}
#cartItems .currency {
	text-align:		right;
}
#cartItems .image {
	text-align:		center;
}
#cartItems .qty {
	text-align:		center;
}
#cartItems .qty input {
	width:			50px;
	text-align:		center;
}


#checkoutDetails {
	float:			left;
	width:			600px;
	margin-top:		20px;
}
#checkoutDetails h1 {
}
#checkoutDetails fieldset {
	border:			0;
	margin:			2em 0;
}
#checkoutDetails legend {
	color:			#000;
	font-size:		1.4em;
	font-weight:		bold;
}
#checkoutLogin {
	margin-top:		20px;
	float:			left;
	width:			300px;
}
#checkoutLogin label {
	width:			100px;
}

#userConfirm {
	margin-bottom:		50px;
}
#cartConfirm {
	width:			600px;
	margin-bottom:		50px;
	border:			none;
}
#cartConfirm th,
#cartConfirm td {
	border:			none;
}
#cartConfirm thead th {
	border-bottom:		1px solid #c00;
}
#cartConfirm tfoot td {
	border-top:		1px solid #c00;
}

.termsConfirm {
	padding-top:		1em;
}
.termsConfirm input {
	width:			auto;
	height:			auto;
	vertical-align:		bottom;
}
.termsConfirm label {
	width:			auto;
	float:			none;
}

.nav .back {
	background:		#c00;
	color:			#fff;
	border:			1px solid #c00;
	padding:		4px 6px;
	font-size:		13px;
	margin-right:		5px;
}
.nav .back:hover {
	text-decoration:	none;
}

/*'' Enquiry Form ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#pageEnquiry form {
	float:			left;
}
#pageEnquiry .error {
	margin-left:		100px;
	color:			#d00;
}
#pageEnquiry textarea.long {
	height:			150px;
}



/*'' Dummmy Payment Module '''''''''''''''''''''''''''''''''''''''''''''''''''*/
#dummyPayChoice a {
	display:		inline-block;
	background:		#c00;
	color:			#fff;
	border:			none;
	padding:		4px;
	font-size:		13px;
	margin-right:		10px;
}
#dummyPayChoice a:hover {
	text-decoration:	none;
}

/*'' User Account ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

#accountDetails {
	list-style:		none;
	list-style-image:	none;
	padding:		0;
}
#accountDetails li {
	clear:			both;
	line-height:		1.5em;
}
#accountDetails label {
	float:			left;
	color:			#000;
	width:			100px;
}

#accountNav {
	list-style:		none;
	list-style-image:	none;
	padding:		0;
}
#accountNav li {
	float:			left;
	margin-right:		10px;
}
#accountNav a {
	display:		block;
	background:		#c00;
	color:			#fff;
	border:			none;
	padding:		4px;
	font-size:		13px;
	margin-right:		10px;
}

/*'' User Transactions '''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

#transactionList {
	list-style:		none;
	padding:		0;
	width:			600px;
}
#transactionList li {
	clear:			both;
	border-top:		1px solid #c00;
	position:		relative;
	padding-top:		5px;
}
#transactionList li:first-child {
	border-top:		none;
}
#transactionList .products {
	list-style:		none;
}
#transactionList h2 {
	margin-top:		0;
}
#transactionList .products li {
	clear:			none;
	float:			left;
	height:			90px;
	width:			70px;
	padding:		10px;
	text-align:		center;
	border:			none;
}
#transactionList .products img {
	border:			none;
}
#transactionList .products a {
	display:		block;
}
#transactionList .products .price {
	display:		block;
}

#transactionList .transStatus {
	text-align:		center;
}
#transactionList .transPrice {
	position:		absolute;
	top:			5px;
	right:			0;

	color:			#c00;
	font-size:		16px;
	font-weight:		normal;
}