@import url("reset.css");
@import url("grid.css");
@import url("ads.css");
@import url("button.css");
@import url("icons.css");
@import url("uniform.css");
@import url("tools.css");
/* @import url("ui.css"); */

#codeigniter_profiler { display: block; }

body {
	background: url(../images/bg.jpg) center top fixed;
	padding: 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
strong {
	font-weight: bold;
}
a {
	color: #396F00;
	text-decoration: none;
	font-size: 12px;
}
#wrapper { 
	background: #fff;
	border: 1px solid #ccc;
	padding-bottom: 50px;
	clear: both;
}
.shipping_alert {
	  background: none repeat scroll 0 0 #FFCCCC;
    border: 1px solid red;
    color: red;
    font-size: 13px;
    padding: 5px;
	width: 600px;
	margin-bottom: 10px;
}
.order_table th {
	text-align: left;
	font-weight: bold;
	background: #eee;
}
.order_table td {
	border-bottom: 1px solid #ddd;
}
.order_table .product {
	background: #eee;
}
a.delete_item {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #666666;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
    padding: 5px;
    text-transform: uppercase;
}

.ui-corner-all { 
	-moz-border-radius: 4px/*{cornerRadius}*/; 
	-webkit-border-radius: 4px/*{cornerRadius}*/; 
	border-radius: 4px/*{cornerRadius}*/; 
}

/* HEADER */ 

h1.site-title {
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999em;
	
	display: block;
	height: 135px;
	width: 235px;
	
	float: left;
	
}
#top {
	background: #f1f1f1;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	margin-left: -10px;
}

#topbar {
	background: #FFF;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
.topsearch {
	padding: 10px;
	float: left;
	width: 600px;
}
.topsearch input[type=text] {
	width: 275px;
}
.topsearch input[type=submit] {
	border: 0px;
}
ul.topmenu {
    float: right;
	margin-top: 15px;
	margin-right: 10px;
}
ul.topmenu li {
	display: inline !important;
	margin: 5px 0px !important;
	border: 0px !important;
	padding: 5px !important;
}
ul.topmenu li a {
	font-size: 10px !important;
	text-transform: uppercase;
	color: #333;
	padding-left: 10px;
	background: url(../images/arrow.gif) no-repeat left;	
	text-decoration: none;
}
#header ul.topmenu li a {
	padding: 5px 0px 5px 30px;
}
#header ul.topmenu li a.cart {
	background: url(../images/cart.png) no-repeat;
}
#header ul.topmenu li a.account {
	background: url(../images/account.png) no-repeat;
}
#header ul.topmenu li a.search {
	background: url(../images/search.png) no-repeat;
}

.label-cart {
    background: none repeat scroll 0 0 #d9cbb7;
    color: #333;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 90px;
    padding: 0 16px;
    position: absolute;
    text-transform: uppercase;
    width: 277px;
    z-index: 1;
	right: 0px;
}
.label-cart .button {
	margin-right: 10px;
}
.label-cart a.cart {
	color: #FFF;
	font-size: 14px;
	line-height: 28px;
	display: block;
}
.label-cart a {
	color: #c3e8ed;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	text-transform: uppercase;
}
/* NAV */ 
#nav {
	margin: 10px 0px 0px 10px;
}
#nav ul {
	margin-bottom: 10px;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#nav ul li { 
    border-right: 1px solid #EEEEEE;
    display: block;
    float: left;
    margin-bottom: 6px;
    padding: 5px 7px;
}
#nav ul li a:hover {
	color: #000;
}
#nav ul li a {
	color: #000;
	font-size: 14px;
}
#nav ul li.selected {
	background: #000;
	color: #FFF;
}
#nav ul li:hover {
	background: #EEE;
}
#nav ul li.selected a {
	color: #FFF;
	cursor: pointer;
}
#nav ul li:hover a {
	color: #000;
	cursor: pointer;
}
#nav ul li.last	 {
	border-right: 0px !important;
}
#nav ul li a.sale {
	
}
#nav ul li a.sale {
	background: #396F00 !important;
	color: #FFF  !important;
	padding: 3px 6px;
	position: relative;
	top: -1px;
}
#nav ul li.last {
	border-right: 0px solid #eee !important;
}
ul.childs li a {
    border-right: 1px solid #EEEEEE;
    display: block;
	float: left;
    margin-bottom: 6px;
    padding: 5px 7px;
	font-size: 11px;
}
ul.childs {
	clear: both;
	margin-bottom: 10px;
	
}
.subnav {
    background: url(../images/menubg.png);
    clear: both;
    color: #000;
    font-family: Arial !important;
    font-size: 12px;
    height: 200px;
    left: -10px;
    position: absolute;
    top: 25px;
    width: 960px;
    z-index: 100;
	display: none;
}
.subnav ul { 
	float: left;
	margin-right: 10px;
	width: 175px;
	margin-top: 10px;
}
.subnav ul li { 
    display: block;
    float: none !important;
    margin-bottom: 2px;
    padding: 7px;
	border-bottom: 1px solid #C9C9C9;
	font-family: Arial, Helvetica, sans-serif !important;
	
}
.subnav ul li:hover {
	background: none !important;
}
.subnav ul li a:hover {
	color: #333;
}
.subnav ul li a {
	color: #000;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.subnav ul .subnav_title a{
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	
	font-size: 16px !important;
	border-bottom: 0px solid #C9C9C9;
} 
.nav_ad {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: right;
    margin: 10px;
    padding: 10px;
    width: 340px;
	border: 1px solid #CCCCCC;
	position: relative;
}
.nav_ad h2 {
	font-size: 16px;
    margin: 5px 0px;
}
.nav_ad img {
    float: left;
    margin: 5px;
    width: 123px;
}
.nav_ad h4 {
	font-size: 14px;
	margin-bottom: 10px;
}
.nav_ad p {
	line-height: 24px;
	font-size: 11px;
	color: #5a5959;
	font-weight: normal;
}
.nav_ad .aanbieding {
   background: url("../images/aanbieding_small.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    left: -13px;
    position: absolute;
    text-indent: -999em;
    width: 162px;
}
/* BREADCRUMS */
#crums {
	background: #eee;
	color: #999;
	
	font-size: 11px;
	padding: 10px 5px;
}
#crums a {
	color: #396F00;
	text-decoration: none;
}

#crums .paginate {
	float: right;
	margin-right: 10px;
}

/* BANNER */

#banner {
	position: relative;
	float: left;
	width: 725px;
}

.banner_content {
	color: red;
	display: none;
	border: 1px solid red;
	background: #FFCCCC;
	margin: 10px 10px 0px 10px;
	padding: 10px;
	font-size: 13px;	
}
/* PAGINATION */
ul.pagination {
	float: right;
	position: relative;
	
	top: 20px;
	
}
ul.pagination li { 
	display: block;
	float: left;
	border: 1px solid #eee;
	margin: 0px 3px;
	padding: 4px 8px;
}
ul.pagination li a {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
ul.pagination2 {
	float: right;
	position: relative;
	clear: both;
	top: 20px;
	
}
ul.pagination2 li { 
	display: block;
	float: left;
	border: 1px solid #eee;
	margin: 0px 3px;
	padding: 4px 8px;
}
ul.pagination2 li a {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
div.pages {
	color: #666666;
    float: right;
    font-size: 12px;
    margin-top: 59px;
    position: absolute;
    right: 6px;
} 
.tweet_list {
	list-style-type: none;
}
.product_group_content { 
	clear: both;
}

/* CONTENT */

.content_loading {
    background: url("../images/loading.gif") no-repeat scroll 300px 150px #FFFFFF;
    height: 600px;
    position: absolute;
    width: 710px;
    z-index: 5;
}

#content p {
	line-height: 24px;
	font-size: 12px;
	color: #5a5959;
}

#content h1 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 26px;
	clear: both;
	margin: 20px 0px 10px 0px;	
}

#content .homepage_big_ad {
	background: url("../images/products/patchwork-doc.jpg") no-repeat 247px -44px;
	height: 300px;
	text-align: left;
	border-bottom: 1px solid #eee;
}
#content .homepage_big_ad h1 {
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	
	padding: 30px 0px 20px 0px;
}
#content .homepage_big_ad h1 span {
	display: block;
	font-size: 36px;
}
#content .homepage_big_ad p {
	margin: 10px 0px;
	width: 350px;
	float: left;
}
#content .homepage_big_ad .button {
	clear: both !important;
	float: left;
}
#content .homepage_small_ad {
	margin: 20px 0px;
	padding: 10px 0px;
	position: relative;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}
#content h2 {
	color: #3b3b3b;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin: 20px 0px 5px 0px;
}
/* SIDEBAR */

#sidebar { 
	background: #f5f3ef;
}
#sidebar p {
	line-height: 24px;
	font-size: 12px;
	color: #5a5959;
	text-shadow: 1px 1px #FFF;
}

#sidebar .homepage_small_ad,  #sidebar .twitter_container {
	padding: 10px;
}

#sidebar .homepage_small_ad h2 {
	color: #3b3b3b;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-shadow: 1px 1px #FFF;
	
	padding-bottom: 20px;
}
#sidebar .homepage_small_ad p {
	width: 240px;
}
#sidebar .homepage_small_ad h2 span {
	display: block;
}
#sidebar .homepage_small_ad a {
	margin: 10px 0px;
}

#sidebar a.tweet_avatar { 
	display: none;
}
#sidebar .tweet_list li {
	color: #333 !important;
	padding: 5px 5px;
	margin: 10px 0px;
	border-bottom: 1px solid #666;
}
#sidebar .twitter_container h2 {
	color: #3b3b3b;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 1px 1px #FFF;
}
#sidebar .twitter_container .twitter_status2 {
	background: #FFF;
	padding: 5px;
	color: #5a5959;
	
	font-size: 11px;
	line-height: 18px;
	border-bottom: 2px solid #f5f3ef;
}
#sidebar .twitter_container .twitter_status2 span { 
	display: block;
	color: #333;
}
#sidebar .twitter_container .twitter_status2 a {
	color: #0066cc;
	text-decoration: none;
}


/* FOOTER */ 
#footer {
	clear: both;
	margin-top: 20px;
	background: #FFF;
	border: 1px solid #CCCCCC;
	padding: 20px 0px 0px 0px;
}
#footer .footer_block {
	float: left;
	margin-right: 10px;
	width: 230px;
	
	line-height: 18px;
	font-size: 12px;
	color: #5a5959;
	text-shadow: 1px 1px #FFF;
}
#footer .footer_block strong {
	font-size: 18px;
	color: #333;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	text-shadow: 1px 1px #FFF;
}
#footer .footer_block ul {
	margin-top: 10px;
}
#footer .footer_block ul li {
	padding: 5px 0px 5px 10px;
	
}
#footer .social_block {
	float: right !important;
}
#footer .social_block li {
	
	border-bottom: 0px !important;
	float: right;
	background: none !important;
}
#footer .social_block strong {
	text-align: right !important;
	float: right;
}
#footer .social_block li a {
	
	background: url(../images/social.png) no-repeat;
	
	display: block;
	text-indent: -9999em;
	
	width: 50px;
	height: 50px;
	
	float: left;
}
#footer .social_block li.facebook a { background-position: -44px 0px; }
#footer .social_block li.twitter a { background-position: -88px 0px; }
#footer .social_block li.hyves a { background-position: 0px 0px; }

#footer p {
	line-height: 24px;
	font-size: 12px;
	color: #5a5959;
	text-shadow: 1px 1px #FFF;
	
	margin-top: 10px;
}

#footer .twitter_status img {
	float: left;
	margin: 0px 12px 0px 0px;
	width: 40px;
}
#footer .twitter_status b {
	font-size: 10px;
	text-transform: uppercase;
	
	font-weight: normal;
}
#footer .twitter_status h5 {
	font-weight: bold;
	font-size: 14px;
}
/* GROUP */
#group_sidebar {
	border-right: 1px solid #eee;
	overflow-y:visible;
	min-height: 600px;
}
#group_sidebar strong {
	margin: 20px 0px 5px 0px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	
	display: block;
}
#group_sidebar li {
	border-bottom: 1px dotted #666;
	font-size: 11px;
	line-height: 18px;
	width: 90%;
	margin: 10px 0px;
	
	padding-left: 10px;
	background: url(../images/arrow.gif) no-repeat 0px 6px;
}

#group_sidebar li ul.inner-child li {
	background: transparent !important;
}

#group_sidebar h1 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	text-shadow: 1px 1px #FFF;
	
	margin: 40px 0px 20px 0px;
}
#group_sidebar p {
	line-height: 24px;
	font-size: 12px;
	color: #5a5959;
	width: 200px;
}
#group_sidebar .price_select li a {
	color: #000;
}
#group_sidebar .price_select li .selected_price {
	background: url(../images/close_price.png) no-repeat;
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -999em;
	float: right;
	color: #FFF;
}
#group_sidebar .price_select li .selected_price a {
	color: #FFF;
}
#product_group {
	border-right: 1px solid #eee;
	margin-top: 20px;
	padding-right: 10px;
	position: relative;

}
.group_sidebar_artikelen img{
	float: left;
	margin-right: 10px;
}
.group_sidebar_artikelen h2 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 20px 0px;	
}
.last_group {
	margin-right: 0px !important;
	border-right: 1px solid #fff !important;
}
#product_group .image {
	text-align: center;
}
#product_group img {
	margin: 20px 0px;

}
#product_group a {
	color: #396F00;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
}
#product_group span.brand {
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
	display: block;
}
#product_group span.new {
	background: url(../images/new_small.gif) no-repeat;
	width: 50px;
	height: 20px;
	display: block;
	position: absolute;
	margin-top: -20px;
	text-indent: -999em;
}
#product_group span.price {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	display: block;
	margin: 10px 0px;
}
#product_group span.sale-price {
	font-size: 12px;
	color: #666;
	text-decoration: line-through;
	font-weight: bold;
	display: block;
	margin: 10px 0px;
}

h2.sale {
	text-decoration: line-through;
}

#product_group .quikview_label {
    
    display: block;
    position: absolute;
    text-shadow: 1px 1px #FFFFFF;
    top: 10px;
	right: 10px;
    width: 30px;
	z-index: 10;
	border: 1px solid #CCCCCC;
}
#product_group .quikview_label a {
	background: url(../images/zoom.gif) 5px 4px no-repeat #EEEEEE;
	display: block;
	z-index: 999;
	height: 20px;
	padding: 5px 10px;
}
/* PRODUCT */
#product .image {
	margin: 10px 20px 0px 0px;
	border-right: 1px solid #eee;
	
	width: 500px;
	float: left;
}
#product .image_thumbs li {
	margin: 5px 10px;
	float: left;
	display: block;
}
#product .image_thumbs li img{
	cursor: pointer;
	
}
#product h1 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 20px 0px;
}
#product h1.title{
    background: #eee;
    color: #333333;
    font-size: 18px;
    margin: 20px 0 5px;
    padding: 10px;
    position: relative;
    text-shadow: 1px 1px #FFFFFF;
    width: 387px;
}
#product h1 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-transform: uppercase;
	display: block;
	font-weight: normal;
}
#product ul.attributes li {
	display: block;
	margin: 5px 0px;
	height: 16px;
	padding: 10px 0px;	
	font-size: 12px;
	color: #5A5959;
	border-bottom: 1px solid #ccc;
}
#product ul.attributes li strong {
	display: block;
	width: 150px;
	height: 24px;
	float: left;
}
#product ul.attributes li img {
	float: left;
	position: relative;
    top: -7px;
}
#product span.brand {
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
	display: block;
	margin-bottom: 10px;
}
#product h2 {
	color: #999;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	clear: both;
	margin: 20px 0px 10px 0px;	
}
#product p {
	line-height: 24px;
	font-size: 12px;
	color: #5a5959;
}
#product .review img {
	float: left;
}
#product .review a { 
	color: #0066cc;
	text-decoration: none;
	font-size: 12px;
	line-height: 28px;
	margin-left: 10px;
}
#product small {
	font-size: 11px;
	display: block;
	margin: 10px 0px;
	color: green;
}
#product div.selector {
	width: 350px !important;
}
#product div.selector span {
	width: 300px !important;
}
#product select {
	width: 320px !important;
}

#product .review_block {
	border-bottom: 1px solid #eee;
	padding: 10px 0px;
}

#product .review_block h3{
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 10px 0px;
}
#product .social_links li {
	display: block;
	margin: 10px;
	float: left;
}
#product .product_social { 
	display: block;
}

/* PAGE */
#page h1 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 20px 0px;
}
#page p {
	line-height: 18px;
	font-size: 12px;
	color: #333;	
    text-shadow: 1px 1px #FFFFFF;
	padding-bottom: 10px;
}
#page strong {
	font-weight: bold;
}
#page h2 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 20px 0px;
}
/* CART */
#cart h1 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 20px 0px;
}
#cart p {
	
	font-size: 12px;	
}
#cart table th {
	background: #eee;
	color: #333;
	text-align: left;
	padding: 10px;
	font-weight: bold;
	
	font-size: 12px;
}
#cart table td { 
	vertical-align: middle;
	
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	
	padding: 5px;
	margin: 5px 0px;
	
	font-size: 12px;
}
#cart table td ul li {
	padding: 5px 0px;
	border-bottom: 1px dotted #999;
}
#cart table td ul li strong {
	display: block;
	float: left;
	width: 150px; 
}
#cart table td .image {
	float: left;
	margin-right: 10px;
	overflow: visible;
}
#cart table td .product {
	margin-left: 80px;
}
#cart table td .product p {
		line-height: 18px;
	font-size: 11px;
	color: #5a5959;	
}
#cart table td small {
	text-transform: uppercase;
	color: #999;
	font-size: 11px;
	margin: 5px;
	clear: both;
	display: block;
} 
#cart table td strong {
	font-weight: bold;
}
#cart table td h2 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 1px 1px #FFF;
	
	margin: 10px 0px 10px 0px;
}
#cart #costs td {
	padding-top: 10px;
}
#cart #costs td strong {
	display: block;
	position: absolute;
	right: 80px; 
}
#cart #costs td.total {
	font-size: 18px;
	padding-top: 20px;
}

/* CHECKOUT */
#checkout {
	line-height: 24px;
	font-size: 12px;
	color: #5a5959;	
}
#checkout h1 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 20px 0px;
}
#checkout h2 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 1px 1px #FFF;
	
	margin: 10px 0px 10px 0px;
}
#checkout input[type="text"] {
	margin: 5px 0px;
}
#checkout .factuur, #checkout .aflever  {
	padding: 10px 0px;
	
	margin: 20px 0px;
}
#checkout strong {
	font-weight: bold;
	font-size: 14px;
}
#checkout .factuur h2, #checkout .aflever h2 {
	margin-top: 0px !important;
}
#checkout div.radio {
	float: left;
	height: 40px;
}
#checkout ul li {
	border-bottom: 1px solid #eee;
	clear: both;
	margin: 5px 0px;
}
#checkout ul li div {
	position: relative;
	top: 15px;
	margin-right: 20px;
}
#checkout_sidebar {
	padding: 10px;
}
#checkout_sidebar h2 {
	margin: 20px 0px 10px 0px;
   	color: #3B3B3B;
    font-family: 'Myriad Pro',Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px #FFFFFF;	
}
#checkout_sidebar strong {
	font-weight: bold;
} 

/* SEARCH */
#search h1 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	text-shadow: 1px 1px #FFF;
	
	margin: 20px 0px 20px 0px;
}

/* ARTIKELEN */
#artikelen li {
	height: 70px;
	border-bottom: 1px solid #eee;
}
#artikelen li img{
	float: left;
	margin-right: 20px;	
}
#artikelen li h3 {
	color: #000;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 1px 1px #FFF;
	
	margin: 10px 0px 10px 0px;
}
/* TABS */
.tabs { width: 100%; clear: both; }
.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; display: block; height: 43px; background: #eee; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; padding: 5px; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px; color: #666; font-weight: bold; text-decoration: none; font-size: 16px; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; border-bottom: 1px solid #000; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #000 !important; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-state-active { background: #FFF; }

/* DIALOG */
#dialog-modal p { line-height: 24px; font-size: 12px; color: #5a5959;}

#dialog-modal .product { float: left; width: 330px; padding: 10px; }
#dialog-modal .product img { float: left; margin-right: 0px;}
#dialog-modal .product span { text-transform: uppercase; font-size: 10px; color: #000; }

#dialog-modal .cart { border-left: 1px solid #eee; text-align: right; float: left; padding: 10px; width: 325px;}
#dialog-modal .cart h2 { font-family: Arial, Helvetica, sans-serif; margin: 10px 0px; font-size: 18px; }
#dialog-modal .cart h2 span { display: block; text-transform: uppercase; font-size: 10px; color: #666; }

#dialog-modal .related ul li { display: block; float: left; width: 220px; border-right: 1px solid #eee; margin-right: 10px;}
#dialog-modal .related ul li.last { border-right: 0px solid #eee !important; margin-right: 0px !important;}
#dialog-modal .related ul li span { font-weight: bold; font-size: 12px; }
#dialog-modal .related ul li .image { text-align: center;}
#dialog-modal .related ul li h3 { font-size: 12px; margin: 5px 0px;}

#dialog-modal h1 { background: #eee; padding: 10px; color: #000; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; text-shadow: 1px 1px #FFF; margin: 20px 0px 20px 0px;}
#dialog-modal h2 { color: #000; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin: 0px 0px 10px 0px;}

.ui-dialog { position: fixed; padding: .2em; width: 300px; height: 400px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; display: block; height: 21px; }
.ui-dialog .ui-dialog-title { display: none; float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: -0px; top: 50%; width: 27px; margin: -10px 0 0 0; padding: 1px; height: 27px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; text-indent: -9999em; }
.ui-dialog .ui-dialog-content { clear: both; position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-dialog .ui-widget .ui-widget { font-size: 1em; }
.ui-dialog .ui-widget-content { overflow: hidden; border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-dialog .ui-widget-content a { color: #222222/*{fcContent}*/; }


.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #fff/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .6;filter:Alpha(Opacity=60)/*{opacityOverlay}*/; }
.loading { left: 45%; position: absolute; top: 350px; z-index: 10; font-size: 16px; font-weight: bold; text-align: center}


/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }


/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }