/********************************
*	Creative eWorld StyleSheet  *
********************************/


/************
*
*	Body & Table
*
*************/

body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
line-height: 1.3;
color: #333333;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #BBBBBB;
background-attachment: fixed;
background-image:  url("../images/bkgrnd.jpg");
background-repeat: repeat-x;
background-position: left top;
}

p {
font: normal 100% Tahoma, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin: 0px 0px 8px  0px;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

/*************** list tag styles ***************/
ul{
list-style-type: none;
margin-top:5px;
margin-right:0px;
margin-left:17px;
padding:0;
list-style-position: outside;
list-style-image: url(../images/bullet-content.gif);
}

ul ul{
list-style-type: disc;
margin-top: 10px;
margin-right: 8px;
}

ul ul ul{
list-style-type: none;
margin-top: 10px;
margin-right: 8px;
}

td {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#uctable {
/* Table Containing All User Controls */
}


/************
*
*	Links
*
*************/

a {
text-decoration: none;
color:#245186;
}

a:hover {
text-decoration: none;
color:#990000;
}

a:link, a:visited {}
a:active {}

/************
*
*	Products List
*
*************/

.cartgdheader {
/* Cart Grid Header */
background: #D7E3F5;
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

.cartgditem {
/* Cart Grid Item */
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
}

.cartgdaltitem {
/* Cart Grid Alternate Item */
background: #E6E7E6;
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
}

.pagelinkactive {
/* Use For Products List Page Numbering */
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3,3,3,3;
text-decoration: none;
}

.pagelinktext {
/* Use For Products List Page Numbering */
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 3,3,3,3;
text-decoration: none;
}

/************
*
*	Product Details
*
*************/

.producttitle {
color: #808080;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

.producttitlebig {
background-color: #808080;
color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

/************
*
*	Common
*
*************/

.bodytxt {
/* Use For 'AboutUs' & 'Help' Text */
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
letter-spacing: 0.5px;
}

.welmembertext {
/* Welcome Back Member Text */
font-size: 11px;
color: #ffffcc;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.errmsg {
color: #FF0000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.footer {
color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
}

.formheader {
background-color: #444444;
color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
}

.formsubheader {
color: #006BC6;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

.forminput {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 230px;
padding:0;
margin:0 0 10px 0;
border-top: 1px solid #808080;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #808080;
}

.formtitle {
background-color: #AAAAAA;
color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

.pageheader {
/* Header Title For All Pages */
color: #808080;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

.pageheadertd {
height: 30px;
background-color: whitesmoke;
}

.pageheadersub {
/* Use For Product Subcategory */
color: #808080;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

/************
*
*	Menu
*
*************/

.navibargroup {
background-color: #666666;
color: #FFFFFF;
cursor: hand;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

.navibaritem {
background-color: #666666;
color: #FFFFFF;
cursor: hand;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

.navibaritemover {
background-color: #666666;
color: #000000;
cursor: hand;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

.navibarchilditem {
background-color: #666666;
border: solid 1px #333333;
color: #FFFFFF;
cursor: hand;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
padding: 6;
}

.navibarchilditemover {
background-color: #999999;
border: solid 1px #333333;
color: #000000;
cursor: hand;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 90%;
padding: 6;
}

/************
*
*	Programmers Extra
*
*************/



/************
*
*	Designers Extra
*
*************/
#container{
width: 750px;
margin-left: auto;
margin-right: auto;
}

#header{
background-color:#224782;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: right top;
width:750px;
height:75px;
}

#mainheader{
background-color:#224782;
background-image: url(../images/main_header.jpg);
background-repeat: no-repeat;
background-position: right top;
width:750px;
height:75px;
}

#navbar{
background-color: #161E59;
background-image: url(../images/navbar.jpg);
background-repeat: repeat-x;
background-position: left top;
height:21px;
text-transform:uppercase;
font-size:11px !important;
font-weight:bold;
}

#navbar a{
vertical-align:middle;
display:block;
padding:4px 13px 4px 13px;
color:#FFFFFF;
}

#navbar a:hover{
background-color: #295D96;
background-image: url(../images/navbar-selected.jpg);
background-repeat: repeat-x;
background-position: left top;
}

#content{
width:750px;
background-color:#ffffff;
}

#content .header-a{
background-color:#E3E7E9;
color:#245186;
font-weight:bold;
border-left:4px solid #8B0304;
padding:2px 15px 2px 11px;
text-transform:uppercase;
}

#content .header-b{
background-color:#E9E5E3;
color:#A22628;
font-weight:bold;
padding:2px 15px 2px 15px;
text-transform:uppercase;
}

#content .body-a{
border-left:1px solid #dddddd;
padding:15px 15px 15px 14px;
}

#content .body-b{
padding:15px 15px 15px 15px;
}

#footer{
padding: 10px 0 10px 0;
font-size: 80%;
text-align: center;
color: #999999;
border-top:1px solid #dddddd;
background-color: #FFFFFF;
}

#footer a{
color: #999999;
}

#footer a:hover{
color: #245186;
}

form {margin:0; padding:0;}

.button{
background-color: #efefef;
color: #213B1E;
font-size: 90%;
border-top: 2px solid #cccccc;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 2px solid #cccccc;
}

.small{
font-size: 85%;
}

/* Image/Object alignment */
.floatLeft {float: left; margin: 0 0 0 0; }
.floatRight {float: right; margin: 0 0 0 0; }
.floatLeftClr {float: left; clear: left; margin: 0 0 0 0; }
.floatRightClr {float: right; clear: right; margin: 0 0 0 0;}

/* Rules */
div.hr {
height: 15px;
background: #ffffff url(../images/rule-h.gif) repeat-x scroll center center;
}

.hr-v {
height: 11px;
background: #ffffff url(../images/rule-v.gif) repeat-y scroll center center;
}

div.hr hr {
display: none;
}