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

/********************* Structure CSS */
body{ background:url(../images/bg.jpg) #4e555d repeat-x; font-family: Arial, Helvetica; font-size: 62.5%; margin: 0 auto; padding:0px; color:#333;}

img { border: 0px; }

#udcontainer { width: 965px; margin:0 auto; }

/********************* Text */

h1 { color:#41a1cf; font-size: 1.6em; margin: 0 0 5px 0; padding: 0 0 5px 0; }

h2 { color:#41a1cf; font-size: 1.4em; margin: 0 0 5px 0; padding: 0 0 5px 0; }

.h2style { color:#41a1cf; font-size: 1.4em; margin: 0 0 5px 0; padding: 0 0 5px 0; }

.prodh2 { color:#04213f; font-size: 1.3em; margin: 10px 0 5px 0; padding: 10px 0 5px 0; }

strong { color:#333; }

.h2gray { color:#333; }

p { font-size:1.2em; line-height:18px; margin: 0 0 5px 0; }

.nomargin{
margin: 0 0 0 0;
}

 a:link{
color:#333;
text-decoration:underline;
}
 a:visited{
color:#333;
text-decoration:underline;
}
 a:hover{
color:#333;
text-decoration:none;
}

/********************* Header */

#udheader { width: 965px; height: 66px; font-size: 1.1em; font-style:italic; font-weight:bold; }

#udheader ul { margin:0px; padding:0px; float:left; }

#udheader ul li { float:left; list-style:none; text-align:center; }

#udheader ul li.item0 a { display:block; height: 41px; width: 105px; padding: 25px 0 0 0; color:#1dafed; text-decoration:none; }

#udheader ul li.item1 a { display:block; height: 41px; width: 70px; padding: 25px 0 0 0; color:#FFF; text-decoration:none; }

#udheader ul li.item2 a { display:block; height: 41px; width: 110px; padding: 25px 0 0 0; color:#FFF; text-decoration:none; }

#udheader ul li.item3 a { display:block; height: 41px; width: 135px; padding: 25px 0 0 0; color:#FFF; text-decoration:none; }

#udheader ul li a:hover { background-color:#2d2f33; color:#09C; text-decoration:none; }

/****************** Flash */

#udflash { float:left; margin: 1px 0 0 0; padding:0px; }

/****************** Logo */

#udlogo { float:left; margin: 1px 0 0 0; padding:0px; width: 575px; height: 175px; background:url(../images/logo.jpg) no-repeat; }

#udlogo2 { float:left; margin: 1px 0 0 0; padding:0px; width: 575px; height: 175px; background:url(../images/logo2.jpg) no-repeat; }

/****************** Video and Nav */

#mainvidnav { background:url(../images/mainvideo.jpg) no-repeat; width: 965px; height: 340px; float:left; }

#mainvidnav2 { background:url(../images/mainvideo2.jpg) no-repeat; width: 965px; float:left; }

#mainnavcontainer { background:url(../images/mainvideobg.jpg) repeat-y; width: 965px; float:left; height:auto; }

#udnav { width: 200px; margin: 30px 0 0 36px; float:left; font-size: 1.1em; color:#FFF; font-weight:bold; padding:0px; display:inline; }

#udnav ul { padding:0px; margin:0px; }

#udnav ul li { list-style:none; border-bottom: 1px solid #04345d; margin: 5px 0; padding: 0 0 5px 0; }

#udnav ul li.bordernone { list-style:none; border:0px; margin: 5px 0; }

#udnav ul li a { color:#fff; text-decoration:none; }

#udnav ul li a:hover { color:#bedfe8; text-decoration:none; }

#udvideo { width: 653px; height: 306px; background:url(../images/videoholder.jpg); margin: 1px 0 0 30px; float: left; display:inline; }

#udnavbottom { background:url(../images/mainvancontentbottom.gif) no-repeat; width: 232px; height: 25px; }

/********************** Search Bar */

#udsearch { height: 25px; width: 195px; margin: 20px 0 10px 3px; float:left; }

#udsearch form { margin:0px; padding:0px; }

#udsearch .udsearchinput { float: left; width: 150px; border:0px; height: 17px; padding: 4px 0; font-size: 1.2em; font-style:italic; color:#666; }

#udsearch .udsearchinput2 { float: left; }

/*************************** Tabs */

.udtabs { clear: both; width: 917px; height: 169px; margin: 0 0 0 18px; }

.udtabs2 { clear: both; width: 917px; height: 200px; margin: 0 0 0 18px; }

.udtabs .tabimage { float: left; margin: 0 0 0 1px; }

.udtabs2 .tabimage { float: left; margin: 0 0 0 1px; }

/********************** Main Content */

#udmaincontent { width:917px; margin: 0 0 0 18px; }

#udmaincontent2 { width:656px; margin: 0 0 0 31px; float: left; }

#udmain { width: 897px; padding:10px; background-color:#FFF; color:#333; }

#udmain2 { width: 648px; background-color:#FFF; color:#333; }

#udmaintopimage { width:917px; height: 21px; background:url(../images/maincontenttop.gif); }

/********************** Main Content */

.shopleft { font-style:italic; font-size: 1.3em; font-weight:bold; text-align:left; }

/******** Newsletter */

.udnewslettertitle { font-size: 1.4em; }

.udnewsletter1 { float: left; width: 120px; border:0px; height: 17px; padding: 4px 0; font-size: 1.2em; font-style:italic; color:#666; }

.udnewsletter2 { float: left; }

/****************** Misc Classes */

.gappy { margin:0px; padding:0px; border:0px; }

.producttitle a { color:#04213f; }

.producttitle a:hover { color:#06F; }

.producttitle { font-style:italic; color:#04213f; font-weight: bold; font-size: 1.4em; }

.productcenter { padding-left: 25px; }

.productlocationtitle { color:#06C; font-weight:bold; }

.productlocation { color:#06C; }

.productviewtitle { color:#04213f; font-size: 2em; font-weight:bold; font-style:italic; }

.locationlist { margin:0px; padding:0px; font-size: 1.2em; color:#06C; list-style:inside; }

.locationlist li { margin:0px; padding:0px; }

.locationlist li a { color:#09F; text-decoration:underline; }

.locationlist li a:visited { color:#06C; text-decoration:underline; }

.locationlist li a:hover { color:#06C; text-decoration:none; }

/****************** Claire's Classes */

/****************** About us page Classes */

.teambox{ margin-bottom:10px; padding: 5px 25px 5px 5px; width: 570px; background-color:#acd9e6; color:#002e55; font-size:1em;font-weight:bold; overflow:auto; font-family:"Courier New", Courier, monospace; line-height:13px; }

.teamboxtitle{ padding-top:13px; }

.teambox p{ line-height:13px; margin: 3px; }

/****************** How it works page Classes */

.howitworks1{ background:url(/images/howitworks1.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; width:330px; height:107px; padding:30px 250px 30px 30px; font-weight:bold; color:#41000b; margin-top:10px; margin-left: 7px; }

.howitworks2{ background:url(/images/howitworks2.jpg) no-repeat; width:350px; height:107px; padding:30px 50px 30px 210px; font-weight:bold; color:#41000b; margin-top:10px; }

.howitworks3{ background:url(/images/howitworks3.jpg) no-repeat; width:280px; height:107px; padding:30px 300px 30px 30px; font-weight:bold; color:#41000b; margin-top:10px; margin-left: 7px; }


.howitworks1 a:link, .howitworks1 a:visited{
color:#41000b;
text-decoration:underline;
}
.howitworks1 a:hover{
color:#41000b;
text-decoration:none;
}

.howitworks2 a:link, .howitworks2 a:visited{
color:#41000b;
text-decoration:underline;
}
.howitworks2 a:hover{
color:#41000b;
text-decoration:none;
}

.howitworks3 a:link, .howitworks3 a:visited{
color:#41000b;
text-decoration:underline;
}
.howitworks3 a:hover{
color:#41000b;
text-decoration:none;
}

.italicboldred{ font-size:1.8em; font-style:oblique; font-weight:bold; }

/****************** Corporate page Classes */

#topwrap{ float:left; width: 600px; margin:0 0 10px 0; }

.from150{ float:right; background-image:url(/images/corporatefrom150.jpg); width:245px; height:323px; padding: 20px; color:#41000b; }

.left{ float:left; width:300px; height:363px; }

.from150padding { padding-top:200px; }

.from150 a:link{ color:#FFFFFF; background-color:#41000b; padding:5px 5px 5px 5px; font-weight:bold; text-decoration:none; }

.from150 a:visited{ color:#FFFFFF; background-color:#41000b; padding:5px 5px 5px 5px; font-weight:bold; text-decoration:none; }

.from150 a:hover{ color:#41000b; background-color:#FFFFFF; padding:5px 5px 5px 5px; font-weight:bold; text-decoration:none; }

.corporatebespokebg{ padding:30px 20px 20px 270px; float:left; background:url(/images/arrowsbg.jpg) no-repeat; width:315px; height:154px; color: #00275b; margin-bottom:20px; color: #FFF; }

.corporatebespokebg h2 { color: #FFF; }

.quote{ color:#29a4de; font-size:1.4em; line-height:28px; font-weight:bold; font-style:italic; padding-left:10px; }

.quote strong{ color:#000000; font-size:1.6em; line-height:28px; font-weight:bold; font-style:italic; padding-left:10px; }

/*************************************************************************************************** Footer */

#udfooter { width:auto; background:url(../images/footerbg.jpg) repeat-x #4e555d; padding: 0 12px 0 0; clear:both; overflow:auto; }

#udfootercontent { width: 917px; margin: 0 auto; }

#udfootertopimage { width:917px; height: 25px; background:url(../images/maincontentbottom.gif); }

#udfootertopimage2 { width:917px; height: 25px; background:url(../images/maincontentbottom2.gif) no-repeat;}

/***************** Footer Classes */

.udfootertitles { font-size: 1.4em; color:#FFF; display:inline; }

.udfootertitles ul { padding:0px; margin:20px 0 10px 10px; }

.udfootertitles ul li { list-style:none; display:inline; margin: 0 140px 0 0; }

/************************************ Footer Nav 1 */

.udfooteritems1 { width: 100px; margin: 10px 0 0 10px; font-size: 1.1em; color:#FFF; font-weight:bold; padding:0px; float:left; }

.udfooteritems1 ul { padding:0px; margin:0px; }

.udfooteritems1 ul li { list-style:none; border-bottom: 1px solid #04345d; margin: 5px 0; padding: 0 0 5px 0; }

.udfooteritems1 ul li.bordernone { list-style:none; border:0px; margin: 5px 0; }

.udfooteritems1 ul li a { color:#fff; text-decoration:none; }

.udfooteritems1 ul li a:visited { color:#fff; text-decoration:none; }

.udfooteritems1 ul li a:hover { color:#bedfe8; text-decoration:none; }

/**************************** Footer Nav 2 */

.udfooteritems2 { width: 200px; margin: 10px 0 0 118px; font-size: 1.1em; color:#FFF; font-weight:bold; padding:0px; float:left; }

.udfooteritems2 ul { padding:0px; margin:0px; }

.udfooteritems2 ul li { list-style:none; border-bottom: 1px solid #04345d; margin: 5px 0; padding: 0 0 5px 0; }

.udfooteritems2 ul li.bordernone { list-style:none; border:0px; margin: 5px 0; }

.udfooteritems2 ul li a { color:#fff; text-decoration:none; }

.udfooteritems2 ul li a:visited { color:#fff; text-decoration:none; }

.udfooteritems2 ul li a:hover { color:#bedfe8; text-decoration:none; }

/************************** Footer Nav 3 */

.udfooteritems3 { width: 200px; margin: 10px 0 0 33px; font-size: 1.1em; color:#FFF; font-weight:bold; padding:0px; float:left; }

.udfooteritems3 ul { padding:0px; margin:0px; }

.udfooteritems3 ul li { list-style:none; border-bottom: 1px solid #04345d; margin: 5px 0; padding: 0 0 5px 0; }

.udfooteritems3 ul li.bordernone { list-style:none; border:0px; margin: 5px 0; }

.udfooteritems3 ul li a { color:#fff; text-decoration:none; }

.udfooteritems3 ul li a:visited { color:#fff; text-decoration:none; }

.udfooteritems3 ul li a:hover { color:#bedfe8; text-decoration:none; }

/************************* Footer Nav 4 */

.udfooteritems4 { width: 200px; height: 190px; margin: 10px 0 0 21px; color:#FFF; padding:0px; float:left; }

.udfooteritems4 a { color:#fff; text-decoration:underline; }

.udfooteritems4 a:hover { color:#bedfe8; text-decoration:none; }

.udnewstitle { font-size: 1.2em; color:#09C; font-weight:bold; }

.udnewscontent { font-size:1.3em; }

.udnewslink a { font-size: 1.1em; color:#09C; text-decoration:none; }

.udnewslink a:visited { font-size: 1.1em; color:#09C; text-decoration:none; }

.udnewslink a:hover { font-size: 1.1em; color:#0FC; text-decoration:none; }

/********************** Creare */

#creare { clear: both; text-align:center; padding: 0 12px 0 0; color:#FFF; }

#creare a { color:#fff; text-decoration:underline; }

#creare a:hover { color:#bedfe8; text-decoration:none; }

/*********************** RSS */

#content { padding: 20px; }

#content a { color: #03C; }

#content a:hover { color:#09F; }

#content a:visited { color:#03C; }

#header { padding: 20px; }

/****************** Your Experience */

.yetitleline{ padding-top:10px; margin-top:10px; line-height:15px; border-bottom: 1px solid #cccccc; color:#990000; font-weight:bold; }
.yeboxy{ background-color:#84d8e7; padding:12px; margin: 0px 0px 10px 0px; color:#2f91a3; }

#udyourexp a:link{ text-decoration:none; color:#666; }

#udyourexp a:visited{ text-decoration:none; color:#666; }

#udyourexp a:hover{ text-decoration:underline; color:#999; }

.smaller{ font-size:.9em; font-style:normal; color:#000000; border-bottom: 1px solid #cccccc; }

#udyourexp ul { text-decoration:none; padding:0px 20px 10px 50px; font-size:1.2em; width:250px; margin:0px; }

#udyourexp li{ list-style-image: url(../images/bullet.gif); text-decoration:none; padding:1px 0 0px 0; margin:0px; }

.realul { list-style:inside; margin: 0px; padding:0px; font-size:1.2em; }

.attrlabel { font-size: 1.2em; font-weight: bold; }

.attrdata { font-size: 1.2em; }

/************************** Experiencelist */

#experiencelist ul { margin:0px; padding:0px; }

#experiencelist ul li { float:left; list-style:none; text-align:center; }

#experiencelist ul li a { display:block; width: 166px; height:110px; padding: 0; color:#36C; text-decoration:none; }

#experiencelist ul li a:hover { color:#1dafed; text-decoration:none; }

/******************* Search Results */

.narrow-by ol { margin:0px; padding:0px; }

.narrow-by li { padding: 0px; margin: 0px; }

.layeredname { font-weight:bold; font-size: 1.2em; font-style:italic; }

/********************** Slide */

.product-img-box .more-views li.slide-current a {  }

.product-img-box .product-image-zoom img { cursor: pointer; }

#slide-loader { visibility:hidden; position:absolute; top:auto; left:auto; right:2px; bottom:2px; }

/********************* Contact Page */

.udcontactus { clear:both; margin-top:20px; padding: 20px 0 0 0; border-top:#41a1cf 1px solid; }

.udcontactleft { float:left; }

.udcontactright { float:right; width: 250px; padding: 0 0 0 20px; }

.udcontactright ul { margin:0px; padding:0px; font-size:1.2em; }

.udcontactright li { margin:0px; }

.shoppingphonenumber { color: #41a1cf; font-weight:bold; }

.msg_head { cursor:pointer; color: #41a1cf; font-weight:bold; }

/************** contact form */

.formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; }
.formError .formErrorContent { width:100%; background:#ee0101; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; padding:4px 10px 4px 10px; }
.formError .formErrorArrow { position:absolute; bottom:0; left:20px; width:15px; height:15px; z-index:5001; }
.formError .formErrorArrow div { border-left:2px solid #ddd; border-right:2px solid #ddd; font-size:0px; height:1px; background:#ee0101; margin:0 auto; line-height:0px; font-size:0px; display:block; }
.blackPopup .formErrorArrow div { background:#393939; color:#FFF; }
.formError .formErrorArrow .line10 { width:15px; border:none; }
.formError .formErrorArrow .line9 { width:13px; border:none; }
.formError .formErrorArrow .line8 { width:11px; }
.formError .formErrorArrow .line7 { width:9px; }
.formError .formErrorArrow .line6 { width:7px; }
.formError .formErrorArrow .line5 { width:5px; }
.formError .formErrorArrow .line4 { width:3px; }
.formError .formErrorArrow .line3 { width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd; }
.formError .formErrorArrow .line2 { width:3px; border:none; background:#ddd; }
.formError .formErrorArrow .line1 { width:1px; border:none; background:#ddd; }