@charset "utf-8";
/* CSS Document */

a:link { color: #FFFFFF; }

a:visited { color: #FFFFFF; }

a:hover { color: #113956; }

a:active { color: #FFFFFF; }

a {text-decoration: none;}

*{
margin:0px;
padding:0px;
}

body {
margin:0px;
padding:0px;
background-color:#bfbfbf;
}

img {
border:none;
}

h1 {
Float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
margin:0px 0px 10px 10px;
padding:0px;
}

/* General Tags */

.spacer {clear:both;}

.clean {
margin:0px;
padding:0px;
}

.right {
float:right;
}

.left {
float:left;
}

.invis {
display:none;
}

/* IDs */

#headblock {

margin:10px 0px 0px 0px;
}

#headblock div.prime{
width:749px;
height:150px;
margin:0px auto;
position:relative;
}

#headblock div.productprime{
width:749px;
height:79px;
margin:0px auto;
}

#firstbreak {

background-color:#fff;
}

#firstbreak div.start{
width:749px;
background-image:url(layout/topbreak_top.gif);
background-position:left;
background-repeat:no-repeat;
height:34px;
margin:0px auto;
}

#firstbreak div.prime{
width:749px;
margin:0px auto;
}

#firstbreak div.end{
width:749px;
height:46px;
position:relative;
background-image:url(layout/topbreak_bot.gif);
background-position:left;
background-repeat:no-repeat;
margin:0px auto;
}

#bannerbox {
width:749px;
height:83px;
background-image:url(layout/banner_bg.gif);
background-position:left;
background-repeat:no-repeat;
float:left;
}

#designerbox {
width:749px;
height:83px;
background-image:url(layout/designer_bg.png);
background-position:left;
background-repeat:no-repeat;
float:left;
}

#eudesignerbox {
width:749px;
height:83px;
background-image:url(layout/designer_bg_e.gif);
background-position:left;
background-repeat:no-repeat;
float:left;
}

#bannerbox img {
border:2px #fff solid;
width:468px;
height:60px;
margin:0px auto;
position:relative;
top:10px;
}

#main {

position:relative;
}

#main div.prime{
width:749px;
min-height:150px;
background-image:url(layout/mainloop.gif);
background-position:top;
background-repeat:repeat-y;
margin:0px auto;
position:relative;
}

#infos {

background-color:#fff;
}

#infos div.start{
width:749px;
background-image:url(layout/botbreak_top.gif);
background-position:left;
background-repeat:no-repeat;
height:46px;
margin:0px auto;
}

#infos div.prime{
width:749px;
background-image:url(layout/infobg.gif);
background-position:top;
background-repeat:no-repeat;
margin:0px auto;
padding-top:16px;
padding-bottom:6px;
}

#infos div.end{
width:749px;
height:36px;
background-image:url(layout/botbreak_bot.gif);
background-position:left;
background-repeat:no-repeat;
margin:0px auto;
}

#footer {

}

#footer div.prime{
width:749px;
background-image:url(layout/footerloop.gif);
background-position:left;
background-repeat:repeat-y;
margin:0px auto;
}

#footer div.end{
width:749px;
height:20px;
background-image:url(layout/footerbottom.gif);
background-position:left;
background-repeat:no-repeat;
margin:0px auto;
}

#productbox {
float:right;
width:534px;
margin:10px 0px 0px 0px;
position:relative;
right:38px;
}

#sidebox {
width:140px;
float:left;
overflow:hidden;
position:relative;
left:30px;
}

#sidepixbox{
float:left;
width:116px;
margin:10px 0px 0px 0px;
position:relative;
left:10px;
}

.sidepix{
float:left;
margin:8px 0px 12px 0px;
}

#mailbox {
float:left;
padding-top:5px;
}

/* MINOR IDS */

#amorphiatab{
position:absolute;
top:20px;
left:50%;
margin-left:-415px;
z-index:2;
}

#indextab{
position:absolute;
top:20px;
left:50%;
margin-left:-415px;
z-index:2;
}

#sciencetab{
position:absolute;
top:140px;
left:50%;
margin-left:-415px;
z-index:2;
}

#crittertab{
position:absolute;
top:252px;
left:50%;
margin-left:-415px;
z-index:2;
}

#hirsutetab{
position:absolute;
top:363px;
left:50%;
margin-left:-415px;
z-index:2;
}

#teachtab{
position:absolute;
top:474px;
left:50%;
margin-left:-415px;
z-index:2;
}



/* --- Index Specific CSS --- */

.displayproduct{
width:164px;
height:164px;
background-image:url(layout/backdrop.gif);
background-position:left;
background-repeat:no-repeat;
padding:7px;
float:left;
}

.displayproduct a{
border:2px #fff solid;
display:block;
}

.displayproduct a:hover{
border:2px #666 solid;
}

.nexttop {
height:46px;
width:41px;
display:block;
background-image:url(layout/nexttop.gif);
float:right;
position:relative;
right:50px;
background-repeat:no-repeat;
}

a.nexttop:hover{
background-image:url(layout/nexttop_h.gif);
}

.backtop {
height:46px;
width:41px;
display:block;
background-image:url(layout/backtop.gif);
float:left;
position:relative;
left:50px;
background-repeat:no-repeat;
}

a.backtop:hover{
background-image:url(layout/backtop_h.gif);
}

.nextbot {
height:46px;
width:41px;
display:block;
background-image:url(layout/nextbot.gif);
float:right;
background-repeat:no-repeat;
position:relative;
right:50px;
}

a.nextbot:hover{
background-image:url(layout/nextbot_h.gif);
}

.backbot {
height:46px;
width:41px;
display:block;
float:left;
background-image:url(layout/backbot.gif);
background-repeat:no-repeat;
position:relative;
left:50px;
}

a.backbot:hover{
background-image:url(layout/backbot_h.gif);
}

.counttop {
width:165px;
height:33px;
background-image:url(layout/count_top.gif);
background-repeat:no-repeat;
float:left;
position:relative;
left:251px;
padding-top:13px;
}

.countbot {
width:165px;
height:31px;
background-image:url(layout/count_bot.gif);
background-repeat:no-repeat;
float:left;
position:relative;
left:251px;
padding-top:15px;
}

.countbox {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

.countbox a.curpage {
color:#CC0000;
}

.countbox a:hover {
color:#333333;
}

#infos ul {
margin-bottom:5px;
}

#infos ul li{
font-size: 14pt;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display:inline;
}

#infos ul li a {
color:#bebebe;
}

#infos ul li img {
margin:0px 3px;
}

#infos ul li a:hover {
color:#CC0000;
}

#footer form{
margin:2px auto 2px auto;
color:#999999;
font-size: 7pt;
font-style:normal;
font-weight:bold;
font-family:Helvetica, sans-serif;
}

#footer p{
font-family:Helvetica, sans-serif;
}

.copyright {
font-size:12px;
color:#fff;
float:left;
position:relative;
left:30px;
}

.byline {
text-align:center;
width: 150px;
font-size:12px;
float:right;
position:relative;
right:30px;
}

.byline a {
color:#fff;
}

.byline a:hover {
color:#666;
}

#footerlinks {
width:224px;
overflow:hidden;
margin:0px auto;
padding:5px;
background-color:#CCCCCC;
position:relative;
left:5px;
bottom:8px;
}

#footerlinks img{
float:left;
border:2px #fff solid;
margin:2px;
}

#footerlinks img:hover{
border:2px #cc0000 solid;
}

/* --- forms --- */

.mailfail {
padding:20px;
margin:20px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border:2px #CC0000 dashed;
background-color:#FFFFFF;
}

.mailsuccess {
margin:20px auto;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#FFFFFF;
border:2px #00CC99 dashed;
}


.joinresult {
width:125px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:left;
}

.joinresult img {
margin-right:5px;
}

.mailform {
margin: 2px auto;
color:#999999;
/* border:2px #626ca0 solid; */
clear:left;
}

.join{
color:#666666;
font-size: 10pt;
}

#joinsend {
width:30px;
height:20px;
background-color:#E9E9E9;
border:2px #ffffff solid;
color:#666666;
text-align:center;
font-size:10px;
vertical-align:middle;
font-weight:bold;
}

#joinsend:hover {
width:30px;
height:20px;
background-color:#fff;
border:2px #E9E9E9 solid;
color:#666666;
text-align:center;
font-size:10px;
vertical-align:middle;
font-weight:bold;
}

#mailbox #email {
width:100px;
vertical-align:middle;
background-color:#E9E9E9;
border:2px #ffffff solid;
}


#mailbox span {
font-size: 8pt;
}

#mailbox a {
color:#333333;
}

#mailbox a:hover {
color:#fff;
}

.mailrad {
margin: 0px 2px 0px 0px;
}

.imgwhite {
border:2px #fff solid;
}

/* --- Info Pages Specific CSS --- */

#infotext {
font-family:Arial, Helvetica, sans-serif;
color:#666;
width:600px;
margin:0px auto;
padding:25px 0px 15px 0px;
line-height:135%;
letter-spacing:135%;
}

#infotext a{
color:#fff;
}

#infotext ul{
font-size:16px;
font-weight:bold;
width:550px;
margin:15px auto;
list-style-type:none;
color:#fff;
}

#infotext a:hover{
color:#cc0000;
}

.leads {
font-weight:bold;
font-variant:small-caps;
font-size:26px;
margin:0px 0px 30px 0px;
}

.question {
font-size:18px;
font-weight:bold;
width:590px;
margin:15px auto;
}

.answer {
font-size:16px;
color:#828282;
width:570px;
margin: 15px auto;
}

#stuff {
width: 550px;
margin:0px auto;
}

#stuff img{
border:2px #fff solid;
float:left;
width:46px;
height:46px;
}

#stuff img:hover {
border-color:#cc0000;
}

.securepix {
margin:10px;
position:relative;
left:20px; 
border:3px #fff solid;
}

.discountpix {
margin:10px;
position:relative;
left:20px; 
top:20px;
}

.privacypix {
position:relative;
left:20px; 
}

.smallf {
margin:0px 5px 0px 0px;
}

.color {
border:3px #fff solid;
position:relative;
left:20px; 
top:20px;
}

#linksbox img{
width:20px;
height:20px;
border:2px #fff solid;
}

#propbox {
padding:10px 10px 10px 15px;
}

.proprow {
margin:20px 0px;
width:640px;
}

.propimg{
float:left;
}

.propform{
float:left;
}

.propcode {
float:left;
height:85px;
width:420px;
margin:0px 5px;
border:4px #ffffff solid;
background-color:#f5dede;
font-family:"Times New Roman", Times, serif;
color:#8c1c1c;
}

.turkey {
float:right;
}

#photoheadline{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:20px;
font-weight:bold;
padding:10px;
margin:0px 0px 15px 0px;
background-color:#E2E2E2;
}

.dropsuccess {
text-align:center;
background-color:#fffbe2;
border:1px #c0a300 dashed;
font-family:Arial, Helvetica, sans-serif;
color:#c0a300;
font-size:16px;
padding:10px;
margin:0px 0px 15px 0px;
}

.droperror {
text-align:center;
background-color:#ffe7e2;
border:1px #d62300 dashed;
font-family:Arial, Helvetica, sans-serif;
color:#ff2a00;
font-size:16px;
padding:10px;
margin:0px 0px 15px 0px;
}

.droprow {
height:32px;
padding:10px;
margin:0px 0px 10px 0px;
border:2px #fff solid;
background-color:#ededed;
}

#dropform p{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:23px;
font-weight:bold;
float:left;
}

#dropform {
}

#dropform input.email{
float:right;
height:24px;
background-color:#FFFFFF;
border:1px #666666 solid;
width:294px;
padding:3px;
font-size:20px;
color:#c0a300;
}

#dropform input.file{
float:right;
height:30px;
background-color:#FFFFFF;
border:1px #666666 solid;
width:300px;
}

#dropform input.submit{
float:right;
border:2px #fff solid;
background-color:#ededed;
color:#333333;
padding:5px;
}


#dropform input.submit:hover{
border:2px #ededed solid;
background-color:#fff;
}
/* --- Product Page Specific CSS --- */

#productpage {
width:749px;
float:left;
}

#designtitle {
width:540px;
float:left;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size:24px;
color:#c4c4c4;
position:relative;
left:100px;
margin-top:10px;
}

#productimg {
border:2px #fff solid;
float:left;
}

#product {
width:544px;
height:294px;
padding:8px 102px;
background-image:url(layout/producdrop.gif);
background-position:left;
background-repeat:no-repeat;
margin:0px auto;
position:relative;
}

#photobox {
width:550px;
overflow:hidden;
float:left;
position:relative;
left:100px;
margin-top:5px;
}

#photobox img {
border:3px #e5e5e5 solid;
margin:2px;
}

#altversionbox {
width:375px;
overflow:hidden;
float:right;
text-align:right;
position:relative;
right:100px;
margin-top:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

#altversionbox a {
color:#999999;
}

#altversionbox p {
margin:2px 0px;
}

#altversionbox a:hover {
color:#cc0000;
}

#customizerad {
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px 0px 10px 0px;
}

#customizerad a {
color:#666666;
}

#customizerad a:hover {
color:#cc0000;
}

#iframebox{
width:680px;
margin:0px auto;
}

#spreadshop {
float:left;
}

#buttonrow {
width:749px;
height:30px;
overflow:hidden;
position:relative;
float:left;
}


.productbutton {
position:relative;
left:125px;
float:left;
}

.productcart{
position:relative;
left:290px;
float:left;
}

.isthis {
position:relative;
left:290px;
float:left;
}

.enlarge {
position:absolute;
bottom:15px;
right:107px;
z-index:2;
}

/* ERROR LABELS */

label.errorform {
color:#FF0000;
}

input.errorform {
background-color:#ffcccc;
border:2px #FF0000 dotted;
}

textarea.errorform {
background-color:#ffcccc;
border:2px #FF0000 dotted;
}

#mailbox #email.errorform {
width:100px;
vertical-align:middle;
background-color:#ffcccc;
border:2px #FF0000 dotted;
}

#dropform input.errorform{
background-color:#ffcccc;
border:2px #FF0000 dotted;
}


#medpixbox {
width:709px;
float:left;
overflow:hidden;
text-align:center;
padding:5px 20px;
}

#medpixbox img {
border:2px #fff solid;
margin:5px 20px;
float:left;
}

#medpixbox p {
margin:10px 15px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#medpixbox a {
color:#B95F5F;
}

#medpixbox a:hover {
color:#666666;
}

.sorthead {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
width:500px;
text-align:left;
font-size:18px;
position:relative;
top:30px;
left:185px;
z-index:3;
font-weight:bold;
}

.sorthead span {
}

.sorthead a {
font-size:14px;
font-weight:normal;
}

.sorthead a:hover {

}

.love {
position:absolute;
top:70px;
left:30px;
z-index:4;
}

#shipping table{
width:600px;
}

#shipping tr {
text-align:center;
}

.shipvalue {
padding:2px;
background-color:#c4c4c4;
}

.zonetitle {
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-variant:small-caps;
font-size:18px;
color:#666;
}

.zonetitle span {
font-weight:normal;
font-size:14px;
color:#FFFFFF;
font-variant:normal;
letter-spacing:normal;
}

.shipbox {
margin:25px auto;
}



.shipcost {
padding:2px;
background-color:#fff;
color:#666;
}

#shipping td {
padding:2px;
}

.eushipbox {
width:600px;
margin:25px auto 0px auto;
}

#euroinfo  {
width:600px;
padding:20px;
font-size:14px;
background-color:#999999;
border:1px #fff solid;
margin:0px auto 10px auto;
color:#fff;
line-height:130%;
font-family:Arial, Helvetica, sans-serif;
}

#dropcap {
float:left;
font-size:70px;
color: #d4d4d4;
margin: 18px 5px 10px 0px;
}

.twitter {
position:absolute;
bottom:-9px;
right:35px;
z-index:4;
}

#rssimg {
position:absolute;
bottom:90px;
left:693px;
z-index:4;
}

.retweet {
width:50px;
height:16px;
float:right;
background-image:url(layout/retweet.png);
background-position:0px 0px;
background-repeat:no-repeat;
position:relative;
right:70px;
top:8px;
z-index:5;
}

.retweet:hover{
background-position:0px -16px;
}

.stumblebutton {
width:100px;
height:29px;
margin: 0px;
padding: 0px;
float: left;
position:relative;
bottom:2px;
left:45px;
}

.reddit {
float:right;
position:relative;
right:50px;
top:8px;
}