@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
*{margin:0;padding:0}
.page{width: 976px; ;margin: auto}
body {
	text-align: left;
}
th, td {  
	/*borders and padding to make the table readable*/  
	border: 0;   
	padding: 0;   
}
a {color:#0063dc}
a:visited {color: #0063dc}
a:active {color:#0063dc}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#footer{text-align: center}
#col1{float:left; margin-top: 5px}
#col2{float:right}
#col3{width:auto}
#col1_content,#col2_content,#col3_content{position:relative}
#col1_content{padding-left: 5px; padding-right: 5px}
#col3_content {width: 100%; overflow: auto}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}

#masthead{background: url('../../../../images/spg_logo.png'); height: 105px}

.centerColumn {
	margin-top: 10px;
}

#indexDefault {
	margin-top: 0;
}

.linkbar {
	width: 100%;
	overflow: hidden;
	position:relative;
	background: #c0c0c0 url('../images/shiny_buttons/background.png') repeat-x center right;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	line-height: 0;
	margin-top: 10px;
}

.linkbar ul {
	display: inline;
	padding: 0;
	margin: 0;
}

.linkbar ul li {
	display: inline;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.linkbar ul li a,
.linkbar ul li strong {
	background: transparent;
	color: #000;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	padding: 0.5em 0.8em 0.5em 0.8em;
	width: auto;
}

.linkbar ul li a:focus,
.linkbar ul li a:hover,
.linkbar ul li a:active  { background: #eee; color: #333; text-decoration: none; }

.linkbar ul li.active {
	background: #272727 url('../images/shiny_buttons/background_active.png') repeat-x center right;
	border-left: 1px #444 solid;
	border-right: 1px #888 solid;
}

.linkbar ul li.active strong,
.linkbar ul li.active a:focus,
.linkbar ul li.active a:hover,
.linkbar ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }
}

.lbleft {
	float: left;
	margin: 0 50px 0 0;
	border-left: 1px #aaa solid;
}

.lbright {
	border-right: 1px #aaa solid;
	float: right;
}

.lbleft li {
	float: left;
}

.lbright li {
	float: right;
	margin:0 0 0 50px;
}

#cartContentsDisplay  {
	border: 2px solid;
	margin-top: 20px;
}

#cartContentsDisplay  th {
	border-bottom: 2px solid;
	line-height: 2em;
	background-color: #74a900;
}

#galleryUsedTable {
	border: 2px solid;
	margin-top: 20px;
}

#galleryUsedTable th {
	border-bottom: 2px solid;
	line-height: 2em;
	background-color: #74a900;
}

#galleryUsedTable td {
	line-height: 1.5em;
}

#galleryUsedTable tbody tr {
	height: 50px;
}

#scProductsHeading {
	text-align: left;
}

.cartProductImage {
	padding: 0;
	margin: 0;
}

.cartProductImage img {
	border: 0;
	padding: 0;
	margin: 0;
}

.rowOdd {
	background-color: #cddfa4;
}

.rowEven {
	background-color: white;
}

.cartProductImage {
	position: relative;
	height: 60px;
	padding-left: 10px;
}

#cartSubTotal {
	text-align: right;
	margin-top: 20px;
	padding: 20px 20px 20px 20px;
	border: 1px solid;
}

#checkoutShippingHeadingAddress {
	padding-top: 20px;
}

#checkoutPaymentHeadingAddress {
	padding-top: 20px;
}

#checkoutBillto, #checkoutShipto, #checkoutConfirmDefaultPayment {
	padding-top: 20px;
}

#checkoutConfirmDefaultShippingAddress {
	padding-bottom: 10px;
}

#checkoutBillto address {
	padding-bottom: 10px;
}

#checkoutConfirmDefaultPaymentTitle {
	padding-top: 10px;
}

#checkoutConfirmDefaultBillingAddress {
	padding-bottom: 10px;
}

#checkoutShipto address {
	padding-bottom: 10px;
}

#checkoutConfirmDefaultHeadingComments, #checkoutConfirmDefaultShipment, #checkoutConfirmDefaultHeadingCart {
	padding-top: 20px;
	padding-bottom: 10px;
}

#orderTotals {
	padding-top: 20px;
	padding-bottom: 20px;
}

#orderTotalTable {
	width: 20em;
}

#orderTotalTable .totalBox {
	align: right;
}

#prevOrders {
	padding-top: 10px;
	padding-bottom: 20px;
}

#prevOrders td {
	height: 1.5em;
}

#prevOrders th {
	text-align: left;
}

#orderHistoryOrderDate {
	padding-top: 20px;
}

#orderHistoryTable {
	margin-top: 20px;
}

#orderHistoryTable th {
	text-align: left;
}

#orderHistoryTable td {
	line-height: 1.5em;
}

#myAccountOrdersStatus {
	margin-top: 10px;
}

#myAccountOrdersStatus th {
	text-align: left;
}

#myAccountOrdersStatus td {
	line-height: 1.5em;
	width: 150px;
}

.accountHistoryItem {
	padding-top: 20px;
}

.checkoutChange {
	padding-top: 5px;
}

.cartTotalsDisplay {
	clear: both;
	padding-top: 20px;
	font-size: 90%;
}

.ottotal , .otsubtotal {
	font-weight: bold;
	background-color: #cddfa4;
}

.otsubtotal {
	margin-bottom: 10px;
}

.ottotal {
	margin-top: 20px;
}

#checkoutShippingHeadingMethod {
	padding-top: 20px;
}

#myAccountGen {
	padding-bottom: 20px;
}

#orderHistoryShipping {
	padding-top: 20px;
}

#orderHistoryPayment {
	padding-top: 20px;
}

#reviewProductCard {
	float: right;
}

#reviewsWriteHeading, #reviewsWritePrice, #reviewWriteMainImage {
	text-align: center;
}

.sbSL {
	background: url(../images/sb.gif) #ffffff repeat-y left top;
}

.sbSR {
	background: url(../images/sb.gif) repeat-y right top;
}

.sbST {
	background: url(../images/sb.gif) repeat-x left top;
}

.sbSB {
	background: url(../images/sb.gif) repeat-x left bottom;
}

.sbLT {
	background: url(../images/slt.gif) no-repeat left top;
}

.sbRT {
	background: url(../images/srt.gif) no-repeat right top;
}

.sbLB {
	background: url(../images/slb.gif) no-repeat left bottom;
}

.sbRB {
	background: url(../images/srb.gif) no-repeat right bottom;
	width: 100%;
	padding-top: 3px;
}

.sbTitle {
	border-bottom: #d1d8db 1px solid;
	padding-left: 26px;
}

.sbContent {
	padding-left: 13px;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 27px;
}

.leftBoxHeading {
	color: #182334;
	line-height: 1.5;
}

.leftBoxContainer {
	margin-bottom: 10px;
}

.centeredContent {
	text-align: center;
}

.centerBoxWrapper {
	clear: both;
}

#categoriesHeading {
	color: #74a900;
}

.rightBoxHeading {
	color: #182334;
	font-size: 11px;
	line-height: 1.5;
}

.centerBoxHeading {
	background: #e7e7e7;
	font-size: 100%;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-top: 1px #b5b6b5 solid;
	border-bottom: 1px #b5b6b5 solid;
}

#indexProductListCatDescription {
	padding-top: 10px;
	padding-bottom: 10px;
}

.listingDescription {
	padding-right: 40px;
}

.cdRow {
	width: 100%;
}

.cdCell {
	float: left;
	margin-bottom: 10px;
}

.cdFirst {
	margin-left: 0;
	margin-right: 5px;
}

.cdLast {
	margin-right: 0px;
	margin-left: 5px;
}

.cdMiddle {
	margin-right: 5px;
	margin-left: 5px;
}

.fpName, .fpImage, .fpMore {
	margin-left: 10px;
	margin-right: 10px;
}

.fpName {
	height: 40px;
	margin-top: 10px;
}

.fpMore {
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
}

.fpFooter {
	padding: 5px 5px 5px 10px;
	border-top: #d1d8db 1px solid;
	clear: both;
}

.fpImage {
	text-align: center;
}


.seOptionsTable {
	margin-top: 20px;
	border: 2px solid;
}

.seOptionsTable thead th {
	border-bottom: 2px solid;
	line-height: 2em;
	background-color: #74a900;
}

.seOptionsTable tbody tr {
	height: 3em;
}

.seDisplayedAddressInfo {
	padding-left: 10px;
	padding-right: 10px;
  font-style: italic;
}

.seCarrier  {
	padding-left: 90px;
}

.cpc-priority {
	background: url('../images/cppriority2.png') no-repeat 2px 10px;
}

.cpc-Xpresspost {
	background: url('../images/cpxpresspost2.png') no-repeat 2px 10px;
}

#cat1Table {
	margin-top: 10px;
}

.productListing-odd  td{
	padding-top: 30px;
}

.productListing-even td {
	padding-top: 30px;
}

.productListing-heading {
	padding-bottom: 10px;
}

#productListHeading {
	font-size: 2em;
}

.productListing-odd {
	padding-top: 10px;
}

.productListing-even {
	padding-top: 10px;
}

.productListing-data {
	vertical-align: top;
}

.productListing-heading {
	display: none;
}

#productListing-price {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.normalprice {
	font-size: 90%;
	font-weight: normal;
	text-decoration: line-through;
}



.productPriceDiscount {
	display: none;
}

#productListing-button {
	position: relative;
	top: 25px;
}

.listingDescription {
	font-size: 90%;
	padding-top: 5px;
	padding-left: 1em;
}

.itemModel {
	font-size: 105%;
	padding-left: 1em;
}

.itemTitle {
	font-size: 110%;
	padding-left: 1em;
}

#productMainImage {
	float: left;
}

#productCard {
	float: left;
	margin-left: 10px;
}

#productPrices {
	float: right;
}

#productDescription {
	clear: both;
	padding-top: 3em;
}

#productGeneral {
	width: 100%;
}

.piActionContainer {
	clear: both;
}

#productActionContainer {
	padding-top: 2em;
}

.piActionLeft {
	float: left;
	margin-right: 10px;
}

.piActionRight {
	float: right;
	margin-left: 10px;
}

#productDateAdded {
	clear: both;
	padding-top: 20px;
}

#cartAdd input[type=image] {
	margin-left: 10px;
}

#cartAdd span {
	position: relative;
	top: -6px;
}

#categoryIcon {
	margin-bottom: 2em;
}

#productPrices {
	text-align: center;
}

.navNextPrevWrapper {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
}

.navNextPrevWrapper ul li {
	display: inline;
}

.navNextPrevWrapper ul li  span{
	position: relative;
	bottom: 3px;
}

/* title */
h6.vlist {
	width: 90%;
	padding: 3px 0px 3px 10%; /* LTR */
	margin:0;
	color: #444;
	background-color: #fff;
	border-top: 2px #ddd solid;
	border-bottom: 4px #888 solid;
}

.vlist {
	width: 100%;
	overflow: hidden;
	margin: 0 0 1.5em 0;
	list-style-type: none;
	border-bottom: 2px #ddd solid;
}

.vlist ul {
	list-style-type: none;
	margin:0;
	padding: 0;
}

.vlist li {
	float:left; /* LTR */
	width: 100%;
	margin:0;
	padding: 0;
}

.vlist a,
.vlist strong,
.vlist span {
	display:block;
	padding: 3px 0px 3px 10%;
	text-decoration: none;
	border-bottom: 1px #ddd solid;
}

.vlist a,
.vlist a:visited {
	color: #444;
}

.vlist li span {
	display:block;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
}

/* active list element */
.vlist li.active {
	color: #fff;
	background-color:#800;
	font-weight: bold;
}

#loginDefault form {
	margin-top: 20px;
}

#loginDefault form h4 {
	padding-bottom: 10px;
}

#loginRegistration {
	font-size: 90%;
	padding-bottom: 20px;
}

/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width: 90%; padding-left: 10%; } /* LTR */

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active { background-color:#a88; color: #fff; }

/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { width: 80%; padding-left: 20%; } /* LTR */

.vlist li ul li a, 
.vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active { background-color:#a88; color: #fff; }

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */

.vlist li ul li ul li a,
.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; }
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:hover,
.vlist li ul li ul li a:active { background-color:#a88; color: #fff; }

/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
.vlist li ul li ul li ul li a:focus,
.vlist li ul li ul li ul li a:hover,
.vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; }

/**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  form.yform {
    background: #f4f4f4;
    border: 1px #ddd solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  form.yform fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
  }

  form.yform legend {
    font-weight: normal; color: #000;
  }

  form.yform label {
    color: #666;
  }

  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #454545 url(images/button_gray.png) top left repeat-x;
    padding: .5em 1.2em;
  }

  form.yform .type-button input#reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x; }
  form.yform .type-button input#submit { color: #330; background: #5e5607 url(images/button_yellow.png) top left repeat-x; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form.yform { overflow: hidden; }
  form.yform fieldset { overflow: hidden; }
  form.yform legend { background: transparent; border: 0; }
  form.yform label { display:block; cursor: pointer; }
  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form.yform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.yform sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form.yform div.type-text,
  form.yform div.type-select,
  form.yform div.type-check,
  form.yform div.type-button {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form.yform .type-text input,
  form.yform .type-text textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 58.5%;
  }

  form.yform .type-select select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  form.yform .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form.yform .type-check input { cursor: pointer; }
  form.yform .type-check label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.yform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
  }

  form.yform div.error label { color: #000; font-weight:bold; }
  form.yform div.error .message { color: #800; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check { padding-left: 30%; }
  .columnar div.error .message { margin-left: 30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 67.8%; }
  .columnar div.type-select select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }