
#sectional-driver-container {}/*
#content {background-color:white ;float: none; clear: both; position: absolute; top: 115px}*/
#content {background-color:white; float: none; clear: both; top: 115px   }
#tertiary-nav {height: 5px; min-height: 5px}

h2 {margin: 5px 0px 0px 0px; background: transparent url(/images/tag.gif) no-repeat 100% 0px}
.rotating-home h2 {margin: 0px 10px 20px 0px; font-size: 15px; text-align: center; border-bottom: 1px dotted #b0b0b0; text-transform: uppercase; padding-bottom: 10px}
.page_top {  height: 0px;   }
.page_body {margin: 0px 10px 0px 0px; background-color: white; width: 952px; padding: 5px 7px 0px 0px; }
.page_bottom {  height: 0px;  }

#artStoreNav {background-color: #424242; height: 23px; width: 959px; float: none}
#artStoreNav ul { }
#artStoreNav ul, #artStoreNav li {list-style-type: none; margin: 0px; padding: 0px; background-color: #424242;}
#artStoreNav li, #artStoreNav a {float: left}

 #artStoreNav a {color: white; font-size: 13px; font-family: Georgia, serif;padding: 5px 22px 5px 22px}
 
 #artStoreNav .current a {background-color: #ec171a}
 
 #page-crumb {border-bottom: 1px solid #e6e3d5; padding: 0px 0px 3px 15px; height: 20px; width: 944px;}
 
  .left-menu {clear: left; margin: 0px 15px 0px 0px; padding: 10px 10px 20px 0px; float: left;  width: 140px;}

.left-menu li {font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 15px}

.left-menu li li {font-family: arial; font-size: 11px; font-weight: normal; margin-bottom: 0px}


/* collection */
.main {background: url(/images/main_bg.gif) repeat-y; width: 787px; float: right; margin-top: 20px}
.main img {margin: 0px 0px 30px 9px}
.main-top {background: url(/images/main_top.gif); height: 9px; width: 787px}
.main-bottom {background: url(/images/main_bottom.gif); height: 9px; width: 787px; clear: left}
.rotating-home img { float: none}


.main h3 {font-size: 18px; margin: 15px 0px 0px 20px}
.main p {float: right; margin: 15px 20px 0px 0px; font-size: 10px; font-family: Arial, sans-serif}

#famousDates p, #reprints p {float: none; font-size :12px; margin: 10px 0px 0px 20px}
#reprints p  {margin-bottom: 20px}
#famousDates img.orderLink, #reprints img.orderLink {float: right; margin: 15px 10px 0px 20px}
.main .collection-group {margin: 15px 0px 0px 9px}
.rotating-home img {position: absolute; margin: 0px}
.rotating-home {position: relative; width: 779px; height: 538px; margin-top: 15px; float: right }

#controls {width: 163px; height: 63px; background: url(/images/controls_bg.png); position: absolute; bottom: 30px; left: 303px; }
#clickme1, #clickme2, #clickme3 {width: 28px; height: 0px; background: url(/images/controls_img.png); overflow: hidden; padding-top: 29px; cursor: pointer; cursor: hand}
#clickme1:hover, #clickme2:hover, #clickme3:hover {background: url(/images/controls_img_over.png)}
#clickme1 {position: absolute; top: 19px; left: 42px; background: url(/images/controls_img_over.png)}
#clickme2 {position: absolute; top: 19px; left: 70px}
#clickme3 {position: absolute; top: 19px; right: 37px}
#image2, #image3 {display: none}

#next  {width: 16px; height: 0px; background: url(/images/next.png); overflow: hidden; padding-top: 18px; position: absolute; top: 21px; right: 20px; cursor: pointer; cursor: hand }
#next:hover {background:  url(/images/next_over.png)}
#previous {width: 17px; height: 0px;  background: url(/images/previous.png); overflow: hidden; padding-top: 18px;  position: absolute; top: 21px; left: 20px;  cursor: pointer; cursor: hand}
#previous:hover {background:  url(/images/previous_over.png)}
/* detail */
.detail-left, .form-left {position: relative; width: 455px; float: left}
.detail-right, .form-right {float: right; width: 450px; margin: 20px 15px 0px 0px; border-top: 1px solid #e6e3d5}
.detail-right h3.pre-headline, .form-right h3.pre-headline {font-size: 14px; color: #ec171a; border-top: none; padding-top: 0px}
.detail-right h3, .form-right h3 {font-size: 18px; margin: 10px 0px 10px; ; font-family: Georgia, serif; clear: both; border-top: 1px solid #e6e3d5; padding-top: 10px}
.detail-right form, .form-right form {margin: 0px; padding: 0px; }
.detail-right form, .detail-right label, .form-right form, .form-right label { font-family: arial, sans-serif; font-size: 12px}
.detail-right .group, .form-right .group {border-top: 1px solid #e6e3d5;  clear: left }
.detail-right .input, .form-right .input {float: left; padding: 10px 5px 10px 5px; width: 20px; }
.detail-right .label, .form-right .label {float: left; padding: 10px 5px 10px 5px; width: 340px; }
.detail-right .label .note {font-size :10px;  display: block}
.detail-right .cost {float: left; padding: 15px 5px 5px 5px; width: 55px; text-align: right; font-weight: bold}
.detail-right .subDiv {padding: 0px 10px 10px 0px; clear: left}
.detail-right .group .subDiv {padding: 0px 0px 10px 50px; clear: left}
.detail-right .subDiv .input {padding: 0px 10px 0px 0px; clear: left}
.detail-right .subDiv .label {float: none; padding: 0px}
.detail-right .subDiv p {font-family: arial, sans-serif; font-size: 12px; font-weight: bold}
#submitDiv, #formSubmitDiv {text-align: center; padding-top: 20px}
#submitDiv input, #formSubmitDiv input {margin: 0px auto 0px auto; border: none; background: url(/images/checkout.gif); background-repeat: no-repeat; width: 169px; height: 52px; padding-top: 52px; display: block }
.other-collections {clear: both; border-top: 1px solid #e6e3d5; width: 959px}
.other-collections h3 {font-size: 14px; text-transform: uppercase; margin: 30px 0px 10px 15px}
.other-collections div {margin: 0px 0px 30px 15px}
.other-collections div img {margin: 0px 6px 0px 0px}

.artPrints #framed1620Div #framed1620SubDiv, #framedcollection1114Div #framedcollection1114SubDiv, #framedcollection1620Div #framedcollection1620SubDiv {display: none}
/* famous dates detail */

.reprints-container, .form-container {width:455px;position:relative;background: #f4f2e9 url(/images/fdDetailBg_bg.gif) repeat-y ;margin: 20px 10px 0px 10px}
.reprints-top, .form-top {width: 455px; height: 8px; background: #f4f2e9 url(/images/fdDetailBg_top.gif) ;}
.reprints-bottom, .form-bottom {width: 455px; height: 10px; background: #f4f2e9 url(/images/fdDetailBg_bottom.gif) ;}
.reprints-container .frame{width: 381px; height: 486px; background: url(/images/reprints_frame_black.jpg) no-repeat; margin: 25px 0px 0px 35px}
.reprints-container .frame img, .form-container .frame img {margin: 33px}
.reprints-container div.title, .form-container div.title {margin: 20px 35px 25px 25px}
/* form */

.form-left  {width: 405px}
.form-container {width:405px;background: #f4f2e9 url(/images/formDetailBg_bg.gif) repeat-y ;}
.form-top {width: 405px; background: #f4f2e9 url(/images/formDetailBg_top.gif) ;}
.form-bottom {width: 405px; background: #f4f2e9 url(/images/formDetailBg_bottom.gif) ;}
.form-container .title h3 { margin: 10px 0px 10px 0px}
.form-container .title p {margin-bottom: 10px}
.form-right {width: 500px}
.form-container .frame {width: 387px; height: 300px; background: url(/images/frame_black.gif) no-repeat;margin: 25px 0px 0px 35px}
.form-container .frame img {margin: 18px} 
.form-right h3 {border-top: none; }
.form-right #firstNameDiv .input, 
.form-right #lastNameDiv .input, 
.form-right #addressDiv .input,
.form-right #cityDiv .input, 
.form-right #provinceDiv .input,
.form-right #postalDiv .input,
.form-right #phoneDiv .input,
.form-right #emailAddressInput .input,
.form-right #promotionCodeInput .input,
.form-right #quantityInput .input {width: 270px; }

.form-right #firstNameDiv .label, 
.form-right #lastNameDiv .label, 
.form-right #addressDiv .label,
.form-right #cityDiv .label, 
.form-right #provinceDiv .label,
.form-right #postalDiv .label,
.form-right #phoneDiv .label,
.form-right #emailAddressDiv .label,
.form-right #promotionCodeDiv .label,
.form-right #quantityDiv .label {width: 160px}

.form-right #addressDiv .input input {width: 310px}
.form-right #quantityDiv .input input {width: 30px; }
 #formSubmitDiv input {border: none; background: #ec171a url(/images/formSubmit.gif); width: 222px;  }

/* slider */

.slider-container{width:455px;position:relative;height:810px;overflow:hidden;background: #f4f2e9 url(/images/mainslider_bg.gif) ; margin: 20px 10px 0px 10px }
.slider-container ul, .slider-container li{margin:0;padding:0;list-style-type:none;}
.slider-container li{width:455px;height:810px;overflow:hidden;position:relative;}

.slider-container li div.frame{width: 387px; height: 300px; background: url(/images/frame_black.gif) no-repeat; margin: 35px 0px 0px 35px}
.slider-container li img {margin:50px 0px 0px 60px;}

.slider-container li div.title{position:absolute;padding: 0px; top: 445px; left: 30px;  width: 400px;  background: none; color: black; font-family: Georgia, serif}
.slider-container li div.title{}
.slider-container li div.title a, .reprints-container a, .form-container a{color: black; text-decoration: none; }
.slider-container li div.title h3, .reprints-container h3, .form-container h3 {font-size: 18px; font-family: Georgia, serif; margin: 0px 0px 10px 0px}
.slider-container li div.title h3 {margin-bottom: 10px; }

.slider-container li div.title p, .reprints-container p, .form-container p {color: black;margin: 0px 0px 10px 0px}
.slider-container li div.title p.credit, .reprints-container p.credit, .form-container p.credit {font-family: Georgia, serif; color: #ec171a; text-transform: uppercase; font-weight: bold }
.slider-container li div.title a:hover, .reprints-container a:hover, .form-container a:hover{ text-decoration: underline}
.slider-container li div.title .label{}
.slider-thumbs{position: absolute; top: 360px; left: 0px;height: 103px; width:425px; background: transparent ; padding: 0px 0px 0px 30px;margin: 0px 10px 0px 10px }
.slider-thumbs li, .slider-thumbs {list-style-type: none}
.slider-thumbs li{float:left;width:80px;margin:15px 24px 0px 0px;}
.slider-thumbs li.thumbnail.last{margin-right:0;border-top:0;padding-top:0;}
.slider-thumbs li a{color:#ffffff; text-decoration: none; font-weight: bold; margin-bottom: 5px; display: block}
.slider-thumbs li a:hover {text-decoration: underline;}
.slider-thumbs li p {color: white;  display: none}
.slider-thumbs li img{margin-bottom:5px;}

div.slider-buttons{width: 39px; height: 70px; position: absolute; top: 374px; left: 396px; margin-left:0px; display: none }

div.slider-buttons .prev{background:transparent url(/images/previous.gif) no-repeat; position: absolute; top: 0px; left: 0px; display: block; float: none}
div.slider-buttons .prev:hover{background:transparent url(/images/previous_over.gif) no-repeat;}

div.slider-buttons .next{background:transparent url(/images/next.gif) no-repeat; position: absolute; top: 0px; right: 0px; display: block; float: none}
div.slider-buttons .next:hover{background:transparent url(/images/next_over.gif) no-repeat;}

div.slider-buttons .prev a, div.slider-buttons .next a{width:22px;height:22px;float:none; display: block}

.slider-container li span a, .slider-container li span.label, .slider-thumbs li a:hover, .slider-thumbs li.current a{color:#ffffff;}
.slider-container li span a:hover {text-decoration: underline}
.slider-container li span p{color:#fff;}
.slider-thumbs li.current img{}

.zoom {float: right; background:transparent url(/images/expand.gif) no-repeat 100% 0; width: 135px; text-align: left; height: 25px; padding-top: 3px}
.zoom a {float: none; display: block}
.zoom:hover{background-image: url(/images/expand_over.gif) ;}

/* faq */

.faq {position: relative; width: 759px; margin: 20px 20px 0px 0px; float: right}
.faq h2 {margin: 0px 0px 10px 0px; padding: 0px; border-top: 1px solid #e6e3d5; color: #ec171a; padding-top: 15px; background-image: none}
.faq h3 {margin: 20px 0px 10px 10px;line-height: 20px; padding: 0px;  }
.faq h4 {margin: 10px 0px 10px 10px;line-height: 20px; padding: 0px; font-size: 12px; font-weight: bold}
.faq p {font-size: 12px; line-height: 20px; padding: 0px; margin: 10px 0px 10px 10px;}
.faq ul {list-style-type:disc; margin: 0px 0px 0px 40px}
.faq ol {list-style-type:decimal; margin: 0px 0px 0px 40px}
.faq li {font-size: 12px; line-height: 20px; font-family: Arial}
.reprintAddress {margin: 10px 0px 10px 20px}
.faq .reprintAddress p {margin: 0px}
.faq table {margin: 10px 0px 15px 10px; width: 300px;}
.faq td {font-size: 12px; font-family: Arial; padding: 5px; border-bottom: 1px solid #e6e3d5; text-align: right}
.faq th {font-size: 12px; font-family: Arial; text-align: left; padding: 5px; border-bottom: 1px solid #e6e3d5; font-weight: bold}

/* famous dates */
/* #Present, #dates19502000 {display: none} */

.collection-group div  {border-top: 1px solid #aaaaaa; margin: 10px 12px 0px 1px; padding: 20px 5px 0px 0px}
.collection-group div div img {float: none; margin: 0px}
.collection-group div div { float: left; width: 177px; padding: 0px; border: none; margin: 0px 0px 30px 9px}
.collection-group h4 {text-align: center; margin: 0px 0px 10px 0px}
.collection-group h4 a{text-decoration: none; color: black }
.collection-group div div.clear {clear: both; border: none; margin: 0px; padding: 0px; float: none}

#famousDates ul {height: 30px; margin: 10px 0px 0px 20px; }
#famousDates ul li {margin: 0px; padding: 0px; list-style-type: none}
#famousDates li,#famousDates li a {float: left; font: 12px Arial}
#famousDates li a {text-decoration: underline; padding: 5px 10px 5px 5px}

/* contact */

.faq a {text-decoration: underline}
.contact p {margin-left: 0px}
.contact ol, .contact li {list-style-type: none}
.contact li {margin: 0px; padding: 0px}
.contact li p, .contact li h3 {margin-left: 40px}
.contact li.contact1 {background: url(/images/contact1.gif) no-repeat;}
.contact li.contact2 {background: url(/images/contact2.gif) no-repeat;}
.contact li.contact3 {background: url(/images/contact3.gif) no-repeat;}
#famousDates li.current a {color: white; text-decoration: none; font-weight: bold; background-color: #ec171a;}
h3 {font-family: Georgia, serif}