/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   -----------------------------------------------------------------------------------------
   
   Blue Passion Template & Stylesheets
   -----------------------------------------------------------------------------------------
   (c) 2007 Ing. Michael Fuerst
       bluegate communications
	   http://www.bluegate.at
   ---------------------------------------------------------------------------------------
   modified by noRiddle, Germany
   ----------------------------------------------------------------------------------------*/

/*IE 5.5 and IE 6 png Fix*/
img, div { behavior: url(iepngfix.htc) }

/* THE BIG GUYS */
* {margin:0;padding:0}
body {color:#000; font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; margin:0; padding:0; background-image:url(img/bg.gif); background-repeat:repeat-x; background-color:#B9D9ED;}

/* HEADINGS */
h1 {color:#0066B4;font-weight:bold;font-size:22px;margin:20px 0px 15px 0px;padding:0px 0px 3px 0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#0066B4;}
h2 {color:#0066B4; font-weight:bold;font-size:16px;margin:15px 0px 8px 0px;padding:0px;}

/* LINKS GLOBAL */
a,a:link {background:transparent; color:#33f; text-decoration: underline; cursor:pointer;}
a:hover,a:active {color:#4370C7; text-decoration:none;}
a img {border:none}
:focus {outline:0; -moz-outline-style: none;}
input[type=submit]::-moz-focus-inner {border: none;}
select:focus {outline:0;}
select[name=""]::-moz-focus-inner {border: none;}

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {font-family:Arial,Verdana,Sans-serif; font-size:12px; padding:2px}
textarea {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE;}
select {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}
select:focus {outline:0;}

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}

/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px}

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {padding:0; margin:0; height:1px; overflow:hidden; line-height:1px; border:none}
div.hrlightgrey {padding:0; height:1px; overflow:hidden; margin:0; line-height:0px; background-color:#0086D3}
div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(img/hr_productpreview.gif)}

/* TABLE GLOBAL */
table td {padding:2px;}

/* WHOLE SITE WRAPPER */
#wrap {	margin: 0 auto; width:950px; background-color:#fff; border-style:solid; border-color:#fff; border-width:0px 15px 0px 15px;}

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {height:130px; background-color:#ffffff; border-top: 10px solid #CCE968;}
#header	#logo {padding:15px 10px 0px 0px; float:left; width:366px;}

/***** SEARCH AND LOGIN - BOXEN AUSKOMMENTIERT, noRiddle
#header #search {position: relative; height:38px; width:337px; float:right; background-image:url(img/bg_searchbox.jpg); background-repeat:no-repeat; color:#000; font-size:11px; padding:0; margin:0; white-space:nowrap; box-shadow: 4px 4px 8px #B3B3B3; -moz-box-shadow: 4px 4px 8px 2px #B3B3B3; -webkit-box-shadow: 4px 4px 8px #B3B3B3;}
#header #search a {color:#7D9A15; font-size:11px;}
#header #search table.tablesearch {padding:5px 5px 0px 15px; margin:0;}
#header #search table.tablesearch tr td {padding:0px 5px 0px 0px; white-space:nowrap}
#header #search table.tablesearch tr td.firstcol {padding-left:0px;}
#header #search table.tablesearch tr td input[type=text] {border:1px solid #A1C130}

#header #loginarea {position: relative; height:44px; width:464px; float:right; background-image:url(img/bg_loginarea.jpg); background-repeat:no-repeat; color:#0066B4; font-size:11px; padding:6px 0px 0px 6px; margin:18px 0px 0px 0px; white-space:nowrap;}
#header #loginarea table tr td {padding:0px 0px 0px 8px; margin:0; white-space:nowrap}
#header #loginarea table tr td input[type=text], #header #loginarea table tr td input[type=password] {border:1px solid #0066B4; margin-bottom:2px;}
#header #loginarea a {color:#fff;}
END SEARCH AND LOGIN - BOXEN AUSKOMMENTIERT, noRiddle *****/

/* BREADCRUMB PATH AS LIST */
#breadcrumb {clear:both; color:#88A61E; padding:0px 0px 0px 25px; list-style-type:none; background-color:#fff; height:26px; background-image:url(img/bg_breadcrumb.gif); background-repeat:no-repeat; font-size:11px; margin-bottom:15px; white-space:normal; box-shadow: 4px 4px 8px #B3B3B3; -moz-box-shadow: 4px 4px 8px 2px #B3B3B3; -webkit-box-shadow: 4px 4px 8px #B3B3B3;}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {line-height:26px; text-decoration:none; font-weight:normal; cursor:pointer; color:#4D8113; margin:0; padding:0; white-space:normal;}
#breadcrumb a:hover {text-decoration:underline;}

/* TOPMENU AS LIST */
#topmenuwrap {background: url(img/bg_topmenu.gif) repeat-x; border-bottom: solid 5px #0066B4;}
#topmenu {float:left; padding:0; margin:0px; list-style-type:none; height:36px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x;}
#topmenu li {height:36px; float:left; padding: 0px 0px 0px 0px;}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:active {display:block; line-height:33px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer; color:#fff; margin:0px; padding:0px 25px 0px 25px; border-width:2px; border-color: #38B6FF #0086D3 #0086D3 #38B6FF; border-style:solid;}
#topmenu a:hover {color:#DCDCDC; background: url(img/bg_topmenu.gif) 0 -36px repeat-x; border-color: #0074B8 #05A3FF #1FADFF #0074B8;}

/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages {text-align:right; height:26px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x; padding: 10px 10px 0px 0px; margin:0;}


/* CONTENT WRAPPER */
#contentwrap {clear:both; float:left; width:950px; padding:0;}

/* LEFT COLUMN */
#leftcol {float:left; width:200px; padding:0px 0px 15px 0px;}

/* RIGHT COLUMN */
#rightcol {float:right; width:200px; padding:0px 0px 15px 0px;}

/* MAIN CONTENT */
#content {float:left; width:500px; padding:0px 25px 0px 25px; margin-bottom:15px; margin-top:-13px;}
#contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;}


/* CATEGORY MENU */
h2.categoryheader {font-size:22px; color:#5A9D08; padding:5px 0px 5px 3px; margin:0;vertical-align:middle; border-bottom: solid 0px #0086D3;}
h2.categoryheader a {text-decoration:none; color:#5A9D08;}
ul#categorymenu {border-style:solid; border-width:2px; border-color:#0086D3; margin-bottom:20px;}
/* 1st TIER */
ul#categorymenu li.level1 {list-style-type:none; background: url(img/bg_catmenu.gif) repeat-x; font-size:13px; padding:0px 0px 0px 0px;}
ul#categorymenu li.level1 a {display:block; overflow:hidden; vertical-align:middle; line-height:27px; font-size:13px; text-decoration:none; padding: 0px 0px 0px 8px; background: url(img/bg_catmenu.gif) repeat-x; border-width:1px; border-color: #38B6FF #0086D3 #0086D3 #38B6FF; border-style:solid; color:#fff; font-weight:bold; margin:0;}
#categorymenu li.level1 a:hover, #categorymenu li.level1 a:active {color:#DCDCDC; font-size:12px; background: url(img/bg_catmenu.gif) 0 -27px repeat-x; border-color: #0074B8 #1FADFF #05A3FF #0074B8;}
/* 2nd TIER */
ul#categorymenu li.level2 {list-style-type:none; font-size:12px; padding:0px 0px 0px 20px; background: url(img/bg_catmenu.gif) repeat-x;}
ul#categorymenu li.level2 a {display:block; overflow:hidden; vertical-align:middle; line-height:24px; font-size:12px; text-decoration:none; padding: 0px 0px 0px 8px; background: url(img/bg_subcatmenu.gif) repeat-x; border-width:1px; border-color: #52BFFF #0095EB #0095EB #52BFFF; border-style:solid; color:#fff; font-weight:bold; margin:0;}
#categorymenu li.level2 a:hover {font-size:11px; color:#DCDCDC; background: url(img/bg_subcatmenu.gif) 0 -24px repeat-x; border-color: #0084D1 #38B6FF #1FADFF #0084D1;}
ul#categorymenu li.level3 {display:none;}


/* CATEGORY SUB MENU ist fuer Zubehoer-Submenues */
#skimform {
width: 389px;
margin: 30px auto;
}

ul.hide {
width: 389px;
height: 80px;
margin: 0;
padding: 0;
background: #B0B7AF url(http://www.portatronics.de/images/categories/mouse.pointer.png) 45% 50% no-repeat
}

ul.hide li {
display: inline;
margin: 0;
padding: 0;
}

ul.hide li a {
display: block;
height: 80px;
width: 30px;
border-right: 1px solid #f6f6f6;
float: left;
font-size: 15px;
outline: none;
text-decoration: underline;
}

a.s1 {background-color: #0086D3; color: #85D2FF; font-weight: bold; }
a.s2 {background-color: #0095EB; color: #85D2FF; font-weight: bold; }
a.s3 {background-color: #1FADFF; color: #0074B8; font-weight: bold; }
a.s4 {background-color: #52BFFF; color: #0074B8; font-weight: bold; }
a.s5 {background-color: #85D2FF; color: #0086D3; font-weight: bold; }

ul.hide li a span {
display: none;
padding: 10px;
text-align: center;
vertical-align: middle;
}

ul.hide li a:hover {width: 264px;}
ul.hide li a:hover span { display: block;}

#explain {
color: #000;
border-right: #B0B7AF solid 2px;
border-bottom: #B0B7AF solid 2px;
background-color: #ffffff;
margin-top: 0px;
padding: 5px;
font-weight: bold;
}


/* CATEGORY SHADOW MENU ist fuer Sub-Gereateauswahl iPod */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
padding: 1px;
border-radius: 12px;
-moz-border-radius: 12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
}
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
padding: 0;
border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
}
DIV.shadow {
background-color: #8e8e8e;
border: 1px solid #959595;
margin: 0px;
}
DIV.shadow2 {
background-color: #aaa;
border: 1px solid #bebebe;
margin: 0;
}
DIV.shadow3 {
background-color: #d1d1d1;
border: 1px solid #e1e1e1;
margin: 0;
}
DIV.shadow4 {
background-color: #ededed;
border: 1px solid #f6f6f6;
margin: 0;
}
DIV.shadow5 {
float: left;
background-color: #fcfcfc;
border: 1px solid transparent;
margin: 10px 3px;
}
DIV.shadow5:hover {
border-width: 5px;
}
DIV.shadow5 IMG {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:0.85;
-khtml-opacity:0.85;
-webkit-opacity:0.85;
opacity:0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
filter: alpha(opacity=85);
}
DIV.shadow5:hover IMG {
margin: -1px;
top: -1px;
left: -1px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
#back {clear: both;
font-weight: bold;
background-color: #fff;
color: #000;
padding: 0;
margin: 0px 0px;
}


/* CATEGORY NOSHADOW MENU ist fuer Sub-Geraeteauswahl iPhone, ohne shadow-hover*/
DIV.noshadow, DIV.noshadow2, DIV.noshadow3, DIV.noshadow4, DIV.noshadow5 {
padding: 1px;
border-radius: 12px;
-moz-border-radius: 12px;
-khtml-border-radius:12px;
}
DIV.noshadow5:hover DIV.noshadow,
DIV.noshadow5:hover DIV.noshadow2,
DIV.noshadow5:hover DIV.noshadow3,
DIV.noshadow5:hover DIV.noshadow4,
DIV.noshadow5:hover {
padding: 0;
border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius:8px;
}
DIV.noshadow {
background-color: #fff;
border: 1px solid #fff;
margin: 0px;
}
DIV.noshadow2 {
background-color: #fff;
border: 1px solid #fff;
margin: 0;
}
DIV.noshadow3 {
background-color: #fff;
border: 1px solid #fff;
margin: 0;
}
DIV.noshadow4 {
background-color: #fff;
border: 1px solid #fff;
margin: 0;
}
DIV.noshadow5 {
float: left;
background-color: #fff;
border: 1px solid transparent;
margin: 10px 2px;
}
DIV.noshadow5:hover {
border-width: 5px;
}
DIV.noshadow5 IMG {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:0.85;
-khtml-opacity:0.85;
-webkit-opacity:0.85;
opacity:0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
filter: alpha(opacity=85);
}
DIV.noshadow5:hover IMG {
margin: -1px;
top: -1px;
left: -1px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
#back {clear: both;
font-weight: bold;
background-color: #fff;
color: #000;
padding: 0;
margin: 0px 0px;
}

/*Home Shadow Pics*/
div.outer {
width: 495px;
border-bottom: 1px solid #0086d3;
overflow: auto;
}
div.inner {
float:left;
margin: 1px 3px;
}
div.inner p {
text-align:left;
}
DIV.shadowH, DIV.shadow2H, DIV.shadow3H, DIV.shadow4H, DIV.shadow5H {
padding: 1px;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
}
DIV.shadow5H:hover DIV.shadowH,
DIV.shadow5H:hover DIV.shadow2H,
DIV.shadow5H:hover DIV.shadow3H,
DIV.shadow5H:hover DIV.shadow4H,
DIV.shadow5H:hover {
padding: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
DIV.shadowH {
background-color: #8e8e8e;
border: 1px solid #959595;
margin: 0px;
}
DIV.shadow2H {
background-color: #aaa;
border: 1px solid #bebebe;
margin: 0;
}
DIV.shadow3H {
background-color: #d1d1d1;
border: 1px solid #e1e1e1;
margin: 0;
}
DIV.shadow4H {
background-color: #ededed;
border: 1px solid #f6f6f6;
margin: 0;
}
DIV.shadow5H {
float: right;
background-color: #fcfcfc;
border: 1px solid transparent;
margin: 1px 1px;
}
DIV.shadow5H:hover {
border-width: 5px;
}
DIV.shadow5H IMG {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:0.85;
-khtml-opacity:0.85;
-webkit-opacity:0.85;
opacity:0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
filter: alpha(opacity=85);
}
DIV.shadow5H:hover IMG {
margin: -1px;
top: -1px;
left: -1px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}

/* Shadow Touch Kategory */
DIV.shadowT, DIV.shadow2T, DIV.shadow3T, DIV.shadow4T, DIV.shadow5T {
padding: 1px;
border-radius: 16px;
-moz-border-radius: 16px;
-khtml-border-radius:16px;
-webkit-border-radius:16px;
}
DIV.shadow5T:hover DIV.shadowT,
DIV.shadow5T:hover DIV.shadow2T,
DIV.shadow5T:hover DIV.shadow3T,
DIV.shadow5T:hover DIV.shadow4T,
DIV.shadow5T:hover {
padding: 0;
border-radius: 12px;
-moz-border-radius: 12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
}
DIV.shadowT {
background-color: #8e8e8e;
border: 1px solid #959595;
margin: 0px;
}
DIV.shadow2T {
background-color: #aaa;
border: 1px solid #bebebe;
margin: 0;
}
DIV.shadow3T {
background-color: #d1d1d1;
border: 1px solid #e1e1e1;
margin: 0;
}
DIV.shadow4T {
background-color: #ededed;
border: 1px solid #f6f6f6;
margin: 0;
}
DIV.shadow5T {
float: left;
background-color: #fcfcfc;
border: 1px solid transparent;
margin: 10px 3px;
}
DIV.shadow5T:hover {
border-width: 5px;
}
DIV.shadow5T IMG {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:0.85;
-khtml-opacity:0.85;
-webkit-opacity:0.85;
opacity:0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
filter: alpha(opacity=85);
}
DIV.shadow5T:hover IMG {
margin: -1px;
top: -1px;
left: -1px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}

/* Home Shadow Buttons */
DIV.shadowB, DIV.shadow2B, DIV.shadow3B, DIV.shadow4B, DIV.shadow5B {
padding: 1px;
border-radius: 14px;
-moz-border-radius: 14px;
-khtml-border-radius:14px;
-webkit-border-radius:14px;
}
DIV.shadow5B:hover DIV.shadowB,
DIV.shadow5B:hover DIV.shadow2B,
DIV.shadow5B:hover DIV.shadow3B,
DIV.shadow5B:hover DIV.shadow4B,
DIV.shadow5B:hover {
padding: 0;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
}
DIV.shadowB {
background-color: #8e8e8e;
border: 1px solid #959595;
margin: 0px;
}
DIV.shadow2B {
background-color: #aaa;
border: 1px solid #bebebe;
margin: 0;
}
DIV.shadow3B {
background-color: #d1d1d1;
border: 1px solid #e1e1e1;
margin: 0;
}
DIV.shadow4B {
background-color: #ededed;
border: 1px solid #f6f6f6;
margin: 0;
}
DIV.shadow5B {
float: left;
background-color: #fcfcfc;
border: 1px solid transparent;
margin: 10px 3px;
}
DIV.shadow5B:hover {
border-width: 5px;
}
DIV.shadow5B IMG {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:0.85;
-khtml-opacity:0.85;
-webkit-opacity:0.85;
opacity:0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
filter: alpha(opacity=85);
}
DIV.shadow5B:hover IMG {
margin: -1px;
top: -1px;
left: -1px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}

/* BOXES GLOBAL DEFINITION */
h2.boxheader {font-size:14px; background-color:#0086D3; background-image:url(img/bg_boxheader.jpg); background-repeat:no-repeat; color:#ffffff; padding:4px 6px 4px 10px; margin:0; vertical-align:middle;}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#ffffff}
.boxbody {padding:8px; margin-bottom:15px; border: solid 2px #0086D3; background-image:url(img/box_cornerbg.jpg); background-repeat:no-repeat;}
.boxbody h3, .boxbody h3 a {font-size:11px}
.boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center}
.boxbody p {color:#000; font-size:11px; margin:6px 0px 6px 0px}
.boxbody p.center {color:#000; font-size:11px; text-align:center; margin:6px 0px 6px 0px}
.boxbody td {color:#000; font-size:11px; margin:6px 0px 6px 0px}
.boxbody .productOldPrice {font-size:11px; color:#9F1313}
.boxbody div.hr {margin-top:5px; margin-bottom:5px;}
.boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;}
.boxbody a {font-size:11px; color:#0066B4; text-decoration: none;}
.boxbody a:hover {text-decoration: underline;}
.boxbody .productboximage {border: solid 1px #0086D3;}
.boxbody ul.contentlist {margin-left:5px; margin-right:0; padding:0;}
.boxbody ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} 

/* CART BOX */
h2.boxcartheader {font-size:22px; color:#5A9D08; background-color:#ffffff; padding:5px 0px 5px 3px; margin:0;vertical-align:middle}
h2.boxcartheader a {text-decoration:none; color:#5A9D08}
.boxcartbody {padding:4px 8px 4px 8px; margin-bottom:15px; background-color:#EDF6C7; background-image:url(img/bg_cartbox.gif); background-repeat:repeat-x; border: solid 2px #98AD4D;}
.boxcartbody p {font-size:12px; color:#000}
.boxcartbody a {color:#000}
.boxcartbody .hr {background-color:#98AD4D;}

/***** NEW LOGIN BOX AND SEARCH BOX, noRiddle *****/
#loginarea fieldset, #searcharea fieldset {margin-bottom: 15px; padding: 4px 8px;}
#loginarea fieldset {border: solid 2px #0086D3; border-top: 3px solid #0086D3; border-radius: 6px 6px 0 0;}
#searcharea fieldset {border: solid 2px #98AD4D; border-top: solid 3px #98AD4D; border-radius: 6px 6px 0 0;}
#loginarea fieldset legend, #searcharea fieldset legend {font-weight: bold;}
#loginarea label, #searcharea label {display: block;}
#loginarea input, #searcharea input {margin: 0 5px 3px 0;}
#loginarea input[type=image], #searcharea input[type=image] {vertical-align: middle;}
#searcharea a, #loginarea a {color:#0066B4}

/* PRODUCT PREVIEW */
.productPreview {padding:0; border-top: 0px solid #C5D8C0; border-right: 2px solid #B0B7AF; border-bottom: 2px solid #B0B7AF; margin:0; width:100%; cellspacing:0; cellpadding:0;}
.productPreviewContent {vertical-align:top; width:100%; font-size:13px;}
.productPreviewContent h2 {margin:0; padding:2px 4px 2px 0px;}
.productPreviewContent h2 a, .productPreviewContent h2 a:link, .productPreviewContent h2 a:visited {font-size:18px; font-weight:bold; color:#5A9D08; text-decoration:none}
.productPreviewContent h2 a:hover {text-decoration:underline;}
.productPreviewImage {vertical-align:top; padding:0px 15px 0px 0px;}
.productPreviewImage img {border: solid 0px #5A9D08;}
.productPreviewContent .price{color:#000; font-size:14px; font-weight:bold; padding:0; margin:0}
.productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#ff0000;}
.productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#999999;}

a.to_top {text-decoration: none;}
a.to_top span {color:#B0B7AF; font-weight:bold;}
a.to_top:hover span {color: #CACFC9;}

/* PRODUCT INFO for all article pictures, no opacity effect */
DIV.shadowa, DIV.shadow2a, DIV.shadow3a, DIV.shadow4a, DIV.shadow5a {
padding: 1px;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
}
DIV.shadow5a:hover DIV.shadowa,
DIV.shadow5a:hover DIV.shadow2a,
DIV.shadow5a:hover DIV.shadow3a,
DIV.shadow5a:hover DIV.shadow4a,
DIV.shadow5a:hover {
padding: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
DIV.shadowa {
background-color: #8e8e8e;
border: 1px solid #959595;
margin: 0px;
}
DIV.shadow2a {
background-color: #aaa;
border: 1px solid #bebebe;
margin: 0;
}
DIV.shadow3a {
background-color: #d1d1d1;
border: 1px solid #e1e1e1;
margin: 0;
}
DIV.shadow4a {
background-color: #ededed;
border: 1px solid #f6f6f6;
margin: 0;
}
DIV.shadow5a {
float:left;
background-color: #fcfcfc;
border: 1px solid transparent;
margin: 0px 0px;
}
DIV.shadow5a:hover {
border-width: 5px;
}
DIV.shadow5a IMG {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
}
DIV.shadow5a:hover IMG {
margin: -1px;
top: -1px;
left: -1px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
}

/* PRODUCT LISTING, ALSO_PURCHASED, CROSS-SELLING, RVERSE-CROSS-SELLING, NEW-PRODUCTS (_default) _(overview) for all article pictures, no opacity effect */
DIV.shadowaL, DIV.shadow2aL, DIV.shadow3aL, DIV.shadow4aL, DIV.shadow5aL {
padding: 1px;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
}
DIV.shadow5aL:hover DIV.shadowaL,
DIV.shadow5aL:hover DIV.shadow2aL,
DIV.shadow5aL:hover DIV.shadow3aL,
DIV.shadow5aL:hover DIV.shadow4aL,
DIV.shadow5aL:hover {
padding: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
DIV.shadowaL {
background-color: #8e8e8e;
border: 1px solid #959595;
margin: 0px;
}
DIV.shadow2aL {
background-color: #aaa;
border: 1px solid #bebebe;
margin: 0;
}
DIV.shadow3aL {
background-color: #d1d1d1;
border: 1px solid #e1e1e1;
margin: 0;
}
DIV.shadow4aL {
background-color: #ededed;
border: 1px solid #f6f6f6;
margin: 0;
}
DIV.shadow5aL {
/*float:left;*/
background-color: #fcfcfc;
border: 1px solid transparent;
margin: 0px 0px;
}
DIV.shadow5aL:hover {
border-width: 5px;
}
DIV.shadow5aL IMG {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
}
DIV.shadow5aL:hover IMG {
margin: -1px;
top: -1px;
left: -1px;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
}

/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {width:100%; border-right: 2px solid #B0B7AF;}
#productinfoimages {float:left; background-color:#fff; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
#productinfoimages .productimage {width:140px; text-align:center; border: solid 0px #5A9D08;}
#productinfoimages .productimage1 {width:35px; padding:0px 1px 0px 0px; text-align:center; border: solid 0px #5A9D08;}
#productinfoimages .productimage2 {width:35px; padding:0px 1px 0px 0px; text-align:center; border: solid 0px #5A9D08;}
#productinfoimages .productimage3 {width:35px; padding:0px 1px 0px 0px; text-align:center; border: solid 0px #5A9D08;}
#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfopricewithimages {float:right; width:330px}
#productinfopricewithimages img {cursor:pointer}
#productinfopricewithoutimages {width:100%}
#productinfopricewithoutimages img {cursor:pointer}
#productinfoprice {padding:5px}
#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfoprice .productprice {margin:0; padding:0; font-size:14px; font-weight:bold;}
#productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;}
#productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
p.productinfoproductadded {font-size:11px;}
.productoptions {background-color:#B9DDF9; padding:6px; border-top: 1px solid #0066B4; border-right: 0px; border-bottom: 0px; border-left: 0px;}
/* added by noRiddle because of disgusting design of options */
.productoptions select {width: 195px;}
.productoptions input {width:190px;}
.productoptions textarea {min-width:195px; max-width:260px; max-height:200px;}
.opt_nam {font-weight: bold; font-size: 13px;}
.opt_comm {font-size: 12px;}
/* END added by noRiddle because of disgusting design of options */
.addtobasket {background-color:#DDEFFD; padding:2px; text-align:right; border-top: 1px solid #0066B4; border-right: 0px; border-bottom: 0px; border-left: 0px;}
.productdescript {
padding:5px;
background-color: #FFFFFF;
border-top: 0px solid #C5D8C0;
border-right: 0px solid #B0B7AF;
border-bottom: 2px double #B0B7AF;
border-left:1px solid #C5D8C0;
}
.infoClear {clear:left;}
.infoInline {display:inline;}


/* INFOSHOW Wichtig-Box in KVA Artkelbeschreibungen */
#infoshow, #infoshow2 {width:140px;}
#infoshow a, #infoshow2 a {
cursor: help;
background:#B9DDF9 url(http://www.portatronics.de/images/categories/mouse.pointer.small.png) 95% 50% no-repeat;
text-decoration:none;
display:block;
padding:3px;
border:1px solid #0086D3;
}
#infoshow a {color:#FF6600; font:bold 12px verdana, sans-serif;}
#infoshow2 a {color:green; font:bold 13px verdana, sans-serif;}
#infoshow a:hover, #infoshow2 a:hover {
color:black;
background:#85D2FF;
width:450px;
}
#infoshow a span, #infoshow2 a span {display:none;}
#infoshow a:hover span, #infoshow2 a:hover span {
z-index:3;
background:#ffffff;
font:bold 14px verdana, sans-serif;
border:1px solid black;
display:block;
padding:10px;
}
#infoshow a:hover span {color:#FF6600;}
#infoshow2 a:hover span {color:green;}


/* POPUPS PRODUCTINFO */
body.popupproductinfo {padding:15px;background:none; background-color:#fff}

/* POPUP print_order.html */
body.popupprintorder {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; padding:15px;background:none; background-color:#fff}
body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;}
body.popupprintorder .products .total {text-align:right}
body.popupprintorder .products .quantity {vertical-align:top}
body.popupprintorder .productname {vertical-align:top}
body.popupprintorder .model {vertical-align:top}
body.popupprintorder .singleprice {vertical-align:top}
body.popupprintorder .totalprice {vertical-align:top}

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {padding: 15px; background-color:#EDF6C7; border: solid #5A9D08 1px;}
div.highlightbox a {color:#457A04; text-decoration:underline}
div.highlightbox a:hover {color:#457A04; text-decoration:none}
div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1 {color:#0066B4; padding:0px 0px 10px 0px; margin:0; border:none; font-size:16px}

/* PAYMENT TYPE SELECTION */
table.paymentblock {background-color:#ECF6C8; border-style: solid; border-width:0px 1px 1px 1px; border-color:#5A9D08; margin-bottom:15px;}
table.paymentblock tr td.header {background-color:#5A9D08; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}

/* SHIPPING TYPE SELECTION */
table.shippingblock {background-color:#ECF6C8; border-style: solid; border-width:0px 1px 1px 1px; border-color:#5A9D08; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#5A9D08; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}
table.shippingblock tr td {vertical-align:top; padding:4px}
table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;}
table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;}
table.shippingblock tr td.radiobutton input {margin:0; padding:0;}
table.shippingblock tr td.price {vertical-align:top; white-space:nowrap}

/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {vertical-align:top}
table.accounthistoryinfoorderdetails tr.header td {font-weight:bold}

/* MESSAGEBOX ON CONTACT SITE */
textarea#message_body {width: 300px; max-width: 300px; min-width: 300px; min-height: 200px; max-height: 350px;}

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {padding: 5px; background-color:#F2F0EB; border: solid #928B6B 1px; margin-bottom:8px;}
table.downloadbox tr td.icon{padding-right: 15px;}
table.downloadbox tr td.downloadlink{width:100%;}

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;}
table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#ECF6C8; border-style: solid; border-width:0px 1px 1px 1px; border-color:#5A9D08;}
table.orderdetails a {color:#5A9D08; text-decoration:none}
table.orderdetails a:hover {text-decoration:underline;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#5A9D08; color:#ffffff; font-weight:bold}
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}
.markProductOutOfStock {color:red; font-size:14px;}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#ECF6C8;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #928B6B 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#F6FCDF;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #5A9D08 1px;}
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px; border-bottom: solid 1px #D4D4D4;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {background-color:#D3E495; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#5A9D08;}

/* PRODUCT NAVIGATOR */
div.productnavigator {background-color:#DDEFFD; padding:8px; border:#0086D3 1px solid}

/* REVIEW LIST */
table.reviewlist {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#928B6B;}
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#928B6B; color:#FFFFFF; font-weight:bold}
table.reviewlist tr.contentrow1 td {background-color:#ECE9E2;}
table.reviewlist tr.contentrow2 td {background-color:#F2F0EB;}
textarea#review {width:100%}

/* MEDIA LIST */
table.medialist {background-color:#B9DDF9}
table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top}
table.medialist tr.contentrow1 td {background-color:#B9DDF9;}
table.medialist tr.contentrow2 td {background-color:#DDEFFD;}

/* SITEMAP */
.sitemapwrap {}
.sitemapwrap .sitemapleft {background-color:#EDF6C7; border-style: solid; border-width:1px; border-color:#5A9D08; display:table; float:left; width:235px; margin-bottom:15px;}
.sitemapwrap .sitemapright {background-color:#EDF6C7; border-style: solid; border-width:1px; border-color:#5A9D08; display:table; float:right; width:235px; margin-bottom:15px;}
.sitemapheader {padding:3px; background-color:#5A9D08; color:#FFFFFF; font-weight:bold;}
.sitemapheader a:link {color:#FFFFFF; text-decoration:underline;}
.sitemapheader a:visited {color:#FFFFFF;}
.sitemapheader a:hover {color:#FFCC00;}
.sitemapcontent {padding:6px; text-decoration:underline; color:#6F95DE;}
.sitemapcontent li {list-style-type:none}
.sitemapcontent a:hover {color:#CC0000;}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width: 100%; max-width:100%; box-shadow: 4px 4px 8px #B3B3B3; -moz-box-shadow: 4px 4px 8px 2px #B3B3B3; -webkit-box-shadow: 4px 4px 8px #B3B3B3;}

/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {padding:0; margin:0px 0px 10px 0px; border:none}
table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;}
table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal; white-space:nowrap}
table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal;}
table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right}

table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:none}
table.checkoutconfirmationorderdetailstotal tr td.name {text-align:right}
table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%; max-width:100%; background: url(img/portatronics_button.trans.6.png) no-repeat center center scroll;}

/* Revocation (Widerrufsbelehrung) ON CHECKOUT SITE */
p.checkoutrevocation textarea {width:100%; max-width:100%; background: url(img/portatronics_button.trans.6.png) no-repeat center center scroll;}

/* ERROR MESSAGES */
p.errormessage {background-color:#FFD4D4; color:#000000; border: solid #F60909 2px; padding:15px;}
div.errorMessage {background-color:#FFD4D4; color: #DB0000; border: solid #FF5757 2px; padding: 15px; margin-bottom: 8px;}

/* SUCCESS MESSAGE */
.messageStackSuccess {padding:4px; background-color:#66FF66}

/* FOOTER */
.footer {clear:both; text-align:center; font-size:11px; color:#5A9D08; background-color:#CCE968; padding: 8px; margin-bottom:5px; box-shadow: 4px 4px 8px #B3B3B3; -moz-box-shadow: 4px 4px 8px 2px #B3B3B3; -webkit-box-shadow: 4px 4px 8px #B3B3B3;}
.footer a {color:#5A9D08; text-decoration:underline}
.footerA {text-align:center; font-weight:bold;}
span.compLogo1 {color:#009900;}
span.compLogo2 {color:#3333FF;}

/* XTC COPYRIGHT */
.copyright {margin: 0 auto; width:970px; text-align:center; color:#4370C7; font-size:11px; padding:0px 0px 10px 0px;}

/* PARSE TIME */
.parseTime {margin: 0 auto; width:970px; text-align:center; color:#4370C7; font-size:11px; padding:0px 0px 10px 0px;}

/* LEXIKON */
.lexikon_keyword {font-family: Verdana, Arial, sans-serif;font-size: 12px; color: #CC0000; text-decoration: underline;}

/* Start of changes for textfield  */
A.Menu {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight : bold;
/*	border-bottom: 1px solid;  */
/*	border-color: #b6b7cb;    */
	background-color: #2B3744;
}

A.Menu:hover {
  color: #00ffff;
  text-decoration: underline;
}

TR.headerMenu {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight : bold;
/*	border-bottom: 1px solid;  */
/*	border-color: #b6b7cb;    */
/*	background-color: #2B3744;  */
}

TR.headerMenu:hover {
  color: #0000ff;
  text-decoration: underline;
}

.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
        overflow: hidden;
	background-color: #002EB8 !important;
	padding-left: 5px;
}
/* End of changes for textfield  */

/* Start JS AlertBox */
#modalContainer {
        background-image:url(img/transp.gif); /* required by MSIE to prevent actions on lower z-index elements */
	background-color:transparent;
        position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:800;
}

#styledAlertBox {
	position:absolute;
	width:350px;
	min-height:100px;
	margin-top:300px;
	border:4px solid #0086D3;
	background-color:#F2F5F6;
	background-image:url(img/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
        border-radius:8px;
       -moz-border-radius:8px;
       -khtml-border-radius:8px;
       -webkit-border-radius:8px;
        box-shadow: 8px 10px 12px #999999;
       -moz-box-shadow: 8px 10px 12px #999999;
       -khtml-box-shadow: 8px 10px 12px #999999;
       -webkit-box-shadow: 8px 10px 12px #999999;
}

/*#modalContainer > #styledAlertBox {position:fixed;}*/

#styledAlertBox h1 {
	margin:0;
	font:bold 1em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:2px solid #556972;
	padding:2px 0 2px 5px;
}

#styledAlertBox p {
	font:0.9em verdana,arial;
	min-height:50px;
	padding-left:5px;
	margin-left:55px;
}

#styledAlertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border-top:2px solid #A4B5BC;
	border-right:2px solid #556972;
	border-bottom:2px solid #556972;
	border-left:2px solid #A4B5BC;
	width:70px;
	font:0.9em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
        font-weight:bold;
        border-radius:4px;
       -moz-border-radius:4px;
       -khtml-border-radius:4px;
       -webkit-border-radius:4px;
}
#styledAlertBox #closeBtn:hover {
        color:#D9D9D9;
	border-top:2px solid #556972;
	border-right:2px solid #A4B5BC;
	border-bottom:2px solid #A4B5BC;
	border-left:2px solid #556972;
}
/* End JS AlertBox */