@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:#14244a;
background-image:url(layout/bg.png);
background-repeat:repeat;
}

img {
border:none;
}

h1 {
Float:left;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px;
}

#blurb {
width:600px;
padding:20px;
font-size:17px;
background-color:#117fb8;
border:1px #50c4ff solid;
margin:20px auto 10px auto;
color:#fff;
line-height:130%;
}

#design_display #blurb {
font-size:14px;
}

#dropcap {
float:left;
font-size:60px;
color: #50c4ff;
margin: 12px 5px 10px 0px;
}

#blurb a{
color:#50c4ff;
}

#blurb a:hover{
color:#000066;
}

/* General Tags */

.spacer {clear:both;}

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

.right {
float:right;
}

.left {
float:left;
}

.invis {
display:none;
}

/* IDs */

#main {
width:750px;
margin:10px auto;
padding-top:15px;
}

.header {
width:750px;
height:185px;
margin:0px auto 0px auto;
position:relative;
}

#bannerbox {
width:750px;
height:107px;
background-image:url(layout/banner_bg.png);
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:21px;
}

#mainblock {
width:750px;
background-image:url(layout/mainloop.png);
background-position:top;
background-repeat:repeat-y;
float:left;
}

#productbox {
width:690px;
_width:700px;
margin:10px auto;
}

#bottom {
width:750px;
height:41px;
background-image:url(layout/bottom.png);
background-position:left;
background-repeat:no-repeat;
float:left;
}

#infos {
width:750px;
height:132px;
}

#sidelinks {
width:102px;
position:absolute;
top:210px;
left:50%;
margin-left:375px;
z-index:2;
}

#sidelinks a {
display:block;
width:102px;
float:left;
margin:5px 0px;
background-position:0px 0px;
}

#sidelinks a:hover {
background-position:102px 0px;
}


#p_header {
width:750px;
height:165px;
margin:10px auto 0px auto;
position:relative;
}

#design_display {
width:750px;
position:relative;
background-image:url(layout/p_blueloop.png);
background-repeat:repeat-y;

}

#design_display.infomin {
	min-height:550px;
}

#tab_bar {
width:750px;
height:28px;
position:relative;
background-image:url(layout/p_transition.png);
background-repeat:no-repeat;
background-position:bottom;
}

#product_display {
width:750px;
position:relative;
background-image:url(layout/p_whiteloop.png);
background-repeat:repeat-y;
}

#p_bottom{
width:750px;
height:23px;
background-image:url(layout/p_bottom.png);
background-repeat:no-repeat;
}

#i_bottom{
width:750px;
height:37px;
background-image:url(layout/i_bottom.png);
background-repeat:no-repeat;
}

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

#spreadshop {
float:left;
}

#p_design{
width:540px;
height:290px;
padding:25px 24px 35px 24px;
background-image:url(layout/p_border.png);
background-repeat:no-repeat;
margin:5px auto 15px auto;
}

/* ---------- Side Links ---------- */  
  
#semaillink {
background-image:url(layout/slink_email.gif);
height:30px;
}

#sshippinglink {
background-image:url(layout/slink_shipping.gif);
height:34px;
}

#sprintinglink {
background-image:url(layout/slink_printing.gif);
height:28px;
}

#srequestlink {
background-image:url(layout/slink_request.gif);
height:34px;
}

#sdiscountlink {
background-image:url(layout/slink_discount.gif);
height:26px;
}

#sfaqlink {
background-image:url(layout/slink_faq.gif);
height:27px;
}

#seuropelink {
background-image:url(layout/slink_europe.gif);
height:28px;
}

#slinkstwitter {
background-image:url(layout/slink_twitter.gif);
height:26px;
}

#slinkslink {
background-image:url(layout/slink_links.gif);
height:35px;
}

#srsslink {
background-image:url(layout/slink_rss.gif);
height:26px;
}

#suploadlink {
background-image:url(layout/slink_upload.gif);
height:34px;
}

#smyspacelink {
background-image:url(layout/slink_myspace.gif);
height:29px;
}

#saffiliateslink {
background-image:url(layout/slink_affliates.gif);
height:26px;
}

#sstufflink {
background-image:url(layout/slink_stuff.gif);
height:26px;
}

/* ---------- End Side Links ---------- */ 

#infobox {
width:680px;
_width:690px;
margin:auto;
}


#infobox a {
display:block;
height:132px;
float:left;
margin:0px 4px;
background-position:0px -132px;
}

#infobox a:hover {
background-position:0px 0px;
}
  
/* ---------- Bottom Links ---------- */  
  
#emaillink {
background-image:url(layout/link_email.gif);
width:36px;
}

#shippinglink {
background-image:url(layout/link_shipping.gif);
width:36px;
}

#europelink {
background-image:url(layout/link_europe.gif);
width:37px;
}

#printinglink {
background-image:url(layout/link_printing.gif);
width:37px;
}

#requestlink {
background-image:url(layout/link_request.gif);
width:45px;
}

#discountlink {
background-image:url(layout/link_discount.gif);
width:45px;
}

#faqlink {
background-image:url(layout/link_faq.gif);
width:36px;
}

#linkslink {
background-image:url(layout/link_links.gif);
width:49px;
}

#rsslink {
background-image:url(layout/link_rss.gif);
width:36px;
}

#uploadlink {
background-image:url(layout/link_upload.gif);
width:35px;
}

#twitterlink {
background-image:url(layout/link_twitter.gif);
width:46px;
}

#myspacelink {
background-image:url(layout/link_myspace.gif);
width:39px;
}

#affiliateslink {
background-image:url(layout/link_affliates.gif);
width:45px;
}

#stufflink {
background-image:url(layout/link_stuff.gif);
width:38px;
}

/* ---------- End Bottom Links ---------- */ 

#footer {
width:750px;
margin-top:35px;
}

/* MINOR IDS */

#amorphiatab{
position:absolute;
top:230px;
left:50%;
width:37px;
height:110px;
margin-left:-411px;
z-index:2;
}

#indextab{
position:absolute;
top:250px;
left:50%;
width:37px;
height:110px;
margin-left:-411px;
z-index:2;
}


#teachtab{
position:absolute;
top:450px;
left:50%;
width:37px;
height:110px;
margin-left:-411px;
z-index:2;
}

#sciencetab{
position:absolute;
top:340px;
left:50%;
width:37px;
height:110px;
margin-left:-411px;
z-index:2;
}

#hirsutetab{
position:absolute;
top:560px;
left:50%;
width:37px;
height:110px;
margin-left:-411px;
z-index:2;
}

#crittertab{
position:absolute;
top:668px;
left:50%;
width:37px;
height:110px;
margin-left:-411px;
z-index:2;
}

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

.displayproduct{
width:194px;
height:194px;
background-image:url(layout/border.png);
background-position:left;
background-repeat:no-repeat;
padding:13px;
margin:5px;
float:left;
}

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

.design:hover {
border:2px #fbf49c solid;
}

.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 --- */

#joinbox {
width:200px;
position:relative;
left:160px;
float:left;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#joinbox input{
border:2px #0091d3 solid;
}

#joinbox input.errorform{
border:2px #FF0000 solid;
}

#joinbox a {
color:#fbf49c;
font-size:10px;
}

#joinbox a:hover {
color:#FFCC00;
}

/* --- Product Page Specific CSS --- */


#designtitle {
width:540px;
float:left;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-variant:small-caps;
font-size:28px;
color:#fff;
position:relative;
left:100px;
margin-top:20px;
}

.swirl {
margin:0px 7px;
}

#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;
}

.enlarge {
position:absolute;
right:107px;
z-index:2;
top:348px;
}


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

#shipping table{
width:600px;
}

#shipping tr {
text-align:center;
}

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

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

.zonetitle span {
font-size:12px;
color:#FBF49C;
font-variant:normal;
letter-spacing:normal;
}

.shipbox {
margin:25px auto;
}

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

#shipping td {
padding:2px;
}

#infoheader{
width:600px;
float:left;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-variant:small-caps;
font-size:28px;
color:#fff;
text-align:center;
margin:15px auto;
}

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

#infotext a{
color:#FBF49C;
}

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

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

.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;
color:#fff;
}

.mailsuccess {
text-align:center;
color:#FBF49C;
}

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

.answer img {
margin:10px auto;
}

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

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

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

.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:#006;
}

.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;
}

.mailform {
border:2px #132349 solid;
margin:2px;
}

.mailfail {
width:460px;
padding:10px;
color:#CC0000;
text-align:center;
background-color:#Fff;
border:2px #CC0000 dashed;
margin:10px auto;
}

.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;
}

.pushright {
position:relative;
left:185px;
top:5px;
}

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

#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;
}

#linksbox a{
color:#fff;
}

#linksbox b{
color:#132349;
}

#linksbox span{
color:#FBF49C;
}

#linksbox span:hover{
color:#e0e300;
}

.errorform {
border:2px #FF0000 solid;
}

#dropform input.errorform {
border:2px #FF0000 dashed;
}

#eushipping {
width:650px;
background-color:#1391d0;
margin:0px auto 0px auto;
padding:1px 0px 30px 0px;
border:1px #1c5d8c solid;
}

#eushipping td {
padding:2px;
}

#eushipping table{
width:600px;
}

#eushipping tr {
text-align:center;
}

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

#euroshipping {
padding-bottom:20px;
}

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

#rssimg {
position:absolute;
bottom:45px;
right:55px;
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:48px;
top:3px;
z-index:5;
}

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

.productbutton{
position:relative;
right:50px;
}

.stumblebutton{
position:relative;
right:130px;
bottom:5px;
}

.reddit {
float:right;
position:relative;
left:95px;
top:45px;
z-index:3;
}

a.submitlink {
float:right;
font-size:11px;
position:relative;
}

#medpixbox {
float:left;
overflow:hidden;
text-align:center;
padding:25px 30px;
}

#medpixbox img {
border:2px #CCCCCC solid;
margin:5px 12px;
float:left;
}

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

#medpixbox a {
color:#999999;
}

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

#pixbox {
float:left;
margin:20px 30px 0;
padding:5px 0;
position:relative;
width:480px;
}

#pixbox img {
border:3px #e5e5e5 solid;
margin:2px;
float:left;
}

#tab_block {
width:38px;
position:absolute;
top:265px;
left:50%;
margin-left:-412px;
z-index:2;
}

#tab_block img {
float:left;	
}