﻿/* Start General */
html,body {margin: 0px;padding:0px; background-color:#fff;color:#fff;font-family:verdana;line-height:1.15}
html {overflow-y:Scroll}
img{border:0px;}
p{margin-bottom:10px}
h1, h2, h3{color:#83c1ff;font-weight:bold;margin:0px;margin-bottom:10px;font-size:17px;}
h1{font-size:20px;background:transparent url(/images/hbg.png) no-repeat bottom right;width:700px;}
#wrapper {width:985px;margin:0px auto;margin-bottom:60px;}
#contentwrapper{width:984px;overflow:hidden;margin-top:5px;}
#content{height:100%;text-align: left;margin:0px;font-size:12px;padding-left:10px;margin-top:10px;padding-bottom:20px;overflow:hidden;}
.systemerror {position:absolute;left:10px;top:10px; width:400px;  border: 1px solid; margin: 10px 0px;  padding:15px 10px 15px 50px;  background-repeat: no-repeat;  background-position:  10px 10px;color: #9F6000;border: solid 1px #9F6000; background-color: #FEEFB3;background-image: url('/images/systemerror.png');}
.systemerror small{font-size:12px}
a:link, a:visited
{color:#83c1ff}
a:hover
{color:#fff}
strong {font-weight:bold;color:#83c1ff}
/*  End General */

/*  Start Header */
#header{clear:both;height:113px;width:985px;background-image:url(../images/headerbg.png);overflow:hidden;margin-top:5px;}
#header #logo{float:left;margin-left:15px;margin-top:21px;}
#header #addressfield{float:left;padding-right:10px;margin-top:30px;margin-left:30px;font-weight:bold;color:#83c1ff;font-variant:small-caps;font-size:16px;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana}
#header #toprightdiv{float:right;padding-right:10px;text-align:right;width:320px}
#header #toprightdiv ul {list-style-type:none;margin:0px;padding:0px;font-family:verdana;font-size:11px;text-align:left;float:right}
#header #toprightdiv li{float:left;padding:3px 5px 5px 14px;white-space:nowrap;}
#header #toprightdiv li a:link, #toprightdiv li a:visited {color:#64a7e9;text-decoration:none;font-weight:bold;}
#header #toprightdiv li a:hover {color:#fff;text-decoration:none;}
#header #search{vertical-align:bottom;float:right;margin-top:15px;width:310px;}
#header #search .text{margin-right:5px;background-color:#000;border:1px solid #fff;color:#64a7e9;width:200px;padding:3px;font-size:11px;height:13px;vertical-align:middle;font-weight:bold;font-family:Verdana;}
#header #search .button{vertical-align:middle }
#header #checkouttext{color: #fff;font-weight:bold;margin-top:50px}
#header #checkouttext img{vertical-align:middle;}
#header #topsocial {overflow:hidden;margin-top:10px;float:right;color:#83c1ff;font-weight:bold;font-size:16px;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana}
#header #topsocial div {float:left;}
#header #topsocial div img {margin-right:5px}
/*  End Header */

/*  Start Top Menu */
#topmenu{text-decoration:none;background-image:url(/images/tmbg.png);height:35px;width:985px;margin-top:5px;}
#topmenu ul{list-style-type:none;font-family:verdana;font-size:12px;font-weight:bold;margin-left:7px;padding-top:7px;margin-top:7px;}
#topmenu li {float:left;padding:3px 0px 5px 14px;white-space:nowrap;margin-left:60px;}
#topmenu li a:link, #topmenu li a:visited {color:#fff;text-decoration:none;}
#topmenu li a:hover {color:#4d8dcc;text-decoration:none;}
/*  End Top Menu */

/*  LeftMenu  */
#leftmenu {background: #555455 url(/images/mainbgfade.png) repeat-x;float:left;margin-right:5px;width: 200px;}
#leftmenu .top div {background: url(/images/footertl.gif) no-repeat top left;}
#leftmenu .top {background: transparent url(/images/footertr.gif) no-repeat top right;}
#leftmenu .bottom div {background: url(/images/footerbl.gif) no-repeat bottom left;}
#leftmenu .bottom {background: transparent url(/images/footerbr.gif) no-repeat bottom right;}
#leftmenu .top div, #leftmenu .bottom div {width:100%;height: 20px;font-size: 1px;}
#leftmenu .content { margin: 0 20px;color:#fff; }
#leftmenu #cannondalelogo{width:96px;height:75px;margin: auto;}
#leftmenu #feltlogo{width:146px;height:59px;margin: auto;margin-top:40px}
#leftmenu #khslogo{width:166px;height:49px;margin: auto;margin-top:40px}
#leftmenu #looklogo{width:140px;height:55px;margin: auto;margin-top:40px}
#leftmenu #oakleylogo{width:150px;height:82px;margin: auto;margin-top:40px}
#leftmenu #scottlogo{width:96px;height:88px;margin: auto;margin-top:40px}
#leftmenu #finalfitlogo{width:180px;height:39px;margin-left:-10px;margin-top:40px}
#leftmenu #colnagologo{width:100px;height:100px;margin: auto;margin-top:40px}
/*  LeftMenu  */

/*  Footer */
#footer {background: #555455 url(/images/footerfade.png) repeat-x;margin-top:5px}
#footer .top div {background: url(/images/footertl.gif) no-repeat top left;}
#footer .top {background: transparent url(/images/footertr.gif) no-repeat top right;}
#footer .bottom div {background: url(/images/footerbl.gif) no-repeat bottom left;}
#footer .bottom {background: transparent url(/images/footerbr.gif) no-repeat bottom right;}
#footer .top div, #footer .bottom div {width: 100%;height: 20px;font-size: 1px;}
#footer .content { margin: 0 20px;color:#fff;height:170px }
#footer .footertext {overflow:hidden;margin:auto;padding-left:110px;margin-top:30px;}
#footer .footertext ul {font-family:verdana;font-size:11px;font-weight:bold;}
#footer .footertext li a:link, #footer .footertext li a:visited {font-size:11px;color:#fff;}
#footer .footertext li a:hover {color:#4d8dcc}
#footer #bottommenu {overflow:hidden;margin-left:150px;}
#footer #bottommenu li a:link, #footer li a:visited {color:#fff;font-size:14px;}
#footer #bottommenu li a:hover {color:#4d8dcc;}
#footer #bottommenu li{float:left;margin-left:50px;}
#footer #bottommenu #menu {float:left;width:600px;}
#footer #bottommenu #social {float:right;}
.smalltext {text-align:center;color:#000;font-size:11px;}
.smalltext a {color:#000;font-size:11px;text-decoration:none;}
.smalltext a:hover {text-decoration:underline;}


/*  Footer  */

/*  Social Box */
#socialdiv{text-align:left;padding:1px;border: 1px solid #000;font-size:11px;	position:absolute;visibility:hidden;background-color:#fff;width:235px;height:185px;top:0px;}
#socialheader{width:232px;height:16px;padding-left:3px;padding-top:5px;background-image:url(/images/social_header.png);color:#000;}
#socialfooter{width:232px;height:16px;padding-left:3px;padding-top:5px;background-image:url(/images/social_header.png);}
#socialcontent{height:135px;padding:5px;font-family:Arial;}
#socialdiv .socialcolumnL{float:left;width:50%;}
#socialdiv .socialcolumnR{float:right;width:50%;}
#socialcontent img {padding-top:3px;vertical-align:middle;}
#socialcontent a:link, #socialcontent a:visited{color:#000;text-decoration:none;}
#socialcontent a:hover, #socialcontent a:hover{color:#eeae4a;text-decoration:none;}
#mainsocialdiv{text-align:center;float:right;padding-right:10px;padding-top:15px}
/*  Social Box */

/*  MessageBoxes */
.messageNeutral{border:solid 1px #DEDEDE;background:#EFEFEF;color:#222222;padding:4px;margin-top:10px;margin-bottom:10px;	font-size:13px;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana}
.messageNeutral a:link, .messageNeutral a:visited{color:#222222;text-decoration:none;font-weight:bold;}
.messageNeutral a:hover{text-decoration:underline;}
.messageError{border:solid 1px #CC0000;background:#000;color:#fff;padding:4px;margin-top:10px;margin-bottom:10px;font-size:13px;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana}
.messageError a:link, .messageError a:visited{color:#CC0000;text-decoration:none;font-weight:bold;}
.messageError a:hover{text-decoration:underline;}
.messageOK{border:solid 1px #349534;background:#C9FFCA;color:#008000;padding:4px;margin-top:10px;margin-bottom:10px;	font-size:13px;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana}
.messageOK a:link, .messageOK a:visited{color:#349534;text-decoration:none;font-weight:bold;}
.messageOK a:hover{text-decoration:underline;}
/*  MessageBoxes */


/*  Site Navigation */
.navigation{border:1px solid #999999;margin:0 0 10px;padding:5px;color:#fff;font-family:verdana;font-size:13px;margin-bottom:30px;}
.navigation a:link, .navigation a:visited{color:#fff;text-decoration:none;font-size:13px;} 
.navigation a:hover{color:#fff;text-decoration: underline;}
/*  Site Navigation */


/*  H1 Heading */
.heading {overflow:hidden;margin-top:10px;margin-bottom:10px;font-family:Arial}
.heading img{float:left;padding-top:0px;padding-right:5px;}
.heading h1{float:left;font-size:20px;margin-bottom:0px;font-variant:small-caps;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana}
.heading .text{clear:both;padding-top:5px;font-size:13px;}
/*  H1 Heading */

/*  maincontent */
#maincontent {background: #555455 url(/images/mainbgfade.png) repeat-x;float:left;width:779px}
#maincontent .top div {background: url(/images/footertl.gif) no-repeat top left;}
#maincontent .top {background: transparent url(/images/footertr.gif) no-repeat top right;}
#maincontent .bottom div {background: url(/images/footerbl.gif) no-repeat bottom left;}
#maincontent .bottom {background: transparent url(/images/footerbr.gif) no-repeat bottom right;}
#maincontent .top div, #maincontent .bottom div {height: 20px;font-size: 1px;}
#maincontent .content { margin: 0 20px;color:#fff; }
.fp_article {padding-bottom:100px;margin-bottom:10px;border-bottom:1px solid #fff}
.fp_article img {float:right;margin-bottom:10px;margin-left:10px;}
/*  maincontent */
