@font-face {
	font-family: 'OtariBold-Limited';
	src: url('/webfont/otari-bold-limited-webfont.eot');
	src: local('☺'), url('/webfont/otari-bold-limited-webfont.woff') format('woff'), url('/webfont/otari-bold-limited-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



body { color:#505050; font-family:Arial; font-size:12px; line-height:16px; margin:0px; padding:0px; }
h1 { color:#666; font-family:OtariBold-Limited, Arial; font-size:24px; font-weight:normal; letter-spacing:0.5px; line-height:20px; margin:0px; padding:0px 0px 11px 0px; }
h2 { font-size:14px; font-weight:normal; line-height:14px; margin:0px; padding:0px 0px 11px 0px; }
h3 { color:#444; font-size:12px; font-weight:normal; margin:0px; padding:6px 0px; }
h4 { font-family:Verdana; font-size:11px; font-weight:bold; margin:0px; padding:4px 0px 12px 0px; }
img { border:none; }
label { cursor:pointer; }


/* --- global attributes --- */
.bold { font-weight:bold; }
.center { text-align:center; }
.clickable { cursor:pointer; }
.distance_double_bottom { margin-bottom:22px !important; }
.distance_double_left { margin-left:22px !important; }
.distance_double_right { margin-right:22px !important; }
.distance_double_top { margin-top:22px !important; }
.distance_mini_left { margin-left:5px !important; }
.distance_mini_top { margin-top:5px !important; }
.distance_single_bottom { margin-bottom:11px !important; }
.distance_single_left { margin-left:11px !important; }
.distance_single_right { margin-right:11px !important; }
.distance_single_top { margin-top:11px !important; }
.error { color:red !important; }
.inner_distance_content_left { padding-left:28px !important; }
.inner_distance_content_right { padding-right:28px !important; }
.inner_distance_double_bottom { padding-bottom:22px !important; }
.inner_distance_double_left { padding-left:22px !important; }
.inner_distance_double_right { padding-right:22px !important; }
.inner_distance_double_top { padding-top:22px !important; }
.inner_distance_single_bottom { padding-bottom:11px !important; }
.inner_distance_single_left { padding-left:11px !important; }
.inner_distance_single_right { padding-right:11px !important; }
.inner_distance_single_top { padding-top:11px !important; }
.invisible { display:none; }
.left { float:left !important; }
.normal { font-weight:normal !important; }
.right { float:right !important; }
.text_right { text-align:right; }
.upper { text-transform:uppercase; }


/* --- button --- */
a.button100, a.button150, a.button200, a.button_cart, a.button_checkout, a.button_info { background:no-repeat 0px 0px; color:#222222; cursor:pointer; display:block; font-size:11px; font-weight:bold; height:26px; text-decoration:none; }
a.button100 span, a.button150 span, a.button200 span, a.button_cart span, a.button_checkout span, a.button_info span { color:white; display:block !important; line-height:11px !important; padding:7px 0px 6px 8px !important; } 
a.button100:hover, a.button150:hover, a.button200:hover, a.button_cart:hover, a.button_checkout:hover, a.button_info:hover { background-position:0px -26px; text-decoration:none; }
a.button100 { background:url('/img/button100.png'); width:100px; }
a.button150 { background:url('/img/button150.png'); width:150px; }
a.button200 { background:url('/img/button200.png'); width:200px; }
a.button_cart { width:125px; }
a.button_cart span { color:white; padding-left:24px !important; }
a.button_checkout { width:114px; }
a.button_checkout span { color:white; padding-left:24px !important; }
a.button_info { width:125px; }
a.button_info span { color:white; padding-left:24px !important; }
a.delete { background:url('/img/delete.png'); display:block; height:20px; width:20px; }
a.delete:hover { background-position:0px -20px; }
a.fb { background:url(/img/fbshare.gif); border-right:1px #29447e solid; display:inline; padding:2px 5px 2px 23px !important; text-decoration:none !important; }
a.fb span { color:white; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:10px; font-weight:bold; line-height:10px; }

/* --- share --- */
div.fbshare { background:url(/img/fbshare.gif); border-right:1px #29447e solid; display:inline; padding:2px 5px 2px 23px !important; text-decoration:none !important; }
div.fbshare a { color:white; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:10px; font-weight:bold; line-height:10px; text-decoration:none; }


/* --- global Design --- */
.bold18 { font-size:18px; font-weight:bold; }
.column { width:273px; }
.column_large { width:315px; }
.column_small { width:200px; }
.column_wide { width:385px; }
small, .smalltext { color:#999999; font-size:10px; line-height:12px; }
.smalltext a { color:#999999; text-decoration:underline; }
.smalltext a:hover { color:#505050; }
.oldprice { text-decoration:line-through; }


/* --- Links --- */
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a.arrowlink { color:#666666; background:url(/img/arrow.gif) 0px 5px no-repeat; padding-left:8px; }
a.arrowlink_back_big_left_cart, a.arrowlink_back_big_left_customer, a.arrowlink_back_big_left_shop { background:url() 0px 2px no-repeat; padding-left:19px; }
a.arrowlink_back_big_right_cart, a.arrowlink_back_big_right_customer, a.arrowlink_back_big_right_info { background:url() right 2px no-repeat; padding-right:19px; }
a.arrowlink_back_mega_right_cart { background:url('/img/mega_send.png') right 2px no-repeat; font-size:15px; font-weight:bold; padding-right:19px; }
a.grey { color:#666666; }
a.submitlink { background:url(/img/submitlink.gif) 0px 5px no-repeat; color:black; font-weight:bold; padding-left:12px; }
a.highlight { background:url('/img/link_highlight.png') no-repeat 0px 5px; color:#ff8f25; padding-left:7px; }


/* --- Form Design --- */
input.error { border:1px red solid !important; }
input.form, select.form { border:1px #4a4a4a solid; font-face:Arial; margin-top:2px; padding:4px 6px; width:200px; }
input.form_large { border:1px #4a4a4a solid; font-face:Arial; margin-top:2px; padding:4px 6px; width:400px; }
input.form_medium { border:1px #4a4a4a solid; font-face:Arial; margin-top:2px; padding:4px 6px; width:150px; }
input.form_small { border:1px #4a4a4a solid; font-face:Arial; margin-top:2px; padding:4px 6px; width:100px; }
select.error { border:1px red solid !important; }
select.form { width:210px; }
textarea.form { border:1px #4a4a4a solid; font-face:Arial; height:100px; margin-top:2px; padding:4px 6px; width:300px; }


/* --- Table --- */
table.list { width:100%; }
table.list tr.bold td { font-weight:bold; padding:2px 0px 10px 0px; }
table.list tr td { padding:2px 0px; vertical-align:top; }
table.list tr td.valignmiddle { vertical-align:middle; }


/* --- Noticebox --- */
div#noticebox_background { background:black; left:0px; position:absolute; top:0px; width:100%; z-index:100000; }
div#noticebox_box { background:white; height:440px; margin:-215px 0px 0px -300px; left:50%; position:fixed; top:50%; width:600px; z-index:100001; }
div#noticebox_box div.close { position:absolute; right:15px; top:15px; z-index:100003; }
div#noticebox_box div.html { height:400px; left:15px; overflow:hidden; position:absolute; top:15px; width:570px; z-index:100002; }


/* --- Information Box --- */
div.generalbox { background-position:3px 3px; background-repeat:no-repeat; border:1px solid; font-size:11px; margin:10px 0 13px 0px; padding:3px 4px 2px 24px; text-align:left; }
div.errorbox { background-image:url(/img/icons/exclamation.png); border-color:#E86958; }
div.noticebox { background-image:url(/img/icons/error.png); border-color:#F5D851; }
div.infobox { background-image:url(/img/icons/information.png); border-color:#628AB6; }
div.okbox { background-image:url(/img/icons/accept.png); border-color:#7DBC66; }


/* --- Main Navigation ---- */
ul#mainnavigation { height:40px; list-style:none; margin:0px; overflow:hidden; padding:0px; }
ul#mainnavigation li { float:left; background-position:left 0px; background-repeat:none; font-family:Verdana; font-size:13px; height:40px; margin-right:0px; padding:19px 14px 0px 14px; }
ul#mainnavigation li.tab_active { padding-top:9px; }
ul#mainnavigation li.tab_cart_active a { color:#505050; }
ul#mainnavigation li.tab_customer_active a { color:#505050; }
ul#mainnavigation li.tab_info_active a { color:#505050; }
ul#mainnavigation li.tab_shop_active a { color:#505050; }
ul#mainnavigation li a { color:#747474; }
ul#mainnavigation li a:hover { color:#505050; text-decoration:none; }


/* --- Sub Navigation ---- */
ul#subnavigation { height:35px; list-style:none; margin:0px; padding:0px 0px 0px 14px; position:relative; z-index:10100; }
ul#subnavigation li { float:left; font-family:Verdana; margin:9px 18px 0px 0px; padding:0px; }
ul#subnavigation li a { background:url() no-repeat right 4px; padding-right:12px; }
ul#subnavigation li.subnav_shop a { background:url() no-repeat right 5px; padding-right:14px; }
ul#subnavigation li.subnav_shop_detailsearch { float:right; }
ul#subnavigation li ul.dropdownselect { left:0px; list-style:none; margin:0px; padding:10px 0px 0px 0px; position:absolute; top:25px; z-index:10100; }
ul#subnavigation li ul.dropdownselect li { margin:0px; padding:0px; }
ul#subnavigation li ul.dropdownselect li ul { list-style:none; margin:0px; padding:0px; }
ul#subnavigation li ul.dropdownselect li ul li { float:none; margin:0px; padding:6px 0px; width:158px; }
ul#subnavigation li ul.dropdownselect li ul li.left { float:left; }
ul#subnavigation li ul.dropdownselect li ul li.selected { font-weight:bold; }
ul#subnavigation li ul.dropdownselect li ul li div { height:16px; margin:0px 14px; overflow-y:hidden; }
ul#subnavigation li ul.dropdownselect li ul li div a { background:none; text-decoration:none; }


/* --- Sitecontent Holder --- */
div#sitecontent { left:50%; margin-left:-491px; padding-bottom:50px; position:absolute; top:0px; width:982px; }
div#sitecontent div#content { width:632px; }
div#sitecontent div#header { padding:15px 0px; }
div#sitecontent div#header div.seallist { margin-right:0px; }
div#sitecontent div#sidebar_left { margin-right:18px; padding-top:40px; width:182px; }
div#sitecontent div#sidebar_right { margin-left:18px; width:132px; }
div#sitecontent div#sidebar_right div.languages { height:24px; padding-top:15px; }


/* --- Content Row --- */
div#sitecontent div#content div.facebar { background:white; margin-top:10px; }
div#sitecontent div#content div.facebar iframe { margin:5px 28px; }
div#sitecontent div#content div.innercontent { background:white; min-height:600px; height:auto !important; height:600px; }
div#sitecontent div#content div.innercontent div.content { margin:0px 28px; padding:30px 0px 20px 0px; }


/* --- Sitecontent Footer --- */
div#sitecontent div#footer { padding-top:10px; }
div#sitecontent div#footer div.footer_center { background:white; width:632px; }
div#sitecontent div#footer div.footer_center div.content { font-size:10px; margin:0px 10px; padding:7px 0px; }
div#sitecontent div#footer div.footer_center div.content div.box b { font-size:11px; }
div#sitecontent div#footer div.footer_center div.content div.box ul { margin:4px 0px 0px 0px; padding:0px; }
div#sitecontent div#footer div.footer_center div.content div.box ul li { line-height:13px; list-style:none; margin:0px; padding:0px; }
div#sitecontent div#footer div.footer_center div.content div.box ul li a { color:#505050; }
div#sitecontent div#footer div.footer_center_clean { color:#AAAAAA; font-size:10px; line-height:13px; width:632px; }
div#sitecontent div#footer div.footer_center_clean a { color:#AAAAAA; }
div#sitecontent div#footer div.footer_left { margin-right:18px; width:182px; }
div#sitecontent div#footer div.footer_right { margin-left:18px; width:132px; }


/* --- Content Row Lists --- */ 
div#sitecontent div#content div.innercontent div.content_list_headline { background:#f3f3f3; font-size:14px; font-weight:bold; margin:11px 11px 0px 11px; padding:10px 17px 5px; }
div#sitecontent div#content div.innercontent div.content_list_line { background:#f3f3f3; margin:0px 11px; padding:5px 17px 10px 17px; }
div#sitecontent div#content div.innercontent div.content_list_line h2 a.dropboxarrow { background:url('') 0px 6px no-repeat; color:#505050; font-weight:bold; padding-left:10px; }
div#sitecontent div#content div.innercontent div.content_list_line div.answer { padding-top:10px; }
div#sitecontent div#content div.innercontent div.content_list_line_active { background:#eee; }


/* --- Sidebar --- */
div#sitecontent div#sidebar_left div.teaserholder { margin-bottom:11px; }
div#sitecontent div#sidebar_left div.teaserholder div.teaser { background:white; border-top:3px red solid; margin-bottom:11px; width:182px; }
div#sitecontent div#sidebar_left div.teaserholder div.teaser div.teasercontent { margin:0px 9px 0px 9px; padding-bottom:9px; }
div#sitecontent div#sidebar_left div.teaserholder div.teaser div.teaserheadline { text-align:center; }

div#sitecontent div#sidebar_right div.teaserholder { margin-bottom:11px; }
div#sitecontent div#sidebar_right div.teaserholder div.teaser { background:white; border-top:3px red solid; margin-bottom:11px; width:132px; }
div#sitecontent div#sidebar_right div.teaserholder div.teaser div.teasercontent { margin:0px 9px 0px 9px; padding-bottom:9px; }
div#sitecontent div#sidebar_right div.teaserholder div.teaser div.teasercontent ul { list-style:none; margin:0px; padding:0px; }
div#sitecontent div#sidebar_right div.teaserholder div.teaser div.teaserheadline { text-align:center; }

div#sitecontent div#sidebar_right div.teaserholder_cartadded { background:url('/img/added2cart.gif') center bottom; position:absolute; right:0px; top:50px; width:132px; }
div#sitecontent div#sidebar_right div.teaserholder_cartadded div.teasercontent { margin:0px 9px 0px 9px; padding:7px 0px 12px 0px; }


/* --- Shop --- */
div#sitecontent div#content div.innercontent div.articlecontent { background:#f3f3f3; margin:30px 11px 11px 11px; position:relative; }
div#sitecontent div#content div.innercontent div.articlecontent div.contentbox { padding:17px; }
div#sitecontent div#content div.innercontent div.articlecontent div.contentbox div.articleimage { position:relative; }
div#sitecontent div#content div.innercontent div.articlecontent div.contentbox div.articleimage img.zoom { bottom:5px; position:absolute; right:5px; z-index:10000; }
div#sitecontent div#content div.innercontent div.articlecontent div.contentbox div.articleimages { position:relative; }
div#sitecontent div#content div.innercontent div.articlecontent div.contentbox div.articleimages div.suggest { bottom:0px; position:absolute; right:0px; width:155px; }
div#sitecontent div#content div.innercontent div.article_holder { background:#eee; float:left; padding:11px; position:relative; }
div#sitecontent div#content div.innercontent div.article_holder div.article { width:162px; }
div#sitecontent div#content div.innercontent div.article_holder div.article div.articlepic { background:center center no-repeat; height:201px; overflow:hidden; position:relative; width:162px; }
div#sitecontent div#content div.innercontent div.article_holder div.article div.articlepic div.image { background:no-repeat; height:201px; left:0px; position:absolute; top:0px; width:162px; z-index:1; } 
div#sitecontent div#content div.innercontent div.article_holder div.article div.articlepic div.number { background:red; color:white; font-size:11px; left:0px; line-height:11px; padding:4px 7px; position:absolute; top:0px; width:120px; z-index:2; }
div#sitecontent div#content div.innercontent div.article_holder img.new { position:absolute; right:3px; top:3px; z-index:3; }
div#sitecontent div#content div.innercontent div.article_holder img.reduced { position:absolute; right:5px; top:0px; z-index:3; }
div#sitecontent div#content div.innercontent div.rightarrowbutton { width:155px; background:url() 143px 6px no-repeat; height:20px; }
div#sitecontent div#content div.innercontent div.rightarrowbutton div { margin-right:18px; padding-top:3px; text-align:right; }
div#sitecontent div#content div.innercontent div.rightarrowbutton_small { width:90px; background:url() 78px 6px no-repeat; height:20px; }
div#sitecontent div#content div.innercontent div.rightarrowbutton_small div { margin-right:18px; padding-top:3px; text-align:right; }
div#sitecontent div#content div.innercontent span.oldprice { padding-top:5px; text-decoration:line-through; }
div#sitecontent div#content div.innercontent span.price { font-size:24px; font-weight:bold; text-align:right; }
div#sitecontent div#content div.innercontent ul.pagingselector { background:#eee; height:20px; list-style:none; margin:0px; padding:0px; }
div#sitecontent div#content div.innercontent ul.pagingselector li { float:left; line-height:12px; padding:4px 0px; text-align:center; width:20px; }
div#sitecontent div#content div.innercontent ul.pagingselector li.active { color:white; }
div#sitecontent div#content div.innercontent ul.pagingselector li a { color:#505050; text-decoration:none; }

div#sitecontent div#content div.innercontent div.selectarticlesize { background:white url() 141px 7px no-repeat; height:20px; list-style:none; margin:0px; padding:0px; position:relative; }
div#sitecontent div#content div.innercontent div.selectarticlesize div.sizeposition { margin-left:5px; padding-top:3px; }
div#sitecontent div#content div.innercontent ul.selectedArticleSizeUL { left:0px; list-style:none; margin:0px; padding:0px; position:absolute; top:20px; }
div#sitecontent div#content div.innercontent ul.selectedArticleSizeUL li { background:blue; padding:2px 0px; width:155px; }
div#sitecontent div#content div.innercontent ul.selectedArticleSizeUL li:hover { background:red; }
div#sitecontent div#content div.innercontent ul.selectedArticleSizeUL li span { margin-left:5px; }


/* --- jconfirmaction plugin --- */
div.jconfirm_question { background:url('/img/confirm_bubble.png') left top no-repeat; display:inline; font-size:13px; height:78px; line-height:1.5em; margin-top:-6em; padding:10px 0px 0px 0px; position:absolute; text-align:center; width:174px; }
span.jconfirm_yes, span.jconfirm_cancel { background:url('/img/confirm_button.png') left top no-repeat; color:white; cursor:pointer; display:inline-block; height:21px; margin-top:.5em; margin-right:.5em; width:63px; }


/* --- cloud zoom --- */
.cloud-zoom-big { overflow:hidden; }
.cloud-zoom-lens { background-color:#fff; border:4px solid #888; cursor:move; margin:-4px; }
.cloud-zoom-loading { background:#222; border:1px solid #000; color:white; padding:3px; }
.cloud-zoom-title { background-color:#000; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding:3px; position:absolute !important; text-align:center; top:0px; width:100%; }


/* --- Color Information --- */
div.colorbox { border:1px solid #E2E2E2; height:25px; overflow:hidden; width:25px; }
div.colorbox_small { border:1px solid #E2E2E2; cursor:help; display:inline; height:10px; overflow:hidden; width:10px; }


/* --- Lists --- */
ul.ticklist { list-style:none; margin:0px; padding:0px; }
ul.ticklist li { background:url('/img/tick_small.png') no-repeat; padding:0px 0px 3px 16px; }


/* --- Startpage Content --- */
div.startcontent_teaser { background:red; height:170px; position:relative; width:305px; }
div.startcontent_teaser div.textcontainer { width:146px; }
div.startcontent_teaser ul.pagingselector { bottom:10px; position:absolute; right:0px; }










/* Most common stuff you'll need to change */

	.coda-slider-wrapper { margin-top:-25px; }
	.coda-slider { }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height:200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width:576px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Tab nav */
	.coda-nav { width:576px !important; }
	.coda-nav ul { height:14px; list-style:none; margin:0px 0px 15px 0px; padding:0px; }
	.coda-nav ul li { float:left; margin-left:6px; }
	.coda-nav ul li a { background:url('/img/relatedsprite.png'); display:block; height:14px; width:14px; }
	.coda-nav ul li a.current { background-position:0px -20px; }

	/* Panel padding */
	.coda-slider .panel-wrapper { }
	.coda-slider .panel-wrapper div.item { background:white; border:1px #cccccc solid; margin:0px 11px 11px 0px; padding:4px; }
	.coda-slider .panel-wrapper div.item div.subline { font-size:18px; padding-top:5px; }
	
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

	
	







div.jcarousel-skin-article div.jcarousel-container { margin-top:11px; }
div.jcarousel-skin-article div.jcarousel-container-horizontal { width:300px; }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-clip { overflow:hidden; }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-next-horizontal { background:url('/img/articleimgsprite.png') -20px 0px; cursor:pointer; height:20px; position:absolute; right:0px; top:28px; width:20px; }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-next-horizontal:hover { background-position:-20px -20px; }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-prev-horizontal { background:url('/img/articleimgsprite.png') 0px 0px; cursor:pointer; height:20px; left:0px; position:absolute; top:28px; width:20px; }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-prev-horizontal:hover { background-position:0px -20px; }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-clip-horizontal { height:75px; left:28px; position:absolute; top:0px; width:245px; }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-clip ul.jCarouselCircular { }
div.jcarousel-skin-article div.jcarousel-container div.jcarousel-clip ul.jCarouselCircular li.jcarousel-item { margin-right:10px; }

ul.jcarousel-skin-article { height:75px; list-style:none; padding-left:0px; }
ul.jcarousel-skin-article li { float:left; margin-right:10px; }









/* Dropdown control */

a.sbmini { width:15px; }
a.sbsmall { width:50px; }
a.sbwide { width:200px; }

.selectBox-dropdown {
	width: 82px; /* width = (desired width) - padding-right */
	padding-right: 40px;
	position: relative;
	border: solid 1px #BBB;
	line-height: 1.5;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
}

.selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { /*border-color: #666;*/ }

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label { display:inline-block; overflow:hidden; padding:2px 7px; white-space:nowrap; width:100%; }

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url(/img/jquery.selectBox-arrow.gif) 50% center no-repeat;
	border-left: solid 1px #BBB;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	width: 250px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus { border-color:#666; }


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}



/* --- mobile demo --- */
div.mobiledevice { background:url('/img/mobiledevice.png'); height:493px; position:relative; width:223px; }
div.mobiledevice div.glare { background:url('/img/mobiledevice_glare.png'); height:219px; position:absolute; right:21px; top:75px; width:74px; z-index:2; }
div.mobiledevice div.slides { height:273px; left:20px; position:absolute; top:75px; width:182px; }