/* CSS Document */

/*******************************************************************************************************************/
/* Redefined Tags  */
/*******************************************************************************************************************/
body { margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height: 1.2em; color: #000; background: #FFF; voice-family: "\"}\""; voice-family: inherit;  font-size: small;}
* html body { font-size: x-small; }
html>body { font-size: x-small; /* be nice to opera */}

h1 {margin:0px; padding:0px 0px 10px 0px; color:#ff0020; font-weight:normal; font-size:1.5em;}
h2 {margin:0px; padding:0px 0px 10px 0px; color:#ff0020; font-weight:normal; font-size:1.2em;}

p {margin:0; padding:5px 0px;}
a, a:link, a:active, a:visited{color: #ff0020; text-decoration: underline;}
a:hover {color: #950000; text-decoration: underline;}

ul {margin:0; padding:10px 0px 5px 0px; list-style-type:none;}
ul li {margin:0; padding:5px 0px 5px 22px; list-style-type:none; background:; }

ol {margin:0; padding:10px 0px 5px 20px;}
ol li {margin:0; padding:5px 0px 5px 0px;}

hr {}

/*******************************************************************************************************************/
/* Redefined Tags/Form  */
/*******************************************************************************************************************/
form {margin:0; padding:0;}
fieldset {border:1px solid #e0e0e0; padding:0px 5px 10px 5px;}
legend {margin:0px 0px 0px -5px; padding:5px 5px 8px 5px; font-size: 1em; font-weight:bold; color:#000;}
label {color:#ff0020;}
.checkbox {margin:0px 10px 0px 0px;}
.textbox {margin:5px 0px 20px 0px; padding:3px; border:none; border:1px solid #dadada; width:220px; }
.frmbtn {margin: 0px 0px 0px 10px; padding:3px; border:none; background:#ff0020; color:#FFF; font-size:0.9em; float:right; display:inline; text-align:center;}
.col {margin:0; padding:0px; float:right; display:inline; width:230px;}
.col1 {margin:0; padding:0px; float:left; display:inline; width:230px;}
.col2 {margin:0px 5px 0px 0px; padding:0px; float:right; display:inline; width:55px;text-align:right; }

.prodcode {margin:5px 0px 20px 0px; padding:3px; border:none; border:1px solid #dadada; width:400px;}
.quantity {margin:5px 0px 20px 0px; padding:3px; border:none; border:1px solid #dadada; width:50px;}


/*******************************************************************************************************************/
/* Top Nav  */
/*******************************************************************************************************************/
#nav {margin:0px; padding:75px 16px 0px 106px; float:right; display:inline; height:31px; width:392px;}
#nav ul {margin:0; padding:0px; list-style-type:none;}
#nav li {margin:0; padding:10px 1px 5px 0px; list-style-type:none; float:left; display:inline; width:114px; height:18px; font-weight:bold; color:#FFF; text-align:center; font-size:1.5em;}
#nav .home {background: url(../images/nav-home.jpg) 0px 0px no-repeat;}
#nav .register {background: url(../images/nav-register.jpg) 0px 0px no-repeat;}
#nav .faqs {background: url(../images/nav-faqs.jpg) 0px 0px no-repeat;}

#nav a, #nav a:link, #nav a:active, #nav a:visited {color: #FFF; text-decoration: none;}
#nav a:hover {color: #e0e0e0; text-decoration: none;}

#nav .icons {margin:0; padding:7px 0px 0px 0px; float:right; display:inline; width:47px;}

/*******************************************************************************************************************/
/* Content  */
/*******************************************************************************************************************/
#wrapper {margin:0px auto; padding:0px; width:778px; background:#FFF; overflow:auto;}
#topbanner {margin:0px; padding:0px; width:778px; border-bottom:10px solid #950000;}
#logo {margin:0px; padding:31px 10px 27px 10px; width:241px;}
#banner {margin:0px 0px 18px 0px; padding:2px; border-bottom:2px solid #e0e0e0;}
#content {margin:0px; padding:0px; border-left:10px solid #e0e0e0; border-top:10px solid #e0e0e0; border-right:10px solid #e0e0e0; font-size:1.2em; overflow:auto;}

#content .left {margin:0px 18px; padding:0px; float:left; display:inline; width:195px;}
#content .right {margin:0px 18px; padding:0px; float:right; display:inline; width:195px;}
#content .content {margin:0px 231px; padding:0px;}
#content .contentnorm {margin:0px 18px 0px 231px; padding:0px;}

.box {margin:0px; padding:0px; width:195px; background: url(../images/sidebox-bg.gif) 0px 0px repeat-y;}
.box h2 {margin:0px; padding:0px 10px 10px 10px; font-weight:bold;}
.box h3 {margin:0px; padding:0px 10px; font-weight:bold; font-size:1em;}
.box p {margin:0; padding:5px 10px; font-size:0.9em}
.box form {margin:0px; padding:0px;}
.box label {margin:0px 0px 5px 10px; padding:0; line-height:1.4em;}
.box .orderbtn {margin: 0px 0px 15px 10px; padding:3px 3px 3px 15px; border:none; background:#ff0020 url(../images/trolly.gif) 2px 4px no-repeat; color:#FFF; text-align:right; font-size:0.8em;}
.box .btn {margin: 0px 10px 0px 0px; padding:3px; border:none; background:#ff0020; color:#FFF; font-size:0.9em; float:right; display:inline; text-align:center;}
.box .textbox {margin:0px 0px 5px 10px; padding:3px; width:167px; border:none; border:1px solid #dadada; }
.box .small {font-size:0.85em}

.feature {margin:10px 0px 0px 0px; padding:19px 14px 0px 16px; background:url(../images/feature-bg.jpg) top left no-repeat; height:86px;}
.feature h2 {margin:0px; padding:0px 0px 10px 0px; color:#FFF; font-weight:normal; font-size:1.2em;}
.feature p {margin:0; padding:5px 0px; font-size:0.9em; color:#FFF;}
.feature a, .feature a:link, .feature a:active, .feature a:visited{color: #FFF; text-decoration: none;}
.feature a:hover {color: #e0e0e0; text-decoration: underline;}

.red {color:#ff0020;}
.clear {margin:0p; padding:0; line-height:1px; height:1px; font-size:1px; clear:both;}

/*******************************************************************************************************************/
/* Footer  */
/*******************************************************************************************************************/
#footer {margin:0; padding:25px 30px 10px 30px; background: url(../images/footer.gif) top left no-repeat; font-size:1.2em;}
#footer .links {margin:0; padding:0px; float:right; display:inline; width:190px;}
#footer .links ul {margin:0; padding:0px; list-style-type:none;}
#footer .links li {margin:0; padding:0px 5px; list-style-type:none; border-right:1px solid #000; float:left; display:inline}
#footer .links a, #footer .links a:link, #footer .links a:active, #footer .links a:visited {color:#000; text-decoration:none;}
#footer .links a:hover {color:#000; text-decoration:underline;}
