/* CSS MasterStylesheet  */
body
{
    /*background-color: white;*/
    color: #333333;
    font-family: Tahoma, Verdana, arial, geneva, helvetica;
    font-size: 11px;
   
}

A:link		{color: #333333;text-decoration: none;  }
A:visited	{color: #333333;text-decoration: none;}
A:active	{color: #333333;text-decoration: none;}
A:hover		{ color: #333333; BACKGROUND-COLOR: #DDDDDD; }

h1 {font-size:18px;font-family:tahoma;padding:0;margin:0;font-weight:normal;}

.h1white{color:White;}
.h1detailheader{color:black;}

th
{
	/*font-weight: bold;*/
	font-size: 11px;
	color: #333333;
	font-family: Tahoma, Verdana, arial, geneva, helvetica;
}

tr { }

td 
{
	COLOR: #333333;
    FONT-FAMILY: Tahoma, Verdana, arial, geneva, helvetica;
    FONT-SIZE: 11px;
}

/*INPUT 
{
	COLOR: #333333;
    FONT-FAMILY: Tahoma, Verdana, arial, geneva, helvetica;
    FONT-SIZE: 10px;
}*/

input
{
    background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	border-style:solid;
	border-width: 1px;
	border-color: #bbbbbb;
	
}

textarea 
{
	COLOR: #333333;
    FONT-FAMILY: Tahoma, Verdana, arial, geneva, helvetica;
    FONT-SIZE: 11px;
}

select 
{
    FONT-FAMILY: Tahoma, Verdana, arial, geneva, helvetica;
    FONT-SIZE: 11px;
}

    
.menucontainer
{
    left: 0px;
    overflow: hidden;
    width: 135px;
    position: absolute;
    top: 92px;
}

/* --------------------------------------------- START menu-objektet ------------------------------------------------------------- */
.menuTable {width:180px;}
.menuTable td {font-family:Tahoma; font-size:11px;height:18px;font-weight:bold;}
.menuTable #menuHilite
{
    background-image: url(../siteCWO/graphicsinterface/menuhilite.jpg);
    background-position: left top;
    background-repeat: no-repeat;
} /*  hilite for lastclicked i hierarlisten - assignes på td level*/

.menuover {} /*tr*/
.menuover td
{
    /*background-image: url(../siteCWO/graphicsinterface/menuhilitedim.jpg);
    background-position: left top;
    background-repeat: no-repeat;*/
    background-color:Transparent;
}
.menuout {background-color: transparent;}

.menuTable #menuheadertd {text-indent: 16px; font-weight:bold;}
.menuTable #lvl0
{
    font-size: 11px;
    text-indent: 16px;
    font-weight: bold;
    /*background-image: url(../siteCWO/GraphicsInterface/arrowright11-11.png);
    background-position: -3px center;
    background-repeat: no-repeat;*/
    padding-bottom:3px;
    color:#000000;
}
.menutable #lvl0 a {background-color:Transparent;color:#000000;}
.menuTable #lvl1 {text-indent: 16px;font-weight:bold;}
.menutable #lvl1 a {background-color:Transparent;color:#000000;}
.menuTable #lvl2 {text-indent: 24px;}
.menuTable #lvl3 {text-indent: 28px;}
.menuTable #lvl4 {text-indent: 32px;}
.menuTable #lvl5 {text-indent: 36px;}
.menuTable #lvl6 {text-indent: 40px;}
.menuTable #lvl7 {text-indent: 44px;}
.menuTable #lvl8 {text-indent: 44px;}
.menuTable #lvl9 {text-indent: 44px;}
.menuTable #menuspaceaftertd {height:10px;}

.menutable a {background-color:Transparent;color:#666666;}
.menutable a:hover {background-color:Transparent;color:#000000;text-decoration:underline;}
.menutable a:link {background-color:Transparent;color:#666666;}
.menutable a:visited {background-color:Transparent;color:#666666;}
.menutable a:active {background-color:Transparent;color:#666666;}


.sitemaptable {width:95%;}
.sitemaptable td {border-bottom:1px solid white;}
.sitemaptable #lvl1 {padding-left: 15px;background-color:#eeeeee;background-color:#eeeeee;padding-top:3px;padding-bottom:3px;width:100%;}
.sitemaptable #lvl1 a {font-size:12px;} 
.sitemaptable #lvl2 {padding-left: 30px;padding-top:3px;}
.sitemaptable #lvl2 a {font-size:11px;} 
.sitemaptable #lvl3 {padding-left: 45px;}
.sitemaptable #lvl4 {padding-left: 60px;}
.sitemaptable #lvl5 {padding-left: 75px;}
.sitemaptable #lvl6 {padding-left: 75px;}
.sitemaptable #lvl7 {padding-left: 75px;}
.sitemaptable #lvl8 {padding-left: 75px;}
.sitemaptable #lvl9 {padding-left: 75px;}

/* --------------------------------------------- SLUT menu-objektet ------------------------------------------------------------- */

/* --------------------------------------------- start language and currency ------------------------------------------------------------- */

/*languageCurrency obj */
.languageCurrency { width:120px;  } /*table*/
.languageCurrency td {text-indent:8px;width:50%;padding-bottom:3px;}

.languageCurrencyHilite
{
    /*border-bottom: black 1px dotted;*/
    background-image: url(../siteCWO/graphicsinterface/orangesmalldot.jpg);
    background-position: 1pt center;
    background-repeat: no-repeat;
} /*span*/

.languageCurrency a 
{
    font-family:Tahoma;
    font-size: 11px;
    background-color:Transparent;
}
.languageCurrency a:hover {background-color:Transparent;}


/* --------------------------------------------- end language and currency ------------------------------------------------------------- */


/*detail*/

.detailmaincontainer {width:656px;overflow:hidden;}

.detailmaincontenttable {width:656px;}
.detailmaincontenttable td {font-family:Tahoma;font-size:11px;}

.detailbottombar
{
    width: 656px;
    /*background-image: url(../siteCWO/graphicsinterface/gray2.jpg);
    background-position: left center;
    background-repeat: repeat-x;*/
}
.detailbottombar #col1 {width:342px;padding-left:10px;vertical-align:top;padding-top:5px;}
.detailbottombar #col2 {width:314px;}

.detailbottombar #buyfeedbackspan {font-size:11px; font-weight:bold; color:#cc3300;}


/*table*/
.detailimagestable 
{
    overflow: hidden;
    width: 320px;
} 
.detailimagestable td { text-align:center; vertical-align:middle}

.detailimagessmall {
    overflow: hidden;
    width: 320px;
} 
.detailimagessmall td { text-align:center; vertical-align:middle}

.detailimagessmall img
{
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
}

.detailtexts
{
    padding:0;
    overflow: hidden;
    width: 310;
    height:100%;
    
} 

.detailtexts td
{
    text-align: left;
    vertical-align: middle;
    height: 17px;
    padding-left:10px;
    background-image: url(../siteCWO/graphicsinterface/orange4.jpg);
    background-repeat: no-repeat;
    background-position: left 5;
}
.detailtexts table td {padding-left:0;background-image:none;}

.detailtexts h2 {font-family:Tahoma;font-size:11px;}
.detailtexts h1 {font-family:Tahoma;font-size:11px;}
.detailtexts #body {}

.detailpricetable {}
.detailpricetable td { }
.detailpricetable #plabel
{
    text-align: left;
    padding-right:5px;
}
.detailpricetable #pprice {text-align: right;}

.detailvariantstable {width: 310px; padding:0;}
.detailvariantstable td {height:17px;}
.detailvariantstable #mainvarlabel {font-weight:bold;} 
.detailvariantstable #vLabel {vertical-align:middle;}
.detailvariantstable select {font-family:Tahoma;font-size: 11px;width:150px;}
.detailbacktomother {color:black;}

.detailOtherTexts {width: 310px;}
.detailOtherTexts td {height:17px;font-size:10px;border-top: #e7e7e7 1px solid;}


.listheaderboxcontainer
{
    float: left;
    width: 164px;
    height: 234px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
}

.listheaderboxoutertable
{
    width: 100%;
    height: 100%;
}

.listheaderboxinnertable
{
    width: 156px; 
    height:226px;
    border: lightgrey 1px solid;
}

.menuextendedcontentcontainer
{
    position: absolute;
    top: 70px;
    left:0px;
    width:100%;
    height:auto; 
}

.menuextendedimagecontainer {position:absolute;top:42;left:0;width:100%;}
.menuextendedimages
{
    width: 100%;
    border: white 1px solid;
}
.menuextendedimages #menuextendedimagesspace
{
    /*background-color: darkseagreen;*/
    width: 50%;
    background-color: black;
}

.menuextendedimages #envirimg  {border: white 1px solid;}

/*.menuextendedhorizontalbarcontainer  {position:absolute;top:368px;left:0px;width:100%;}*/

.menuextendedlistpartcontainer
{
    position: absolute;
    top: 350px;
    left:150px;
    width:auto;
    height:100%; 
}

/*fælles container for onpage headers*/
.pageheadercontainer {position:absolute;top:87px;left:0;width:100%;}

/*span typer til sideoverskrift og "mest solgte" og "nyeste" overskrifter*/
.listHeaderBoxText1
{text-indent: 10px; font-family: Arial, Tahoma, Verdana, geneva, helvetica; font-size:14px; font-weight:  bold;}

.listHeaderBoxText2 
{
    font-family: Garamond, Georgia, New York, Times, Times New Roman;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
}


.list2itemcontainer
{
    float: left;
    width: 160px;
    height: 160px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    border: white 1px solid;
    background-color: #cc3300;
    cursor:pointer;
}
.list2itemcontainer td {color:White; }


.list3contentcontainer 
{
    position: absolute;
    top: 118px;
    left:0px;
    width:auto;
    height:100%; 
    }
.list3itemcontainer
{
     z-index:0;
    /*float: left;
    width:  auto;
    height: auto;*/
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    border: white 1px solid;
}

.list3inContentMenuTable { width:100%; border: #aaaaaa 1px solid;}
.list3inContentMenuTable tr {width:100%;}
.list3inContentMenuTable td {}
.list3inContentMenuTable #endspacetd {width:50%;}

.list3inContentMenuTable A
{
    font-size: 11px;
    font-weight: bold;
    color: black;
    text-decoration: none;
    width: 20px;
}
.list3inContentMenuTable A:link		{}
.list3inContentMenuTable A:visited	{}
.list3inContentMenuTable A:active	{}
.list3inContentMenuTable A:hover	{color: #cc3300;background-color: white;}


.list3itemtable {
    width:100%; 
    height:auto;
    border: #aaaaaa 1px solid;
    padding:10px;
}
.list3itemtable td {font-size:11px; color:#333333;line-height:16px;}

.list3itemtable #header {font-family: Arial, Tahoma, Verdana, geneva, helvetica; font-size:14px; font-weight:  bold;}

/* ---------------------- basketsmall ------------------------- */

/*loades i hovedsiden : */
.basketsmallcontainer {position:relative;left:1px;width:121px; height:100%;}
.basketsmalliframe {border:0;width:100%;height:100%;margin:0;padding:0;}

/*loades i iframe : */
.basketsmallbody {margin:4;padding:0;}
.basketsmall {cursor:pointer;  } /*main table*/
.basketsmall td {color:#333333;}
.basketsmall #basketemptyparttd
{
    background-position: left top;
    background-image: url(../siteCWO/GraphicsInterface/emptybasketsmallbackground.jpg);
    background-repeat: no-repeat;
    vertical-align: top;
    height:355px;
    width:124px;
    text-align: left;
    padding:3px;
    /*line-height: 16px;*/
   
    color: #666666;
    
}
.basketsmall #imageparttd {height:275px;}
.basketsmall #textparttd {height:10px;color:#333333; background-color:transparent;text-align:center;}
.basketsmall #buttonparttd {padding-top:8px;}
.basketsmallimagesdiv {width:120;height:275;overflow:hidden;} /*containter for alle billeder*/
.basketsmallimageouterdiv
{
    padding: 2px;
    position: relative;
    float: left;
}
.basketsmallimagediv
{
    /*border-bottom: #999999 1px solid;*/
    vertical-align:bottom;
    text-align:right;
} /*containter for eet billeder*/

.basketsmallhi  #clicktogoto {color: #000000;background-color: #F5821f;}
.basketsmallimagetext
{
    padding: 2px;
    text-align: center;
    width: 20px;
    border: 1px solid #aaaaaa;
    color: #999999;
    background-color: white;
    font-weight: bold;
    /*filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;*/
    font-family:Tahoma;
    font-size:10px;
} /*#F5821f*/



/* ---------------------- basket ------------------------- */

.basketlogininfotable {width:652px;}
.basketlogininfotable td
{
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 5px;
}

.basketimage {vertical-align:middle; text-align:center; width:92px; height:92px;}

.basketmaintable {width:650px; height:115px; border-top: 1px solid black;border-collapse:collapse;}
.basketmaintable td {padding:2px;}
.basketmaintable #imagetd {text-align:center; width:110px;vertical-align:middle;}
.basketmaintable #texttd {vertical-align:bottom; width:510px;}

.baskettexttable {width:510px; }
.baskettexttable td { text-indent:10px; height:17px;}
.baskettexttable #header {height:20px; vertical-align:top; font-size:11px; font-weight:bold;}

.baskettexttable #atext {width:125px; border-bottom: 1px solid #cccccc;}
.baskettexttable #aprice {width:125px; text-align:right; border-bottom: 1px solid #cccccc;}
.baskettexttable #yourprice {width:125px; ; text-align:right; font-weight:bold; border-bottom: 1px solid #cccccc;}
.baskettexttable #numof {width:140px;text-align:center; font-weight:bold; border-bottom: 1px solid #cccccc;}
.baskettexttable #total {width:110px;font-weight:bold; text-align:right; border-bottom: 1px solid #cccccc;}
.baskettexttable #buttonstd {width:250px;text-align:right;} /*container for all knapper*/

/*tabel for alle 3 knapper på en orderpart*/
.basketallbuttonstable {width:250px;}
.basketallbuttonstable tr {height:20px;}
.basketallbuttonstable td {vertical-align:middle; width:66px;}
/*tabel for een knapper på en orderpart*/
.basketbuttontable {cursor:pointer;}
.basketbuttontable td {text-indent:0px;}
.basketbuttontablehi { }
.basketbuttontablehi td {}

.basketempty {width:620px;}
.basketempty td {width:620px; height:150px; text-align:center; font-size:11px; font-weight:bold;}

.basketbuttonbar
{   
    width:652px;
    height:40px;
}
.basketbuttonbar td {width:50%;}
.basketbuttonbar #col1 {padding-left:210px;width:50%;}
.basketbuttonbar #col2 {width:50%;}

.basketfunctionstable
{
    width: 624px;
    border: 1px solid #999999;
    background-color: #fffacd;
}
.basketfunctionstable td {padding:10px;}
.basketfunctionstable #texttd {width:474px;text-align:left;}
.basketfunctionstable #buttontd {width:150px;text-align:right; vertical-align:bottom;}

.basketunfinishedpaymentmessage {width:620px; padding:5px;}
.basketunfinishedpaymentmessage td {font-family: Arial, Tahoma, Verdana, geneva, helvetica; font-weight:bold; height:40px; vertical-align:bottom; text-align:left; width:620px; font-size:12px;}

/*.basketlinebuttons{font-size:12px;font-weight: bold;}*/

.baskettotalprice 
{ 
    width:652px;
    height:30px;
    border-top:1px solid black;
    border-bottom:1px solid black;
    padding-top:4px;padding-bottom:4px;
}
.baskettotalprice td {color:black;text-align:right;font-family:Tahoma,Verdana,geneva,helvetica;font-size:14px; font-weight:bold;}

/*imageviewer*/

.imageviewer {cursor:pointer;  }
.imageviewer td {}
.imageviewer #clicktoclose {color:#333333; background-color:  white}
.imageviewerhi #clicktoclose {color: #ffffff;background-color: #F5821f;}



/*orderwiard ----------------------------------------*/

.logocontainer
{
    position: absolute;
    top: 4px;
    left:200px;
    border-width:0px;
}
.orderbuttonbar
{   
    position: absolute;
    top: 430px;
    left:60px;
    width:624px;
    height:40px;
}
.orderbuttonbar td {text-align:center;}
.orderbuttonbar #col1 {width:50%;padding-left:200px;}
.orderbuttonbar #col2 {width:50%;text-align:left;padding-left:4px;}

.orderbuttonbarrelative
{   
    width:624px;
    height:40px;
}
.orderbuttonbarrelative td {text-align:center;}
.orderbuttonbarrelative #col1 {text-align:right;padding-right:4px;}
.orderbuttonbarrelative #col2 {text-align:left;padding-left:4px;}

/*.orderlinebuttons{font-size:12px;font-weight: bold;}*/

/*orderwizard all pages*/
.orderwizmessageheadercontainer {position:absolute;left:60px; top:80px;width:620px;}
.orderwizmessageheader {font-weight: bold;font-size: 12px;font-family: Arial; width:620px;}
.orderwizmessagebody {font-size: 11px; width:620px;}

.orderwizmessagebodycontainer {position:absolute;left:60px; top:100px}

.orderwizcontentcontainer { position:absolute;left:60px; top:150px}
.orderwizcontentcontainer td {font-size:11px;}

/*error*/
.orderwizerrortable {width:620px; position:absolute;left:60px; top:470px;}
.orderwizerrortable td {width:620px;text-align:center; font-size:12px;font-weight:bold; color:#f5821f;}

/*overskrifter i tabller*/
.ordertableheadlines {height:24px;vertical-align:middle;font-weight:bold; text-indent:5px;border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}

/*orderwizard1 personal*/
.orderusertable {width:300px;}
.orderusertable td {height:21px;font-size:11px;padding:2px;}
.orderusertable #inputcontent {font-weight:bold;}
.orderusertable input {font-size:11px; padding-left:3px;}
.orderusertable #receivenewsletter {border:none;}

/*orderwizard shipping*/
.ordershippingselect {width:620px;}
.ordershippingselect  td {font-size:11px;}
.ordershippingselect #radiotd {width:30px;}
.ordershippingselect select {font-size:11px;}
.ordershippingselect #header {font-weight:bold;}
.ordershippingselect input {border:none;}
.ordershippingselect #pricetd {width:65px;text-align:right;}

/*sub tabel for prisintervalvisning*/
.ordershippingselectintervaltable {width:620px;}
.ordershippingselectintervaltable td {}
.ordershippingselectintervaltable #col0 {width:250px;}
.ordershippingselectintervaltable #col1 {}
.ordershippingselectintervaltable #col2 {text-align:right;padding-right:5px;}
.ordershippingselectintervaltable #col3 {padding-right:5px;}
.ordershippingselectintervaltable #col4 {}
.ordershippingselectintervaltable #col5 {}
.ordershippingselectintervaltable #col6 {width:65px; text-align:right;}

.ordershippingaddresstable {width:300px;}
.ordershippingaddresstable td {height:21px;  font-size:11px;}
.ordershippingaddresstable #content {font-weight:bold;}
.ordershippingaddresstable input {font-size:11px; text-indent:3px;}

.orderaccountaddresstable {width:620px;}
.orderaccountaddresstable td {height:18px;  font-size:11px;}
.orderaccountaddresstable #content {width:470px;font-weight:bold;}
.orderaccountaddresstable input {font-size:11px; text-indent:3px;}


/*login*/
.logincontainertable {width:300; }
.logincontainertable td{font-size:11px;font-weight:bold;}
.logincontainertable input{font-size:11px; text-indent:3px;}

/*table til container af animated gif*/
.imageMapFocusRing
{
    /*left og top sættes af koden*/
    z-index:10;
    position: absolute;
    width: 200px;
    height: 200px;
    background-position: left top;
    background-image: url(../siteCWO/GraphicsInterface/imagemapfocusrings3.gif);
    background-repeat: no-repeat;
    filter:alpha(opacity=20);
    -moz-opacity:.20;
    opacity:.20;
}


/*popup når der addes til basket*/
.addedtobasketcontainer
{
    text-align: center;
    z-index: 255;
    position: absolute;
    left: 340px;
    top: 70px;
    width: 237px;
    height: 125px;
    background-position: left top;
    background-image: url(../siteCWO/GraphicsInterface/ADDEDPOPUP.gif);
    /*filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;*/
    vertical-align: middle;
    background-repeat: no-repeat;
    visibility:hidden;
}
.addedtobasketcontainer table {position:relative; top:75px; width:100%; }
.addedtobasketcontainer td
{
    font-weight: bold;
    color:Black;
    text-align:center;
    vertical-align:middle;
}
.addedtobasketcontainer #header { height:22px; font-family: Arial, Tahoma, Verdana, geneva, helvetica; font-size: 14px; vertical-align:top;}
.addedtobasketcontainer #info {}


/*basket pricetags shared */
.pricetagcontentcontainer
{
    position: absolute;
    top: 20px;
    left:20px;
    width:800px; 
}


/*shopfront special listevsning*/

.listsmallitemtable {}
.listsmallitempriceline {font-family: Verdana, Tahoma, Arial, geneva, helvetica;font-size:14px; font-weight:bold;} /*font*/
.listsmallitemsaveline {font-size:9px;font-weight: normal;} /*font*/

.listsmallheadersubtable 
{
    filter: alpha(opacity=45);
    -moz-opacity: .45;
    opacity: .45;
    vertical-align: middle;
    background-color:Black;
    width: 100%;
    }
.listsmallheadersubtable td
{
    padding:5px; 
    height: 30px;
    vertical-align: middle;
    text-align: center;
    color: White;
    font-weight:bold;
}

.listsmallpricessubtable{
    filter: alpha(opacity=45);
    -moz-opacity: .45;
    opacity: .45;
    vertical-align: middle;
    background-color:white;
    width: 100%;
    }
.listsmallpricessubtable td
{
    padding-top:0px; 
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    color: black;
    font-weight:bold;
    width:33%;
    line-height:14px;
}


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

.mainpagebody
{
    margin: 0;
    text-align: center;
    background-image: url(../siteCWO/graphicsinterface/blue10.jpg);
    background-repeat: repeat;
}

.pagemaintable {width:980px;height:100%;}
.pagemaintable td {vertical-align:top;}

.bluebartable
{
    width: 852px;
    height: 32px;
    background-image: url(../siteCWO/graphicsinterface/bluebarfull1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.bluebartable td {}

/* start searchbox */
.searchboxouterdiv {vertical-align:top;padding-left:20px;padding-top:7px;}
.searchboxdiv
{
    display:inline-block;
    width:128px;
    height:14px;
    padding:0;
    border:0;
    background-color:transparent;
    vertical-align:top;
}
.searchboxdiv #searchbox {padding-left:3px;height:12px;width:100px;border:0px;font-size:10px;font-family:Verdana;color:#666666;} /*input fld */
.searchboxdiv #searchform {margin:0;padding:0;}

/* end searchbox */


.bluebarbottomtable
{
    width: 852px;
    height: 26px;
    background-image: url(../siteCWO/graphicsinterface/bluebarfullbottom.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top:6px;
    padding-left:50px;
}
.bluebarbottomtable td {}

.blue
{
    background-image: url(../siteCWO/graphicsinterface/blue10.jpg);
    background-repeat: repeat;
}
.orange
{
    background-image: url(../siteCWO/graphicsinterface/orange.jpg);
    background-repeat: repeat;
}

.white
{
    background-color: white;
}

.whiteback852
{
    background-image: url(../siteCWO/graphicsinterface/whitevertical.jpg);
    background-repeat: repeat-y;
}

.whitewithborder
{
    border: 1px solid black;   
    background-color: white;
}

/*sidebar*/

.sidebarcontainerdiv {width:123px;overflow:hidden;}

.sidebartable {width:100%;}
.sidebartable #sidebarheadertd
{
    background-image: url(../siteCWO/graphicsinterface/sidebartop.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    height:19px;
    padding-top:4px;
    padding-left:10px;

}
.sidebartable #sidebarcontenttd
{
    background-image: url(../siteCWO/graphicsinterface/sidebarwhitevertical.jpg);
    background-repeat: repeat-y;
    font-size:10px;
}

.sidebartable #sidebarbottomtd
{
    background-image: url(../siteCWO/graphicsinterface/sidebottom.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    height:4px;
}

/*froint list*/

.frontlistmaindiv {width:660px;padding-top:9px;}

.frontlistitembigdiv
{
    position:relative;float:left;
    background-image: url(../siteCWO/graphicsinterface/frontbuttonback-big.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 220;
    height:241;
    overflow:hidden;
    cursor:hand;cursor:pointer;
}
.frontlistitembigdiv #frontlistitemheadertd {height:33px;padding-left:45px;vertical-align:middle;padding-top:3px;}
.frontlistitembigdiv #frontlistitemimagetd
{
    padding-left: 1px;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
}

.frontlistitemsmalldiv 
{
    position:relative;float:left;
    background-image: url(../siteCWO/graphicsinterface/frontbuttonback-small.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 164;
    height:140;
    overflow:hidden;
    cursor:hand;cursor:pointer;
}
.frontlistitemsmalldiv #frontlistitemheadertd {height:22px;padding-left:35px;vertical-align:middle;}
.frontlistitemsmalldiv #frontlistitemimagetd
{
    padding-left: 1px;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
}
.frontpagehi #frontlistitemimagetd
{
    filter: alpha(opacity=99);
    -moz-opacity: .99;
    opacity: 0.99;
}

/*------------------listitem----------------------- */
.LI_outerdiv
{
    /*position:relative;
    display:inline;*/
    float:left;
    background-image: url(../siteCWO/graphicsinterface/listitem-background.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 220;
    height: 184;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
    /*
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: 0.85;
    */
}

.LI_outerdivHi
{
     /*
    filter: alpha(opacity=99);
    -moz-opacity: .99;
    opacity: 0.99;
    */
}
    
.LI_innerdiv {background-color:Transparent;}

.LI_table
{
    width:220px;
    position: relative;
    display: inline;
    background-color:transparent;
    height:170px;
}
.LI_table td {background-color:Transparent;}
.LI_table #itemheadertd
{
    width:100%;
    text-align: left;
    vertical-align:top;
    font-family: Tahoma;
    font-size: 11px;
    height: 100;
    padding-left:24px;
    font-weight:bold;
    background-color:Transparent;
    padding-right:10px;
} 

.LI_table #itempricetd
{
    height: 62px;
    padding-left: 110px;
    width: 90px;
    text-align: right;
    vertical-align: bottom;
}

.LI_pricetagtable {width:100px;height:31px;}
.LI_pricetagtable td {text-align:center;font-family:tahoma;font-size:11px;}
.LI_pricetagtable #pricetaglpricetd {background-color:#0055a0;height:60%;color:White;font-size:11px;vertical-align:middle;} /*#f5821f*/
.LI_pricetagtable #pricetagwhitetd
{
    background-color: white;
    height: 40%;
    font-size: 10px;
    font-weight: bold;
    color: #aaaaaa;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
}

/* listpager */
.pagerdotcontainertable {}
.pagerdotcontainertable td
{
    width: 28px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    color: White;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    cursor:hand;cursor:pointer;
    padding-top:3px;
}

.pagerdotcontainertable #pagerdotbackdimmed 
{
    background-image: url(../siteCWO/graphicsinterface/bluebarpagerdotblank.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    cursor:default;
    }
.pagerdotcontainertable #pagerdotback 
{
    background-image: url(../siteCWO/graphicsinterface/bluebarpagerdotback.jpg);
    background-position: center top;
    background-repeat: no-repeat;}
.pagerdotcontainertable #pagerdot 
{
    background-image: url(../siteCWO/graphicsinterface/bluebarpagerdot.jpg);
    background-position: center top;
    background-repeat: no-repeat;}
    

.pagerdotcontainertable #pagerdotforwarddimmed 
{
    background-image: url(../siteCWO/graphicsinterface/bluebarpagerdotblank.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    cursor:default;
    }
.pagerdotcontainertable #pagerdotforward 
{
    background-image: url(../siteCWO/graphicsinterface/bluebarpagerdotforward.jpg);
    background-position: center top;
    background-repeat: no-repeat;}
    
.pagerdotcontainertable #pagerdothi 
{
    background-image: url(../siteCWO/graphicsinterface/bluebarpagerdothi.jpg); /*bluebarpagerdotforward*/
    background-position: center top;
    background-repeat: no-repeat;
}

/*'''''''''''''''''  orange button '''''''''''''''''''''''''''''''''*/


.onpageOrangeButtonLargecontainer
{
    display:inline-block;
    width: 280px;
    height: 24px;
    padding-top:3px;
    padding-bottom:0px;
    background-image: url(graphicsinterface/buttonorange280.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    cursor:hand;
}

.onpageOrangeButtonMediumcontainer
{
   display:inline-block;
    width: 110px;
    height: 24px;
    padding-top:3px;
    padding-bottom:0px;
    background-image: url(graphicsinterface/buttonorange110.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    cursor:hand;
}


.onpageorangebuttoncontainer
{
    display:inline-block;
    padding-left:25px;
    padding-top:2px;
    padding-right:10px;
    background-image: url(graphicsinterface/buttonarrow-small.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    text-align:left;
    cursor:pointer;
    cursor:hand;
    background-color:Transparent;
}
.onpageorangebuttoncontainer td {font-family:Tahoma;font-size:11px;font-weight:bold;}

.onpageorangebuttonleftcontainer
{
    display:inline-block;
    padding-left:25px;
    padding-top:2px;
    padding-right:10px;
    background-image: url(graphicsinterface/buttonarrow-small-left.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    text-align:left;
    cursor:pointer;
    cursor:hand;
    background-color:Transparent;
}
.onpageorangebuttoncontainer td {font-family:Tahoma;font-size:11px;font-weight:bold;}


/*'''''''''''''''''  end orange button '''''''''''''''''''''''''''''''''*/



/*-------------- toplist -------------------*/

.toplistcontainerdiv {width:508;height:90;overflow:hidden;padding-left:6px;}

    
.TOPLI_innerdiv
{
    float: left;
    background-color: Transparent;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
    width: 70;
    height: 90;
}

.TOPLI_innerdivHi {}

.TOPLI_table
{
    height:90px;
    width:80;
    position: relative;
    display: inline;
    background-color:transparent;
}
.TOPLI_table td {background-color:Transparent;font-weight:normal;font-size:9px;font-family:Tahoma;}
.TOPLI_table #itemimagetd {height:70px;text-align:center;vertical-align:middle;}
.TOPLI_table #itempricetd
{
    font-weight: normal;
    text-align: center;
    vertical-align: bottom;
    font-size:9px;
    color:#999999;
    
    font-family:Tahoma;
}

/*-------------- sidelist -------------------*/

.sidelistcontainerdiv {width:120;height:180;overflow:hidden;padding-left:6px;}

    
.SIDELI_innerdiv
{
    float: left;
    background-color: Transparent;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
    width: 55;
    height: 65;
}

.SIDELI_table
{
    height:50px;
    width:50;
    position: relative;
    display: inline;
    background-color:transparent;
}
.SIDELI_table td {background-color:Transparent;font-weight:normal;font-size:9px;font-family:Tahoma;}
.SIDELI_table #itemimagetd {height:50px;text-align:center;vertical-align:middle;}
.SIDELI_table #itempricetd
{
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    font-size:9px;
    color:#999999;
    
    font-family:Tahoma;
}

/* -------------- mailform --------------- */

/*pop ups*/
.popupbody {background-color:White;margin:10 10 10 10;}

/*mailform
.mailformtable {width:100%;}
.mailformtable input {height:20px;padding:3px;font-size:11px;font-weight:bold;}
.mailformtable textarea {font-size:11px;font-weight:bold;}
.mailformtable td {font-size:11px;padding-bottom:3px;}
.mailformtable #introtd {text-align:left;padding-top:5px;padding-bottom:10px;border-bottom:1px solid #cccccc;font-weight:bold;}
.mailformtable #labeltd {width:70px;font-size:11px;}
.mailformtable #headerStr {width:380px;font-size:11px;}
.mailformtable #param1 {width:380px;font-size:11px;}
.mailformtable #nameandaddressStr {width:380px;height:65px;font-size:11px;padding:4px;}
.mailformtable #telephonestr {width:380px;}
.mailformtable #frommailaddress {width:150px;}
.mailformtable #bodyStr {width:380px;height:130px;font-size:11px;padding:4px;}
.mailformtable #buttonstd {padding-left:150px;border-top:1px solid #cccccc;text-align:left;vertical-align:bottom;padding-top:10px;}
.mailformtable #errortd {color:#f17700; text-align:left;padding-top:10px;font-weight:bold;}

.mailformtable #thankstd
{
    font-weight: bold;
    line-height: 18px;
    font-size: 11px;
    width: 100%;
    height: 300px;
    vertical-align: middle;
    text-align: left;
    padding-left:80px;padding-right:80px;
}
*/

/* ---------- INFO LIST -------------------*/
.INFOLI_div {width:624px;padding-top:10px; padding-bottom:10px;border-bottom:1px solid #aaaaaa;}

.INFOLI_table {}
.INFOLI_table #imagetd {padding-right:15px;}
.INFOLI_table #itemheadertd {}
.INFOLI_table #itembrieftd {}
.INFOLI_table #itembodytd {}
.INFOLI_table #itemlinkstd {}


/*portalitem */

.portallistitemouterdiv {width:320px;}

/*------------------listitem----------------------- */
.POLI_outerdiv
{

    display:inline;
    position:relative;
    float:left;
    width: 330px;
    height: 100px;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
    vertical-align:top;
    text-align:left;
    background-color:White;
}

.POLI_table
{
    width: 320px;
    height: 90px;
}

.POLI_table td {font-size:11px;}

.POLI_table #toppart
{
    background-image: url(../siteCWO/graphicsinterface/buttonarrow-small.jpg);
    background-position: left 3px;
    background-repeat: no-repeat;
    height: 25px;
    padding-left:22px;
    padding-top:1px;
}
.POLI_table #midpart
{
     /*background-image: url(../siteCWO/graphicsinterface/portalitemback-middle.jpg);
    background-position: left top;
    background-repeat: repeat-y;*/
}
.POLI_table #bottompart
{
     /*background-image: url(../siteCWO/graphicsinterface/portalitemback-bottom.jpg);
    background-position: left top;
    background-repeat: no-repeat;*/
    height: 10px;
}
.POLI_table #imagetd {padding-left:10px;padding-right:10px;}
.POLI_table #texttd {}


.LI_outerdivHi
{
     /*
    filter: alpha(opacity=99);
    -moz-opacity: .99;
    opacity: 0.99;
    */
}
    
.LI_innerdiv {background-color:Transparent;}

.LI_table
{
    width:220px;
    position: relative;
    display: inline;
    background-color:transparent;
    height:170px;
}
.LI_table td {background-color:Transparent;}
.LI_table #itemheadertd
{
    width:100%;
    text-align: left;
    vertical-align:top;
    font-family: Tahoma;
    font-size: 11px;
    height: 100;
    padding-left:24px;
    font-weight:bold;
    background-color:Transparent;
    padding-right:10px;
} 

.LI_table #itempricetd
{
    height: 62px;
    padding-left: 120px;
    width: 90px;
    text-align: right;
    vertical-align: bottom;
}

.LI_pricetagtable {width:90px;height:31px;}
.LI_pricetagtable td {text-align:center;font-family:tahoma;font-size:11px;}
.LI_pricetagtable #pricetaglpricetd {background-color:#0055a0;height:60%;color:White;font-size:11px;vertical-align:middle;} /*#f5821f*/
.LI_pricetagtable #pricetagwhitetd
{
    background-color: white;
    height: 40%;
    font-size: 10px;
    font-weight: bold;
    color: #aaaaaa;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
}