﻿body { margin: 0; background-color: #fff; font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: #808080; }

a { color: #808080; font-size: xx-small; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active, a:focus, input[type="image"], input.img { outline: none; }

a.clickable { cursor: pointer; font-weight: normal; font-size: 13px; }
a.clickable:hover { text-decoration: none; }

.clear { clear: both; }

div.wrapper { margin: 0 auto; width: 995px; }

div.top { background: #fff url(img/top.jpg) no-repeat; width: 995px; height: 30px; }
div.mid { background: #fff url(img/spread.jpg) repeat-y; width: 995px; }
div.bottom { background: #fff url(img/bottom.jpg) no-repeat; width: 995px; height: 30px; }

div.main { padding: 10px 40px 0 40px; width: 910px; }

div.header { height: 60px; width: 910px; text-align: left; }
div.logo { float: left; width: 135px; margin-left: 22px; margin-top: 22px; }
div.logo img { border: none; width: 135px; height: 30px; cursor: pointer; }
div.searchcontainer .searchbox { border: solid 1px #808080; }
div.searchcontainer .clickable { cursor: pointer; font-size: 11px; font-weight: normal; }

div.flagSelector { float: right; margin-top: 30px; margin-right: -75px; }

div.footer { padding: 10px 20px 0 20px; font-size: 90%; }
div.footer a { font-size: 100%; font-weight: normal; }
div.foot { display: block; height: 23px; }
div.tandc { text-align: left; float: left; width: 250px; margin-top: 2px; padding-left: 20px; padding-bottom: 13px; color: #808080; font-size: 9px; }
div.tandc a { font-weight: normal; font-size: 9px; color: #808080; }
div.copy { float: right; font-size: 9px; margin-right: 18px; text-align: right; }

img.blank { width: 1px; height: 2px; }
div.separator { text-align: left; width: 873px; background-color: #808080; margin-left: 20px; margin-right: 20px; height: 2px; }
div.content { padding: 12px 20px 0; width: 872px; text-align: left; min-height: 450px; height: auto !important; height: 450px; }
div.content div.centreThin { width: 429px !important; }

div.leftPanel { float: left; width: 130px; margin-right: 12px; }
div.leftContent { color: #808080; margin-bottom: 10px; }
div.leftThin { float: left; padding-left: 0 !important; padding-bottom: 5px; padding-right: 12px; width: 135px; }
* html .leftPanel .left_thin  {
    \width: 135px; /* for IE5 and IE6 in quirks mode */
    w\idth: 120px; /* for IE6 in standards mode */
}
div.leftWide { width: 280px !important; }
* html .content .left_wide {
    \width: 280px !important; /* for IE5 and IE6 in quirks mode */
    w\idth: 250px !important; /* for IE6 in standards mode */
}

div.leftContent p { font-size: 12px; line-height: 14px; margin: 6px 0 6px 0; }
span.leftHead1 { color: #808080; font-size: 20px; line-height: 18px; font-weight: bold; }
span.leftHead2 { color: #F09514; font-size: 20px; line-height: 18px; font-weight: bold; }

.productNav { float: left; padding: 0; width: 115px; margin-left: 15px; margin-top: 6px; }
.productNav li { list-style-image: url(../../Images/Arrow.jpg); }
.productNav a { font-size: 13px; font-weight: bold; }

* html .productNav {
    \width: 115px; /* for IE5 and IE6 in quirks mode */
    w\idth: 100px; /* for IE6 in standards mode */
}

div.centre { width: 576px; float: left; text-align: left; }

div.rightPanel { float: right; width: 135px; margin-left: 12px; }
ul.rightNav { list-style: none; padding: 0; margin: -2px 0 37px 0; }
ul.rightNav li { border-bottom: solid 1px #F09514; }
ul.rightNav li a { font-size: 18px; font-weight: bold; line-height: 18px; }
ul.rightNav li a:hover { text-decoration: none !important; }

.modal legend { color: #F09514 !important; }

ul.blockList { width: 425px; float: right; list-style: none; padding: 0; margin: 10px 0 0; }
ul.blockList li { width: 135px; display: inline; float: left; padding-bottom: 10px; border-top: solid 2px #808080; cursor: pointer; height: 140px; margin-right: 10px; }
ul.blockList h4 { margin: 0; margin-top: 3px; }
ul.blockList h4:hover { text-decoration: underline; }
ul.blockList .link { font-size: 10px; font-weight: bold; display: block; color: #F09514 !important; line-height: 8px; }
ul.blockList a:hover { text-decoration: none !important; }
ul.blockList img { border: none !important; }
ul.blockList span.desc { font-size: 10px; height: 25px; color: #808080; line-height: 10px; font-weight: normal !important; display: block; }
ul.blockGall li { width: 61px; height: 57px; overflow: hidden; border: none !important; }
ul.designers .link { height: 16px; }
ul.designers span.desc { height: 8px; }

ul.desNav, ul.envNav { margin-top: 0; }

.prds li { cursor: default !important; }

/*preload classes*/ 
.svw {width: 50px; height: 12px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {position: relative; overflow: hidden; margin: 0 0 10px 0;} 
.stripViewer ul {margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none;} 
.stripViewer ul li {float:left;}
.stripViewer img { cursor: pointer; } 
.stripTransmitter {overflow: auto; width: 1%; padding: 5px 0 0 1px;} 
.stripTransmitter ul {margin: 0; padding: 0; position: relative; list-style-type: none;} 
.stripTransmitter ul li {width: 8px; float:left; margin: 0 3px 1px 0;} 
.stripTransmitter a {font: bold 6px Verdana, Arial; text-align: center; line-height: 6px; background:#B8B2AA; color: #B8B2AA;text-decoration: none; display: block; border: #8D8479 solid 1px;} 
.stripTransmitter a:hover, a.current {background: #003273 !important; color: #003273 !important;}

.large-blue { font-size: 18px; line-height: 20px; font-weight: bold; color: #F09514; }
.content-container .left { margin-top: 50px !important; }
.content-container .col { width: 133px !important; }
.contact .right { margin-top: 54px !important; }