/**
 * basic
 */
* {
    margin: 0;
    padding: 0;
}

body {
    /*background: #808080 url(../images/bg.jpg) repeat;*/
    background: #808080;
    font: normal 12px Arial, Helvetica, Verdana, Tahoma;
    color: gray;
}

img {
    display: block;
    border: none;
    margin: 0;
}

hr {
    display: none;
}

/**
 * layout
 */
#layout {
    position: relative;
    width: 974px;
    height: 995px;
    margin: 25px auto;
}

div.layout_top_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/corners.png) 0 0 no-repeat;
}

div.layout_top_center {
    position: absolute;
    top: 0;
    left: 20px;
    width: 934px;
    height: 20px;
    background: url(../images/content.png) 0 0 repeat-x;
}

div.layout_top_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/corners.png) -20px 0 no-repeat;
}

div.layout_bottom_left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/corners.png) 0 -20px no-repeat;
}

div.layout_bottom_center {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 20px;
    width: 934px;
    height: 20px;
    background: url(../images/content.png) 0 -807px repeat-x;
}

div.layout_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/corners.png) -20px -20px no-repeat;
}

/**
 * white boxes
 */
div.box_white_top {
    position: relative;
    width: 900px;
    height: 5px;
    line-height: 5px;
    background: url(../images/white.png) 0 0 no-repeat;
}

div.box_white_bottom {
    position: relative;
    width: 900px;
    height: 5px;
    line-height: 5px;
    background: url(../images/white.png) 0 -5px no-repeat;
}

/**
 * header
 */
h1 {
    position: absolute;
    top: 12px;
    left: 38px;
    z-index: 10;
}

h1 a {
    width: 870px;
    height: 103px;
    display: block;
    /*text-align: center;*/
    text-indent: -9999px;
    overflow: hidden;
    padding: 10px;
    /*background: transparent url(../images/logo.png) 0 0 no-repeat;*/
}

h2 {
    position: absolute;
    top: 65px;
    z-index: 10;
    height: 31px;
    text-indent: -9999px;
    background: transparent url(../images/store.png) 0 0 no-repeat;
}

h2.si {
    background: transparent url(../images/store-si.png) 0 0 no-repeat;
}

h2.en {
    background: transparent url(../images/store-en.png) 0 0 no-repeat;
}

/**
 * quick_find
 */

#quick_find {
    position: absolute;
    left: 450px;
    z-index: 101;
    top: 20px;
    width: 260px;
    height: 90px;
    background-image: url(/catalog/images/search_bg.png); background-repeat: no-repeat;
}

#keywords {
    color: DodgerBlue;
    font-size: 12px;
    font-weight: normal;
    border: 1px dotted silver;
    border-radius: 5px;
    -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
    background: transparent;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 35px;
    text-align: left;
    width: 175px;
}

DIV#quick_find h3 {
  margin: 10px 43px 0px 0px;
  font-size: 18px;
  text-align: right;
}

DIV#quick_find p {
  font-size: 9px;
  margin: 2px 40px 0px 10px;
  text-align: right;
  color: gray;
}

.keywords_edit {
    color: DodgerBlue !important;
    font: normal bold 13px Arial, Helvetica !important;
}

INPUT#keywords:focus {
	outline:none;
}

#button {
  position: relative;
    top: 5px;
}
/**
 * language
 */
DIV#phone_and_open_for_business_info {
    position: absolute;
    left: 710px;
    top: 15px;
    width: 230px;
    height: 35px;
    text-align: right;
    margin: 5px 0px 20px 0px;
    background-color: white;
    z-index: 100;
}

#call_us {
	float: right;
	padding: 0px 0px 0px 25px;
	white-space:nowrap;
	font: normal bold 18px arial, helvetica, verdana, tahoma;
	color: dodgerBlue;
	/*background: url(../images/mail_phone.png) no-repeat 2px -13px;*/
}
#call_us SPAN.bold {
	font: normal bold 14px arial, helvetica, verdana, tahoma;
	color: gray;
	margin-right: 10px;
}

#mail_us {
	float: right;
	padding: 0px 0px 0px 25px;
	margin-top: 10px;
	white-space:nowrap;
	font: normal bold 12px arial, helvetica, verdana, tahoma;
	color: dodgerBlue;
	/*background: url(../images/mail_phone.png) no-repeat 2px 0px;*/
}
#mail_us SPAN.bold {
	font: normal bold 14px arial, helvetica, verdana, tahoma;
	color: gray;
	margin-right: 5px;
}

#mail_us A {
	font: normal bold 12px arial, helvetica, verdana, tahoma;
	color: DodgerBlue;
	text-decoration: none;
}

#open_for_business {
	float: right;
	padding: 0px 0px 0px 27px;
	font: normal bold 12px arial, helvetica, verdana, tahoma;
	color: gray;
}

#open_for_business SPAN.bold {
	font: normal bold 13px arial, helvetica, verdana, tahoma;
	color: DodgerBlue;
	margin-left: 3px;
}

#open_for_business DIV {
	float: right;
}

#open_for_business DIV.sat {
	float: right;
	margin-left: 5px;
}

#language {
    position: absolute;
    top: 90px;
    right: 35px;
    color: DodgerBlue;
    font-size: 12px;
    text-align: right;
    z-index: 100;
}

#language a {
    float: right;
    display: block;
    margin: 4px 0 0 4px;
    width: 30px;
    height: 15px;
    text-indent: 9999px;
    overflow: hidden;
    background-image: url(../images/flags.png);
    background-repeat: no-repeat;
}

#language a.si {
    background-position: 0 0;
}

#language a.en {
    background-position: 0 -15px;
}

/**
 * content
 */
#content {
    position: absolute;
    top: 20px;
    width: 934px;
    height: 840px;
    padding: 115px 0 0 36px;
    border-left: 2px solid #b4d143;
    border-right: 2px solid #b4d143;
    background: white;
}

/**
 * categories
 */
#categories {
    margin-top: 5px;
    list-style: none;
    height: 365px;
}

#categories li {
    position: absolute;
    width: 211px;
    height: 362px;
    float: left;
    margin-right: -38px;
}

#categories li a {
    position: relative;
    display: block;
    width: 211px;
    height: 362px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/panel.png) -211px 0 no-repeat;
}

#categories li a:hover, #categories li.active a {
    background-position: 0 0;
}

#categories li a span.text {
    display: block;
    margin: 6px 0 0 14px;
    width: 162px;
    height: 22px;
    background-image: url(../images/categories.png);
    background-repeat: no-repeat;
}

#categories li a img, #categories li a span.fix {
    position: absolute;
    top: 40px;
    left: 7px;
}

#categories li a img.two {
    display: none;
}

#categories li a span.fix {
    width: 191px;
    height: 307px;
    background: url(../images/panelfix.png) 0 0 no-repeat;
}

#categories li a:hover span.fix, #categories li.active span.fix {
    display: none;
}


#bike { left: 37px; z-index: 5; }
#bike span { cursor: pointer; background-position: center 0; }
#bike a:hover span { background-position: center -23px; }

#ski { left: 210px; z-index: 4; }
#ski span { cursor: pointer; background-position: center -46px; }
#ski a:hover span { background-position: center -69px; }

#board { left: 383px; z-index: 3; }
#board span { cursor: pointer; background-position: center -92px; }
#board a:hover span { background-position: center -115px; }

#casual { left: 557px; z-index: 2; }
#casual span { cursor: pointer; background-position: center -138px; }
#casual a:hover span { background-position: center -161px; }

#thule { left: 730px; z-index: 1; }
#thule span { cursor: pointer; background-position: center -184px; }
#thule a:hover span { background-position: center -207px; }

/**
 * footer
 */

H3 {
  color: DodgerBlue;
  font-size: 14px;
}

#footer {
    position: relative;
    margin-top: 30px;
}

#footer div.box_white_center {
    width: 900px;
    height: 150px;
    background: #fff;
}

#footer div.separator {
    background: url(../images/separator.png) right center no-repeat;
}

/**
 * credit cards
 */
#footer #cards {
    float: left;
    width: 176px;
    height: 150px;
    padding-left: 44px;
}

#footer #cards p {
    clear: both;
    margin-top: 8px;
}

#footer #cards img {
    float: left;
}

#footer #cards a.right {
    float: right;
    margin-right: 45px;
}

/**
 * infobox
 */
#footer #infobox {
    float: left;
    width: 229px;
    height: 150px;
}

#footer #infobox img {
    margin: 6px 0 0 3px;
}

/**
 * purchasing
 */
#footer #purchasing {
    float: left;
    width: 222px;
    height: 150px;
    padding-top: 12px;
}

#footer #purchasing p, #footer #purchasing h3 {
    margin-left: 25px;
    line-height: 15px;
}

#footer #purchasing h3 {
    margin-bottom: 7px;
}

#footer #purchasing p a {
    color: dimgray;
    font-size: 12px;
    text-decoration: none;
    font-variant: normal;
    font-weight: normal;
    /*line-height: 20px;*/
}

#footer #purchasing p a:hover {
    color: YellowGreen;
    text-decoration: underline;
    font-weight: bold;
}

/**
 * links
 */
#footer #links {
    float: left;
    width: 222px;
    height: 150px;
    padding-top: 12px;
}

#footer #links p, #footer #links h3 {
    margin-left: 25px;
    line-height: 15px;
}

#footer #links h3 {
    margin-bottom: 7px;
}

#footer #links p a {
    color: dimgray;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    /*line-height: 20px;*/
}

#footer #links p a:hover {
    color: YellowGreen;
    text-decoration: underline;
    font-weight: bold;
}

/**
 * about
 */
#footer #about {
    float: left;
    width: 220px;
    height: 150px;
    padding-top: 12px;
}

#footer #about p, #footer #about h3 {
    margin-left: 25px;
    line-height: 15px;
}

#footer #about h3 {
    margin-bottom: 7px;
}


#footer #about p a, #footer #about p span {
    color: dimgray;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    /*height: 22px;
    line-height: 22px;
    padding-right: 26px;*/
    /*background-image: url(../images/icons.png);
    background-repeat: no-repeat;*/
}

#footer #about p span.phone {
  width: 40px;
  font-weight: bold;
}

#footer #about p a:hover {
    color: YellowGreen;
    text-decoration: underline;
    font-weight: bold;
}

/*#footer #about p a.about {
    background-position: right 0;
}

#footer #about p span.phone {
    background-position: right -28px;
}

#footer #about p a.email {
    background-position: right -53px;
}

#footer #about p a.facebook {
    background-position: right -80px;
}

/**
 * copyright
 */

#copy {
    position: absolute;
    bottom: 0;
    left: 345px;
    z-index: 100;
    font-size: 10px;
    color: DodgerBlue;
}

#tour {
  margin-top: 10px;
}