body { margin: 0 auto; padding: 0; background: #f8f9fb url('../images/background.gif') repeat-x; font-size: 75%; font-family: Arial, Helvetica, sans-serif; color: #13498d; }

a, a:visited { background-color: transparent; color: #13498d; text-decoration: underline; font-weight: bold;}
a:hover img { border: 0; text-decoration: none; }
a:hover, #border a:hover { text-decoration: none; color: #fff; background-color: #13498d; }
#header h1 { display: none; }
h1, h2, h3 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #0c4184; background-color: transparent; }
h2 { font-size: 200%; }
li { list-style-type: square; }

#container { margin: 0 auto; background: #fff; width: 760px; padding: 0; border: 1px dotted #aaa; }
#home #container { background: url('../images/bg-col.gif') repeat-y; }
#webshop #container { background: url('../images/bg-col-wide.gif') repeat-y; }
#main { color: #13498d; background-color: #fff; font-size: 100%; padding: 1em 2em 1em 2em; }

/* ---------------------- HEADER ---------------------- */

#header { margin: 0; padding: 0; background: #fff url('../images/logo_banner.jpg') no-repeat; height: 80px; }

/* ---------------------- MENU ---------------------- */

#menucontainer { position: relative; height: 60px; color: #1e3b5c; background: #143D55; width: 100%; font-family: Helvetica,Arial,Verdana,sans-serif; }
#menunav { position: relative; height: 33px; font-size: 90%; text-transform: uppercase; font-weight: bold; background: #fff url('../images/bg.gif') repeat-x bottom left; padding:0 0 0 10px; }
#menunav ul { margin: 0; padding: 0; list-style-type: none; width: auto; float: left; }
#menunav ul li { display: block; float: left; margin: 0 1px; }
#menunav ul li a{ display: block; float: left; color: #EAF3F8; text-decoration: none; padding: 0 0 0 10px; height: 33px; }
#menunav ul li a span { padding: 12px 10px 0 0; height: 21px; float: left; }
#menunav ul li a:hover { color: #fff; background: transparent url('../images/bg-OVER.gif') repeat-x bottom left; }
#menunav ul li a:hover span { display: block; width: auto; cursor: pointer; }

#home #menunav a.home, #home #menunav a.home:hover, #blog #menunav a.blog, #blog #menunav a.blog:hover, #artists #menunav a.artists, #artists #menunav a.artists:hover, #artfrombritain #menunav a.artfrombritain, #artfrombritain #menunav a.artfrombritain:hover, #services #menunav a.services, #services #menunav a.services:hover, #webshop #menunav a.webshop, #webshop #menunav a.webshop:hover, #contact-us #menunav a.contact-us, #contact-us #menunav a.contact-us:hover { color: #fff; background: #1D6893 url('../images/left-ON.gif') no-repeat top left; line-height: 275%; }

#home #menunav a.home span, #blog #menunav a.blog span, #artists #menunav a.artists span, #artfrombritain #menunav a.artfrombritain span, #services #menunav a.services span, #webshop #menunav a.webshop span, #contact-us #menunav a.contact-us span { display: block; padding: 0 10px 0 0; width: auto; background: #1D6893 url('../images/right-ON.gif') no-repeat top right; height: 33px; }

#submenunav { padding: 0; margin: 6px 0 0 22px; font-size: 100%; }
#submenunav li { display: inline; margin-right: 15px; }
#submenunav li a { color: #fff; text-decoration: none; }
#submenunav li a:hover { text-decoration: underline; background: #143D55; }
#submenunav li a span { padding: 0; margin: 0; height: 21px; }

/* -------------------INDEX PAGE -----------------*/

#home #main { width: 530px; float: right; }
#home #sidebar { float: left; width: 180px; margin: 0; padding: 1em 0 0 0; }
#home h2 { border-bottom: 1px dotted #13498d; }
#home p, #about-us p { text-align: justify; }
#home #sidebar p { display: block; padding: 0.5em; text-align: center; margin: 0 auto; }
#rotator { margin: 0; float: right; }

/* -------------------ARTISTS -----------------*/

#sort { display: block; text-align: center; border-bottom: 1px dotted #13498d; padding: 10px 0 10px 0; margin-bottom: 0; }
#artists h3 a:hover { text-decoration: none; color: #fff; background-color: #13498d; }
#artists h2 span, #artists h2 em { font-size: 50%; }
#artists h2 { border-bottom: 1px dotted #13498d; }

#col1, #col2 { float: left; background: #fff; width: 49%; color: #13498d; margin-right: 1%; }
#col1 h2, #col2 h2 { margin-top: 0; }
.even { background: #f8f9fb url('../images/background.gif') repeat-x; border: 1px solid #2f4b8a; color: #13498d; }

div.even, div.odd { margin: 0 10px 10px 0; padding: 15px; }
div.odd p a, div.even p a { font-weight: normal; }

/* -------------------ART FROM BRITAIN -----------------*/

#intro { clear: both; width: 100%; padding-top: 1em; }

#maryrose { float: left; width: 350px; text-align: justify; }
#buynow { float: right; width: 330px; text-align: center; }
#buynow h3 span { display: block; font-size: 70%; }
#cowdry { clear: both; }
#cowdry a:hover { text-decoration: underline; background-color: #13498d; }

/* -------------------ARTIST GALLERY -----------------*/

#gallery img { width: 100px; height: 100px; }
#gallery ul { margin: 0; padding: 0; text-align: left; }
#gallery li { display: inline; margin: 0 3px 0 0; list-style-type: none; }
#gallery li a, #gallery li a:hover { margin: 0; padding: 0; text-decoration: none; background-color: #fff; }
#gallery a img { padding: 5px; border: 1px solid #ddd; margin: 0; }
#gallery a:hover img { border: 1px solid #2f4b8a; }

#gallery p { clear: both; font-size: 125%; padding-left: 0; }
#gallery p em { font-size: 90%; }

/* -------------------CONTACT US -----------------*/

#map { width: 350px; height: 300px; float: right; margin-left: 10px; }

img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; border: 0; }
img.alignleft { padding: 4px; margin: 0 15px 2px 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright { float: right; }
.alignleft { float: left }

div.adr span { display: block; }

/* ---------------------- MENU ---------------------- */

#type-services { margin: 0; padding: 0; }
#type-services li { list-style-type: none; }
#type-services li h2 { padding-top: 1em; border-top: 1px dotted #13498d; }


#services td { font-size: 90%; border-right: 1px solid #B9C8E0; border-bottom: 1px solid #B9C8E0;	background-color: #fff; padding: 6px 6px 6px 12px; color: #598bc1; }
#services td.alt { background-color: #F0F5FF; color: #13498d; }
#services th { font: bold 90% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #B9C8E0; border-top: 1px solid #B9C8E0; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 6px 6px 6px 12px; background-color: #598bc1; }
#services th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #B9C8E0; background: none; color: #13498d; text-align: left; }

#services th.spec { border-left: 1px solid #B9C8E0; border-top: 0; background-color: #fff; color: #598bc1; text-align: left; }
#services th.specalt { border-left: 1px solid #B9C8E0; border-top: 0;	background-color: #F0F5FF; color: #13498d; text-align: left; }
.center { margin-left: auto; margin-right: auto; text-align: center; }

/* ---------------------- LINKS ---------------------- */

#links #main ul li { margin-bottom: 2em; }
#links #main ul li a { font-size: 120%; }

/* ---------------------- FOOTER ---------------------- */

#footer { clear: both; font-size: 90%; padding: 0; margin: 0 auto; width: 760px; background: #143D55; color: #fff; }
#footer p { text-align: center; margin: 0; padding: 0; }
#footer a, #footer a:hover { color: #fff; background-color: #143D55; }


/* ----------------------------------------------------- */
/* ---------------------- WEBSHOP ---------------------- */
/* ----------------------------------------------------- */

#webshop #container { background-color: #fff }
#webshop #mainContent { width: 520px; float: right; margin: 0; background-color: #fff; }
.submit-button { background-color: #4966a6; color: #fff; font-weight: bold; font-size: 90%; border: 1px solid #2f4b8a; }
h3 a img { border: none; }
h3 a:hover { background-color: transparent; }

/* ---------------------- SIDEBAR ---------------------- */

#webshop #sidebar { display: block; width: 230px; margin: 0; padding: 0; }
#webshop #sidebar div.box { margin-top: 0.5em; }
#webshop #sidebar ul { margin: 0; padding: 0; }
#webshop #sidebar div.box ul li { padding: 0.5em 0 0.5em 1.3em; list-style-type: none; }
#webshop #sidebar div.box ul li ul { border: none; padding-left: 2em; }
#webshop #sidebar div.box ul li ul li { padding: 0.25em 0 0.25em 0; list-style-type: square; }
#webshop #sidebar div.box ul li ul li a { font-size: 90%; }

#webshop #sidebar div.box select { font-size: 80%; }

#payment { text-align: center; }
#payment a:hover { background-color: #f8f9fb; }
#payment img { border: 1px solid #000; }

/* ---------------------- PRODUCT LISTING ---------------------- */

div.listing { float: left; background-color: #fff; width: 100%; margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px dashed #2f4b8a; text-align: center; }
#splitPageBottom { clear: both; }
p.listingName {  margin: 0; padding: 0; background-color: #fff; font-weight: bold; text-align: left;  }
p.listingName a { width: 310px; margin: 0; padding: 0; }
p.listingName span { font-weight: normal; }
p.listingPrice { font-size: 100%; font-weight: bold; text-align: left; color: #13498d; }
p.listingPrice del { font-size: 80%; color: #f00; }
p.listingPrice span.txtvat { font-size: 80%; }
#splitPageTop { margin-bottom: 2em; }
#splitPageTop, #splitPageBottom { text-align: center; }
p.sP1 { background: #fff url('../images/background.gif') repeat-x; border: 1px solid #2f4b8a; padding: 1em; text-align: left; }
p.sP2 a { color: #aaa; font-weight: normal; text-decoration: none; }
p.sP2 strong { padding: 3px; border: 1px solid #2f4b8a; }
p.sP2 a:hover { color: #2f4b8a; text-decoration: underline; background-color: #fff; }
div.listingImage { float: left; line-height: 80px; height: 100px; width: 100px; margin-right: 10px; }
div.listingImage a { vertical-align: middle; }
p.listingBuy { float: right; margin-top: 2em; padding: 0;}
div.listingImage a:hover, p.listingBuy a:hover { background-color: #fff; }
p.listingBuy strong { font-weight: bold; color: #f00; }

/* ---------------------- PRODUCT INFO ---------------------- */

#product-info h2 { text-align: left; font-size: 150%; border-bottom: 1px dashed #2f4b8a; margin-bottom: 1em; padding-bottom: 1em; }
#product-info h2 span { font-weight: normal; font-style: italic; font-size: 80%; }
#product-info del { color: #f00; font-size: 70%; }

#product-img { float: left; width: 300px; text-align: center; margin: 0 0 2em 0; padding: 0; }
#product-details img { border: none; }
#product-img a, #product-details a { text-decoration: none; }
#product-img a:hover, #product-info a:hover { color: #13498d; background-color: #fff; }
#product-details { float: left; } 

#maininfo { background: #3a72b6 url('../images/box_gradient.gif') repeat-x; margin: 0; width: 180px; border: 2px solid #3a72b6; padding: 7px; color: #fff; text-align: center; }
#maininfo h3 { color: #fff; font-size: 120%; }
#extras { display: block; margin: 0; width: 195px; text-align: center; padding: 10px 0 0 0; }
#extras ul, #extras ul li { margin: 0; padding: 0; list-style-type: none; }
#extras ul { padding: 5px 0 0 0; }
#extras li { display: inline; }

#desc { clear: left; text-align: justify; padding-right: 5px; }

#product-details ul { list-style-type: none; }
#product-details a { text-decoration: none; }
#product-details select { margin: 10px 0 10px 0; font-size: 90%; }
#product-details p a img { border: none; margin: 0; padding: 0; }

a:hover img { background-color: #fff; border: none; }

/*--- SPECIALS ---*/

#specials { float: right; width: 160px; margin: 0; text-align: center; background-color: #fff; }
#specials h3 { background-color: #f00; margin: 0; padding: 5px 0 5px 0; } 
#specials h3 a { color: #fff; font-size: 100%; }
#specials h3 a:hover { color: #f00; background-color: #fff; }
#specials p { font-size: 95%; margin-top: 0; }
#specials div { margin: 0; border-bottom: 1px solid #f00; border-right: 1px solid #f00; border-left: 1px solid #f00; }
#specials div p a { font-weight: bold; }
#specials div p a:hover { background-color: #13498d; }
#specials span { color: #f00; }
#specials em { font-size: 80%; }
#specials s { color: #2f4b8a; font-size: 80%; }

/*--- FEATURED ---*/

#featured { float: left; width: 510px; margin: 1em 0 0 0; padding: 0; }

#featured h3 { font-size: 150%; font-style: italic; margin: 0 0 1em 0; padding: 0; }
p.featured-head { margin: 0; padding: 0; background: #fff; }
#featured img { margin-right: 1em; padding: 2px; margin-bottom: 0.5em; }
#featured div { clear: both; margin-bottom: 1em; min-height: 130px; border-bottom: 1px dashed #4966a6;}
#featured strong, #featured p span img { float: left; }

#featured ul, #featured ul li, #featured ul li a { margin: 0; padding: 0; }
#featured ul { display: inline; width: 510px; margin-bottom: 1em; }
#featured ul li { float: left; display: inline; list-style-type: none; padding: 15px 0 0 5px; border-bottom: 2px solid #ccc; }
#featured ul li.oddrow { background-color: #eee; }
#featured ul li p { margin: 5px 0 5px 5px; }
#featured ul li p.top { margin: 0 0 35px 5px; }
#featured ul li a img { margin-right: 5px; border: 2px solid #ccc; padding: 2px; }
#featured ul li, #featured ul li a { width: 250px; min-height: 100%; height: 100%; height: auto !important; height: 130px;min-height: 130px; }
#featured ul li img { padding: 0; margin: 0; }
#featured ul li div { border: none; padding: 0; margin: 0; }