/* content layer */

.site .contentdiv { background: url('images/backgrounds/background-contentdiv.gif') }

/* contentframetop layer */

.site .contentframetopdiv { background: url('images/backgrounds/background-contenttopdiv.gif'); background-repeat: no-repeat }
.site .contentframebottomdiv { background: url('images/backgrounds/background-contentbottomdiv.gif'); background-repeat: no-repeat; background-position: bottom center }

/* mainmenu layer */

.site .mainmenudiv { height: 72px }
.site .mainmenudiv .menuitem { height: 72px }

/* toolbar layer */

.site .toolbardiv { z-index: 10; position: absolute; top: 47px; left: 563px; width: 150px; color: #ffffff }
.site .toolbardiv .searchlabeldiv { float: left; width: 30%}
.site .toolbardiv .searchlabeldiv P { margin-top: 3px }
.site .toolbardiv .searchfielddiv { float: left; width: 70% }
.site .toolbardiv .searchfielddiv INPUT { width: 75px } 

/* SHOPCUSOMERDIV */

.site #shopcustomerdiv { top: 72px }

/* leftcolumn layer */

.site .leftcolumndiv { float: left; width: 170px; margin-right: 28px }
.site .leftcolumndiv a { color: #cccffa }
.site .leftcolumndiv a:hover { color: white }
.site .leftcolumndiv table { font-size: 11px }
.site .leftcolumndiv h1 { margin-bottom: 5px }

/* rightcolumn layer */

.site .rightcolumndiv { float: left; width: 480px; }
.site .rightcolumndiv a { color: #ffffff }
.site .rightcolumndiv a:hover { color: white }
.site .rightcolumndiv table { font-size: 11px }

/* pageheader */

.site .pageheaderdiv { margin-bottom: 10px } 
.site .pageheaderdiv h1 { font-weight: bold; margin: 0px }
.site .pageheaderdiv h1 a { text-decoration: none }
.site .pageheaderdiv p { margin: 0px; font-size: 10px } 
.site .pageheaderdiv p a { color: #ffffff; text-decoration: none } 

/* helperbardiv */

.site .helperbardiv { margin-top: 30px; height: 50px; clear: both }
.site .helperbardiv a { text-decoration: none; color: #cccffa; font-weight: bold }
.site .helperbardiv a:hover { color: #ffffff }
.site .helperbardiv p { float: left; margin: 0px; margin-right: 10px; margin-top: 10px }

/* bestsellers layer */

.site .bestsellersdiv { margin-bottom: 30px }
.site .bestsellersdiv p { margin: 0px; margin-top: 5px; text-transform: lowercase }
.site .bestsellersdiv a { text-decoration: none; color:  #cccffa }
.site .bestsellersdiv a:hover { color: yellow }

/* productgroupslist layer */

.site .productgroupslistdiv { margin-bottom: 30px }
.site .productgroupslistdiv p { margin: 0px; margin-top: 5px }
.site .productgroupslistdiv a { text-decoration: none; color: #cccffa }
.site .productgroupslistdiv .selected a { color: #ffffff; font-weight: bold }
.site .productgroupslistdiv a:hover { color: yellow }

/* news layer */

.site .newsdiv { margin-bottom: 30px }
.site .newsdiv P { margin: 0px; margin-top: 5px }
.site .newsdiv A { text-decoration: none }
.site .newsdiv A:hover { color: yellow }

/* images */

.site .images .thumbs img { border: 1px solid #000000; margin-right: 10px; margin-bottom: 10px }

/* productgroupsdiv */

.site .productgroupsdiv { }
.site .productgroupsdiv .productgroupdiv { float: left; width: 210px; margin-right: 20px; height: 180px }
.site .productgroupsdiv .productgroupdiv h3 { font-size: 12px; margin-bottom: 3px }
.site .productgroupsdiv .productgroupdiv img { border: 1px solid #ffffff }

/* product */

.site .productdiv { }
.site .productdiv p { margin-top: 0px; line-height: 150% }
.site .productdiv a { color: #cccffa }
.site .productdiv a:hover { color: #ffffff }
.site .productdiv .textbody A { color: yellow }
.site .productdiv .thumbdiv { width: 100px; float: left; margin-right: 10px; margin-bottom: 10px }
.site .productdiv .thumbdiv .thumb { margin-right: 5px; border: 1px solid #2c0304 } 
.site .productdiv .thumbdiv p { text-align: center; margin-bottom: 5px; color: #ffffff; font-weight: bold }
.site .productdiv .thumbdiv p a { text-decoration: none; color: #ffffff }
.site .productdiv .thumbdiv .enlarge { margin-top: 10px; border: 0px }
.site .productdiv .detailsdiv { float: left; width: 355px; margin-bottom: 20px }
.site .productdiv .detailsdiv .rowdiv { width: 100%; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #637dbc }
.site .productdiv .detailsdiv .labeldiv { float: left; width: 20%; font-weight: bold  }
.site .productdiv .detailsdiv .fielddiv { float: left; width: 80%; margin-bottom: 3px }
.site .productdiv .detailsdiv .putinbasketleftdiv { background: #3a589e; height: 22px }
.site .productdiv .detailsdiv .putinbasketleftdiv P { margin: 3px }
.site .productdiv .detailsdiv .putinbasketrightdiv { background: #3a589e; height: 22px; text-align: right }
.site .productdiv .detailsdiv .putinbasketrightdiv INPUT { width: 15px; margin-right: 10px }
.site .productdiv .detailsdiv .putinbasketrightdiv IMG { border: 0px; margin-right: 10px }
.site .productdiv .detailsdiv .fielddiv { float: left; width: 80%; margin-bottom: 3px }
.site .productdiv .detailsdiv .fielddiv { float: left; width: 80%; margin-bottom: 3px }
.site .productdiv .detailsdiv .fielddiv IMG { vertical-align: middle }
.site .productdiv .buttons { width: 50%; text-align: right; vertical-align: top }
.site .productdiv .buttons img { vertical-align: top; margin-top: 5px; margin-right: 5px }
.site .productdiv .quantity { width: 25px; font-size: 10px; font-family: arial; height: 15px; margin-top: 4px }
.site .productdiv .fromdiv { float: left; width: 10% }
.site .productdiv .productdescriptiondiv { margin-top: 10px; border-top: 1px solid #637dbc }
.site .productdiv .productdescriptiondiv H1 { margin-top: 0px }

/* product */

.site .pricediv { width: 80% }
.site .pricediv .price { margin: 0px; font-weight: bold; color: #ffffff; font-size: 18px; color: yellow }
.site .pricediv .actionprice { color: yellow; float: left; font-weight: bold; margin-right: 10px; font-size: 15px }
.site .pricediv .oldprice { text-decoration: line-through; float: left; margin-right: 10px; font-size: 10px }
.site .pricediv .percentage { float: left; width: 100% }
.site .pricediv .startingdiv { float: left; margin-right: 5px; color: #ffffff }

/* productgroups */

.site .productgroupsdiv { margin: 0px; margin-top: 10px; margin-bottom: 0px; font-size: 11px }
.site .productgroupsdiv p { margin: 0px }
.site .productgroupsdiv a { color: #132d61; text-decoration: none }
.site .productgroupsdiv a:hover { color: #ffffff }

/* offers layer */

.site .offersdiv { width: 100% }
.site .offersdiv .offerdiv { float: left; width: 100% }

/* searchresults */

.site .searchresultsdiv .itemdiv { width: 100%; border-bottom: 2px solid #3254a4 }
.site .searchresultsdiv .itemdiv .description .brandname { color: #cccffa }
.site .searchresultsdiv .itemdiv .itemframediv { margin-top: 8px; margin-bottom: 8px }
.site .searchresultsdiv .itemdiv .description { width: 350px }
.site .searchresultsdiv .itemdiv .description h2 { font-weight: bold; margin: 0px }
.site .searchresultsdiv .itemdiv .description .category { font-size: 10px; font-weight: bold; margin: 0px; margin-bottom: 10px; margin: 0px }
.site .searchresultsdiv .itemdiv .description .category a { text-decoration: none }
.site .searchresultsdiv .itemdiv .description p { margin: 0px; font-size: 11px }
.site .searchresultsdiv .itemdiv .description .text { margin-top: 10px; margin-bottom: 10px }
.site .searchresultsdiv .itemdiv .description .more { text-align: right }
.site .searchresultsdiv .itemdiv .description .price { font-size: 12px }
.site .searchresultsdiv .itemdiv .description .price .action { color: yellow }
.site .searchresultsdiv .itemdiv .pricediv { width: 45%; float: left; font-weight: bold }
.site .searchresultsdiv .itemdiv .pricediv p { margin: 0px }
.site .searchresultsdiv .itemdiv .stockdiv { width: 30%; float: left; font-weight: bold }
.site .searchresultsdiv .itemdiv .stockdiv p { margin: 0px }
.site .searchresultsdiv .itemdiv .stockdiv img { vertical-align: middle }
.site .searchresultsdiv .itemdiv .buttondiv { float: left; width: 18%; text-align: right; font-weight: bold }
.site .searchresultsdiv .itemdiv .buttondiv img { margin-left: 10px; margin-top: 3px }
.site .searchresultsdiv .itemdiv .buttondiv input { margin-left: 10px }
.site .searchresultsdiv .itemdiv .buttondiv a { font-weight: bold; text-decoration: none  }
.site .searchresultsdiv .itemdiv .buttondiv .quantity { float: right }
.site .searchresultsdiv .itemdiv .buttondiv .putinbasket { float: right }
.site .searchresultsdiv .itemdiv .buttondiv .quantity input { width: 18px; font-size: 10px; font-family: arial; height: 14px }
.site .searchresultsdiv .itemdiv .button { border: 0px; width: 100px }
.site .searchresultsdiv .thumb { width: 100px; height: 100px; float: left; margin-bottom: 8px; margin-right: 10px } 
.site .searchresultsdiv .thumb img { width: 100px; height: 100px; border: 1px solid #2c0304 } 
.site .searchresultsdiv .itemdiv h3 { font-size: 11px; margin-bottom: 0px }
.site .searchresultsdiv .itemdiv h3 a { text-decoration: none } 
.site .searchresultsdiv .previous { width: 50%; float: left; margin-top: 10px }
.site .searchresultsdiv .more { text-align: right; margin: 0px }
.site .searchresultsdiv .next { width: 50%; float: left; text-align: right; margin-top: 10px }
.site .searchresultsdiv .previous a, .searchresults.next a { text-decoration: none }
.site .searchresultsdiv .previous img, .searchresults .next img { vertical-align: middle }
.site .searchresultsdiv .searchtypediv { border-bottom: 5px solid #3254a4; margin-bottom: 10px }
.site .searchresultsdiv .searchtypediv h1 { margin: 0px; margin-bottom: 10px }
.site .searchresultsdiv .searchtypediv .textbody { margin: 0px; margin-bottom: 10px }
.site .searchresultsdiv .searchtypediv A { color: yellow }
.site .searchresultsdiv .searchtypediv .more { text-align: right }
.site .searchresultsdiv .searchtypediv .thumb { float: left; margin: 0px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ffffff }

/* navigationbuttons */

.site .navigationbuttonsleftdiv { width: 50%; float: left; text-align: left }
.site .navigationbuttonsrightdiv img { margin-bottom: 5px }
.site .navigationbuttonsrightdiv { width: 50%; float: left; text-align: right }

/* addresses (table) */

.site .addressestable { margin: 0px; border: 1px solid #3254a4; width: 100%; margin-top: 10px; margin-bottom: 10px }
.site .addressestable #select { width: 5%; vertical-align: top } 
.site .addressestable #address { width: 70% }
.site .addressestable #address p { margin: 0px }
.site .addressestable #manage { width: 30%; text-align: right }
.site .addressestable #manage p { margin: 0px }
.site .addressestable #manage img { margin-bottom: 3px }

/* login (table) */

.site .logintable { width: 100%; border: 1px solid #3254a4; margin-bottom: 10px }
.site .logintable #label { font-weight: bold; width: 200px }
.site .logintable #field { text-align: left  }
.site .logintable input { width: 98% }
.site .logintable select { }

/* addressmanage (table) */

.site .addressmanagetable { width: 100%; border: 1px solid #3254a4; margin-bottom: 10px; margin-top: 10px }
.site .addressmanagetable #label { font-weight: bold; width: 150px }
.site .addressmanagetable input, .addressmanagetable select { width: 99% }

/* sendmethods (table) & paymentmethods (table) */

.site .sendmethodstable, .paymentmethodstable { width: 100%; border: 1px solid #3254a4; margin-bottom: 10px; margin-top: 10px }
.site .sendmethodstable .select, .paymentmethodstable .select { width: 5% }
.site .sendmethodstable input, .paymentmethodstable input { border: 0px }
.site .sendmethodstable .name, .paymentmethodstable .name { width: 20% }
.site .sendmethodstable .price, .paymentmethodstable .price { width: 20% }
.site .sendmethodstable .description, .paymentmethodstable .description { width: 50% }
.site .sendmethodstable .duration { width: 15% }

/* customermanage (table) */

.site .customermanagetable { width: 100%; border: 1px solid #3254a4; margin-bottom: 10px; margin-top: 10px }
.site .customermanagetable #label { font-weight: bold; width: 150px }
.site .customermanagetable input, .customermanagetable select { width: 99% }
.site .customermanagetable #initials { width: 50px }
.site .customermanagetable #paymentmethodID P { margin: 0px }
.site .customermanagetable #birthday { width: 24% }
.site .customermanagetable #birthmonth { width: 50% }
.site .customermanagetable #birthyear { width: 23% }

/* customeraccount (layer) */

.site .customeraccountdiv { padding: 5px; width: 100%; border: 1px solid #3254a4; margin-bottom: 10px; margin-top: 10px }
.site .customeraccountdiv .option { margin: 0px }
.site .customeraccountdiv .optiondescription { margin: 0px; margin-bottom: 15px }

/* orderlist (table) */

.site .orderlisttable { width: 100%; border: 1px solid #3254a4; margin-bottom: 10px; margin-top: 10px }
.site .orderlisttable .header { background: #1a3981; color: #cccffa; font-weight: bold }
.site .orderlisttable #id { font-weight: bold }
.site .orderlisttable #date { }
.site .orderlisttable #status { font-weight: bold }

/* order (table) */

.site .ordertable { width: 100%; border: 1px solid #3254a4; margin-bottom: 10px; margin-top: 10px }
.site .ordertable .header { background: #1a3981; color: #cccffa; font-weight: bold }
.site .ordertable #name { width: 50% }
.site .ordertable #name a { text-decoration: none; font-weight: bold }
.site .ordertable #quantity { width: 10%; text-align: center }
.site .ordertable #quantity input { width: 100% }
.site .ordertable #price { width: 23%; text-align: right }
.site .ordertable #label { text-align: right; font-weight: bold }
.site .ordertable #total { width: 28%; color: #cccffa; text-align: right; font-weight: bold }
.site .ordertable #address p { margin: 0px }
.site .ordertable #description textarea { width: 100%; font-family: arial; font-size: 11px }
.site .ordertable #description p { margin: 0px }
.site .ordertable .header2 { font-weight: bold }
.site .ordertable hr { border: 1px solid #3254a4; background: #3254a4; height: 1px } 

/* DIV : PICTURES */

.site .picturesdiv { width: 100%; border-top: 1px solid #637dbc }
.site .picturesdiv H1 { font-size: 14px; margin-bottom: 10px }
.site .picturesdiv .thumb { border: 1px solid #ffffff; margin-right: 5px; margin-bottom: 5px }

/* contact */

.site .contact { border: 1px solid #3254a4; margin-bottom: 30px; margin-top: 10px; padding: 5px }
.site .contact .formlabel { font-weight: bold; width: 30%; float: left }
.site .contact .formfield { width: 60%; float: left }
.site .contact .formfield input { width: 100% }
.site .contact .formfield textarea { width: 100%; height: 100px; font-family: arial }   

/* DIV : PRODUCTOPTIONS */

.site .productoptionsdiv { width: 100%; border-top: 1px solid #637dbc }
.site .productoptionsdiv H1 { font-size: 14px; margin-bottom: 10px }
.site .productoptionsdiv .headerdiv { default; font-weight: bold; color: #ffffff }
.site .productoptionsdiv .detailsdiv { height: 22px; background: #3a589e; margin-bottom: 10px; padding: 0px }
.site .productoptionsdiv .detailsdiv P { padding: 0px; margin: 0px; margin: 2px }
.site .productoptionsdiv .rowdiv { width: 100%; margin-bottom: 3px; padding-bottom: 3px }
.site .productoptionsdiv .namediv { float: left; width: 72%; font-weight: bold }
.site .productoptionsdiv .pricediv { float: left; width: 15%; color: yellow }
.site .productoptionsdiv .putinbasketdiv { float: left; width: 13% }
.site .productoptionsdiv .putinbasketdiv INPUT { width: 15px; text-align: center }
.site .productoptionsdiv .putinbasketdiv IMG { border: 0px; margin-left: 5px}
.site .productoptionsdiv .descriptiondiv { padding: 0px; margin-bottom: 10px }

/* DIV : BASKETLARGE */

.site .basketlargediv { margin-top: 10px; width: 100%; border: 1px solid #3a589e; margin-bottom: 10px }
.site .basketlargediv .holderdiv { margin: 5px }
.site .basketlargediv .headerdiv { font-weight: bold; color: #ffffff; background: #3a589e }
.site .basketlargediv .headerdiv P { margin: 2px }
.site .basketlargediv .rowdiv { width: 100%; margin-bottom: 3px; padding-bottom: 3px; height: 15px; }
.site .basketlargediv .namediv { float: left; width: 60% }
.site .basketlargediv .stockdiv { float: left; width: 12% }
.site .basketlargediv .pricediv { float: left; width: 12% }
.site .basketlargediv .totalpricediv { float: left; width: 13%; font-weight: bold }
.site .basketlargediv .quantitydiv { float: left; width: 13% }
.site .basketlargediv .quantitydiv INPUT { width: 20px }
.site .basketlargediv .quantitydiv IMG { border: 0px; padding-top: 2px }

/* DIV : BASKETSMALL */

.site .basketsmalldiv { width: 100%; border: 1px solid #3a589e; background: #2c4d90; margin-bottom: 10px; border: 3px solid red; }
.site .basketsmalldiv .holderdiv { margin: 10px }
.site .basketsmalldiv .rowdiv { width: 100%; margin-bottom: 3px; border-bottom: 1px solid #3a589e }
.site .basketsmalldiv .namediv { float: left; width: 80%; text-transform: lowercase }
.site .basketsmalldiv .namediv A { text-decoration: none }
.site .basketsmalldiv .quantitydiv { float: left; width: 20%; text-align: right }
.site .basketsmalldiv .pricediv { float: left; width: 40%; text-align: right }
.site .basketsmalldiv .labeldiv { float: left; width: 60%; text-align: left }
.site .basketsmalldiv .buttondiv { float: left; margin-right: 5px; margin-top: 7px }

/* DIV : ORDER */

.site .orderdiv { width: 100%; border: 1px solid #3a589e; margin-bottom: 10px }
.site .orderdiv .holderdiv { margin: 10px }
.site .orderdiv .headerdiv { font-weight: bold; color: #ffffff; background: #3a589e }
.site .orderdiv .headerdiv P { margin: 2px }
.site .orderdiv .rowdiv { width: 100%; margin-bottom: 3px; padding-bottom: 3px; height: 15px; }
.site .orderdiv .namediv { float: left; width: 60% }
.site .orderdiv .stockdiv { float: left; width: 12% }
.site .orderdiv .pricediv { float: left; width: 12% }
.site .orderdiv .totalpricediv { float: left; width: 13%; font-weight: bold }
.site .orderdiv .quantitydiv { float: left; width: 13% }
.site .orderdiv .quantitydiv IMG { border: 0px; padding-top: 2px }
.site .orderdiv .labeldiv { float: left; width: 85%; text-align: right }
.site .orderdiv .labeldiv P { margin-right: 15px; margin-top: 0px; margin-bottom: 0px; }
.site .orderdiv .fielddiv { float: left; width: 14% }
.site .orderdiv .addressdiv P { margin: 0px }
.site .orderdiv .addressdiv { width: 50%; float: left; margin-bottom: 10px; margin-top: 5px }
.site .orderdiv .commentsdiv { margin-top: 5px }
.site .orderdiv .commentsdiv TEXTAREA { width: 99%; margin-bottom: 10px }
.site .orderdiv .onlinepaymentdiv { margin-top: 5px; height: 80px; }
.site .orderdiv .onlinepaymentdiv SELECT { width: 100% }
.site .orderdiv .onlinepaymentdiv .logodiv { float: left; width: 25% }
.site .orderdiv .onlinepaymentdiv .logodiv IMG { border: 1px solid #3a589e }
.site .orderdiv .onlinepaymentdiv .bankselectdiv { float: left; width: 75% }
.site .orderdiv .labelwidediv { float: left; width: 40%; text-align: left }
.site .orderdiv .labelwidediv P { margin-right: 15px }
.site .orderdiv .fieldwidediv { float: left; width: 60% }

/* SHARED */

.site .clear { clear: both; height: 0px; width: 0px }

/* SPONSORABLE */

.site .sponsortable .thumb IMG { border: 1px solid #ffffff; margin-right: 10px }