
/*
=general
=page structure
=main_nav
=sub_nav
=page content
=misc
=tech
=zooming
*/

/*
=general
---------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html { height: 101%; }

html, body { width: 100%; }

body {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /* 12px */
    color: #625D57;
    line-height: 165%; /* 20px */
    text-align: center;
}

table, tr, td, input, select, textarea, ul, ol {
    font-size: 100%;
    vertical-align: top;
}

a img, img { border: 0; }

code, pre {
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

blockquote {
    font-family: 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #606060;
    float: left;
}

/* =hx */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
    line-height: 120%;
}

/* =h1 */
h1 {
    font-size: 22px;
    color: #515151;
    padding: 0 0 9px 0;
    margin: 0 0 20px 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #C1C1C1;
}

/* =h2 */
h2 {
    font-size: 18px;
    color: #4C4C4C;
    margin: 0 0 5px 0;
}

h2 em {
    font-size: 12px;
    font-style: normal;
}

/* =h3 */
h3 {
    font-size: 13px;
    color: #333;
    margin: 0 0 10px 0;
}

/* =h4 */
h4 {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 5px 0;
    color: #333;
}

h4 em {
    font-style: normal;
    color: #666;
    padding-left: 3px;
}

/* =h5 */
h5 {}

/* =a */
a {
    text-decoration: none;
    color: #53A4D7;
    border-bottom: 1px solid #CADCEB;
}

a#more_link {
   display: block;

   float:  left;
}


a:hover, a:focus, a:active, a.current {
    color: #555;
    border-color: #999;
}

ul, ol { margin: 0 0 1.5em 0; }

ul { list-style: square; }

li {}

p { margin-bottom: 1.5em; }


abbr { cursor: help; }

/*
=form
---------------------------------------------- */
form { overflow: hidden; }

fieldset { border: none; }

fieldset.indent {padding-left: 20px; }

input.text, select, textarea {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #fff;
    border: solid #bbb;
    border-width: 1px;
    color: #7A7A7A;
}

input.text:focus { border-color: #888; }

input.text { padding: 2px 3px 2px 3px; } /* height: 21px; */

input.text.char3 { width: 24px; } /* 32px */
input.text.small { width: 56px; } /* 64px */
input.text.large { width: 201px; } /* 209px */

select { width: 113px; height: 19px; }
select.large { width: 209px; } /* 209px */

textarea { margin: 2px 0 0 0; padding: 2px 3px; width: 374px; height: 96px; } /* 382px */

input.radio { width: 13px; margin-top: 4px; }
input.checkbox { width: 13px; margin-top: 4px; }

/* =search_form */

#search_form {
   float: right;
   text-align: right;
}

#search_form fieldset { border: none; }

#search_form label {
    color: #99A7B3;
    background: url(/images/round.gif) no-repeat 100% 100%;
    padding: 0 8px 0 0;
    height: 23px;
    float: left;
}

#search_form label span { float: left; padding: 2px 4px 0 0; }

#search_form input.text {
    background-color: #FBFBFB;
    border: solid #C7D1DA;
    border-width: 1px 0 1px 1px;
    color: #999;
    height: 18px; /* 23px */
    padding: 3px 0 0 8px;
    width: 146px; /* 166px */
}

#search_form input.image { float: left; position: relative; top: -2px; }

/* =form_section */

.form_section {
    background: #EFEFEF;
    width: 705px; /* 756px */
    padding: 0 22px 0 29px;
    margin: 0 0 35px 0;
    display: block;
}

.form_section h3 {
    background: #C9D2DA;
    margin: 0 0 5px 0;
    color: #333;
    padding: 10px 12px;
    width: 732px;
    position: relative;
    left: -29px;
}

.form_section h3 small {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

.form_section h3 small a { }

/* =process */

.process {

    padding: 0 0 15px 0;
    list-style: none;
    width: 100%;
}

.process li {
    border-bottom: 1px solid #DFDFDF;
    padding: 4px 0;
}

.process li.no_border {
    border: 0;
}

.process li.last { border-bottom: none; }

.process li label.tab { float: left; width: 105px; }

.process li input.text { margin: 0 4px 0 0; }

#message { display: none; }

.process .substep {
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #DFDFDF;
}

.process .substep li {
    border-bottom: 1px solid #DFDFDF;
    padding: 4px 0;
}

.process .substep li.last-child, .process .substep li.last { border-bottom: none; }

/*
=messages
---------------------------------------------- */
.error_text {
    display: none;
    position: relative;
}

.error .error_text {
    display: inline;
    color: #f00;
    font-style: normal;
    font-size: 11px;
    margin-right: 4px;
}

.error .hides { display: none; }

.error .error_text em { color: #555; font-style: normal; }

.error input.text { border: 1px solid #f00; }

.req { color: red; }


.error.alert {
    background: transparent url(/images/alert-inline.gif) no-repeat 0% 0%;
    border: none;
    position: relative;
    left: -59px;
    padding: 4px 0 4px 59px;
    width: 726px; /* 785px */
}

div.error_note {
    background: #FFDBDB url(/images/alert.gif) no-repeat 10px 10px;
    padding: 10px 40px 1px 50px;
    width: 666px; /* 756px */
    margin: 0 0 15px 0;
    color: #333;
    line-height: 140%;
}

div.error_note em { color: red; font-style: normal; }

div.note {
    clear: both;
    background-color: #FFFDE4;
    padding: 13px 40px 1px 30px;
    width: 686px; /* 756px */
    margin: 0 0 15px 0;
}

.note { color: #888; font-size: 11px; }

p.note { margin: 0 0 0 105px; }

/*
=table
---------------------------------------------- */
table.shopping_cart { width: 716px; }

table.shopping_cart th {
    color: #29435C;
    text-align: left;
    padding: 0 0 3px 0;
}

table.shopping_cart td {
    height: 34px; /* 54px */
    background: transparent url(/images/td-bg.gif) repeat-x 0% 0%;
    padding: 15px 0 5px 0;
    color: #5D5D5D;
}

table.shopping_cart td.item {
    height: 54px;
    width: 357px;
    padding: 0;
}

table.shopping_cart td.item .thumb {
    position: relative;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 12px 0 0;
    display: inline;
}

table.shopping_cart td.item .thumb img {
    display: block;
    width: 50px;
    height: 50px;
}

table.shopping_cart td.item .thumb img.overlay {
    z-index: 5000;
    position: absolute;
    top: 0;
    left: 0;
}

table.shopping_cart td.item span {
    position: relative;
    top: 14px;
}

table.shopping_cart td.item em {
    font-size: 11px;
    font-style: normal;
    color: #666;
}

table.shopping_cart td.qty { width: 58px; }

table.shopping_cart td.size { width: 124px; }

table.shopping_cart td.subtotal { width: 124px; font-size: 11px; }

table.shopping_cart td.remove {
    text-align: center;
    width: 45px;
    background: transparent url(/images/td-round-bg.gif) no-repeat 100% 0%;
}

table.shopping_cart td.remove a { border-bottom: none; }

table.shopping_cart td.remove em { display: none; }

table.shopping_cart td.total_order_cost { background: none; }

/* =total */

div.total {
    background: #E4F7FF;
    border: 1px solid #9D9D9D;
    padding: 10px 15px;
    width: 684px; /* 716px */
    position: relative;
    margin: 10px 0 10px 0;
}

div.total h3 { color: #333; margin: 0; }

div.total h3 em { position: absolute; right: 15px; text-align: right; font-style: normal; }

.summary div.total { margin: 0 0 10px 0; }

/* =summary */

.summary {
    font-size: 11px;
    margin: 0 0 15px 0;
}

.summary table {
    width: 716px;
    background: #fff url(/images/fade-table-bg.gif) repeat-y 0% 0%;
    margin: 0 0 0 0;
}

.summary table td { padding: 4px 0 4px 15px; }

.summary table td.qty { width: 25px; /* 40px */   }
.summary table td.item { width: 200px; padding-left: 0; }
.summary table td.size { width: 55px; padding-left: 0; }
.summary table td.price { width: 360px;  padding-left: 0;}
.summary table td.subtotal { width: 65px; text-align: right; padding: 0 15px 0 0; }

.summary table tr.note td { color: #999; padding: 5px 15px 10px 15px; }

.summary table tr.total_order_cost td {
    background: #D9D9D9;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #EAEAEA;
}

.summary table tr.total_order_cost.updated td { background-color: #E4F7FF; border: solid #9D9D9D; border-width: 1px 0 1px 1px; }
.summary table tr.total_order_cost.updated td.subtotal { border-width: 1px 1px 1px 0; }

.summary .edit { line-height: 12px; float: right; }

table h3 { color: #333; }

.highlight td { background-color: #D6FBD5; color: #333 !important; }
.summary table .note.highlight td.subtotal {  width: 50px; padding-right: 15px !important; }

/*
=page structure
---------------------------------------------- */
#container {
    width: 936px;
    margin: 13px auto 0;
    text-align: left;
}

#header {
    width: 100%;
    border-bottom: 2px solid  #C4C4C4;
    margin: 0 0 16px 0;
    height: 113px;
    position: relative;
}

#main_nav {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 33px;
    float: left;
    /*border-right: 1px solid #fff;*/
}

#wrapper { width: 100%; }

#content {
    height: 500px;
    min-height: 500px;
    float: right;
    padding: 0 0 40px 0;
    width: 756px; /* 756px */
}

*>#content { height: auto; }

#panel {
    width: 180px;
    float: left;
}

#footer {
    border-top: 2px solid #C4C4C4;
    width: 100%;
    font-size: 11px;
}

#tech {
    width: 100%;
    padding: 20px 0 0 0;
    background: #fff;
}

ul.article_img,
ul.article_img_last {
    float: right;
    list-style-type: none;
    clear: right;
    list-style-type: none;
    margin: 0;
    line-height: 0;
    margin-left: 14px;
}

ul.article_img li,
ul.article_img_last li {
padding: 0;
margin: 0;
padding-top: 7px;
padding-left: 8px;
display: block;
}

ul.article_img li img,
ul.article_img_last li img {
    border: 1px solid #c1c1c1;
    display: block;
}

ul.article_img li a,
ul.article_img_last li a {
    display: block;
}

ul.article_img_last li {
float: left;
}

ul.article_img li a, ul.article_img_last li a {
    border-bottom: none;
}


/*
=header
---------------------------------------------- */
#market_selector {
    text-align: right;
    position: absolute;
    top: -13px;
    right: 20px;
    color: #868D93;
    font-size: 11px;
    width:  165px;
    height:  32px;
}

#market_selector p {
    position: relative;
    top: -3px;
    margin: 0;
}

#market_selector a { border-bottom: none; }

#market_selector #cart_icon {
    margin: 0 0 0 5px;
    position: relative;
    top: 5px;
}

#header .content {
    height: 33px;
    width: 756px;
    position: absolute;
    left: 180px;
    bottom: 0;
    background: url(/images/header-content-bg.gif) repeat-x 0% 0%;
}

/*
=main_nav
---------------------------------------------- */
#main_nav li {
    float: left;
    padding: 0 0 10px 0;
    height: 23px; /* 33px */
}

#main_nav li.current { background: transparent url(/images/arrow-up.gif) no-repeat 50% 100%; }

#main_nav li a {
    font-family: 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
    border-bottom: none;
    font-weight: bold;
    color: #257CC2;
    padding: 2px 13px 1px;
    border-right: 1px solid #D0D8DF;
    border-left: 1px solid #fff;
    background-color: #E4EBF1;
    height: 20px; /* 23px */
    float: left;
    outline: 0;
    text-transform: capitalize;
}

#main_nav li a.last {
    border-right: 0px solid #D0D8DF;
}

#main_nav li a:focus, #main_nav li a:hover, #main_nav li a:active, #main_nav li.current a { background-color: #D9E1E9 !important; color: #444; }

#main_nav li#nav_home a { background: #E4EBF1 url(/images/main-nav-home.gif) no-repeat 0% 0%; border-left: none; }
#main_nav li#nav_home a:focus, #main_nav li#nav_home a:hover, #main_nav li#nav_home a:active, #main_nav li#nav_home.current a { background-position: 0% -23px; }

/*
=sub_nav
---------------------------------------------- */
#sub_nav {
    width: 138px; /* 180px */
    padding: 14px 42px 0 0;
    margin: 0 0 25px 0;
    background: #d9e1e9 url(/images/sub-nav-bg.gif) no-repeat 0% 0%;
}

#sub_nav a.map {
    display: block;
    border-bottom: none;
}

#sub_nav.cart {
    width: 125px; /* 180px */
    padding: 14px 42px 0 13px;
    height: 46px; /* 60px */
    background: transparent url(/images/sub-nav-cart-bg.gif) repeat-y 0% 0%;
}

#sub_nav h2 {margin-left: 20px; }

#panel #sub_nav ul {
    margin: 0;
    padding: 0 0 0 13px;
    width: 100%;
    list-style: none;
}

#sub_nav ul li { width: 100%; }

#sub_nav ul li a {
    border-bottom: none;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    padding: 5px 0 2px 33px;
    margin: 0 0 8px 0;
    color: #257CC2;
    width: 121px; /* 154px */
    height: 24px; /* 31px */
    font-size: 12px;
}

#sub_nav ul li a:focus, #sub_nav ul li a:hover, #sub_nav ul li a:active, #sub_nav ul li a.current { color: #333; background-position: -154px 0%; }

#sub_nav ul li#nav_Capes a { background-image: url(/images/sub-nav-capes-for-kids.gif); }
#sub_nav ul li#nav_capes_for_kids a { background-image: url(/images/sub-nav-capes-for-kids.gif); }
#sub_nav ul li#nav_capes_for_babies a { background-image: url(/images/sub-nav-capes-for-babies.gif); }
#sub_nav ul li#nav_classic_parka a { background-image: url(/images/sub-nav-classic-parka.gif); }
#sub_nav ul li#nav_parka_plus a { background-image: url(/images/sub-nav-parka-plus.gif); }
#sub_nav ul li#nav_jacket a { background-image: url(/images/sub-nav-jacket.gif); }
#sub_nav ul li#nav_overpants a { background-image: url(/images/sub-nav-overpants.gif); }
#sub_nav ul li#nav_zippy_pants a { background-image: url(/images/sub-nav-zippy-pants.gif); }
#sub_nav ul li#nav_jacket_special a { background-image: url(/images/sub-nav-jacket.gif); }
#sub_nav ul li#nav_jacket_special_offer a { background-image: url(/images/sub-nav-jacket.gif); }
#sub_nav ul li#nav_parka_plus_special_offer a { background-image: url(/images/sub-nav-parka-plus.gif); }
#sub_nav ul li#nav_classic_parka_special_offer a { background-image: url(/images/sub-nav-classic-parka.gif); }
#sub_nav ul li#nav_capes_special_offer a { background-image: url(/images/sub-nav-capes-for-kids.gif); }

#designed_panel {
	margin: -10px 0 0 15px;
	font-size: 1.1em;
	color: #257CC2;
	line-height: 1.2em;
}

/*
=content
---------------------------------------------- */
/* =banner */

#banner {
    width: 100%;
    position: relative;
    margin: 0 0 15px 0;
}

#banner img { margin: 0 0 15px 0; }

#banner ul {
    margin: 0;
    list-style: none;
}
#banner li {display: inline; }

.left_dot img {position:absolute; top:4px; left:-155px; }
.right_dot img {position:absolute; top:4px; left:24px; }

#homepage_dots a {
	position:absolute; 
	cursor:pointer; 
	width:34px; 
	height:34px; 
	background:transparent url(/images/point.png) no-repeat left top; 
	border-bottom:0; 
}
#homepage_dots a:hover {
	color:#fff; 
	background:transparent url(/images/feature-close.png) no-repeat right top; 
}
#homepage_dots p {
	display:none; 
	font:bold 11px verdana,arial,helvetica,sans-serif; 
	line-height:normal; 
	position:absolute; 
	padding:5px 4px 6px 5px; 
}

#homepage_dots .left_dot a {
	top:253px; 
	left:187px; 
}
#homepage_dots .left_dot p {
	top:4px; 
	left:-170px; 
	width:185px; 
	background:url(/images/home-hero-tag-left-full.gif) no-repeat;  	 
}
#homepage_dots .left_dot p span.middle {
	background-color:#000A20; 
	padding:5px 4px 6px 5px; 
	margin-right:3px; 
	min-height:24px;
}
#homepage_dots .left_dot p span.right_edge {
	padding:4px 4px 5px 0; /* ie tweaks */ 
	background:url(/images/home-hero-tag-right-semi.gif) right no-repeat; 
}

#homepage_dots .right_dot a {
	top:250px; 
	left:435px; 
}
#homepage_dots .right_dot p {
	top:4px; 
	left:24px; 
	width:128px; 
	background:url(/images/home-hero-tag-left-semi.gif) no-repeat; 
}
#homepage_dots .right_dot p span.middle {
	background-color:#000A20; 
	padding:4px 6px 5px 5px; 
	margin-left:2px; 
}
#homepage_dots .right_dot p span.right_edge {
	padding:4px 4px 5px 0; 
	background:url(/images/home-hero-tag-right-full.gif) right no-repeat; 
}


#content .content_top {
    width: 100%;
    height: 10px;
    background: transparent url(/images/content-top-bg.gif) no-repeat 0% 0%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#content .content {
    width: 716px; /* 756px */
    padding: 10px 20px 15px 20px;
    background: transparent url(/images/content-bg.gif) repeat-y 0% 0%;
    position: relative;
    z-index: 0;
}

#content .content h2 {
    margin: 0 0 10px 0;
}

.content.extra_bottom {
    margin-bottom: 35px;
}

#content .content.default { padding: 10px 28px 30px 20px; width: 715px; /* 756px */ }
#content .content.default h1 { width: 716px; }

*>#content .content { height: auto; }

#content .content_bottom {
    width: 100%;
    height: 10px;
    background: transparent url(/images/content-bottom-bg.gif) no-repeat 0% 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

/* product_view */

#product_view { width: 738px; }

#product_features {
    float: right;
    width: 483px;
    margin: 10px 0 0 0;
}

#product_features h1 { margin: 0 0 10px 0; }

#product_features #abstract { font-weight: bold; }

#product_features #abstract p  { margin: 0 0 10px 0; }

#product_features .content_padding { margin: 0 0 0px 0; }

#product_features .content_padding ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

#product_features .content_padding ul li {
    background: transparent url(/images/dot.gif) no-repeat 0% .65em;
    padding-left: 9px;
    margin-bottom: 5px;
    line-height: 1.47em;
}

#product_feature_box {
    height: 223px;
    overflow: hidden;
}

/* =product_details */
#product_details {
    width: 483px;
    background: #EFEFEF url(/images/product-details-bg.gif) no-repeat 0% 100%;
    padding: 2px 0 5px 0;
    margin: 19px 0 0px 0;
}

#product_details table { width: 483px; }

#product_details table th {
    padding: 0 0 0 6px;
    margin: 0;
    font-weight: normal;
    font-size: 11px;
}

#product_details table td { padding: 5px 0 0 6px; margin: 0; }

#product_details table td.color { width: 162px; background: #fbfbfb url(/images/product-details-color-td.gif) no-repeat 0% 0%; }

#product_details table td.size { width: 195px;  background: #fbfbfb url(/images/product-details-size-td.gif) no-repeat 100% 0%; ; }

#size_chart a { font-size: 11px; line-height: 120%; }

#product_details table td.cart { position: relative; padding: 5px 0px 0 0; width: 126px; background: transparent url(/images/product-details-cart-td.gif) no-repeat 100% 0%;  }

#product_details table td.cart .button { float: right; margin: 0 6px 0 0; }

#product_details .instruction{
    font-size: 16px;
}

/* =option */

.option {
    float: left;
    width: 27px;
    height: 26px;
    padding: 0;
    margin: 0 1px 3px 0;
    background-image: url(/images/option.gif);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    border: none;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #257CC2;
    display: inline;
}

.option:focus, .option:hover, .option:active  { background-position: -27px 0%; }
.option.current { background-position: -27px 0%; }
.option.disabled { background-position: -54px 0%; }

.option img {
    display: block;
    width: 12px;
    height: 11px;
    margin: 7px auto 0;
    padding-left: 1px;
}

.option strong { margin: 3px 0 0 0; display: block; }
.option.disabled strong { color: #fff; font-size: 9px; margin: 0 0 0 0; position: relative; top: -3px; _top: -6px; }

.option span {
    position: absolute;
    left: -999em;
}

/* =product_images */

#product_images  {
    float: left;
}

#product_images ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#product_images li {
    margin: 0;
    padding: 0;
    display: inline;
}

#product_images li a {
    border: none;
    float: left;
    position: relative;
    width: 96px;
    height: 130px;
    margin-right: 1px;
    outline: 0;
}

#product_images li a em {
    background: transparent url(/images/product-images-a.gif) no-repeat 0% 0%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 130px;
    text-indent: -999em;
}

#product_images li a:focus em, #product_images li a:hover em, #product_images li a:active em { background-position: -96px 0%; }

#product_images li a img {
    display: block;
    width: 96px;
    height: 130px;
}

#product_images li h3, #product_images li p { display: none; }

/* =feature_images */

#feature_images {
    float: left;
    margin: 113px 0 0 10px;
}

#feature_images ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#feature_images em {
    font-style: normal;
    float: left;
    background:transparent url(/images/camera.gif) no-repeat 0% 50%;
    padding: 0 0 0 25px;
    border-bottom: none;
    font-size: 11px;
    color: #3A85C2;
    display: block;
    position: relative;
    top: -116px;
}

#feature_images a:hover em { color: #555; }


/* =product_main_image */

#product_main_image {
    float: left;
    width: 232px;
    z-index: 1000;
}

#product_main_image a {
    display: block;
    border: 1px solid #C3CFD7;
    width: 232px;
    height: 390px;
    position: relative;
    outline: 0;
}

#product_main_image a:hover { border-color: #888; }

#product_main_image a img {
    display: block;
    width: 232px;
    height: 390px;
}

#product_main_image a em {
    display: block;
    width: 74px;
    height: 23px;
    border: none;
    position: absolute;
    bottom: 10px;
    right: 5px;
    background: transparent url(/images/enlarge.png) no-repeat 0% 0%;
    text-indent: -999em;
}

#product_main_image a:hover em { background-position: -74px 0%; }

/* = shopping_cart_bar */

#shopping_cart_bar {
    width: 756px;
    height: 51px;
    background: transparent url(/images/shopping-cart-bar-bg.jpg) no-repeat 0% 0%;
    position: absolute;
    margin: 10px 0 15px 0;
    top: 10px;
    right: 0;
}

#shopping_cart_bar h2 {
    position: absolute;
    font-size: 16px;
    left: 18px;
    top: 16px;
}

#shopping_cart_bar #cart_images {
    height: 41px;
    width: 300px;
    top: 5px;
    left: 248px;
    position: absolute;
    overflow: hidden;
}

#shopping_cart_bar #cart_images .slider {
    position: absolute;
    width: 300px;
    float: left;
}

#shopping_cart_bar #cart_images .slider .cart_item {
    display: block;
    position: relative;
    width: 44px; /* 58px */
    height: 41px;
    border: none;
    padding: 0 7px 0 6px;
    float: left;
    border-right: 1px solid #E8DFBD;
}

#shopping_cart_bar #cart_images .slider .cart_item.last, #shopping_cart_bar #cart_images .slider .cart_item:last-child { border-right: none; }

#shopping_cart_bar #cart_images .slider .cart_item img { display: block; }

#shopping_cart_bar #cart_images .slider .cart_item .overlay {
    position: absolute;
    left: 6px;
    top: 0;
    width: 45px;
    height: 41px;
}

#shopping_cart_bar #cart_images .slider .cart_item .remove img {
    position: absolute;
    right: 4px;
    bottom: 0;
    width: 13px;
    height: 14px;
}

#shopping_cart_bar #cart_images .slider .cart_item img.size {
    position: absolute;
    left: 7px;
    bottom: 0;
}

#shopping_cart_bar #cart_images .slider .cart_item .remove em { display: none; }

#shopping_cart_bar .button {
    position: absolute;
    right: 17px;
    top: 12px;
}

#shopping_cart_bar #cart_images_controls .prev a, #shopping_cart_bar #cart_images_controls .next a {
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    width: 19px;
    height: 19px;
    text-indent: -999em;
    outline: 0;
    display: block;
    border: none;
    top: 16px;
}

#shopping_cart_bar #cart_images_controls .prev a em { display: none; }
#shopping_cart_bar #cart_images_controls .prev a { background-image: url(/images/shopping-cart-bar-prev.gif); left: 227px; }
#shopping_cart_bar #cart_images_controls .prev a:hover { background-position: -19px 0%; }

#shopping_cart_bar #cart_images_controls .next a em { display: none; }
#shopping_cart_bar #cart_images_controls .next a { background-image: url(/images/shopping-cart-bar-next.gif); left: 539px; }
#shopping_cart_bar #cart_images_controls .next a:hover { background-position: -19px 0%; }




/* =image_list */

#image_list {
    margin: 0;
    padding: 0 6px 0 6px;
    list-style: none;
    background: transparent url(/images/image-list-bg.gif) no-repeat 0% 0%;
    width: 744px; /* 755px */
    height: 114px;
}

#image_list div { display: inline; }

#image_list div a {
    float: left;
    height: 109px; /* 114px */
    border: none;
    padding: 5px 0 0 0;
}

#image_list #slider_wrapper {
    position: absolute;
    overflow: hidden;
    width: 744px; /* 755px */
    height: 114px;
}

#slider_content {
    width: 682px;
    padding: 0 37px 0 0;
}

.slide {
    position: absolute;
    width: 745px;
}

.slide img {
    margin-left: 1px;
}

#image_list div.prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    background: transparent;
}

#image_list div.prev a:focus, #image_list div.prev a:hover, #image_list div.prev a:active { background-position: 0% -114px; }

#image_list div.next {
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    background: transparent;
}

#image_list div.next a:focus, #image_list div.next a:hover, #image_list div.next a:active { background-position: 100% -114px; }

#image_list div a img {
    height: 103px;
    border: solid #61605C;
    border-width: 0 0 0 0;
}

#image_list div.first a img { border-width: 0 1px 0 1px; }

#image_list div em { display: none; }

/* =product_list */

#product_list {
    margin: 0 0 11px 0;
    padding: 0;
    list-style: none;
    width: 726px;
}

#product_list li { background-image: none !important; padding: 0 !important; display: inline; }

#product_list li a {
    width: 111px;
    height: 189px;
    float: left;
    border: none;
    margin-right: 10px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#product_list li a img {
    display: block;
    position: relative;
}

#product_list li a img.overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
}

#product_list li a:hover img.overlay { left: -111px; }

#product_list li a strong {
    font-size: 13px;
    position: absolute;
    bottom: 8px;
    left: 0;
    text-align: center;
    width: 99px; /* 111px */
    padding: 0 6px;
}


/*
=sitemap
---------------------------------------------- */
#site_map, #site_map ul {
    list-style: none;
    margin: 5px 0 5px 40px;
}

/*
=panel
---------------------------------------------- */
#panel ul {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
}


/*
=footer
---------------------------------------------- */
#utility_nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#utility_nav li {
    float: left;
    padding: 7px 14px 13px 14px;
    background: transparent url(/images/fade.gif) no-repeat 100% 0%;
}

#utility_nav li.first { padding-left: 0; }
#utility_nav li.last { background: none; }

#utility_nav li a {
    border-bottom: none;
    background: transparent url(/images/dots.gif) repeat-x 0% 100%;
    text-transform: capitalize;
}

#utility_nav li a:focus, #utility_nav li a:hover, #utility_nav li a:active, #utility_nav li a.current { background-image: url(/images/dots-dark.gif); }

#copyright {
    float: right;
    color: #979797;
    margin: 7px 0 0 0;
}

/*
=tech
---------------------------------------------- */
#tech {}

/*
=popup
-----------------------------------------------------*/
#yk_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 3000;
}

#yk_box {
    position: absolute;
    z-index: 4000;
    background: transparent url(/images/yk-box-bg.png) no-repeat 0% 0%;
    color: #333;
    text-align: center;
    margin: 0 auto;
    top: 100px;
    height: 544px;
    width: 700px;
}

.popup {
    padding: 40px 25px 40px 25px;
    width: 650px; /* 700px */
    position: relative;
}

.popup a em { display: none; }

.popup #close {
    background: transparent url(/images/bg-close.gif) no-repeat 0% 0%;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
}

.popup a#prev, .popup a#next {
    display: block;
    width: 350px;
    height: 504px;
    position: absolute;
    top: 40px;
    z-index: 5;
    border: none;
    outline: 0;
}

.popup a#prev { left: 0;background: transparent url(/images/bg-prev-a.gif) no-repeat 0% 215px; }
.popup a#prev:hover { background-position: -350px 215px; }

.popup a#next{ right: 0; background: transparent url(/images/bg-next-a.gif) no-repeat 100% 215px; }
.popup a#next:hover { background-position: 0% 215px; }

.popup #image_details {
    position: absolute;
    bottom: 10px;
    left: 30px;
    color: #777;
    overflow: hidden;
    text-align: left;
}

.popup img { border: 1px solid #3A3A3A; }

.popup #image_details h3 {
    margin: 0 5px 0 0;
    padding: 0;
    color: #333;
    font-size: 13px;
    float: left;
    position: relative;
    top: 2px;
}

.popup #image_details p {
    font-size: 11px;
    color: #666;
}



/*
=country
---------------------------------------------- */
#country {
    width: 420px;
    margin: 190px auto 0;
}

#country .divider {
    width: 420px;
    height: 13px;
    margin: 0 0 17px 0;
    border-bottom: 2px solid #C4C4C4;
}

#country form {
    background: transparent url(/images/country-form-bg.gif) no-repeat 0% 0%;
    padding: 9px 0 19px 9px;
    width: 411px; /* 420px */
}

#country form h1 {
    padding: 0 0 5px 0;
    border-color: #DADADA;
    margin: 0 0 11px 0;
}

#country form label {
    float: left;
    font-size: 13px;
    font-weight: bold;
}

#country form select {
    float: right;
    width: 200px;
}

/*
=messages
---------------------------------------------- */
.msg-error, .form-error {
    color: #FF4344;
}

.msg-info
{
    background: #FFFFD3 url(/cms/images/icons/check_green.gif) 10px 10px no-repeat;
    color: #000;
    font-weight: bold;
    padding: 10px 10px 10px 30px;
    width: 95%;
}

.msg-info span
{
    color: #000;
    font-weight: bold;
}

.msg-info a
{
    text-decoration: underline !important;
    font-weight: normal;
}


/*
=misc
---------------------------------------------- */
.hide, hr {
    position: absolute;
    left: -999em;
}

/* =button_block  */

.button_block {
    padding: 0;
    margin: 0 0 20px 0;
}

.button_block.line { border-top: 1px solid #D4D9DC; }

.button_block em {
    font-style: normal;
    font-weight: normal;
    color: #666;
    position: relative;
    top: 3px;
}

.button_block .continue_shopping {
    padding-top: 3px;
    line-height: 130%;
}

.button {
    float: left;
    background: transparent url(/images/button-left.gif) no-repeat 0% 0%;
    height: 26px;
    padding: 0 0 0 10px;
    border: none;
    color: #fff;
    outline: 0;
}

.button.add { background-image: url(/images/button-left-add.gif); padding-left: 31px; }
.button.next { background-image: url(/images/button-left-next.gif); margin-right: 6px; float: right; }
.button.back { background-image: url(/images/button-left-back.gif); padding-left: 31px; }

#card-div {float: right; width: 500px;}

.button strong {
    float: left;
    background: transparent url(/images/button-right.gif) no-repeat 100% 0%;
    padding: 2px 10px 0 0;
    height: 24px; /* 26px */
    font-weight: normal;
}

.button.add strong { background-image: url(/images/button-right-add.gif); }
.button.next strong { background-image: url(/images/button-right-next.gif); padding-right: 33px; font-weight: bold; }
.button.back strong { background-image: url(/images/button-right-back.gif); padding-right: 9px; font-weight: bold; }

.button:hover { color: #333; }

.progress_tab {
    position: absolute;
    right: 0;
    bottom: 9px;
    font-style: normal;
    float: left;
    height: 24px;
    padding: 0 0 0 13px;
    background: transparent url(/images/tab-left-bg.gif) no-repeat 0% 0%;
    font-size: 16px;
}

.progress_tab span {
    float: left;
    background: transparent url(/images/tab-right-bg.gif) no-repeat 100% 0%;
    height: 24px;
    padding: 0 9px 0 0;
}

.divider {
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 25px;
    width: 716px;
}	

/* =self clearing floats */
.clearfix:after,
#banner:after,
.summary:after,
#header .content:after,
#main_nav:after,
#wrapper:after,
#product_view:after,
#product_list:after,
#product_images:after,
#image_list:after,
#product_details:after,
.process li:after,
table#product_details td.size #sizes:after,
.button_block:after,
#utility_nav:after,
#country form:after,
#language_selector:after

 {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*------- product page 17-06-09 ----------*/

.left_col {
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    
.clear {
    clear: both;
}

ul.product_thumb_wrap {
	width: 237px; 
}

ul.product_thumb_wrap li {
    float:  left;	
    list-style: none;
}

ul.product_thumb_wrap li a {
	list-style: none;
	float: left;
	display: block;
	margin: 2px 2px 0 0;
    border: 1px solid #c3cfd7;
    display: inline;
}

ul.product_thumb_wrap li a img {
	float:  left;
}

ul.product_thumb_wrap li a:hover, ul.product_thumb_wrap li.current_thumb a {
    border: 1px solid #333;
}


/*---------- zooming ------------*/

img#ajax_loader {
    position: absolute;   
    top: 1px;
    left: 1px;
}

#zoom_shadow {
	background: transparent url(/images/zoom-drop.gif) no-repeat 0 0;  
	width: 490px;
    height: 300px;  
    position: absolute;
    z-index: 1;
    margin-top: -11px;
    margin-left: -3px;
    display: none;
}

#zoom_area {
    margin-top: -10px;
    position: absolute;
    width: 482px;
    height: 293px;
    z-index: 5000;
    display: none;
    overflow: hidden;
    border: 1px solid transparent;
}

#zoom_area img {
	z-index:  10000;
	display:  block;
	position: absolute;
}

#zoom_preload {
    margin-top: -10px;
    overflow: hidden;
    position: absolute;   
    width: 482px;
    height: 293px;
    display: block;
    z-index: 1500;
    display: none;
}

#zoom_lens {
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
}

#zoom_screen {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 100;
    border: 1px solid #888888;
    top: 0;
    left: 0;
}

/*---------- region selector ------------*/

.region_on {
    color:  #515151;
	float:  left;
	display: block;
	margin-top: 4px;
}

img#logo {
	position: absolute;
	top: 25px;
	left: 0; 
}

.region_area {
	float:  left;
	display: block;
	margin-top: 4px;
}

.region_area a {
    border: none
}

#language_selector {
	font-size: 11px;
	position: absolute;
	top:  -17px;
	right: 0;
	color: #888;
	width: auto !important;
}

#language_selector img {
    float:  left;
}
