/* Tags */



html, body {margin: 0; padding: 0; height: 100%;}

body {font: 75% Verdana, sans-serif; background: #fff;}

img {border: 0px none; display: inline}

form, ul, li, dt, dd {margin: 0; padding: 0;}

p, h1, h2, h3 {margin: 0.9em 0;}



/*#compare, #content table.order, #bundles {width: auto;}*/





h1 {font-size: 1.5em; color:#008000; margin-bottom:0}

h2 {font-size: 1.5em;}

h3 {font-size: 1em; color:#008000; margin-bottom:5 }


/* End of Tags */



/* Classes */



.clboth {clear: both;}

.noshow {position: absolute; top: -9999px; left: -9999px;}





/* End of Classes */



/* Page Layout  */



#dimensions {margin: 0 auto; min-width: 770px; width: 100%; position: relative; min-height: 100%; height: auto !important; height: 100%;}

#container {padding-bottom: 2em;}

#content  {width: auto width: 100% clear:both; margin-left:16em; margin-right:14em; margin-top:0; margin-bottom:0}

#content2 {width: auto width: 100% clear:both; margin-left:18em; margin-right:14em; margin-top:0; margin-bottom:0; text-indent:-1.8em }

#leftcolumn {float:left; width: 14.5em;}

#rightcolumn {width: 12.5em; float: right; text-align: center;}

#leftcrowbar {float:right; width:100%; margin-left:-17em; margin-right:0; margin-top:0; margin-bottom:0}

#rightcrowbar {float:left; width:100%; margin:0 -14em 0 0}

#footer {clear: both; width: 100%; left: 0; position: absolute; bottom: 0 !important; height: 2em; background: #008000;}

#footer {position: relative; margin-top: -2em;}


/* End of Page Layout */





/* Header Styles */



#header #logo {margin: 5px; float: left;}

#header #logo p {margin: 0 0 0.5em; font-weight: bold; color: #999;}



#header #qsearch {float: right; padding: 62px 2em 0 0;}

#header #qsearch form {padding: 0.5em;  background: #008000;; margin-left:0; margin-right:0; margin-top:-2.5em; margin-bottom:0}

#header #qsearch input {border: 1px solid #999;}

#header #qsearch .button {border: 1px solid #fff; font-size: 0.9em; padding: 0.1em;}



#header #horiz-nav {clear: both; background: #009933; height: auto}

#header #horiz-nav ul {height: 2em; list-style-type: none;}

#header #horiz-nav ul li {float: left;}

#header #horiz-nav ul li a {display: block; padding: 0 1.5em;border-right: 1px dotted #fff; font-weight: bold; font-family: Arial; text-align: center; line-height: 2em; color: #fff; text-decoration: none;}

#header #horiz-nav ul li a.no-b-r {border: 0px none;}

#header #horiz-nav ul li a:hover {}



#header #location {padding-left: 0.3em;background: #999; border-bottom: 1px solid #fff;  border-top: 1px solid #fff;color: #fff; font-weight: bold; font-family: Arial} 





/* End of Header Styles */



/* Footer Styles */



#footer ul {width: 100%; text-align: center; margin: 0; padding: 0; list-style-type: none;}

#footer li {display: inline; line-height: 2em; color: #fff;}

#footer li a {color: #fff;}



/* End of footer styles */



#rightcolumn div, #leftcolumn div {background: #008000;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:0; padding-right:0; padding-top:1em; padding-bottom:1em}

#rightcolumn div h2, #leftcolumn div h2 {margin: -1em 0 0; color: #fff; padding: 0; line-height: 1.6em; text-indent: 0.1em;}

#rightcolumn div h2 a, #leftcolumn div h2 a {color: #fff;}

#rightcolumn div ul, #leftcolumn div ul {list-style-type: none; padding: 0; width: auto; background: #fff; margin: 0; height: auto;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}

#rightcolumn div ul li, #leftcolumn div ul li {border: 0px none; width: 100%; margin:1px 0; padding: 0}

#rightcolumn div ul li a, #leftcolumn div ul li a {width: auto !important; width: 100% !important;  border: 1px solid #999999; margin: 0; display: block; background: #FFFFFF; line-height: 1.5em; text-decoration: none; font-weight: bold; color: #008000; text-indent: 0.2em}

#rightcolumn div ul li a:hover, #leftcolumn div ul li a:hover {background: #ccc; color: #000;}



#rightcolumn dl {padding-bottom: 1em; background: #008000;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em}

#rightcolumn dl dt {color: #fff; font-size: 1.1em; font-weight: bold; line-height: 1.5em; text-indent: 0.1em;}

#rightcolumn dl dd {background: #fff; padding: 1px 0; width: 100%;}

#rightcolumn dl a {width: auto !important; width: 100% !important; margin: 0; display: block; border: 1px solid #999; background: #fff; line-height: 1.5em; text-decoration: none; font-weight: bold; color: #008000; text-indent: 0.2em}

#rightcolumn dl a:hover {background: #ccc; color: #000;}

#rightcolumn dl form {padding: 0.5em; border: 1px solid #999}



#rightcolumn #offer1 a {text-indent: -5000px; background: #fff url('/ui/offer1.jpg') no-repeat top left; height: 85px; border: 0px none;}

#rightcolumn #offer2 a {text-indent: -5000px; background: #fff url('/ui/offer2.jpg') no-repeat top left; height: 85px; border: 0px none;}





#leftcolumn #merus {padding: 0;}

#merus a {display: block; background: #fff; text-align: center;}



#formLogin {text-align: right;}

#formLogin input {width: auto; border: 1px solid #999; margin: 0.1em 0;}

#formLogin label {display: block; width: auto; text-align: left;}

#formLogin .button {width: auto; margin: 0.5em 0 0}



/* Homepage */



#welcome {background:#008000 no-repeat top right; margin-left:0; margin-right:0; margin-top:0.5em; margin-bottom:0}

#listcat {margin-left:0; margin-right:0; margin-top:0.5em; margin-bottom:0; color:#FFFFFF}

#welcome div {no-repeat bottom right;}

#welcome div div {height: auto ; background-position: 
               top left; height: 225px !important; min-height: 225px; color: #FFFFFF; padding-left:200px; padding-right:0.5em; padding-top:0; padding-bottom:0}

#welcome h1 {background: transparent; margin: 0; padding: 0;}

#welcome ul {margin: 1em 0 0 1em; padding: 0;}

#welcome li {margin: 0.6em 0; padding: 0}

#welcome a { color: #fff;}

#welcome .textcentre {text-align: center;}


.advisements {width: 48%; float: left; margin: 1em 0; border: 1px solid #999; color: #333;}

.advisements h2 {margin: 0; padding: 0.2em 0.7em; border-bottom: 1px solid #999; height: 2.8em; min-height: 2.8em;}

html>body .advisements h2 {height: auto;}

.advisements p {margin: 0; padding: 0.4em;}

.advisements p.advlink {text-align: center; padding-bottom: 22px;}



.advisements img {float: right; margin: 5px;}

#advisementfirst {margin-right: 3%;}



#banner {text-align: center;}



#invoice table {width: 100%; border-collapse: collapse;}

#invoice th {border-bottom: 3px double #000;}

#invoice td {border-bottom: 1px solid #999; padding: 0.5em 0;}

#invoice .odd td {background: #666;}



#logo {width: auto;}
#corpbanner {float: left;}
#corplogo {float: left; display: block;}




/* Suggester */

#artint h1 {margin-bottom: 0;}
#artint form {width: 100%; background: #C2D3E2; border: 1px solid #000; text-align: center; padding: 0 0.3em;}
html>body #artint form {width: auto;}
#artint .button {background: #000; color: #fff; padding: 0.2em; border: 0px none;}
#artint p {font-weight: bold; clear: both; text-align: left}
#artint dl {margin-left: 1em; text-align: left}
#artint dt {clear: left; float: left; vertical-align: top;}
#artint dd, #artint dt {line-height: 1.7em}
#artint #next {margin-left: 70%}

table.favourites {border: 1px solid #000; border-collapse: collapse; clear: both; margin: 1em 0 0; width: 100%;}
table.favourites td, table.favourites th {line-height: 1.5em; border: 1px solid #ccc; text-align: center; vertical-align: middle;}
table.favourites th {background: #008000; color: #FFFFFF;}
table.favourites .odd td {background: #f1f1f1;}
table.favourites strong {display: block;}
table.favourites .desc {text-align: left;}
table.favourites .text {text-align: right; width: 6em;}
table.favourites td {padding: 0.5em;}
table.favourites td input {display: block; text-align: center;}
table.favourites button {background: ; border: 0px none; display: block}
.savfavs {float: left;}
.addfavstobasket {float: right; background: #fff no-repeat top left; border: 0px none; font-weight: bold; font-size: 0.9em; height: 34px; width: 140px}
.addfavstobasket * {vertical-align: middle;}

/* Smartplan */
#descrip #smartplan {clear: both; background: #eee; border: 1px solid #999; margin: 1em 0; padding: 0;}
#smartplan a {text-decoration: none; color: #000; display: block; vertical-align: middle;}

#scroller {border: 1px solid #000; overflow: auto; height: 13em;}
#options a {display: block; border-bottom: 1px solid #c1c1c1; line-height: 1.8em; text-indent: 0.5em;}
#options a:hover {background: #ccc; color: #000;}