/* Overall Layout */
span.small {display:inline;}

div#contentbox {margin-top:34px; background:none;}
div#content {padding-left:25px; padding-right:25px; padding-top:0; width:608px;}
div#rightbox {margin-top:34px;}
div#basenav {display:none;}
div#content h2 {font-size:21px;}

div#content .csc-textpic-imagewrap {height:176px;}

/* Slider */
div.tx-imagecycle-pi3 {box-shadow:none;}
.tx-imagecycle-pi3 {position:relative; z-index:1;}
.tx-imagecycle-pi3 img {width:100% !important; height:auto !important;}
.theme-default .nivoSlider {margin:0; width:100% !important; height:auto; box-shadow:none;}
.imagecycle-nivo {width:100%; height:auto;}
div#topimage div.nivo-controlNav {position:absolute; top:88%; margin-left:20px; text-align:left; z-index:9999;}
div#topimage div.nivo-controlNav a.nivo-control {background:url(../img/sliderdots.png) -20px 0 no-repeat;}
div#topimage div.nivo-controlNav a.active {background:url(../img/sliderdots.png) 6px 0 no-repeat;}
div#topimage div.nivo-caption {position:absolute; padding-left:42px; padding-right:60px; left:auto; right:0; bottom:35px; width:450px; height:220px; opacity:1; background:url(../img/sliderbox-bg.png) repeat-x;
-webkit-border-bottom-left-radius: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topleft: 18px;
-moz-border-radius-bottomleft: 18px;
border-top-left-radius: 18px;
border-bottom-left-radius: 18px;
}
.theme-default .nivoSlider {box-shadow:none;}
div#imagecycle-nivo {margin-bottom:0;}
div#topimage h2.sliderhead {color:#737373; line-height:32px; font-size:22px; margin-bottom:10px;}
div#topimage p {padding:0; line-height:24px; font-size:16px; color:#333333;}
div#topimage span.author {display:block; margin-top:15px; font-size:16px; line-height:18px; color:#333333; font-style:italic;}

/* Media queries */
@media only screen
and (max-width : 1000px) {
  div#topimage div.nivo-controlNav {padding:0; margin-left:2%; bottom:78%;}
  div#contentbox {float:left; width:70%; margin-top:5%;}
  div#content {width:96%; padding:0 2%;}
  div#right div.csc-default {margin-bottom:5%;}
  div#rightbox {float:left; width:30%;}
  div#right {width:88%; padding:0 6%;}
  div#right div.csc-frame-frame3 {}
  div#right div.csc-frame-frame6 h2 {padding-left:6%; font-size:1.3em;}
div#right div.csc-frame-frame3 h4 {padding: 12px 0 15px 45px; font-size:16px;}
div#content span.small {display:block; margin-bottom:3%;}
div#content a.test {display:block; margin-right:4%; float:left; }
div#content a.buy {display:block; float:left; }
}

@media only screen
and (max-width:767px) {
div#topimage div.nivo-controlNav {bottom:72%;}
div#topimage div.nivo-caption {padding:2% 3%; height:auto;}
div#topimage div.nivo-caption {width:42%; bottom:28%;}
div#topimage h2.sliderhead {font-size:1.3em; margin:0;}
div#topimage div.nivo-caption p {display:none;}
div#topimage div.nivo-caption span.author {display:none;}
div#contentbox {float:none; width:100%; max-width:auto;}
div#content div.csc-frame-frame1 {background-color:#fff;}
div#content div.csc-frame-frame2 {background-color:#fff;}
div#content p.bodytext span {margin-left:0 !important;}
  /* right */
div#rightbox {float:none; width:100%;}
div#right {width:96%; padding:0 2%;}
div#content span.small {margin-bottom:5%;}
}

@media only screen and (max-width : 480px) {
div#topimage div.nivo-controlNav {top:82%;}
  div#topimage {display:block;}
div#content .csc-textpic-imagewrap {height:auto;}
div#content div.csc-textpic figure img {width:40%; margin:0 auto;}
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:none;}
.csc-textpic-intext-left-nowrap-120 .csc-textpic-text {margin-left:0 !important;}
div#topimage div.nivo-caption {display:none;}
}

@media only screen and (max-width : 420px) {
  div#topimage div.nivo-caption {display:none !important;}
}