body{font-family:'trebuchet ms',verdana,tahoma,arial;font-size:12px;color:#000;background-color:#bbb;margin:0px;}
#container{width:1000px;text-align:left;border:1px solid #000;background-color:#FEC882;}
#banner{color:#FFF;padding:0px;border-bottom:1px solid #000;
background:url("Image/top2.jpg");
background-repeat: repeat-x;
background-position: 0px 0px;
background-color:#000;
}


/* MENU START */

#toolbar{margin:0px;background-color:#F0F1CF;height:25px;
background:url("Image/grad.gif");
background-repeat: repeat-x;
background-position:  0px 0;
background-color:#F0F1CF; 
}

.menu {width:100%; height:31px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial;letter-spacing: 0.2em;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#000; width:138px; padding-left:10px; padding:5px;
background:url("Image/grad.gif");
background-repeat: repeat-x;
background-position:  0px 0;
background-color:#F0F1CF; 
border-right:1px solid #FFF;
font-weight:bold;
text-align:center;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-top:0px solid #000;
border-left:1px solid #FFF;text-align:left;font-weight:normal;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:green;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF;background-color:#F0F1CF;color:#000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul li ul li a{
background:url("Image/grad.gif");
background-repeat: repeat-x;
background-position:  0px 0;
background-color:#F0F1CF; 
color:#000;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
font-weight:normal;
text-align:left;
letter-spacing: 0.0em;
font-family:verdana,tahoma,arial;
}
.menu ul li ul li a:hover{
background:url("Image/grad2.gif");
background-repeat: repeat-x;
background-position:  0px 0;
background-color:#F0F1CF; 
color:#000;
}
/* MENU END */

.clear{clear:both;}
.content{
color:#000;
background-color:#FEC882;
padding:20px 20px 20px 20px;
height:100%;
font-size:13px;
text-align:justify;
}
.content h1{font-size:18px;color:#800000;margin:0;}
h2{font-size:14px;margin:10px 0;}
.content a{color:#BE0028;font-weight:normal;}
.content a:hover{color:#400000;}

td.menutop{background:#FEC882;}
ul.menutop{margin:0;padding:0;list-style:none;}
ul.menutop li{display:inline;}
ul.menutop li a{text-decoration:none;padding:2px 10px 5px 10px;float:right;color:#FFF;border-left:1px solid #000;width:70px;text-align:center;
background:url("");
background-repeat: repeat-x;
background-position: 0px 0px;
background-color:#800000;
border-bottom:1px solid #000;
}
ul.menutop li a:hover{background:#fff;color:#BE0028;}

#footer{background:#800000;color:#BBB;padding:5px 10px;font-size:10px;text-align:center;border:0;}
#footer a{color:#BBB;}
#footer a:hover{color:#FFF;}

#langbox{float:left;color:#000;background-color:#FEE0B9;padding:10px;margin:7px 0px 0px 0;width:75px;border:1px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#cartbox{float:right;color:#000;background-color:#FEE0B9;padding:10px;margin:0 0 0px 0;width:200px;border:1px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#langbox:hover,#cartbox:hover{background-color:#FFF;}
#cartbox a,#langbox a{color:#004080;}
#cartbox a:hover,#langbox a:hover{color:#800000;}

#searchbox,#loginbox{display:none;}
#searchbox .txt{background:#F0F1CF;border:1px solid #333;color:#000;}
#searchbox .btn{background:#ddd;border:1px solid #333;color:#000;height:20px;cursor:pointer;}

#loginbox .txt{background:#F0F1CF;border:1px solid #333;color:#000;}
#loginbox .btn{background:#ddd;border:1px solid #333;color:#000;height:20px;cursor:pointer;}

.fade{opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
.fade:hover{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

p.bookadvert{text-align:center;margin:0 0 15px 15px;border:1px solid #FFF;padding:10px 10px 5px 10px;background-color:#FEE0B9;float:right;color:#666;font-size:11px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
p.bookadvert:hover{color:#000;}
p.bookadvert img{}

#topright{padding:5px;}

.itembox{background-color:#FEE0B9;padding:10px;margin:0 0 15px 0;border:1px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:935px;}
.itembox label.title{font-weight:bold;font-size:18px;display:inline;}
.itembox label.price{font-weight:bold;font-size:13px;display:inline;}
.itembox label.info{padding:5px 0;margin:5px 15px 10px 0;display:block;text-align:justify;border-top:1px solid #fff;}
.itembox .itemImage{float:right;margin:0 0px 0px 15px;border:1px solid #fff;}
label.links{}
label.links a{color:#777;background-color:#eee;border:1px solid #fff;padding:5px 10px;float:left;display:inline;margin:0 5px 0 0;text-decoration:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;background:url(Image/btn.gif);background-repeat: repeat-x;background-position:0 0;}
label.links a:hover{color:#000;background-color:#ccc;border:1px solid #999;}
label.links a img{border:0;}

div.moreinfo{padding:5px;margin:0 0 15px 0;display:none;}
div.moreinfo ul{list-style-type:none;margin:0;padding:0;}
div.moreinfo ul li{padding:3px 0 3px 0;;margin:5px 0;}
div.moreinfo ul li label{float:left;width:180px;font-weight:bold;;}
div.moreinfo ul li div.infoblock{float:left;display:inline;margin-bottom:10px;}


ul.details{list-style-type:none;margin:0;padding:0;}
ul.details li{padding:3px 0 3px 0;;margin:5px 0;}
ul.details li label{float:left;width:180px;font-weight:bold;;}
ul.details li div.infoblock{float:left;display:inline;margin-bottom:10px;}

ul.details2{list-style-type:none;margin:0;padding:0;}
ul.details2 li{padding:3px 0 3px 0;;margin:5px 0;}
ul.details2 li label{float:left;width:180px;font-weight:bold;;}
ul.details2 li div.infoblock{float:left;display:inline;margin-bottom:10px;}

.navbottom a img{border:0;}

/* from module/checkoutview.cfm */
td{font-size:12px;}

td.cartstep{background-color:#FEE0B9;color:#777;padding:5px 10px;}
td.cartstepnow{background-color:#FFF;color:#000;padding:5px 10px;font-weight:bold;border-bottom:1px solid #FEE0B9;}
.msg{padding:20px;background-color:#FFF;}
tr.header{background-color:#800000;color:#FFF;}
tr.itemstart{background-color:#FFF;}
tr.itemstart:hover{background-color:#eee;}
td.total{background-color:#EEE;font-size:18px;}
td.total input{cursor:pointer;}
td.info{background-color:#FFF;}

div.heading{padding:5px;background:#800000;color:#FFF;width:950px;font-weight:bold;margin:0;}
ul.form{list-style:none;margin:0;padding:5px;}
ul.form li{padding-bottom:4px;}
ul.form li label{float:left;padding-top:3px;width:200px;text-align:right;font-weight:bold;padding-right:10px;}
ul.form li label.cln{padding-top:0;}
ul.form li input.txt{width:200px;}
ul.form li select{}

ul.formg{list-style:none;margin:0;padding:5px;}
ul.formg li{padding-bottom:4px;}
ul.formg li label{float:left;padding-top:3px;width:200px;text-align:right;font-weight:bold;padding-right:10px;}
ul.formg li label.cln{padding-top:0;}
ul.formg li input.txt{width:200px;}
ul.formg li select{}

ul.details{list-style-type:none;margin:0;padding:0;width:auto;}
ul.details li{padding:0;margin:0;}
ul.details li label{float:left;width:140px;text-align:right;font-weight:bold;padding-right:5px;color:#800000;}

ul.details2{list-style-type:none;margin:0;padding:0;width:auto;}
ul.details2 li{padding:0;margin:0;}
ul.details2 li label{float:left;width:140px;text-align:left;font-weight:bold;padding-right:5px;color:#800000;}

.clear{clear:both;}
small{font-size:9px;}
input.readonly{background:#BBB;}
#deliveryBox{display:none;}
#ws,#nl{display:none;}

.langbox{width:120px;height:50px;font-family:verdana;font-size:12px;}
.nreq{font-weight:bold;color:blue;}

#regionID{background-color:#FEC882;color:#000;border:1px solid #000;}

/*
 here we can color each of the region options in the selectbox. no purpose, just wanted to see if I can
.a129{background-color:black;color:white;}
.a130{background-color:orange;color:black;}
.a131{background-color:blue;color:white;}
.a132{background-color:yellow;color:green;}
.a133{background-color:white;color:red;}

.a129:hover{background-color:black;color:white;}
.a130:hover{background-color:orange;color:black;}
.a131:hover{background-color:blue;color:white;}
.a132:hover{background-color:yellow;color:green;}
.a133:hover{background-color:white;color:red;}
*/

#cart_items{background-color:#DDD;}

.cartError{padding:10px 10px 10px 70px;margin-bottom:5px;border:1px dashed #555;
background:url(Image/warn.png);background-repeat: no-repeat;background-position:10px 10px;
background-color:#DFE7EF;
}
.cartError strong{color:#FF0000;font-size:14px;}
.validateResults{padding:10px;border:1px solid #800000;background-color:#FFFF80;display:none;text-align:left;float:right;margin-top:5px;}

.rounded{-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.confirm strong{font-size:12px;color:#800000;}
.confirm label.title{border-bottom:1px solid #9D9D9D;}
.promobox{background-color:#DDD;border:1px solid #CCC;padding:3px 5px;margin:8px 0;width:196px;font-weight:bold;}

.secure{
background:url("Image/lock2.png");
background-repeat: no-repeat;
background-position: 20px 20px;
background-color:#FEE0B9;
}

.itembox h2{margin:0 0 5px 0;}
.dps{float:right;text-align:right;}
.dps a img{border:1px solid #FEC882;margin-bottom:4px;}
.dps img{border:1px solid #FEC882;}

table.purchaseTable{}
table.purchaseTable td{background-color:#EEE;border-bottom:1px solid #CCC;}

.formError{color:red;font-weight:bold;}