﻿#debug
{
	position:fixed;
	top:0;
	padding:10px;
}

#debug .longlist
{
	height:200px;
	overflow:auto;
	width:150px;
}

#debug table
{
	padding-bottom:12px;
}

/*---------- Generic Styles ----------*/

.columns
{
	overflow:hidden;
	width:100%;
}

.column
{
	display:inline;
	float:left;
}

.column.right
{	
	float:right;
}

.column.superbtn
{	
	padding-top:8px;
}

.column.header
{
	width:525px;
}

#rightcolumn .page-section
{
	padding:12px 0;
	width:559px;
}

p.price
{
	font-weight:bold;
	font-size:1.4em;
	color:#454545;
}

p.quantity
{
}

p.subtitle
{
	font-weight:bold;
	font-size:1.1em;
}

p.quantity span
{
	font-size:1.0em;
}

p.price span.subinfo
{
	color:#888888;
}

p.smallinfo
{
	color:#454545;
	font-size:0.8em;
	padding-top:9px;
}

.columns.btnwithinfo p
{
	line-height:42px;
	padding:0;
	padding-left:6px;
}

hr
{
	background-color:#000000;
	border:medium none;
	color:#000000;
	height:1px;
}

/*-------------------TABLE STYLES ----------------*/

table.data
{		
	border:none;
	border-collapse:collapse;
	margin-bottom:12px;
}

table.data th,
table.data td
{
	border-bottom:solid 1px #000000;
	padding:4px;
	text-align:left;
}

table.data th
{
	font-weight:bold;
	color:#F08B00;
}

table.data td
{
	font-size:0.833em;
}

table.data td.qty
{
	width:60px;
}

table.data td.price
{
	width:82px;
}


/*-----------------------FORMS--------------------*/
fieldset
{
	border:none;
}

dl.form
{	
	padding-bottom:12px;
	overflow:hidden;
}

dl.form input.text,
dl.form select
{	
	padding:3px 4px;
	width:350px;
}

dl.form dt
{	
	width:120px;
	float:left;
	text-align:right;
	padding:3px 4px;
}

dl.form dt.submit
{
	margin-left:120px;
}

dl.form dt label
{	
	font-weight:bold;
}

dl.form dd
{	
	padding-bottom:4px;
}

dl.checkform dt
{
	width:60px;
	text-align:left;
	padding:3px 0;	
}
dl.checkform dd
{
	padding-top:4px;
}


/*------------ PAGE ELEMENTS --------------*/

#rightcolumn ul
{
	list-style:none;
	padding-bottom:12px;
}

#rightcolumn ul li
{
	padding-left:7px;
	background:transparent url(../images/bulletstyle.gif) no-repeat 0px 7px;
}

#main h1.header
{
	font-size:2.0em;
	letter-spacing:-1px;	
	color:#000000;
}

#main ul
{
	margin-left:20px;
}

#main h1.header span
{
	font-weight:normal;
}

#main #contentheader.columns
{
}

#main .contentheader.columns .column.right
{
	width:200px;
}

#main .contentheader.columns .addressbtncol
{	
}

#main h1.header .subinfo
{
	font-weight:normal;
	font-size:0.6em;
}

#rightcolumn h1
{
	font-size:1.4em;
	color:#f08b00;
	margin-bottom:6px;
	letter-spacing:0;
}

#rightcolumn h2
{
	font-size:1.2em;
	padding-bottom:6px;
	padding-top:4px;
}

/*-------- HEADER LOGIN AREA -------*/

#login
{
	width:100%;
	clear:both;
	position:relative;
	height:41px;
}

#login div.inner
{
	float:right;	
	width:auto;
}

#login .column
{
	height:35px;
	padding-top:6px;
	float:right;
}

#login .column .columns .column
{	
	padding-top:0px;
	float:left;
}

#login .column.left
{
	background-image:url(/res/images/layout/login_left_bg.gif);
	background-repeat:no-repeat;
	width:31px;
	position:relative;
	z-index:-10;
}

#login .column.middle
{
	background-image:url(/res/images/layout/login_mid_bg.gif);
	background-repeat:repeat-x;
	width:auto;
	position:relative;
	z-index:1;
}

#login .column.right
{
	background-image:url(/res/images/layout/login_right_bg.gif);
	background-repeat:no-repeat;
	width:248px;
}

#login .column .columns .column.username,
#login .column .columns .column.password
{
	padding-right:6px;
	padding-top:2px;
}

#login .column .columns .column.submit
{
	float:right;	
	width:30px;
	padding-right:16px;	
}

#login .column.middle p
{
	margin-left:-10px;
	margin-right:10px;
	padding-top:8px;
	color:#000000;
}

#login input.text
{
	width:84px;
	padding:2px 3px;
	float:left;
}

#login .column.middle a
{
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
}

#login .column.middle.loggedin p
{	
	margin-right:-75px;
}

#login .column.middle.loggedin p a
{
	margin:0;
}

#login .column.right.loggedin a
{	
	margin-left:113px;
}

/*--------- LAYOUT COLUMNS ----------*/
#main.columns
{
	overflow:visible;
	padding-top:9px;
}

#main #rightcolumn
{
	width:579px;	
}

#main #rightcolumn .inner
{	
	padding-left:20px;
	padding-top:10px;
}

/*----------- SIDE MENU -------------*/

#sidemenu
{
	width:191px;
	position:relative;
}

/*----------- SEARCH BOX ---------*/
#searchbox
{
	background-color:#7f9ed2;
	background-image:url(../images/cattree/cattree_searchbox_bg.gif);
	background-repeat:no-repeat;
	height:29px;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}

#searchbox label
{
	font-weight:bold;
	color:#ffffff;
	padding-right:2px;
}

#searchbox input.text
{
	padding:2px 3px;	
	width:90px;
}

#searchbox .column.submit input
{
	height:21px;
}

#searchbox .column.submit
{
	width:30px;	
}

/*----------- BASKET BOX ---------*/
#basketbox
{
	background-color:#bec000;
	background-repeat:no-repeat;
	position:relative;	
	border-bottom:#ffffff 1px solid;
	background-image:url(../images/cattree/cattree_basket_topleft.gif);
	background-position:left top;	
}

#basketbox-inner
{
	background-image:url(../images/cattree/cattree_basket_btmright.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:12px;
	position:relative;
}

#basketbox p
{
	color:#000000;
	/*position:relative;*/
	z-index:100;
	margin-left:8px;
	margin-right:4px;
	padding:4px 0;
}

#basketbox p.title
{
	padding-top:8px;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:1.1em;
}

#basketbox p.info
{	
	font-size:0.9em;
}

#basketbox p.info span
{	
	position:relative;
	width:auto;
	height:auto;
	font-weight:bold;
	font-size:1.4em;
}

#basketbox .columns
{
	width:100%;
}

#basketbox a.viewbasket
{
	color:#ffffff;
	font-size:0.8em;
	font-weight:normal;
	text-decoration:underline;
}

/*----------- CURRENCY BOX ---------*/
#currencybox
{
	background-color:#7f9ed2;
	background-image:url(../images/cattree/cattree_btm_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:38px;
	padding-top:8px;
}

#currencybox .columns
{
	width:100%;
	overflow:visible;
}

#currencybox .column.title
{
	width:80px;		
}

#currencybox .column.title p
{
	color:#000000;
	padding-top:7px;
	padding-left:8px;
	font-size:0.9em;
}

#currencybox .column.select
{
	width:80px;
	height:30px;
}

#currencybox .column.info
{
	width:75%;
}

#currencybox .column.info.title p span
{
	font-weight:bold;
}

#currencybox .column.submit
{
}

/*--------------- SEARCH RESULTS/PRODUCT LISTING --------------*/
.catalogue h1.root
{
	font-size:20px;
}

.catalogue h1
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:30px;
	margin-bottom:6px;
}

.catalogue h2
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	padding-bottom:9px;
}

.catalogue ul{ margin-bottom:12px; }

.catalogue .productlist,
.catalogue .productlist .product
{
	width:100%;
}

.catalogue .productlist .product .info
{
	width:72%;
}

.catalogue .productlist .product .moreinfo
{
	width:134px;
}

.main-description
{
	padding:0px 0 10px 0;
}

.productlist
{
	width:559px;
}

.productlist .product
{
	overflow:hidden;
	padding-bottom:5px;
	padding-top:5px;
	width:559px;
}

.productlist .product .thumb
{
	float:left;
	width:60px;
	height:60px;
	overflow:hidden;
}

.productlist .product .info
{
	float:left;
	width:376px;
}

.productlist .product .info h3
{
	color:#F08B00;
	font-size:1em;
	font-weight:bold;
	margin-bottom:4px;
	padding-top:6px;
	margin-left:6px;
}

.productlist .product .info h3 a
{
	color:#F08B00;
	text-decoration:none;
}

.productlist .product .info a
{
	color:#F08B00;
	text-decoration:none;
}

.productlist .product .info p
{
	font-size:0.8em;
	padding-bottom:0;
	margin-left:6px;
}

.productlist .product .moreinfo
{
	float:right;
	width:103px;
}

.productlist .product .moreinfo .price
{
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	margin-right:17px;
	padding-bottom:0;
	padding-top:8px;
	text-align:right;
}

.productlist .product .moreinfo .pre-price
{
	font-weight:normal;
	font-size:0.7em;
}

.productlist .product .moreinfo .btn
{
	padding-bottom:0;
}

/*------------------- PRODUCT DETAIL --------------*/
.columns.productdetail
{
	width:75px;
}

.columns.productdetail.wide
{
	width:559px;
}

.columns.productdetail .column
{
}

.columns.productdetail .column.price
{
	padding-top:3px;
	width:165px;
}

.columns.productdetail .column.price p
{
	font-weight:bold;
	font-size:1.4em;
	color:#454545;
}

.columns.productdetail .column.price p span
{
	font-weight:normal;
	font-size:0.7em;
}

.columns.productdetail .column.quantity
{
	padding-top:5px;	
	width:85px;
}

.columns.productdetail .column.quantity label
{
}

.columns.productdetail .column.quantity .custom_text,
.columns.productdetail .column.quantity input.text
{
	width:23px;	
}

.columns.productdetail .column.basket
{
	width:165px;
}

.columns.productdetail .column.remove
{
	width:115px;
}

#rightcolumn #productattachments
{	
}

/*----------------- Related Products ------------------*/
#rightcolumn #relatedproducts
{	
}

#main .productlist ul.related-product-list
{
	width:559px;
	list-style:none;
	margin:0;
	padding:0 0 12px 0;
	overflow:hidden;
}

#main .productlist .related-product-list.thumbs li
{
	float:left;
	background-image:none;
	padding:0;
}

.productlist .related-product-list li.thumb
{
	float:left;
	width:60px;
	height:60px;
	overflow:hidden;
}

.productlist .related-product-list.thumbs li.splitter
{
	width:60px;
	text-align:center;
	font-size:20px;
	line-height:60px;
}

#main .productlist .related-product-list.info
{		
}

#main .productlist .related-product-list.info .price
{
	font-weight:bold;
}

#main .productlist .related-product-list.info li
{	
	background-image:none;
	padding:0 0 4px 0;
}

#main .productlist .related-product-list.info li .check
{	
	float:left;
	width:20px;
}

#main .productlist .related-product-list.info li .info
{	
	float:left;
	width:539px;
}

#main .productlist .related-product-list.info .info a
{	
	color:#F08B00;
	text-decoration:none;
}

#rightcolumn #alternativeproducts
{	
}

#rightcolumn #pricebreaks
{
	padding-top:0;
}

/*----------------------- MAIN PRODUCT DETAIL -----------*/

#rightcolumn #productdetail
{
	padding-top:0;
}

.prod-detail-info
{
	float:left;
	width:356px;
}

.prod-detail-image
{
	float:right;
	width:191px;
	margin-left:12px;
}

#rightcolumn #buyproduct
{
}

/*------------------- BREAD CRUMB TRAIL --------------*/
p.breadcrumbs
{
	color:#545454;
	font-size:0.8em;
}

p.breadcrumbs a
{
	color:#545454;
	font-weight:normal;
}

p.breadcrumbs a:hover
{
	text-decoration:underline;
}


/*---------------------- BASKET ITEMS ------------------*/
table.basketitems
{	
	width:100%;
}

table.basketitems p
{	
	padding-top:11px;
}

table.basketitems td.rule
{	
	height:1px;
	background-color:#000000;
}

table.basketitems p.title
{	
	color:#F08B00;
	font-size:1.4em;	
	font-weight:bold;
	width:448px;
	padding-left:12px;
}

table.basketitems td.title
{
}

table.basketitems td.quantity
{	
}

table.basketitems td.quantity input.text
{	
	width:23px;
}

table.basketitems td.action
{
	width:100px;
}

table.basketitems td.price
{
	width:84px;
}

table.basketitems td.price p.price
{
	text-align:right;
}

/*---------------------- BASKET INFO ------------------*/
.basketinfo
{
	width:771px;
	padding-top:28px;
}

.basketinfo .columns
{
	width:771px;
}

.basketinfo .columns .column.right
{
	width:225px;
}

.basketinfo #basket-update
{
	text-align:right;
	padding-bottom:18px;	
}

.basketinfo .columns .column.update.btn
{	
	width:100px;
}

.basketinfo .columns .column.update.btn a.btn
{
	float:right;
}

.basketinfo .columns .column.update.info
{	
	width:500px;
}

.basketinfo #basket-subtotal
{
}

.basketinfo .columns .column.subtotal
{
	text-align:right;
	padding-bottom:28px;
}

.basketinfo .column a.btn.superbtn
{
	width:170px;
}

.basketinfo .columns .column.checkout
{
	width:225px;
}

/*------------------- ADDRESSES------------------------*/
dl.address
{
	padding-bottom:12px;
	width:auto;
	height:auto;
}

dl.address dt
{
}

dl.address dd
{
}

.column.address
{
	width:33%;
	height:275px;
	position:relative;
}

.column.address .addressbtns
{
	position:absolute;
	bottom:50px;
}

/*-------------------- CHECKOUT SUMMARY ------------------*/
#checkoutsummary.columns
{
}

#checkoutsummary.columns .column.addresses
{
	width:385px;
}

#checkoutsummary.columns .column.addresses dl.address
{
	width:auto;
	height:auto;
}

#checkoutsummary.columns .column.itemsummary
{
	width:385px;
}

#checkoutsummary.columns .column.itemsummary table.basketitems p.price
{
	text-align:right;
	padding-right:12px;
}

#checkoutsummary.columns .column.itemsummary table.basketitems p.title
{
	width:200px;
	margin:0;
	padding:0;
	font-size:12px;
}

div.termscontent
{
	width: 770px;
	height: 47px;
	overflow-y: scroll;
	margin-bottom: 8px;
	border: solid 1px Gray;
}

p.terms-title
{
	font-weight:bold;
	padding-bottom:4px;
	font-size:1.05em;
	color:#000000;
}

/*------------------------ ORDER HISTORY -------------------*/
table.orderhistory
{
}

table.orderhistory thead th
{
	font-weight:bold;
	text-align:left;
	padding:6px 0;
}

table.orderhistory tbody td
{
	padding:6px 4px;
}

table.orderhistory tbody td.rule
{
	padding:0px;
	height:1px;
	background-color:#000000;
}

/*------------------------ DEFAUALT SUMMARY LIST -------------------*/
dl.summary
{
}

dl.summary dt
{
	font-weight:bold;
}

dl.summary dd
{
	padding-bottom:4px;
}

/*----------------------- PAGE LOGIN ---------------------*/
#page-login
{
	width:50%;
}

#page-login input
{
	width:180px;
}

/*----------------------- FORGOT PASSWORD ---------------------*/
#forgot-password
{		
}

#forgot-password input
{		
	width:180px;
}


/*------------------ OTHER TEXT STYLES -----------------------*/

p.small-padding
{
	padding-bottom:4px;
}