html, body, form { margin: 0px; padding: 0px }
body { text-align: center; }
img { border: 0px; }

/* MAIN LAYOUT */
div#container{ margin:0 auto; width: 801px; text-align: left; border-right: #ccc 1px solid; }
div#wrapper { background: url(images/3l.gif) repeat-y 20%; overflow: hidden; }
div#sidepanel { background: url(images/red_strip.gif) repeat-y; overflow: hidden; }

div#main { float:left; width:801px; }
div#content { overflow: hidden; float: right; width: 621px; padding: 1px 10px 10px 10px; background: url(images/bottomofmaingraphic.gif) no-repeat; }

/* HEADER */
div#header { font-family: Verdana; font-size: 11px; height: 181px; background: #fff url(images/redcurve.gif) top right no-repeat; position: relative; }
div#header div#logo { position: absolute; top: 0; left: 45px; width: 107px; height: 181px; } 
div#header div#logo img { width: 107px; height: 181px; }
div#header div#maingraphic { position: absolute; top: 0px; left: 160px; width: 414px; height: 181px; background: #fff url(images/maingraphic.jpg) no-repeat; }
div#header div#quickmenu { position: absolute; top: 15px; right: 15px; color: #fff; border: 1px #fff solid; background: #c80000; padding: 4px 7px; }
div#header div#quickmenu a { color: #fff; text-decoration: none; font-weight: bold; } 
div#header div#quickmenu a:hover { text-decoration: underline; }
div#navigationtop {	background: url(images/top_red.gif) no-repeat; width: 45px; height: 181px; }

/* HEADER */
div#cart { border: 1px #999 solid; background: #f3f3f3; position: absolute; top: 50px; right: 15px; padding: 5px; width: 190px; height: 110px; }
div#login { position: absolute; top: 80px; right: 15px; } 
div#cart h4 { margin: 0px 0px 4px 0px; color: #C00; padding: 0px; }

div#cart ul { list-style: none; margin: 0px; padding: 0px; float: left; width: 49%; }
div#cart ul li a { color: #1d87ff; text-decoration: none; }
div#cart ul li a:hover { text-decoration: underline; }
div#cart table { width: 100%; }
div#cart table tr td { width: 50%; text-align: center; }
div#cart table tr td input { border: 1px #999 solid; width: 98%; background: #fff; text-align: center; }

/* NAVIGATION */
div#navigation{	float:left;	width:157px; background: #fff url(images/side_grey.gif) repeat-y; }
div#navigation h5 { font-family: arial; font-size: 13px; font-weight: bold; color: #C00; text-align: left; margin: 0px 0px 0px 25px; padding: 0px; }
div#navigation ul { padding: 0px; margin: 0px 0px 10px 15px; list-style: none; }
div#navigation ul ul { padding: 0px; margin: 0px 0px 10px 5px; list-style: none; }
div#navigation ul li a { font-family: verdana; text-decoration: none; font-weight: bold; color: #666; font-size: 11px; }
div#navigation ul li a:hover { text-decoration: underline; }
div#navigation ul li { background: url(images/reddot.gif) 0px 3px no-repeat; padding: 0px 0px 0px 10px; }
div#navigationbottom { background: url(images/bottom_red.gif) no-repeat; width: 45px; height: 62px; margin-top: 10px; }

/* FOOTER POSITION AND STYLE */
div#footer { clear: both; width: 756px; margin: 0px 0px 0px 45px; background: #c80000; }
div#footer p { font-family: verdana; padding: 10px; margin: 0px; color: #fff; font-size: 10px; font-size: 10px; text-align: center; }
div#footer p a { color: #fff; text-decoration: none; }
div#footer p a:hover { text-decoration: underline; }
div#footer div.divider { background: url(images/white_dots.gif) repeat-x; height: 1px; margin: 0px 15px 5px 15px !important; font-size: 1px; line-height: 0px; }

/* CONTENT */

h1 { font-family: Arial; font-size: 18px; margin-top: 0px; }
.nomargin { margin: 0px; }
.margin { margin: 0px 0px 20px 0px; }
h2 { font-family: Arial; font-size: 14px; color: #c00; margin: 20px 0px 0px 0px; }
h3 { font-family: Arial; font-size: 14px; padding: 0px; margin: 10px 0px 0px 0px; }
h4 { font-family: Arial; font-size: 12px; }
h5 { font-family: Arial; font-size: 14px; color: #c00; margin: 0px; }
p { font-family: Arial; font-size: 12px; margin: 5px 0px 10px 0px; padding: 0px; }
blockquote { margin: 10px 15px; padding: 8px; border: 1px #ccc dotted; font-family: Arial; font-size: 12px; }
blockquote ul { list-style: none; margin: 0px; padding: 0px; }
blockquote ul a { color:#1d87ff; text-decoration:none; }
blockquote ul a:hover { text-decoration:underline; }
blockquote p a, p a { text-decoration: none; color: #1d87ff; }
blockquote p a:hover, p a:hover { text-decoration: underline; }
blockquote p { margin: 0px; }
span, li { font-family: Arial; font-size: 12px; }

/* CONTENT - Display Titles */
div.listproducts { font-family: Verdana; overflow: hidden; }
div.listproducts div { text-align: center; width: 33%; padding: 7px 0px;  float: left; border: 1px #fff solid; height: 256px; }
div.listproducts div:hover { background: #f3f3f3; border: 1px #ccc solid; }
div.listproducts div h2 { font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px 4px; height: 30px; }
div.listproducts div a img { border: 1px #999 solid; width: 125px; height: 173px; padding: 3px; }
div.listproducts div a:hover img { background: #f3f3f3; border: 1px #666 solid; }

div.listproducts div input {
    display: -moz-inline-box;
    display: inline-block;
    margin: 5px 0 0 0;
    background:#f5f5f5 url(images/basket.png) 7px center no-repeat;
    border:1px solid #999999;
    border-top:1px solid #c2c2c2;
    border-left:1px solid #c2c2c2;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 10px 2px 30px;
    width:auto;
    overflow:visible;
}

div.listproducts div input:hover {
    background:#e0ecff url(images/basket.png) 7px center no-repeat;
	border: 1px #1d87ff solid;
    color:#336699;
}

/* CONTENT - View Product */
div.border { border: #ccc 1px solid; margin: 10px; }
div.border p { margin: 10px; }

div.view { height: 363px; }
div.view h2 { color: #c00; font-family: Arial; font-size: 18px; }
div.view img { margin: 0px 10px 0px 0px; height: 345px; width: 250px; float: left; border: 1px #999 solid; padding: 3px; }
div.view table { border-collapse: collapse; width: 350px; }
div.view table tr td { background: #f0f0f0; border: 1px #fff solid; padding: 4px; font-family: Arial; font-size: 12px; }
div.view table tr td span { color: #c00; }
div.view table tr td a { color: #c00; text-decoration: none; }
div.view table tr td a:hover { text-decoration: underline; }
div.view center button img { width:16px; height:16px; border: none; float: none; margin: 0px; padding: 0px; }

/* CONTENT - Paging */
table#paging { margin: 10px 0px; clear: both; border-collapse: collapse; border-top: 2px #bcbcbc solid; border-bottom: 2px #bcbcbc solid; width: 100%; }
table#paging tr td { width: 33%; font-family: Arial; font-size: 12px; }
table#paging tr td a { font-weight: bold; display: block; padding: 10px; color: #333; text-decoration: none; }
table#paging tr td a:hover { background: #eeecec; color: #C00; }
table#paging tr td.previous { text-align: left; }
table#paging tr td.page { text-align: center; }
table#paging tr td.next { text-align: right; }

/* CONTENT - Forms */
div#content fieldset { border: 1px #999 solid; background: #f3f3f3; margin: 10px 0px; padding: 15px; } 
div#content fieldset h3 { margin: 0px 0px 15px 0px; color: #1d87ff; padding: 0px; }
div#content fieldset div { position: relative; height: 24px; }
div#content fieldset div p { font-family: Verdana; font-size: 10px; margin: 0px 0px 10px 150px; }
div#content fieldset p.indent { margin-left: 150px; }
div#content fieldset div input, fieldset div label { position: absolute; font-family: Arial; font-size: 12px; }
div#content fieldset div label { left: 0px; top: 2px; width: 145px; text-align: right; }
div#content fieldset div span { color: Red; font-family: Arial; font-size: 12px; position: absolute; top: 2px; left: 310px; }
div#content fieldset div label span { color: Red; position: static; }
div#content fieldset div input { border: 1px #999 solid; left: 150px; top: 0px; width: 150px; }
div#content fieldset div select { border: 1px #999 solid; left: 150px; top: 0px; position: absolute; }
div#content fieldset div input:focus, div#content fieldset textarea:focus { background: #e0ecff; border: 1px #8cacff solid; }
div#content fieldset div input:hover, div#content fieldset textarea:hover { background: #e0ecff; border: 1px #1d87ff solid; }
div#content fieldset textarea { border: 1px #999 solid; margin: 0px 0px 10px 150px; width: 300px; height: 120px; }
input[disabled="disabled"], input.disabled, textarea.disabled, textarea[disabled="disabled"] { border: 1px #999 solid; background: #fff; color: #666; }
input[disabled="disabled"]:hover, input.disabled:hover, textarea.disabled:hover, textarea[disabled="disabled"]:hover { border: 1px #999 solid; background: #fff; color: #666; }
center input { outline: none; font-weight: bold; background: #c00; padding: 5px 20px; font-family: Arial; font-size: 12px; color: #fff; border: 1px #fff solid; }
center input:hover { background: #1d87ff; cursor: pointer; }
center input:focus { outline: none; }
small { color: #c00; font-size: 80%; font-weight: normal; }

/* CONTENT - Cart */
div.snailtrail { font-family: Arial; font-size: 12px; text-align: center; border: 1px #999 solid; background: #f3f3f3; margin: 10px 0px; padding: 3px; }
div.snailtrail span { color: #1d87ff; text-decoration: none; }
div.snailtrail span.selected { color: #C33; font-weight: bold; text-decoration: none; }

table#data { margin: 15px 0px; width: 100%; border-collapse: collapse; }
table#data tr th { text-align: left; padding: 5px; font-family: Arial; font-size: 14px; border-bottom: 2px #666 solid; }
table#data tr td { padding: 2px 5px; font-family: Arial; font-size: 12px; background: #f0f0f0; }
table#data tr.alt td { background: #fcfcfc; }
table#data tr.bottom td { background: #fff; border-top: 2px #666 solid; }
table#data tr td a { padding: 0px 0px; margin: 0px 2px; }
table#data tr td a.up { background: url(images/arrow_up.png) no-repeat; }
table#data tr td a.down { background: url(images/arrow_down.png) no-repeat; }
table#data tr td a.remove { background: url(images/delete.png) no-repeat; }
table#data tr td a:hover { padding: 0px 0px; }
table#data tr td a input { color: #fff; border: 0px; background: none; width: 16px; height: 16px; padding: 0px; margin: 0px; cursor: pointer; }

/* CONTENT - List Page */
div.alpha { text-align: center; margin: 10px 5px 5px 5px; }
div.alpha a { text-transform: uppercase; color: #c00; font-family: Verdana; font-size: 11px; text-decoration: none; border: 1px #999 solid; display: -moz-inline-box; display: inline-block; margin: 2px; padding: 3px 7px; }
div.alpha a:hover { background: #f0f0f0; border: 1px #666 solid; }

div.listpage { width: 620px; overflow: hidden; margin: 15px 0px 10px 0px; }
div.listpage ul { margin: 0px; padding: 0px; width: 50%; float: left; }
div.listpage ul li { list-style: none; background: url(images/bullet_black.png) center left no-repeat; padding: 0px 0px 0px 20px; }

div.listpage ul li a { color: #1d87ff; text-decoration: none; }
div.listpage ul li a:hover { text-decoration: underline; }

/* Advert */
div.ad { margin: 15px; border: 1px #ccc solid; background: #f3f3f3; text-align: center; padding: 3px; }
div.ad h5 { margin: 0px; padding: 0px; font-family: Verdana; font-size: 10px; }
div.ad a img { border: 1px #999 solid; padding: 3px; }
div.ad a:hover img { background: #f3f3f3; border: 1px #666 solid; }

/* ERRORS AND MESSAGES */
div#error { border: #ff0000 1px solid; background: #fff; margin: 0px 0px 10px 0px; }
div#error h2 { font-family: arial; font-size: 16px; color: #fff; background: #ff9393; margin: 0px; padding: 3px 5px; }
div#error p { color: #ff0000; font-family: arial; font-size: 12px; margin: 5px; padding: 0px; }

div#message { border: #0600ff 1px solid; background: #dadaff; margin: 0px 0px 10px 0px; }
div#message h2 { font-family: arial; font-size: 16px; color: #fff; background: #a3a3ff; margin: 0px; padding: 3px 5px; }
div#message p { color: #0600ff; font-family: arial; font-size: 12px; margin: 5px; padding: 0px; }

button {
    display: -moz-inline-box;
    display: inline-block;
    margin:10px 0 0 0;
    background-color:#f5f5f5;
    border:1px solid #999999;
    border-top:1px solid #c2c2c2;
    border-left:1px solid #c2c2c2;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 5px 7px;
}


button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover {
	background: #e0ecff; 
	border: 1px #1d87ff solid;
    color:#336699;
}

/* Form */
fieldset { margin: 10px; padding: 10px; }
fieldset div {
	height: 25px;
	position: relative;
}
fieldset div input {
	position: absolute;
	top: 0px;
	left: 200px;
	border: 1px #ccc solid;
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
}

div.infomenu {overflow:hidden; width: 620px; }
div.infomenu div {width: 50%; float: left;}
div.infomenu div a { text-decoration: none; margin: 5px;display: block; padding: 15px; border: 1px #ccc solid; background: #f6f6f6; }
div.infomenu div a:hover { border: 1px #666 solid; background: #f0f0f0; }
div.infomenu div a h2 { padding: 0px; margin: 0px; text-decoration: none; }
div.infomenu div a p { padding: 0px; margin: 0px; text-decoration: none; color: #1d87ff; }
div.infomenu div a:hover h2 { text-decoration: underline; }
div.infomenu div a:hover p { text-decoration: underline; }