/* CSS Rest v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:verdana, sans-serif;
	font-size: 14px;
	background:#C1272D url(/images/bg.png);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
/*:focus {
	outline: 0;
}
*/

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link	{color:#C1272D;}
a:visited	{color:#7d0d12}

#head_outer	{width:100%;margin:20px 0 0 0;background:white;overflow:auto;}

#head	{width:940px;margin:0 auto;background:white;}

h2#logo	{width:700px;margin:10px 10px 10px 0;position: relative;display:inline;float:left;}

#minibasket	{width:200px;margin:10px 0 10px 10px;padding:10px;background:#888;color:white;position: relative;display:inline;float:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#minibasket .link	{text-align:right;color:#EDBFC0;font-weight:bold;margin:5px 0 0 0;}
#minibasket a	{color:white;}
#minibasket a:hover	{text-decoration:none;}

#menu_outer	{width:100%;margin:10px 0;background:#EDBFC0;background:rgba(255,255,255,0.7);overflow:auto;}

#menu_outer .menu	{width:940px;margin:5px auto;display:block;}
#menu_outer .menu li	{display:inline;margin:0 20px 0 0;}
#menu_outer .menu a	{display:inline-block;color:white;text-decoration:none;font-weight:bold;padding:5px 20px;background:#C1272D;border:2px solid white;font-size:12px;-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px;text-shadow:1px 1px 1px #000}
#menu_outer .menu a:hover	{background:white;color:#C1272D;border:2px solid #C1272D;}

#outer	{width:960px;margin:0 auto 10px auto;background:white;overflow:auto;
		-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
		-moz-box-shadow: 4px 4px 4px #E09396;-webkit-box-shadow: 4px 4px 4px #E09396;box-shadow: 4px 4px 4px #E09396;}

#side	{width:240px;margin:0;position: relative;display:inline;float:left;overflow:auto;}
#side .block	{width:220px;margin:10px;position: relative;display:inline;float:left;background:#888;color:white;
	-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#side .block h3	{padding:5px;color:white;border-bottom:2px solid white;}
#side .block .menu li a	{display:block;padding:8px 5px;border-bottom:1px solid white;font-weight:bold;text-decoration:none;color:white;background:#c1272c;font-size:80%;
	background:rgb(193,55,45);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(193,55,45) 24%,
	    rgb(158,33,24) 62%
	);background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.24, rgb(193,55,45)),
	    color-stop(0.62, rgb(158,33,24))
	);}
#side .block .menu li a:hover	{
	background:rgb(158,33,24);
	background:-moz-linear-gradient(
    	center bottom,
    	rgb(158,33,24) 24%,
    	rgb(193,55,45) 62%
			);
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.24, rgb(158,33,24)),
	    color-stop(0.62, rgb(193,55,45))
	);
	text-shadow:1px 1px 1px #000}
	
#side .block p	{padding:10px;text-align:center;font-style:italic;}
#side .block p a	{color:white;}

#main	{width:720px;margin:0 0 10px 0;position: relative;display:inline;float:left;}

#breadcrumbs	{margin-bottom:20px;}
#main p, #main ul, #main ul, #main h1, #main h2, #main h3	{margin:10px;line-height:1.3;}
#main h1	{color:#888;font-size:150%;}
#main h2	{color:#888;font-size:120%;}
#main h3	{color:#888;font-size:100%;}

#main ul	{list-style:disc;}
#main ul li	{margin-left:20px;}

#main .breadcrumb	{font-size:85%;}

#main ul.productlist	{margin:0;padding:0;list-style:none;}
#main .productlist li.miniproduct	{float:left;display:inline;width:220px;text-align:center;margin:0 10px 10px 10px;}
li.miniproduct a	{display:block;border:none;border:1px solid #C1272D;padding:10px;font-size:80%;text-decoration:none;color:#C1272D;height:290px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	-moz-box-shadow: 2px 2px 2px #888}
li.miniproduct a:hover	{border:1px solid #888;-moz-box-shadow: 4px 4px 2px #888}
/* @todo: need to add hover styles for IE, and other versions of box-shadow*/
li.miniproduct a .title	{display:block;font-weight:bold;padding:3px;}
li.miniproduct a .colour	{display:block;padding:1px;}
li.miniproduct a .price	{display:block;padding:1px;}

#main .productblurb.withimage	{padding-left:240px;}

.productblurb .price	{font-weight:bold;}

#productlarge {margin:0 20px 10px 10px;float:left;}
#otherimages	{margin:10px 0 10px 0;float:left;clear:left;}
#otherimages a	{margin:0 10px 0 10px;float:left;}

input.buy	{border:none;background:#C1272D;background:-moz-linear-gradient(
    center bottom,
    rgb(193,55,45) 24%,
    rgb(158,33,24) 62%
);background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.24, rgb(193,55,45)),
    color-stop(0.62, rgb(158,33,24))
);
box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;

padding:20px 30px;color:white;font-weight:bold;font-size:120%;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}

#main h1, #main h2, #main h3	{clear:both;}
#main h1.noclear, #main h2.noclear, #main h3.noclear	{clear:none;}

table.basket	{margin:10px;}
table.basket td	{border:1px solid #888;padding:3px;}
table.basket thead	{background:#EDBFC0;font-weight:bold;}
td.widest	{width:100%;}
td.price	{text-align:right;}
td.summary	{text-align:right;}
td.total	{font-weight:bold;}
input.buyqty	{width:2em;}
input.submitstyle	{border:none;background:#C1272D;background:-moz-linear-gradient(
    center bottom,
    rgb(193,55,45) 24%,
    rgb(158,33,24) 62%
);background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.24, rgb(193,55,45)),
    color-stop(0.62, rgb(158,33,24))
);
box-shadow: 5px 5px 5px #888;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;
padding:10px 20px;color:white;font-weight:bold;font-size:110%;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
input.proceed	{float:right;}

table.checkout	{width:100%;}
table.checkout td.label {text-align:right;width:30%;padding:5px;}
table.checkout td.required	{width:30%;}
label.error	{color:red;padding-left:0.5em;}
table.checkout input	{border: 1px solid #B3B3B3;width: 145px;padding:2px;}
table.checkout select	{border: 1px solid #B3B3B3;width:151px;}
h3.checkout, p.checkout	{text-align:center;}
.req_star	{color:red;}

div#billto, div#shipto	{width:45%;}
div#billto	{float:left;}
div#shipto	{float:right;}
table.sizing	{margin:10px;}
table.sizing thead {font-weight:bold;background:#C1272D;color:white;}
table.sizing td{border: 1px solid #C1272D;padding:5px;}
div#system_messages	{width:100%; padding: 8px; margin: 0; background: #fff08e;color:#313131;font-style:italic;}