/* Jellyegg Static Styles */

h1{ font-size:90%; margin-left:10px; }
h2.guidetext{line-height:1.2;}

/* About Us */

.aboutUs{ padding:10px; background:url(/common/img/about/jellyshop.jpg) 340px 0 no-repeat; }
.aboutUs p{ margin-bottom:12px; font-size:70%; line-height:1.2; }
.aboutUs h2{ margin-bottom:12px; color:#4E5064; font-size:11px; }
.aboutUs .largeststockist{ width:191px; height:70px; position:absolute; top:113px; left:145px; z-index:1; }
.left { float:left; }
img.left { margin-right:10px; }
.clear { clear:both; }
#radioButton { display:block; width:74px; height:30px; padding-top:10px; color:#fff; background:url(../img/about/radioButton.gif) no-repeat 0 0; position:absolute; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; margin:53px 0 0 58px; }
#radioButton:hover { background-position:0 -40px; }

/* customer services */
.cs{ padding:10px; }
.cs p{ margin-bottom:12px; font-size:70%; line-height:1.2; color:#4e5064; }
.cs p em{ font-style:italic; }
.cs h2{ margin-bottom:12px; color:#4E5064; font-size:11px; }
.cs img{ position:relative; }
.customerButtons{ height:30px; padding:25px 0; }

/* contact us */
#mainContent.contact{ background:#fff url(../img/cs/egggirl.jpg) 360px 20px no-repeat; }
.contact h2{ font-size:90%; color:#011E6E; padding:11px 10px; line-height:34px; }
.contact p{ font-size:70%; line-height:1.2; color:#2F303C; margin:0 10px; }
.contact p a{ font-weight:bold; color:#2F303C; line-height:1.8; text-decoration:none; }
.contact p a:hover{ text-decoration:underline; }
.contact p.last{ margin-bottom:26px; }
.contact .phone h2{ background:url(../img/cs/phone.gif) 80px 10px no-repeat; }
.contact .email h2{ background:url(../img/cs/email.gif) 75px 10px no-repeat; }
.contact .letter h2{ background:url(../img/cs/letter.gif) 70px 10px no-repeat; }
.contact .letter, .contact .retail{ width:135px; float:left; }
.contact .enquiryBox{ position:relative; width:497px; height:90px; margin-top:30px; padding:7px 19px 14px 19px; background:#e8f5fd url(../img/cs/form_bg.gif) 0 0 no-repeat; }
.contact .enquiryBox label, .contact .enquiryBox span{ color:#2F303C; line-height:1.2; font-size:70%; }
.contact .enquiryBox input, .contact .enquiryBox textarea{ display:block; font-size:11px; padding:2px; background-color:#fff; border:1px solid #4590cb; }
.contact .enquiryBox input{ width:150px; }
.contact .enquiryBox input.top{ margin-bottom:22px; }
.contact .enquiryBox .textarea{ position:absolute; left:187px; top:7px; }
.contact .enquiryBox textarea{ width:230px; height:72px; }
.contact .thanks{ text-align:center; padding-top:24px; }

/* FAQs */
.questions{ position:relative; width:533px; background:#e8f5fd url(../img/cs/faqTop.gif) 0 0 no-repeat; }
.questions img{ display:block; position:absolute; top:-36px; right:5px; }
.questions ul{ padding:10px 15px; font-size:70%; font-weight:bold; }
.questions ul li{ line-height:1.6; }
.questions ul li em{ font-style:normal; padding-right:14px; color:#316eaf; }
.questions ul li a{ color:#011e6e; text-decoration:none; }
.questions ul li a:hover{ text-decoration:underline; }
.faqBottom{ width:533px; height:5px; background:url(../img/cs/faqBottom.gif) 0 0 no-repeat; }

.answers{ margin-top:10px; padding:0px 14px 0 14px; width:505px; background-color:#e8f5fd; }
.answers .question{ position:relative; margin:0 0 21px -14px; width:532px; height:24px; font-weight:bold; color:#fff; background:url(../img/cs/faqQuestion.gif) 0 0 no-repeat; font-size:70%; }
.answers .on{ color:#316eaf; background-position:0px -24px; }
.answers .question em{ font-style:normal; line-height:2; padding:0px 14px; }
.answers .question a{ position:absolute; width:40px; top:5px; right:14px; color:#fff; text-decoration:none; }
.answers .question a:hover{ text-decoration:underline; }
.answers .on a{ color:#316eaf; }

/* returns */
.returnAddress{ position:relative; width:533px; padding:29px 0 7px 0; background:#e8f5fd url(../img/cs/faqTop.gif) 0 0 no-repeat; }
.returnAddress .returnsp{ margin:0 0 0 28px; padding-bottom:8px; color:#4F4540; }
.returnAddress img{ display:block; position:absolute; top:-61px; right:10px; }
.returnBtm{ width:533px; height:5px; margin-bottom:32px; background:url(../img/cs/faqBottom.gif) 0 0 no-repeat; }

/* shortages */
.shortages p{ color:#4e5064; }
.shortages h2{ margin-top:15px; }
.shortageTop{ display:block; position:absolute; top:74px; right:2px; z-index:1; }
.shortIntro{ position:relative; z-index:2; }
.shortageBtm{ display:block; position:relative; bottom:-14px; left:-15px; }

/* crocs and you */
.crocsButtons{ height:95px; padding:27px 0; line-height:1.2;}
.crocsButtons .on{ background-position:0 -30px; }
.crocsButtons .on strong{ color:#011e6e; }

/*.crocsButtons a { background-position:0 0;}
.crocsButtons a strong{color:#fff;}

#page-hospital .medical,
#page-outAbout .outAboutBtn,
#page-benefits .benefitCrocs,
#page-childrensShoes .kidsShoes,
#page-menShoes .mensShoes,
#page-jibbitz .jibbitz,
#page-allSeasons .backpack,
#page-womensShoes .womensShoes,
#page-snappy .snappy {background-position:0 -30px !important;}
#page-hospital .medical strong,
#page-outAbout .outAboutBtn strong,
#page-benefits .benefitCrocs strong,
#page-childrensShoes .kidsShoes strong,
#page-menShoes .mensShoes strong,
#page-jibbitz .jibbitz strong,
#page-allSeasons .backpack strong,
#page-womensShoes .womensShoes strong,
#page-snappy .snappy strong { color:#011e6e;}*/

.crocsSub{ width:544px; margin:-18px auto 18px auto; padding-top:20px; position:relative; background:url(../img/crocs_you/subNav_bg.gif) 0 0 no-repeat; }
.crocsSub ul{ display:block; font-size:60%; padding:0 10px; font-weight:bold; }
.crocsSub ul li{ display:inline; padding:0 8px; margin-right:5px; line-height:1.4; background:url(../img/icons/darkBlueArrow.gif) 0 4px no-repeat; }
.crocsSub ul li a{ color:#011e6e; text-decoration:none; }
.crocsSub ul li a:hover, .crocsSub ul li a.on{ text-decoration:underline; }

.crocs_you ul.crocsyou {list-style-type:circle;padding-left:30px;}
.crocs_you ul.crocsyou li, .crocs_you ol.orthotic li{color:#4E5064;font-size:70%;line-height:1.2;margin-bottom:12px;}
.crocs_you ol.orthotic {padding-left:30px;list-style:decimal;}
.crocs_you ol.orthotic li em{font-style:italic;}

.crocs_you img.fuseShoeSide {float:right; display:inline; margin:15px 0 15px 10px;}
.crocs_you img.fuseShoeFront, .crocs_you img.fuseShoePair {float:right; display:inline; margin:5px 0;}

.crocs_you img.havanaMulti, .crocs_you img.yukonSide {float:right; display:inline; margin:10px 10px 15px 20px;}
.crocs_you img.strapitz {float:right; display:inline; margin-top:-10px;}

.mensIntro{ margin-top:-20px; padding:25px 0 45px 0; background:url(../img/crocs_you/mens.jpg) top right no-repeat; }
.mensLeft{ position:relative; width:340px; float:left; }
.mensRight{ position:relative; width:195px; float:left; }

/* sub category page */
.cs .mensRight .subCat.noFloat{ float:none; margin-left:8px; }
.cs .mensRight .subCat{ float:left; position:relative; width:186px; height:176px; margin:0 0 6px 0; background:url(../img/backgrounds/homeSubcat_bg.gif) 0 0 no-repeat; }
.cs .mensRight .subCat img{ display:block; margin:0 auto; padding-top:8px; }
.cs .mensRight .subCat img.sash{ position:absolute; top:1px; right:3px; margin:0; padding:0; z-index:2; }
.cs .mensRight .subCat h3{ position:absolute; bottom:73px; left:15px; font-size:80%; }
.cs .mensRight .subCat h3 a{ text-decoration:none; color:#316eaf; }
.cs .mensRight .subCat p{ position:absolute; color:#316eaf; font-size:60%; left:15px; line-height:1; margin-bottom:0; }
.cs .mensRight .subCat p.commericalMsg{ bottom:61px; color:#369a00; }
.cs .mensRight .subCat p.wasPrice{ bottom:47px; text-transform:uppercase; }
.cs .mensRight .subCat p.wasPrice em{ text-decoration:line-through; font-style:normal; }
.cs .mensRight .subCat p.savePrice{ bottom:47px; left:77px; color:#d33a3e; }
.cs .mensRight .subCat p.price{ bottom:17px; font-size:100%; }

/* Buying Guides & Dig&Sit */
.floatright{float:right;margin-top:-30px;}
.floatleft{float:left;margin-top:-30px;}
.relative{position:relative;}
.relative img{ position:relative; display:block;display:inline; }
.original{position:absolute; top:125px; left:30px;}
.island{position:absolute; top:75px; left:30px;}
.point{position:absolute; top:110px; left:30px;}
.doggielounge{position:absolute; top:78px; left:10px;}
.gourmet{position:absolute; top:175px; left:5px;}
.tidy{position:absolute; top:175px; left:60px;}
.bigfoot a, a:visited.bigfoot, a:link.bigfoot, a:active.bigfoot{position:absolute; top:120px; left:240px; display:block; width:102px; height:52px; line-height:49px; color:White; font-size:11px; font-weight:bold; text-decoration:none; text-indent:13px; background-image:url(/common/img/buying_guides/bigfoot.gif); background-repeat:no-repeat; background-position:0px 0px;}
.bigfoot a:hover{background-position:0px -52px; color:#011E6E;}
.girlpinkgeorgie{width:533px; background-image:url(/common/img/buying_guides/girlpinkgeorgie.jpg); background-position:275px -2px; background-repeat:no-repeat;}

#mainContent .flash{ position:relative; z-index:2; width:293px; height:271px; padding:14px 0 0 23px; margin:0 0 30px 0; left:-7px; background:url(../img/dig/flash_bg.gif) 0 0 no-repeat; }

/* Resources */
.linkentry{ position:relative;float:left;}
.imgbox{ position:relative;float:left;background-image:url(/resources/img/img_base.gif);background-repeat:no-repeat;height:114px;width:114px;margin-bottom:20px;}
.imgbox img{ position:absolute;left:6px;top:6px; }
.linkcontent{ position:relative;float:left;left:10px;width:400px; }
.linkcontent h2{ font-size:14px;color:#4E4747;margin-bottom:5px;}
.linkcontent p{margin-top:10px;}
.linkurl{padding:0;}
.crocsyounav a{ float:left;height:30px;line-height:30px;font-weight:bold;font-size:11px;color:White;text-decoration:none;text-align:center;margin:10px;padding:0;background-position:0px 0px;background-repeat:no-repeat;display:block;}

a.linkname, a:active.linkname, a:link.linkname, a:visited.linkname{ font-size:11px;color:#001E6E;font-weight:bold;text-decoration:none; }
a:hover.linkname{ text-decoration:underline; }
a.linkurl, a:active.linkurl, a:link.linkurl, a:visited.linkurl{ font-size:11px;color:#000;font-weight:bold;text-decoration:none; }
a:hover.linkurl{ text-decoration:underline; }

.resourcesButtons{height:10px; padding:27px 0; line-height:1.2;}

.resourcesSub{ width:544px; margin:-18px auto 18px auto; padding-top:20px; position:relative; background:url(../img/crocs_you/subNav_bg.gif) 0 0 no-repeat; }
.resourcesSub ul{ display:block; font-size:60%; padding:0 10px; font-weight:bold; }
.resourcesSub ul li{ display:inline; padding:0 8px; margin-right:5px; line-height:1.4; background:url(../img/icons/darkBlueArrow.gif) 0 4px no-repeat; }
.resourcesSub ul li a{ color:#011e6e; text-decoration:none; }
.resourcesSub ul li a:hover, .resourcesSub ul li a.on{ text-decoration:underline; }