/* Cross-browser settings */
* { margin: 0px; padding: 0px; }

/* general styles */
body { height: 100%; background: url(../images/templates/v1/grey/page-back.png) repeat-x #FFF; font-size: 14px; }
img { border: 0px; }
a { color: #000000; text-decoration: none; }
a:visited { color: #000; }
a:hover { color: #ed008c; }
#holder { position: relative; width: 950px; left: 50%; margin-left: -475px; padding: 0px; color: #333333; 
font: 12px/140% "lucida grande", tahoma, Verdana, sans-serif; border: 0px solid #f00; }

/* Header */
#header { width: 100%; height: 77px; margin-top: 0px; padding: 0px; background: #333; }

#header #logo { position: absolute; margin-top: 10px; left: 50%; margin-left: -440px; }

#header #banner { position: absolute; left: 50%; margin-left: -150px; margin-top: 13px; width: 468px; height: 60px; }
#header #banner .iframe { width: 468px; height: 60px; overflow: hidden;}

#header #cart { float: right; margin-left: 0px; width: 150px; height: 60px; }

/* topNav */
#topNav { width: 100%; margin: 0px; height: 60px; padding: 0px; background: url(../images/templates/v3/menuBack.jpg) repeat-x; }
#topNav #menu { position: relative; left: 50%; width: 950px; margin-left: -475px; text-align: center; }
#topNav #menu ul { margin: 0; padding-top: 17px;  list-style-type:none; }
#topNav #menu li { display: inline; margin: 0; color: #FFF; }
#topNav #menu li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #FFF; }
#topNav #menu li a:hover { text-decoration: underline; }
#topNav #menu li span { position: relative; top: -1px; padding-left: 10px; padding-right: 10px; color: #FFF }

/* Menu */
#menuBox { float: left; left: 0px; border-right: 1px dotted #000}

.menu { width: 150px; padding-top: 0px; font-size: 13px; text-transform: uppercase; font-family: "Myriad Pro",Arial,Helvetica,sans-serif; }

.menu ul { margin-top: 20px; list-style:none; padding-left: 40px; width: 160px; border: 0px solid #FFFFFF;}
.menu li { line-height: 0; padding-top: 5px; }
.menu .cat ul { margin-top: 0px; list-style:none; width: 140px; padding-left: 20px; }
.menu .cat li a { display: block; line-height: normal; color: #000; text-align: left;
text-decoration: none; }
.menu .cat .listsSelected { color: #ed008c; }
.menu .cat li a:hover { color: #ed008c; }
.menu .cat .subcat li a { display:block; line-height: normal; color: #000; text-align: left;
 text-decoration: none; }
 .menu .cat .subcat .listsSelected { color: #ed008c; }
.menu .cat .subcat li a:hover { color: #ed008c; }
.payments { width: 150px; height: 100px; margin: 100% 0px 0px 25px; border: 1px solid #FF0000;}


/* Main content */
#contentFull { font-family: Georgia,Times,Serif; float: left; width: 100%; height: auto; border: 0px solid #000; }
#content { float: left; margin-left: 20px; width: 750px; min-height: 400px; height: auto; }
#content .product { float: left; text-align: center; padding-left: 0px; width: 185px; height: 300px }
/*#content .product img{ border: 1px solid #000; }*/
#content .product a{ color: #999; }
#content .product a:hover{ text-decoration: underline; }
#content .product .price { color: #000; font-weight: bold; }
#content .product .priceStripe { color: #000; text-decoration: line-through; }
#content .product .discountPrice { color: #F00; font-weight: bold; font-size: 14px; }

/* Product page */
#content #productViewer{ margin:10px 0px 0px 10px;}

/* Bottom */
#bottom { float: right; margin-top: -0px; width: 750px; height: 135px; background: url(../images/templates/v1/grey/bottom-back.png) repeat-x; }

/* Footer */
#footer { position: relative; clear:both; margin-bottom: 20px; width: 662px; left: 50%; margin-left: -331px; height: 100px; font-size: 0.8em; color: #999999; text-align: center; border: 0px solid #FF4400;}
#footer img { margin: 0; }
#footer a {color: #999; }
#footer a:hover {color: #ed008c; }

/* Models */
#model { float: left; margin-left: 20px; margin-top: 20px; }
#model #modelName{text-align: center; }


/* checkout */
/* topNav */
#topDiv { position: absolute; width: 100%; top: -20px; text-align: center;}
#topDiv ul { margin: 0; padding: 0; list-style-type:none; }
#topDiv li { display: inline; margin: 0; line-height: 83px; padding-left: 10px; padding-right: 10px; }
#topDiv li a { font-family: Georgia,Times,Serif; font-size: 25px; font-weight: normal; font-size: 80px; color: #000}
#topDiv li a.not { font-family: Georgia,Times,Serif; font-size: 25px; font-weight: normal; font-size: 80px; color: #ccc}
#topDiv li a:hover { text-decoration: none; }
#topDiv li a span { font-size: 25px; font-weight: normal; }
#topDiv li a:hover span { font-size: 25px; font-weight: normal; text-decoration: underline; }

.wrong { border: 1px solid #f00; }

h1 { font-size: 24px; line-height: 26px; font-weight: normal; padding: 0; margin: 0; }

.cOption { position: absolute; display:block; width: 303px; height: 151px; background: url(../images/templates/v3/cbg.jpg) no-repeat; padding: 0; }


#welcome { position: relative; width: 100%; height: 460px; border: 0px solid #0ff; }

#option1 { position: absolute; top: 80px; left: 25%; margin-left: -151px; }
#option1 .row1 { position: absolute; top: 5px; left: 10px; }
#option1 .row2 { position: absolute; left: 10px; top: 35px; }
#option1 #mail { position:absolute; left: 80px; }
#option1 .row3 { position: absolute; left: 10px; top: 65px; }
#option1 #pass { position:absolute; left: 80px; }
#option1 .row4 { position: absolute; left: 10px; top: 95px; }
#option1 .row5 { position: absolute; width: 157px; height: 31px; left: 73px; top: 140px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#option1 .row5 input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#option2 { position: absolute; top: 80px; left: 75%; margin-left: -151px; }
#option2 .row1 { position: absolute; top: 5px; left: 10px; }
#option2 .row2 { position: absolute; width: 283px; left: 10px; top: 40px; }
#option2 .row3 { position: absolute; width: 157px; height: 31px; left: 73px; top: 140px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#option2 .row3 input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#option3 { position: absolute; top: 270px; left: 50%; margin-left: -151px; }
#option3 .row1 { position: absolute; top: 5px; left: 10px; }
#option3 .row2 { position: absolute; width: 283px; left: 10px; top: 40px; }
#option3 .row3 { position: absolute; width: 157px; height: 31px; left: 73px; top: 140px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#option3 .row3 input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#signup { position: relative; width: 100%; height: 700px; border: 0px solid #0ff; }

#signup1 { position: absolute; top: 80px; left: 50%; margin-left: -318px; width: 637px; height: 197px; background: url(../images/templates/v3/signBg.jpg) no-repeat; padding: 0; }
#signup1 .row1 { position: absolute; top: 25px; left: 20px; }
#signup1 .row2 { position: absolute; top: 55px; left: 20px; }
#signup1 .row3 { position: absolute; top: 85px; left: 20px; }
#signup1 .row4 { position: absolute; top: 115px; left: 20px; }
#signup1 .row5 { position: absolute; top: 145px; left: 20px; }
#signup1 .b { position: absolute; font-weight: bold; margin-right: 5px; }
#signup1 .column { position: absolute; left: 300px; width: 450px; }
#signup1 .column1 { position: absolute; left: 100px; width: 180px; } 
#signup1 .column2 { position: absolute; left: 140px; width: 450px; } 
#signup1 .column21 { position: absolute; top: -17px; left: 140px; width: 450px; } 

#signup2 { position: absolute; top: 300px; left: 50%; margin-left: -176px; width: 353px; height: 143px; background: url(../images/templates/v3/signBg1.jpg) no-repeat; padding: 0; }
#signup2 .row1 { position: absolute; top: 20px; left: 20px; }
#signup2 .row2 { position: absolute; top: 70px; left: 20px; }
#signup2 .row3 { position: absolute; top: 100px; left: 20px; }
#signup2 .pass { position: absolute; left: 140px; }

#signup3 { position: absolute; top: 470px; left: 50%; margin-left: -176px; width: 353px; height: 143px; background: url(../images/templates/v3/signBg1.jpg) no-repeat; padding: 0; }
#signup3 .row1 { position: absolute; top: 25px; left: 20px; }
#signup3 .row2 { position: absolute; top: 75px; left: 20px; }
#signup3 .s3 { position: absolute; width: 300px; left: 20px;}
#signup3 .s31 { position: absolute; top: 10px; }

#signbtn { text-align: center; position: absolute; width: 157px; height: 31px; left: 50%; margin-left: -78px; top: 600px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#signbtn input { text-align: center; border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#step2adress { position: relative; width: 100%; height: 700px; border: 0px solid #0ff; }
h2 { font-size: 18px; line-height: 20px; font-weight: normal; padding: 0; margin: 0; }
.aOption { position: absolute; display:block; width: 219px; height: 162px; background: url(../images/templates/v3/abg.jpg) no-repeat; padding: 0; }
#billing { position: absolute; top: 80px; left: 50%; margin-left: -259px; }
#billing .row1 { position: absolute; top: 10px; left: 20px; }
#billing .row2 { position: absolute; top: 35px; left: 20px; }
#billing .row3 { position: absolute; top: 55px; left: 20px; }
#billing .row4 { position: absolute; top: 75px; left: 20px; }
#billing .row5 { position: absolute; top: 95px; left: 20px; }
#billing .row6 { position: absolute; top: 115px; left: 20px; }
#billing .row7 { position: absolute; width: 157px; height: 31px; left: 31px; top: 148px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#billing .row7 input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#step2adress #delivery { position: absolute; top: 80px; left: 50%; margin-left: 59px; }
#delivery .row1 { position: absolute; top: 10px; left: 20px; }
#delivery .row2 { position: absolute; top: 35px; left: 20px; }
#delivery .row3 { position: absolute; top: 55px; left: 20px; }
#delivery .row4 { position: absolute; top: 75px; left: 20px; }
#delivery .row5 { position: absolute; top: 95px; left: 20px; }
#delivery .row6 { position: absolute; top: 115px; left: 20px; }
#delivery .row7 { position: absolute; width: 157px; height: 31px; left: 31px; top: 148px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#delivery .row7 input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#step2adress #edit { position: absolute; top: 80px; left: 50%; margin-left: -151px; }
#edit .row1 { position: absolute; top: 5px; left: 20px; }
#edit .row2 { position: absolute; top: 30px; left: 20px; }
#edit .row3 { position: absolute; top: 50px; left: 20px; }
#edit .row4 { position: absolute; top: 70px; left: 20px; }
#edit .row5 { position: absolute; top: 90px; left: 20px; }
#edit .row6 { position: absolute; top: 110px; left: 20px; }
#edit .row7 { position: absolute; width: 157px; height: 31px; left: 31px; top: 140px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#edit .row7 input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }
#edit .column { position: absolute; left: 100px; }

#overview #next { position: absolute; width: 157px; height: 31px; left: 50%; margin-left: -70px; top: 300px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#overview #next input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#succes { position: absolute; top: 100px; left: 50%; margin-left: -151px; }
#succes .row1 { position: absolute; top: 5px; left: 10px; }
#succes .row2 { position: absolute; width: 283px; left: 10px; top: 40px; }
#succes .row3 { position: absolute; width: 157px; height: 31px; left: 73px; top: 140px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#succes .row3 input { border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

#terms { position:absolute; top: 160px; left:320px; font-weight: bold;  }

#step3cart { position: relative; width: 100%; height: 700px; border: 0px solid #0ff; }
#step3cart #cartDiv { position: absolute; width: 600px; height: 700px; left: 125px; top: 40px;}

#img5001 { position: absolute; width: 600px; height: 200px; left: 50%; margin-left: -300px; background: url(../images/campaigns/500.gif); }
#img5002 { position: absolute; width: 600px; height: 85px; left: 50%; margin-left: -300px; background: url(../images/campaigns/succes.gif); }

#imgMT { position: absolute; width: 600px; height: 240px; left: 50%; margin-left: -300px; background: url(../images/campaigns/mt.jpg); }

#imgspeel { position: absolute; width: 600px; height: 200px; left: 50%; margin-left: -300px; background: url(../images/campaigns/speel.jpg); }
#imgwin { position: absolute; width: 600px; height: 400px; left: 50%; margin-left: -300px; background: url(../images/campaigns/win.jpg); }

#campaign { position: relative; width: 100%; height: 500px; border: 0px solid #0ff; }
#campaign1MT { position: absolute; top: 245px; left: 50%; margin-left: -318px; width: 637px; height: 197px; background: url(../images/templates/v3/signBg.jpg) no-repeat; padding: 0; }
#campaign1MT .row1 { position: absolute; top: 20px; left: 20px; }
#campaign1MT .row2 { position: absolute; top: 50px; left: 20px; }
#campaign1MT .row3 { position: absolute; top: 80px; left: 20px; }
#campaign1MT .row4 { position: absolute; top: 110px; left: 20px; }
#campaign1MT .row5 { position: absolute; top: 140px; left: 20px; }
#campaign1MT .b { position: absolute; font-weight: bold; margin-right: 5px; }
#campaign1MT .column { position: absolute; left: 300px; width: 450px; }
#campaign1MT .column1 { position: absolute; left: 100px; width: 180px; } 
#campaign1MT .column2 { position: absolute; left: 140px; width: 450px; } 
#campaign1MT .column21 { position: absolute; top: -17px; left: 140px; width: 450px; } 
#campaignbtnMT { text-align: center; position: absolute; width: 157px; height: 31px; left: 50%; margin-left: -78px; top: 185px; }


#campaign1 { position: absolute; top: 125px; left: 50%; margin-left: -318px; width: 637px; height: 197px; background: url(../images/templates/v3/signBg.jpg) no-repeat; padding: 0; }
#campaign1 .row1 { position: absolute; top: 25px; left: 20px; }
#campaign1 .row2 { position: absolute; top: 55px; left: 20px; }
#campaign1 .row3 { position: absolute; top: 85px; left: 20px; }
#campaign1 .row4 { position: absolute; top: 115px; left: 20px; }
#campaign1 .row5 { position: absolute; top: 145px; left: 20px; }
#campaign1 .b { position: absolute; font-weight: bold; margin-right: 5px; }
#campaign1 .column { position: absolute; left: 300px; width: 450px; }
#campaign1 .column1 { position: absolute; left: 100px; width: 180px; } 
#campaign1 .column2 { position: absolute; left: 140px; width: 450px; } 
#campaign1 .column21 { position: absolute; top: -17px; left: 140px; width: 450px; } 

#campaign2 { position: absolute; top: 345px; left: 50%; margin-left: -176px; width: 353px; height: 143px; background: url(../images/templates/v3/signBg1.jpg) no-repeat; padding: 0; }
#campaign2 .row1 { position: absolute; top: 20px; left: 20px; }
#campaign2 .row2 { position: absolute; top: 70px; left: 20px; }
#campaign2 .row3 { position: absolute; top: 100px; left: 20px; }
#campaign2 .pass { position: absolute; left: 140px; }

#campaign3 { position: absolute; top: 515px; left: 50%; margin-left: -176px; width: 353px; height: 143px; background: url(../images/templates/v3/signBg1.jpg) no-repeat; padding: 0; }
#campaign3 .row1 { position: absolute; top: 25px; left: 20px; }
#campaign3 .row2 { position: absolute; top: 75px; left: 20px; }
#campaign3 .s3 { position: absolute; width: 300px; left: 20px;}
#campaign3 .s31 { position: absolute; top: 10px; }

#campaignbtn { text-align: center; position: absolute; width: 157px; height: 31px; left: 50%; margin-left: -78px; top: 645px; background: url(../images/templates/v3/btn1.gif) no-repeat; }
#campaignbtn input { text-align: center; border-width: 0; margin: 0px; padding: 0px; width: 157px; height: 31px; background: none; font-weight: normal; }

.links { position: relative; display: block; float: left; list-style-type: none; width: 201px; margin: 4px; padding: 0px; }
.links LI { list-style-type: none; text-indent: 6px; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 20px; background-color: #999; color: #000; border-bottom: 9px solid #FFF; }
.links LI UL { list-style-type: square; list-style-position: inside; color: #000; background-color: #CCC; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 5px; border: 0px; }
.links LI UL LI { list-style-type: square; text-transform: none; font-weight: normal; font-size: 11px; line-height: 14px; color: #666; background-color: #CCC; padding: 0px; margin: 0px; border: 0px; }
.links LI UL LI A { text-align: right; }