#lhcol
{
    width: 240px;
    margin: 0 20px 0 0;
}
#maincol
{
    width: 475px;
}
#rhcol
{
    width: 210px;
    float: right;
}

.wpage2 #content
{
    width: 960px;
}
.wpage2 #maincol
{
    width: 700px;
}
.wpage2 #rhcol
{
    display: none;
}
.wpage2 #fcol
{
    display: none;
}

/* puppy details ctype */
.puppydetails
{
    float: none;
    clear: both;
    width: 100%;
    margin: 0 0 20px;
    border-bottom: 4px solid #00a7e5;
    padding: 0;
}
.puppydetails span.piclink, .puppydetails a.piclink, .puppydetails a.piclink:visited
{
    float: left;
    clear: none;
    margin: 0 20px 20px 0;
    border: 5px solid #e1e000;
}
.puppydetails span.piclink, .puppydetails a.piclink:focus, .puppydetails a.piclink:hover
{
    border: 5px solid #131E29;
}
.puppydetails .ipan1, .puppydetails .ipan2
{
    float: left;
    clear: none;
    width: 170px;
    margin: 0 20px 0 0;
    padding: 0;
}
.puppydetails .ipan2
{
    width: 350px;
    margin: 0;
}
.puppudetails h2
{
    margin: 0 0 10px;
}
#maincol .puppydetails a.btn1, #maincol .puppydetails a.btn2, #maincol .puppydetails a.btn1:visited, #maincol .puppydetails a.btn2:visited
{
    display: inline-block;
    clear: none;
    background: #e1e000;
    color: #131e29;
    text-align: center;
    text-decoration: none;
}
#maincol .puppydetails a.btn1
{
    width: 150px;
    margin-right: 30px;
}
#maincol .puppydetails a.btn2
{
    width: 170px;
}

* html #maincol .puppydetails a.btn1, * html #maincol .puppydetails a.btn2
{
    display: inline-block;
    display: inline;
}
* + html #maincol .puppydetails a.btn1, * + html #maincol .puppydetails a.btn2
{
    display: inline-block;
    display: inline;
}

#maincol .puppydetails a.btn1 span, #maincol .puppydetails a.btn2 span
{
    padding: 5px;
    display: block;
}
#maincol .puppydetails a.btn1:hover, #maincol .puppydetails a.btn2:hover, #maincol .puppydetails a.btn1:focus, #maincol .puppydetails a.btn2:focus
{
    background: #131e29;
    color: #e1e000;
    text-decoration: none;
}

/* gallery layout */
.gallerypan
{
    float: none;
    clear: both;
   /* width: 700px; */
    margin: 0 0 20px;
    padding: 0;
    /* display: none; */
}
.wpage2 .gallerypan
{
    display: block;
}
.gallerypan .ipan
{
    width: 220px;
    margin: 0 13px 0 0;
    float: left;
    clear: none;
}
.gallerypan .endpan
{
    margin: 0;
}
#maincol .gallerypan span.piclink, #maincol .gallerypan a.piclink, #maincol .gallerypan a.piclink:visited
{
    background: #e1e000;
    display: block;
    padding: 5px;
    color: #131e29;
    text-decoration: none;
}
#maincol .gallerypan span.piclink, #maincol .gallerypan a.piclink:hover, #maincol .gallerypan a.piclink:focus
{
    background: #131e29;
    color: #e1e000;
    text-decoration: none;
}

.gallerypan .gimgwrap
{
    position: relative;
    display: block;
    width: 210px;
    height: 150px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.gallerypan .gimgwrap img
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
#maincol .gallerypan span.piclink .gheadline, #maincol .gallerypan a .gheadline, #maincol .gallerypan a:visited .gheadline
{
    position: absolute;
    bottom: 8px;
    left: 8px;
    max-width: 190px;
    z-index: 3;
    padding: 5px;
    background: #131e29;
    color: #e1e000;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 135%;
    padding: 4px 10px;
}
#maincol .gallerypan span.piclink .gheadline, #maincol .gallerypan a:hover .gheadline, #maincol .gallerypan a:focus .gheadline
{
    background: #e1e000;
    color: #131e29;
}

.gallerypan .gdescrip
{
    display: block;
    padding: 5px;
    font-size: 1.4em;
    line-height: 130%;
}



/* style switcher */

/* also address in main stylesheet */
.fc2 #maincol a:hover, .fc2 #maincol a:focus, .fc2 #lhcol a:hover, .fc2 #lhcol a:focus, .fc2 #rhcol a:hover, .fc2 #rhcol a:focus
{
    text-decoration: none;
}

/* color 1 */
.fc1 .tripan span.piclink img, .fc1 .tripan a.piclink img, .fc1 .tripan a.piclink:visited img
{
    border: 6px solid #58585a;
}
.fc1 .tripan span.piclink img, .fc1 .tripan a.piclink:hover img, .fc1 .tripan a.piclink:focus img
{
    border: 6px solid #fff;
}
.fc1 #maincol .tripan span.botlink, .fc1 #maincol .tripan a.botlink, .fc1 #maincol .tripan a.botlink:visited
{
    background: #58585A;
    color: #fff;
}
.fc1 #maincol .tripan span.botlink, .fc1 #maincol .tripan a.botlink:focus, .fc1 #maincol .tripan a.botlink:hover
{
    background: #fff;
    color: #58585A;
}

.fc1 #maincol .gallerypan span.piclink, .fc1 #maincol .gallerypan a.piclink, .fc1 #maincol .gallerypan a.piclink:visited
{
    background: #58585A;
    color: #fff;
}
.fc1 #maincol .gallerypan span.piclink .gheadline, .fc1 #maincol .gallerypan a.piclink .gheadline, .fc1 #maincol .gallerypan a.piclink:visited .gheadline
{
    background: #fff;
    color: #58585A;
}
/*hover*/
.fc1 #maincol .gallerypan span.piclink, .fc1 #maincol .gallerypan a.piclink:hover, .fc1 #maincol .gallerypan a.piclink:focus
{
    background: #fff;
    color: #58585A;
}
.fc1 #maincol .gallerypan span.piclink .gheadline, .fc1 #maincol .gallerypan a.piclink:hover .gheadline, .fc1 #maincol .gallerypan a.piclink:focus .gheadline
{
    background: #58585A;
    color: #fff;
}
.fc1 .yellow-pan
{
    background: #58585A;
}
.fc1 #rhcol .yellow-pan h2 span
{
    background: #fff;
    color: #58585A;
}



/* color 2 */
.fc2 .tripan span.piclink img, .fc2 .tripan a.piclink img, .fc2 .tripan a.piclink:visited img
{
    border: 6px solid #007dbb;
}
.fc2 .tripan span.piclink img, .fc2 .tripan a.piclink:hover img, .fc2 .tripan a.piclink:focus img
{
    border: 6px solid #014264;
}
.fc2 #maincol .tripan span.botlink, .fc2 #maincol .tripan a.botlink, .fc2 #maincol .tripan a.botlink:visited
{
    background: #007dbb;
    color: #014264;
}
.fc2 #maincol .tripan span.botlink, .fc2 #maincol .tripan a.botlink:focus, .fc2 #maincol .tripan a.botlink:hover
{
    background: #014264;
    color: #007dbb;
}

.fc2 #maincol .gallerypan span.piclink, .fc2 #maincol .gallerypan a.piclink, .fc2 #maincol .gallerypan a.piclink:visited
{
    background: #007dbb;
    color: #014264;
}
.fc2 #maincol .gallerypan span.piclink .gheadline, .fc2 #maincol .gallerypan a.piclink .gheadline, .fc2 #maincol .gallerypan a.piclink:visited .gheadline
{
    background: #014264;
    color: #007dbb;
}
/* hover */
.fc2 #maincol .gallerypan span.piclink, .fc2 #maincol .gallerypan a.piclink:hover, .fc2 #maincol .gallerypan a.piclink:focus
{
    background: #014264;
    color: #007dbb;
}
.fc2 #maincol .gallerypan span.piclink .gheadline, .fc2 #maincol .gallerypan a.piclink:hover .gheadline, .fc2 #maincol .gallerypan a.piclink:focus .gheadline
{
    background: #007dbb;
    color: #014264;
}
.fc2 .yellow-pan
{
    background: #007DBB;
}
.fc2 #rhcol .yellow-pan h2 span
{
    background: #014264;
    color: #007DBB;
}



/* also address in main stylesheet */
.fc2 #maincol a:hover, .fc2 #maincol a:focus, .fc2 #lhcol a:hover, .fc2 #lhcol a:focus, .fc2 #rhcol a:hover, .fc2 #rhcol a:focus
{
    text-decoration: none;
}