/*********************************************************/
/* STYLES.CSS Pet-a-Porter                               */
/*********************************************************/

/*********************************************************/
/* Pet-a-Porter kleuren.                                 */
/*********************************************************/
/*          oud       nieuw  */
/* Geel : # ECE80F  # FFCD38 */ /* E2E232 */
/* Groen: # ADD58A  # 52D757 */
/* Blauw: # 00ABD1  # 0099CC */
/* Roze : # F599AA  # FF3F7E */

/*********************************************************/
/* General default page style settings                   */
/*********************************************************/

/* Remove all margings and padding on all elements for all browsers. */
* {
Margin: 0;
Padding: 0;
}

HTML {
Height: 100.1%; /* Force a vertical scrollbar in Moz/FF */
}

HTML, BODY {
Border: 0 none;
Color: #888;
BackGround: #FFF;
/*Font: 100.01%/130% "Arial","Helvetica",Sans-Serif;*/
Font: 90%/120% "Arial","Helvetica",Sans-Serif;
Text-Align: center; /* IE5 hack to center all contents... */
Z-Index: 0;
}

TABLE {
Width: 100%;
}

H1, H2 {
Font-Size: 1.2em;
}

H3, H4, H5, H6 {
Font-Size: 1em;
}

A {
Font-Weight: bold;
}

IMG {
Border: 0 none;
Margin-Left: 0;
Margin-Right: 0;
}

IMG.left {
Float: left;
}

IMG.right {
Float: right;
}


/*********************************************************/
/* Footer DIV style settings                             */
/*********************************************************/
DIV#footer {
Width: 766px;
Padding: 4px 0px 4px 0px;
Margin-Top: 15px;
Margin-Left: auto;
Margin-Right: auto;
Color: #000;
BackGround: #FFF;
Text-Align: left; /* Correct IE5 hack for normal text... */
}

DIV#footer IMG {
Float: right;
}

DIV#footer P {
Padding: 40px 0 0 0;
Color: #AAA;
Font-Size: 50%;
Clear: both;
}


/*********************************************************/
/* Menu DIV style settings                               */
/*********************************************************/
/* This menucontainer div is needed to float the following DIV#menu div to the right! */
DIV#menucontainer { 
Width: 766px;
Height: 40px;
Border: 0 none;
Margin-Top: 15px;
Margin-Bottom: 10px;
Margin-Left: auto;
Margin-Right: auto;
Text-Align: left; /* Correct IE5 hack for normal text... */
BackGround: #FFF;
/* Border: 1px solid #FBB; */
}

DIV#menu {
Float: right;
BackGround: #FFF;
Color: #666;
Font-Weight: Bold;
Line-Height: 150%; 
}

DIV#menu UL {
Padding-Left: 0px;
List-Style: none;
Text-Transform: uppercase;
BackGround: #FFF;
}

DIV#menu UL LI {
Display: inline;
Position: relative;
Z-Index: 100;
Float: left; /* Voor Safari!!! */
}

DIV#menu UL UL {
Position: absolute;
Top: 1.3em;
Left: 0.4em;
Border: 1px solid #DDD; /* SubMenu border */
Z-Index: 102; /* For Opera! */
}

DIV#menu UL UL LI {
Display: Block;
Text-Transform: None;
Float: none; /* Voor IE!! */
}

DIV#menu UL LI SPAN {
Padding: 1px 6px;
Color: #C90;
BackGround: #FFF;
/*Border-right: 1px solid #666;*/
}

DIV#menu UL LI SPAN.disabled {
Color: #BBB;
BackGround: #FFF;
}

DIV#menu UL LI A {
Padding: 1px 4px;
BackGround: #FFF;
Text-Decoration: None;
/*Border-right: 1px solid #666;*/
}

DIV#menu UL LI A:link, 
DIV#menu UL LI A:visited {
Color: #666;
}

/* The PaP menu colors: */
DIV#menu UL LI A.menu1focus:link,
DIV#menu UL LI A.menu1focus:visited,
DIV#menu UL LI A.menu1:hover,
DIV#menu UL LI A.menu1:active {
Color: #FFCD38; }

DIV#menu UL LI A.menu2focus:link,
DIV#menu UL LI A.menu2focus:visited,
DIV#menu UL LI A.menu2:hover,
DIV#menu UL LI A.menu2:active {
Color: #FF3F7E; }

DIV#menu UL LI A.menu3focus:link,
DIV#menu UL LI A.menu3focus:visited,
DIV#menu UL LI A.menu3:hover,
DIV#menu UL LI A.menu3:active {
Color: #52D757; }

DIV#menu UL LI A.menu4focus:link,
DIV#menu UL LI A.menu4focus:visited,
DIV#menu UL LI A.menu4:hover,
DIV#menu UL LI A.menu4:active {
Color: #FFCD38; }

DIV#menu UL LI A.menu5focus:link,
DIV#menu UL LI A.menu5focus:visited,
DIV#menu UL LI A.menu5:hover,
DIV#menu UL LI A.menu5:active {
Color: #0099CC; }

DIV#menu UL LI A.menu6focus:link,
DIV#menu UL LI A.menu6focus:visited,
DIV#menu UL LI A.menu6:hover,
DIV#menu UL LI A.menu6:active {
Color: #FF3F7E; }

DIV#menu UL LI A.menu7focus:link,
DIV#menu UL LI A.menu7focus:visited,
DIV#menu UL LI A.menu7:hover,
DIV#menu UL LI A.menu7:active {
Color: #52D757; }

DIV#menu UL LI A.menu8focus:link,
DIV#menu UL LI A.menu8focus:visited,
DIV#menu UL LI A.menu8:hover,
DIV#menu UL LI A.menu8:active {
Color: #0099CC; }

/* Specificity rules for :hover on menu's */
DIV#menu UL UL,
DIV#menu LI:hover UL UL,
DIV#menu LI.sfhover UL UL { 
/* Value: 2 and 13 */
Display: none;
/*Position: absolute;
Left: -999em;*/
}

DIV#menu LI:hover UL,
DIV#menu LI.sfhover UL,
DIV#menu LI:hover LI:hover UL,
DIV#menu LI.sfhover LI.sfhover UL { 
/* Value: 12 and 23 */
Display: block;
/*Left: auto;*/
}


/*********************************************************/
/* main DIV & TABLE style settings                       */
/*********************************************************/
DIV#main {
Z-Index: 1;
Width: 766px;
Height: 470px;
Margin-Left: auto;
Margin-Right: auto;
/*Border: 1px solid #FDD; /* Als test! */
Clear: both;
Text-Align: left; /* Correct IE5 hack for normal text... */
Position: relative;
BackGround: #FFF;
}

DIV#main TABLE {
Z-Index: 1;
Border-Collapse: collapse;
Border: hidden;
}

DIV#main TABLE TD {
Z-Index: 1;
Border-Top-Width: 0px;
Border-Bottom-Width: 0px;
Vertical-Align: top;
}

/*********************************************************/
/* main DIV TABLE column 1 style settings                */
/*********************************************************/
DIV#main TABLE TD#col1 {
Width: 186px;
Border-Left: solid 0px #FFF;
Border-Right: solid 16px #FFF;
}

DIV#main TABLE TD#col1 IMG.doggysize {
Position: absolute; /* relative to main DIV! */
Top: 402px;
Left: 0;
}

DIV#main TABLE TD#col1 IMG.personalnote {
Position: absolute; /* relative to main DIV! */
Top: 360px;
Left: 0;
}

DIV#main TABLE TD#col1 P {
Margin: 7px 0px 0px 0px;
Padding: 0px;
}

/*********************************************************/
/* main DIV TABLE column 12 style settings               */
/*********************************************************/
DIV#main TABLE TD#col12 {
Width: 362px;
Border-Left: solid 0px #FFF;
Border-Right: solid 16px #FFF;
Background: #FFF url(/img/col12frame.gif) no-repeat;
}

/*********************************************************/
/* main DIV TABLE column 123 style settings              */
/*********************************************************/
DIV#main TABLE TD#col123 {
Width: 564px;
Border-Left: solid 0px #FFF;
Border-Right: solid 16px #FFF;
Padding: 70px 0px 0px 0px;
Background: #FFF url(/img/col123frame.gif) no-repeat 0px 70px;
}

/*********************************************************/
/* main DIV TABLE column 2 style settings                */
/*********************************************************/
DIV#main TABLE TD#col2 {
Width: 160px;
Border-Left: solid 16px #FFF;
Border-Right: solid 16px #FFF;
Padding: 70px 0px 0px 0px;
Text-Align: center;
}

DIV#main TABLE TD#col2 img.whatwear {
Margin: 30px 0px 0px 0px;
}

/*********************************************************/
/* main DIV TABLE column 23 style settings               */
/*********************************************************/
DIV#main TABLE TD#col23 {
Width: 362px;
Border-Left: solid 16px #FFF;
Border-Right: solid 16px #FFF;
Padding: 70px 0px 0px 0px;
}

/*********************************************************/
/* main DIV TABLE column 3 style settings                */
/*********************************************************/
DIV#main TABLE TD#col3 {
Width: 186px;
Border-Left: solid 16px #FFF;
Border-Right: solid 16px #FFF;
Padding: 100px 0px 0px 0px;
}

/*********************************************************/
/* main DIV TABLE column 34 style settings               */
/*********************************************************/
DIV#main TABLE TD#col34 {
Width: 388px;
Border-Left: solid 16px #FFF;
Border-Right: solid 0px #FFF;
Padding: 50px 0px 0px 0px;
Background: #FFF url(/img/col34frame.gif) no-repeat 0px 50px;
}

/*********************************************************/
/* main DIV TABLE column 4 style settings                */
/*********************************************************/
DIV#main TABLE TD#col4 {
Width: 186px;
Border-Left: solid 16px #FFF;
Border-Right: solid 0px #FFF;
Padding: 50px 0px 0px 0px;
Text-Align: center;
}

DIV#main TABLE TD#col4 IMG.info {
Position: absolute; /* relative to main DIV! */
Top: 220px;
Left: 600px;
}

DIV#main TABLE TD#col4 IMG.doggysize {
Margin: 10px 0px;
}

/*********************************************************/
/* Image Browser style settings                          */
/*********************************************************/
/* Hide all the images */
DIV#imagebrowser IMG {
Display: none;
}

/* But show the first image */
DIV#imagebrowser IMG#image0 {
Display: block;
}


/*********************************************************/
/* 300 - Catalog Overview DIV style settings             */
/*********************************************************/
DIV#main TABLE TD#col34 DIV#cat_overview {
Width: 374px;	/* 388 total */
Height: 360px;	/* 380 total */
Margin: 9px 7px 11px 7px;
Overflow: auto;
Border: 0 none;
}

DIV#main TABLE TD#col34 DIV#cat_overview IMG {
Float: right;
Margin-Top: 20px;
}

DIV#main TABLE TD#col34 DIV#cat_overview IMG.line {
Float: none;
Clear: both;
Margin: 5px 0px 10px 10px;
}

DIV#main TABLE TD#col34 DIV#cat_overview H3 {
Margin: 10px 10px 0px 15px;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col34 DIV#cat_overview P {
Margin: 0px 10px 0px 15px;
Padding: 0px;
}

DIV#main TABLE TD#col34 DIV#cat_overview BR {
Margin: -2px 0px;
}

DIV#main TABLE TD#col34 DIV#cat_overview A {
Padding: 0px;
Text-Decoration: None;
Color: #888;
}

DIV#main TABLE TD#col34 DIV#cat_overview A.order {
Color: #000;
}

DIV#main TABLE TD#col34 DIV#cat_overview A:hover {
Color: #52D757;
}

DIV#main TABLE TD#col34 DIV#cat_overview SPAN.disabled {
Font-Weight: bold;
Color: #BBB;
}

/*********************************************************/
/* 350 - Catalog Detail DIV style settings               */
/*********************************************************/
DIV#main TABLE TD#col34 DIV#cat_detail {
Width: 374px;	/* 388 total */
Height: 367px;	/* 380 total */
Margin: 7px 7px 6px 7px;
Border: 0 none;
}

DIV#main TABLE TD#col34 DIV#cat_detail IMG {
Margin: 0px;
Padding: 0px;
Vertical-Align: top;
}

DIV#main TABLE TD#col34 DIV#cat_detail DIV.largepic {
Width: 340px;
Height: 194px;
Padding: 0px 17px;
}

DIV#main TABLE TD#col34 DIV#cat_detail DIV#smallpics {
Width: 354px;
Height: 44px;
Margin: 4px 10px;
Padding: 4px 0px;
Border-Top: 1px solid #BBB;
Border-Bottom: 1px solid #BBB;
Text-Align: left;
}

DIV#main TABLE TD#col34 DIV#cat_detail DIV#smallpics IMG {
Margin: 0px;
Padding: 0px;
/*Height: 40px;*/
Border: 2px solid #FFF;
}

DIV#main TABLE TD#col34 DIV#cat_detail DIV#smallpics IMG.active {
/*Height: 40px;*/
Border: 2px solid #BBB;
}

DIV#main TABLE TD#col34 DIV#cat_detail DIV#smallpics A {
/*Margin: 2px 0px 0px 0px;*/
}

DIV#main TABLE TD#col34 DIV#cat_detail DIV#smallpics A IMG:hover,
DIV#main TABLE TD#col34 DIV#cat_detail DIV#smallpics A IMG.hover {
Border: 2px solid #52D757;
}

DIV#main TABLE TD#col34 DIV#cat_detail H3 {
Margin: 0px 10px 0px 10px;
Text-Align: left;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col34 DIV#cat_detail P {
Margin: 1px 10px 0px 10px;
Padding: 0px;
Text-Align: left;
}

DIV#main TABLE TD#col34 DIV#cat_detail A {
Text-Decoration: None;
Color: #888;
}

DIV#main TABLE TD#col34 DIV#cat_detail A.order {
Float: right;
Color: #000;
}

DIV#main TABLE TD#col34 DIV#cat_detail A:hover {
Color: #52D757;
}

DIV#main TABLE TD#col34 DIV#cat_detail SPAN.disabled {
Float: right;
Font-Weight: bold;
Color: #BBB;
}


/*********************************************************/
/* 400 - Catalog Overview DogTag DIV style settings      */
/*********************************************************/
DIV#main TABLE TD#col12 DIV#cat_overview_dogtag {
Width: 352px;	/* 362 total */
Height: 304px;	/* 330 total */
Margin: 11px 5px 15px 5px;
Overflow: auto;
Border: 0 none;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag IMG {
Float: right;
Margin-Top: 30px;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag IMG.line {
Float: none;
Clear: both;
Margin: 5px 0px 10px 15px;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag H3 {
Margin: 10px 10px 0px 15px;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag P {
Margin: 0px 10px 0px 15px;
Padding: 0px;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag BR {
Margin: -2px 0px;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag A {
Padding: 0px;
Text-Decoration: None;
Color: #888;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag A.order {
Color: #000;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag A:hover {
Color: #FFCD38;
}

DIV#main TABLE TD#col12 DIV#cat_overview_dogtag SPAN.disabled {
Font-Weight: bold;
Color: #BBB;
}


/*********************************************************/
/* 410 - Catalog Detail DogTag DIV style settings        */
/*********************************************************/
DIV#main TABLE TD#col12 DIV#cat_detail_dogtag {
Width: 352px;	/* 362 total */
Height: 320px;	/* 330 total */
Margin: 5px 5px 5px 5px;
Border: 0 none;
Text-Align: center;
}

DIV#main TABLE TD#col12 DIV#cat_detail_dogtag IMG {
Margin-Top: 60px;
}


/*********************************************************/
/* 410 Catalog Detail Text DogTag DIV style settings     */
/*********************************************************/
DIV#main TABLE TD#col4 DIV#cat_detail_text_dogtag {
Width: 166px;	/* 186 total */
/*Height: 228px;	/* 238 total */
Margin: 0px;
Padding: 4px 5px 4px 5px;
Border: 5px solid #BBB;
Text-Align: left;
}

DIV#main TABLE TD#col4 DIV#cat_detail_text_dogtag IMG {
Vertical-Align: middle;
}

DIV#main TABLE TD#col4 DIV#cat_detail_text_dogtag H3 {
Margin: 0px 0px 4px 0px;
Padding: 0px;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col4 DIV#cat_detail_text_dogtag P {
Margin: 0px;
Padding: 0px;
}

DIV#main TABLE TD#col4 DIV#cat_detail_text_dogtag A {
Padding: 0px;
Text-Decoration: None;
Color: #888;
}

DIV#main TABLE TD#col4 DIV#cat_detail_text_dogtag A.order {
Color: #000;
}

DIV#main TABLE TD#col4 DIV#cat_detail_text_dogtag A:hover {
Color: #FFCD38;
}


/*********************************************************/
/* 500 - Order DIV style settings                        */
/* 510 - Order NAW DIV style settings                    */
/* 520 - Order Finish DIV style settings                 */
/*********************************************************/
DIV#main TABLE TD#col123 DIV#order {
Position: relative;
Width: 532px;	/* 564 total */
Height: 338px;	/* 360 total */
Margin: 10px 22px 12px 10px;
Border: 0 none;
}

DIV#main TABLE TD#col123 DIV#order H2 {
Margin: 5px 0px 10px 14px;
Padding: 0px;
Color: #0099CC;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col123 DIV#order H3 {
Margin: 0px 0px 5px 14px;
Padding: 0px;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col123 DIV#order P {
Margin: 0px 0px 4px 14px;
Padding: 0px;
Color: #888;
}

DIV#main TABLE TD#col123 DIV#order IMG {
Vertical-Align: middle;
}

DIV#main TABLE TD#col123 DIV#order A {
Padding: 0px;
Text-Decoration: None;
Color: #000;
}

DIV#main TABLE TD#col123 DIV#order A:hover {
Color: #0099CC;
}

DIV#main TABLE TD#col123 DIV#order DIV.nextback {
Position: absolute;
Bottom: 1px;
Right: 10px;
Width: 522px;
Height: 30px;
Text-Align: right;
Font-Size: 0.9em;
}

/* Lijn alle geldbedragen in de totaal tabel rechts uit. */
DIV#main TABLE TD#col123 DIV#order TABLE.ordertotal TD SPAN {
Float: Right;
}

DIV#main TABLE TD#col123 DIV#order TABLE.ordertotal TD SPAN#totaal,
DIV#main TABLE TD#col123 DIV#order TABLE.ordertotal TD SPAN#totaal_rembours{
Font-Weight: Bold;
}


/*********************************************************/
/* 500 - Order DIV style settings                        */
/*********************************************************/
DIV#main TABLE TD#col123 DIV#order DIV#ordertable {
Width: 520px;	/* 532 total */
Height: 150px;	/* 335 total */
/*Border: 2px solid #BBB;*/
Margin: 14px 0px 0px 12px;
Overflow: auto;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE {
Width: 500px;
Margin: 1px 0px 0px 1px;
Border: 2px solid #BBB;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TH {
Border-Bottom: 2px solid #BBB;
Border-Left: 1px solid #BBB;
Border-Right: 1px solid #BBB;
Padding: 1px 2px;
/*Width: 270px;*/
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TD {
Border: 1px solid #BBB;
Padding: 1px 2px;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TH.image,
DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TD.image {
Width: 70px;
Padding: 1px 1px;
Text-Align: center;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TH.size,
DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TD.size {
Width: 40px;
Text-Align: right;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TH.color,
DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TD.color {
Width: 45px;
Text-Align: center;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TH.number,
DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TD.number {
Width: 50px;
Text-Align: right;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TH.price,
DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TD.price {
Width: 55px;
Text-Align: right;
}

DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TH.action,
DIV#main TABLE TD#col123 DIV#order DIV#ordertable TABLE TD.action {
Width: 48px;
Text-Align: center;
} 

DIV#main TABLE TD#col123 DIV#order TABLE.ordertotal {
Width: 447px;
Margin: 0px 20px 2px 13px;
Border: 2px solid #BBB;
}

DIV#main TABLE TD#col123 DIV#order TABLE.ordertotal TD {
Padding: 1px 2px;
}

DIV#main TABLE TD#col123 DIV#order FORM {
Margin: 5px 10px 5px 14px;
Color: #888;
Font-Weight: normal;
}

DIV#main TABLE TD#col123 DIV#order FORM H3,
DIV#main TABLE TD#col123 DIV#order FORM P {
Margin-Left: 0px;
Color: #888;
}

DIV#main TABLE TD#col123 DIV#order FORM#payment {
Margin: 5px 10px 5px 14px;
Color: #0099CC;
Font-Weight: bold;
}


/*********************************************************/
/* 510 - Order NAW DIV style settings                    */
/*********************************************************/
DIV#main TABLE TD#col123 DIV#order TABLE.ordernaw {
Margin: 10px 0px 0px 0px;
Border: 0 none;
Color: #888;
}

DIV#main TABLE TD#col123 DIV#order TABLE.ordernaw TD {
Border: 0px none;
Padding: 1px 5px 1px 0px;
}

DIV#main TABLE TD#col123 DIV#order TABLE.ordernaw TD.label {
Width: 10em;
}


/*********************************************************/
/* 520 - Order Finish DIV style settings                 */
/*********************************************************/
DIV#main TABLE TD#col123 DIV#order IMG.grrrr {
Margin-Left: 230px;
}

DIV#main TABLE TD#col123 DIV#order P.adres {
Position: absolute;
Left: 0px;
Bottom: 0px;
}

DIV#main TABLE TD#col123 DIV#order P.kvk {
Position: absolute;
Right: 10px;
Bottom: 0px;
}


/*********************************************************/
/* 550 - Order Conditions DIV style settings             */
/*********************************************************/
DIV#main TABLE TD#col123 DIV#ordercond {
Width: 564px;	/* 564 total */
Height: 360px;	/* 360 total */
Border: 0 none;
Padding: 0;
Position: Relative;
}

DIV#main TABLE TD#col123 DIV#ordercond DIV#condlist {
Float: left;
Width: 180px;
Height: 344px;
Border: 0 none;
Margin: 8px 8px 6px 8px;
/* Background: #FFF url(/img/copyright.gif) no-repeat 8px 285px; */
}

DIV#main TABLE TD#col123 DIV#ordercond DIV#condlist IMG {
Position: Absolute;
Left: 14px;
Top: 295px;
}

DIV#main TABLE TD#col123 DIV#ordercond DIV#condlist UL {
Border: 0 none;
Padding: 5px 0px 0px 1em;
Margin: 0px 0px 0px 4px;
}

DIV#main TABLE TD#col123 DIV#ordercond DIV#condlist LI {
Padding: 0;
Margin: 0;
Color: #000;
Text-Transform: uppercase;
Font-Weight: bold;
Padding: 5px 0px;
}

DIV#main TABLE TD#col123 DIV#ordercond DIV#condlist LI.active {
Color: #0099CC;
}

DIV#main TABLE TD#col123 DIV#ordercond DIV.condtext {
Width: 336px;	/* 363 total */
Height: 336px;	/* 360 total */
Border: solid 4px #BBB;
Overflow: auto;
/*Margin-Left: 182px;*/	/* Werkt NIET goed in Mozilla!!! */
Position: Absolute;		/* Werkt WEL in IE, Moz, Op, etc. */
Right: 0px;				/* Werkt WEL in IE, Moz, Op, etc. */
Margin: 0px 0px 0px 4px;
Padding: 0px 8px 8px 20px;
Border: 8px solid #BBB;
Border-Left: 0 none;
Background: #BBB url(/img/col123side.gif) no-repeat 0px 0px;
}

/* Hide all the condition DIVs */
DIV#main TABLE TD#col123 DIV#ordercond DIV.condtext {
Display: none;
}

/* But show the first condition DIV */
DIV#main TABLE TD#col123 DIV#ordercond DIV#condtext0 {
Display: block;
}

DIV#main TABLE TD#col123 DIV#ordercond DIV.condtext H3 {
Padding: 5px 0px 5px 0px;
Margin: 0px;
Text-Transform: uppercase;
BackGround: #BBB;
Color: #FFF;
}

DIV#main TABLE TD#col123 DIV#ordercond DIV.condtext P {
Padding: 5px 0px;
Margin: 0px;
BackGround: #BBB;
Color: #FFF;
}


/*********************************************************/
/* 560 - Order Add Item DIV style settings               */
/*********************************************************/
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd {
Width: 507px;
Border: 2px solid #BBB;
}

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TH {
Border-Bottom: 2px solid #BBB;
Border-Left: 1px solid #BBB;
Border-Right: 1px solid #BBB;
Padding: 1px 4px;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD {
Border: 1px solid #BBB;
Padding: 1px 4px;
}

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TH.image,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.image {
Width: 140px;
}

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TH.size,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TH.price,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.size,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.price {
Text-Align: right;
}

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TH.option,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.option {
Text-Align: center;
}

/*DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.size,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.price,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.option {
Border-Top: 0 none;
Border-Bottom: 0 none;
}*/

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD.option {
Padding-Top: 3px;
Padding-Bottom: 2px;
}

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD H3,
DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD P {
Margin: 1px 0px;
}

DIV#main TABLE TD#col123 DIV#order TABLE#orderadd TD P.graftext {
Margin-Top: 6px;
}

DIV#main TABLE TD#col123 DIV#order A.order {
Color: #000;
}


/*********************************************************/
/* 600 - News                                            */
/*********************************************************/
DIV#main TABLE TD#col34 DIV#news {
Width: 373px;
Height: 367px;
Margin: 6px 7px 7px 8px;
Overflow: auto;
Border: 0 none;
}

DIV#main TABLE TD#col34 DIV#news IMG {
Float: right;
Margin-Top: 20px;
}

DIV#main TABLE TD#col34 DIV#news IMG.line {
Float: none;
Clear: both;
Margin: 5px 0px 10px 10px;
}

DIV#main TABLE TD#col34 DIV#news H3 {
Margin: 10px 15px 10px 15px;
Text-Transform: uppercase;
}

DIV#main TABLE TD#col34 DIV#news P {
Margin: 0px 15px 0px 15px;
Padding: 0px;
}

DIV#main TABLE TD#col34 DIV#news BR {
Margin: -2px 0px;
}

DIV#main TABLE TD#col34 DIV#news A {
Padding: 0px;
Text-Decoration: None;
Color: #888;
}

DIV#main TABLE TD#col34 DIV#news A.order {
Color: #000;
}

DIV#main TABLE TD#col34 DIV#news A:hover {
Color: #52D757;
}

DIV#main TABLE TD#col12 DIV#newsimage {
Width: 362px;	/* 362 total */
Height: 330px;	/* 330 total */
Margin: 0px;
Border: 0 none;
}

DIV#main TABLE TD#col12 IMG.mailafriend {
Float: right;
Margin: 10px 0px 0px 0px;
}

DIV#voorwaarden{
	Color: #fff;
}

DIV#voorwaarden A{
	Color: #fff;
	Font-Weight: Normal;
	Font-Size: 0.9em
}