/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Wimbledon Sunglasses Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#e4e4e4; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#containerTop { width:980px; margin:15px auto 0 auto;}
#container { width:980px; margin:0 auto; text-align:left; font-size:110%; background:url('../images/layup/containerMiddleBg.gif') repeat-y top left; }   
#printHeader { display:none;}
#header { background:url('../images/layup/headerBg.gif') no-repeat top left; width:960px; height:156px; margin:0 auto; position:relative}
#header #logo { position:absolute; top:8px; left:17px; width:129px; height:130px;}
#header #wimbledonSunglasses { position:absolute; top:20px; left:160px; width:564px; height:74px;}
#main { width:960px; margin:2px auto 0px auto; height:340px;}
#home { width:960px; margin: 0 auto;}
#home #homeContent { width:507px; float:left; line-height:130%;}
#home #homeContent .padding { padding:17px 20px 0 17px;}
#home #homeJumps { float:left; width:453px; margin:3px 0;}
#home #homeJumps #the2008Collection { width:453px; height:111px; margin-bottom:3px;}
#home #homeJumps #findLocalStockist { width:453px; height:106px;}
#internalContent { width:960px; margin:0 auto; line-height:130%;}
#internalContent .padding { padding:15px 17px 25px 17px;}
#internalContent ul { margin:0; padding: 0 0 15px 18px; list-style:disc;}
#internalContent ul li { padding:2px 0px;}
#internalContent .icons { margin:0; padding:0; list-style:none; line-height:140%;}
#internalContent .icons li { padding-left:22px;}
#internalContent .iconAddress { background:url('../images/layup/iconAddress.gif') no-repeat 0px 2px;}
#internalContent .iconEmail { background:url('../images/layup/iconEmail.gif') no-repeat 0px 5px;}
#internalContent .iconURL { background:url('../images/layup/iconURL.gif') no-repeat 0px 2px;}
#internalContent .iconTelephone { background:url('../images/layup/iconTelephone.gif') no-repeat 1px 5px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold; color:#524d77;}
h2, h3, h4, h5, h6 { margin:0; padding:0 0 2px 0; font-size:100%; font-weight:bold; color:#524d77;}

/* ----- TOP NAVIGATION ----- */
#topNav { position: absolute; bottom:12px; right:-2px; font-size:130%; line-height:130%;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav li { display:block; float:left;}
#topNav a { display:block; float:left; color:#FFFFFF; text-decoration:none; font-weight:normal;  background:url('../images/layup/topNavDivider.gif') no-repeat 100% 4px;; padding-left:21px; padding-right:21px; padding-top:0; padding-bottom:0}
#topNav a:hover { text-decoration:underline;}
#topNav .active a { text-decoration:underline;}

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url('../images/layup/bulletSitemap.gif') no-repeat 0px 11px; padding-left:15px; padding-right:0; padding-top:6px; padding-bottom:5px}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { background:url('../images/layup/dotsH.gif') repeat-x bottom left; width:960px; margin:0 auto }
#breadcrumbs .padding { padding:6px 0 8px 17px;}
#breadcrumbs ul { margin:0; padding:0; list-style:none;}
#breadcrumbs li { display:inline;}
#breadcrumbs a { text-decoration:none;}
#breadcrumbs a:hover { text-decoration:underline;}

/* ----- FOOTER ----- */
#footer { background:url('../images/layup/containerBottomBg.gif') no-repeat top left; width:980px; height:58px; color:#FFFFFF; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:10px}
#footer .padding { padding:6px 27px 0 27px;}
#footer a { font-weight:normal; text-decoration:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}
#footerLeft { text-align:left; width:460px; float:left;}
#footerRight { text-align:right; width:460px; float:right;}

/* ----- GLOBAL ----- */
img { display:block; border:0px none; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#726aa3; font-weight:bold;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #726aa3; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #726aa3; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #5e578c;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 11px arial;
letter-spacing: 1px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}