/**********************************************/
/* BASIC ELEMENTS                             */
/**********************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
    color : #240000;	
}

form {
	margin: 0;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

a {
	color: #006699;
	text-decoration : underline;
}

a:hover {
    text-decoration : none;
}

a img {
	border: none;
}

hr { 
	height: 1px;
	color: #ffffff;
	border-top: 1px solid #cccccc;
	margin-top: 15px;
	margin-bottom: 10px;
}

/**********************************************/
/* HEADER ELEMENTS                            */
/**********************************************/

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin: 7px 0px 15px 0px;
	line-height: 22px;
}

h1.header img.icon {
	margin-top: 7px;
	float: right;
	display: none;
}

h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #d07c00;
}

h2 a {
	color: #d07c00;
	text-decoration: none;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}

h3 a {
	text-decoration: none;
	color: #000000;
}

/**********************************************/
/* FORMATTING                                 */
/**********************************************/

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.normal {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.strike {
	text-decoration: line-through;
}

.plain, .plain a {
	text-decoration: none;
	color: #000000;
}

.nodecoration {
	text-decoration: none;
}

.small {
	font-size: 11px;
}

.small input[type="checkbox"] 
{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 1px;
}

h1 .small {
	font-size: 16px;
	font-weight: normal;
}

.large {
	font-size: 14px;
}

.nowrap {
	white-space: nowrap;
}

.fade {
	color: #777777;
}

.fade a {
	color: #777777;
}

.fade a.plain {
	color: #777777;
}

.orange {
	color: #c04e00;
}

/**********************************************/
/* INLINE ELEMENTS                            */
/**********************************************/

.helptext
{
	color: #555555;
}

.helptext a
{
	color: #000000;
}

a img.icon
{
	margin-right: 3px;
	vertical-align: middle;
}

.highlight 
{
	background-color: #ffffbc;
	padding: 2px;
}

.highlight a 
{
	color: #555555;
}


hr.sep {
	border-top: 1px solid #cccccc;
}

span.sep {
	color: #cccccc;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
}


a.black {
	text-decoration: none;
	color: #000000;
}

div.indent {
	padding-left: 10px;
}

span.mandatory {
	color: #cc0000;
}

span.info {
	color: #777777;
}

span.important {
	color: #aa0000;
}

div.floaticon {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.price {
	color: #d07c00;
}

/**********************************************/
/* ICON LINK                                  */
/**********************************************/

a.iconlink img {
	vertical-align: middle;
	padding-right: 4px;
}

a.iconlink span.description {
	display: none;
	color: #777777;
	text-decoration: none;
	margin-left: 10px;
}

a.iconlink:hover span.description {
	display: inline;
}

/**********************************************/
/* BUBBLE                                     */
/**********************************************/

div.bubbletop {
	background-image: url(/images/bubbletop.gif);
	width: 225px;
	height: 54px;
}

div.bubblebottom {
	background-image: url(/images/bubblebottom.gif);
	width: 225px;
	height: 26px;
}

div.bubble {
	background-image: url(/images/bubblemiddle.gif);
	width: 195px;
	padding: 0px 15px 0px 15px;
	text-align: center;
}

/**********************************************/
/* POPUP                                      */
/**********************************************/

div.popuptop {
	background-image: url(/images/popuptop.gif);
	width: 225px;
	height: 26px;
}

div.popupbottom {
	background-image: url(/images/popupbottom.gif);
	width: 225px;
	height: 26px;
}

div.popup {
	background-image: url(/images/popupmiddle.gif);
	width: 195px;
	padding: 0px 15px 0px 15px;
}

a.category {
	display: block;
	padding: 2px 9px 2px 9px;
	margin-left: -9px;
	margin-right: -9px;
	border-bottom: 1px solid #dddddd;
}

/**********************************************/
/* POPUPBOX                                   */
/**********************************************/

div.popupboxcontainer {
	position: absolute; display: inline; z-index : 100;
}

div.popupbox {
	position: absolute;
	width: 250px;
	top: 17px;
	right: -30px;
	display: none;
	
	border: 1px solid #cccccc;
	padding: 1px;
	background-color: #ffffff;
}

div.popupbox .top {
	background-color: #f1f1f1;
	padding: 2px 3px 2px 3px;
	color: #777777;
	font-size: 12px;
	margin-bottom: 1px;
}

div.popupbox .top .right {
	float: right;
	font-size: 10px;
}

div.popupbox .top .right a {
	color: #777777;
}

div.popupbox .main {
	padding: 5px;
}

div.popupbox .main .list {
	margin: -5px;
}

div.popupbox .main .list .listitem {
	padding: 5px;
}

div.popupbox .main .list .listlink {
	display: block;
	padding: 5px;
}


div.popupbox .main .list .listlink:hover {
	background-color: #f5f5f5;
}

/**********************************************/
/* PAGING                                     */
/**********************************************/

div.paging {
	margin-bottom:24px;
	clear: both;
}

div.paging img.prevpage {
	vertical-align: middle;
	margin-right: 15px;
}

div.paging img.nextpage {
	vertical-align: middle;
	margin-left: 15px;
}

/**********************************************/
/* FEATURE LINKS                              */
/**********************************************/

div.featurelinks {
}

div.featurelinks a {
	text-decoration: none;
	display: block;
	margin-bottom: 1px;
}

div.featurelinks a:hover {
	text-decoration: underline;
}

div.featurelinks img {
	vertical-align: middle;
	padding-right: 4px;
}

div.featurelinks hr {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*#maincontent ul, div.maincontent ul {
	margin-top: 10px;
	margin-left: 25px;
	margin-bottom: 10px;
}*/

/**********************************************/
/* ORDER STEPS                                */
/**********************************************/

#ordersteps {
	text-align: center;
}

#ordersteps div img {
	vertical-align: middle;
	filter: Alpha(Opacity=50);
}

#ordersteps div {
	display: inline;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #cccccc;
	color: #aaaaaa;
}

#ordersteps div.active {
	color: #555555;
}

#ordersteps div.active img {
	vertical-align: middle;
	filter: Alpha(Opacity=100);
}

#progressinfo {
	position: absolute;
	left: 40%;
	top: 50%;
	width: 20%;
	text-align: center;
	color: #777777;
}

/**********************************************/
/* ERROR                                      */
/**********************************************/

div.errormarker {
	background-color: #fafafa;
	border: 1px dashed #aa0000;
	padding: 5px;
}


/**********************************************/
/* GRADIENT CORNER                            */
/**********************************************/

div.gradientcorner {
	float: right;
	background-image: url(/images/gradientcorner.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.gradientcorner ul.links {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style-image: url(/images/bullet_arrow.gif);
}

div.gradientcorner ul.links li.more {
	margin-top: 5px;
}

div.gradientcorner ul.links a {
	color: #000000;
	text-decoration: none;
	margin-left: -5px;
}

div.gradientcorner ul.links a:hover {
	text-decoration: underline;
}

div.gradientcorner h3 {
	margin-left: 10px;
	margin-bottom: -5px;
}


/**********************************************/
/* GRADIENT CORNER                            */
/**********************************************/

div.gradientbox
{
	background-image: url(/images/layout/boxgradient.gif);
	background-repeat: repeat-y;
	border: 1px solid #616161;
	padding: 10px 15px 10px 15px;
}

div.gradientbox h2 
{
	color: #333333;
}

div.gradientbox div.innerbox 
{
	background-color: White;
	padding: 10px;
	border: 1px solid #cccccc;
}

div.gradientbox div.hsep 
{
	height: 1px;
	background-color: #cccccc;
}

div.gradientbox div.tabs 
{
	position: relative;
	margin-top: 10px;
	margin-bottom: 3px;
}

div.gradientbox div.tabs div.tab 
{
	display: inline;
	padding: 0px 7px 0px 10px;
	position: relative;
}

div.gradientbox div.tabs div.activetab 
{
	background-color: #ffffff;
	display: inline;
	padding: 5px 5px 5px 9px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	position: relative;
}

div.gradientbox div.tabs div.activetab a 
{
	color: #000000;
	text-decoration: none;
}

/**********************************************/
/* FAQ                                        */
/**********************************************/

ul.faqlinks {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*list-style-image: url(/images/bullet_arrow.gif);*/
}

ul.faqlinks li {
	margin: 2px 0px 2px 0px;
}

/**********************************************/
/* TAB BARS                                   */
/**********************************************/

div.tabbar {
	text-align: center;
}

div.tabbar a {
	margin: 0px 2px 0px 2px;
	display: block;
	width: 162px;
	height: 20px;
	padding-top: 10px;
	background-image: url(/images/tabbartab_inactive.gif);
	text-align: center;
	color: #555555;
	text-decoration: none;
	font-size: 11px;
}

div.tabbar a:hover {
	color: #333333;
	background-image: url(/images/tabbartab_hover.gif);
}

div.tabbar a.tabbartab_active {
	color: #000000;
	background-image: url(/images/tabbartab_active.gif);
}

div.tabbar a.tabbartab_active:hover {
	color: #000000;
	background-image: url(/images/tabbartab_active.gif);
}

/**********************************************/
/* CAT BOX                                    */
/**********************************************/

div.catbox {
	width: 240px;
	background-image: url(/images/catbox_back.gif);
}

div.catboxtop {
	width: 240px;
	height: 5px;
	background-image: url(/images/catbox_top.gif);
	overflow: hidden;
}

div.catboxbottom {
	width: 240px;
	height: 5px;
	background-image: url(/images/catbox_bottom.gif);
	overflow: hidden;
}

div.catbox div.catboxcontent {
	width: 210px;
	padding: 5px 15px 5px 15px;
	background-image: url(/images/catbox_middle.gif);
}

div.catbox div.more {
	text-align: center;
	margin-top: 5px;
}

div.catbox div.more a {
	color: #777777;
	text-decoration: none;
}

div.catbox div.more a:hover {
	text-decoration: underline;
}

/**********************************************/
/* PAYMENT CARD TYPES                         */
/**********************************************/

div.cardtypes {
    width: 200px;
}

div.cardtypes div {
    height: 20px;
}

div.cardtypes div img {
    float: right;
}

div.cardtypes div label {
    cursor: hand;
}

div.listicon 
{
	float: left;
	padding: 2px 1px 2px 0px;
}

/**********************************************/
/* ITEM LISTS                                 */
/**********************************************/

div.itemlist {
	border-top: 1px solid #c0c0c0;
}

div.itemlist div.Row, div.itemlist div.AlternatingRow 
{
}

div.itemlist div.Row
{
	background-color: #F7F7F1;
}

div.itemlist div.AlternatingRow
{
	background-color: #FFFFFF;
}

div.itemrow_even, div.itemrow_odd {
	clear: both;
	border-bottom: 1px solid #c0c0c0;
}

div.itemrow_even {
}

div.itemrow_odd {
}

div.itemrowtop {
	height: 1px;
	overflow: hidden;
	clear: both;
}

div.itemrowbottom {
	height: 1px;
	overflow: hidden;
	clear: both;
}

div.item {
	width: 250px;
	padding: 10px 0px 15px 0px;
	float: left;
}

div.itemlist div.title {
	font-weight: bold;
}

div.itemlist div.subtitle {
}

div.itemlist div.title a {
}

div.itemlist div.author 
{
	font-style: italic;
}

div.itemlist div.author a {
	color: #000000;
	text-decoration: none;
}

div.itemlist div.readmore a {
	color: #566648;
	text-decoration: none;
}

div.itemlist div.readmore a:hover {
	color: #000000;
}

div.itemlist span.price 
{
	color: #d07c00;
	font-weight: bold;
}

div.itemsep {
	position: relative;
	top: 15px;
	width: 15px;
	height: 105px;
	float: left;
	overflow: hidden;
}

div.itemlist div.itemicon {
	float: right;
}

/**********************************************/
/* FOCUS BOX                                  */
/**********************************************/

div.fullwidth div.focusheader {
	width: 482px;
	height: 20px;
	padding: 12px 10px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(/images/layout/focusheader.gif);
	border-bottom: 1px solid #cccccc;
}

div.focustop {
	background-image: url(/images/layout/focustop.gif);
	width: 502px;
	height: 5px;
	overflow: hidden;
}

div.focus, div.focusmiddle {
	width: 482px;
	background-image: url(/images/layout/focusmiddle.gif);
	padding: 5px 10px 5px 10px;
}

div.focusbottom {
	background-image: url(/images/layout/focusbottom.gif);
	width: 502px;
	height: 5px;
	overflow: hidden;
	margin-bottom: 10px;
}

div.focusbox div.focuscontent {
	padding: 2px 10px 5px 10px;
	clear: both;
}

div.focusbox {
	text-align: left;
	border: 1px solid #cccccc;
	background-color: #fafafa;
}

.halffocustop {
	background-image: url(/images/layout/halffocustop.gif);
	width: 244px;
	height: 5px;
	overflow: hidden;
}

.halffocus, .halffocusmiddle {
	width: 224px;
	background-image: url(/images/layout/halffocusmiddle.gif);
	padding: 5px 10px 5px 10px;
}

.halffocusbottom {
	background-image: url(/images/layout/halffocusbottom.gif);
	width: 244px;
	height: 5px;
	overflow: hidden;
	margin-bottom: 10px;
}

div.focus ul.links, div.halffocus ul.links {
	margin: 0;
	padding: 0 0 0 16px;
	list-style-image: url(/images/bullet_arrow.gif);
}

div.focus ul.links a, div.halffocus ul.links a {
	color: #000000;
	text-decoration: none;
	margin-left: -5px;
}

div.focus ul.links a:hover, div.halffocus ul.links a:hover {
	text-decoration: underline;
}

div.focus h2 {
	color: #000000;
}

div.focus h2 a {
	color: #006699;
}

/* Focus fullwidth */
div.fullwidth div.focusheader {
	width: 860px;
	background: #FFF url(/images/layout/focusheader_fullwidth.gif) no-repeat 0px 0px;
}

div.fullwidth div.focustop {
	background: #FFF url(/images/layout/focustop_fullwidth.gif) no-repeat 0px 0px;
	width: 880px;
}

div.fullwidth div.focus {
	width: 860px;
	background: #FFF url(/images/layout/focusmiddle_fullwidth.gif) repeat-y 0px 0px;
}

div.fullwidth div.focusbottom {
	background: #FFF url(/images/layout/focusbottom_fullwidth.gif) no-repeat 0px 0px;
	width: 880px;
}


/* Focus wide */
div.doublecolumn div.focusheader {
	width: 750px;
	background-image: url(../img/layout2/focusheader_wide.gif);
}

div.doublecolumn div.focustop {
	background-image: url(../img/layout2/focustop_wide.gif);
	width: 750px;
}

div.doublecolumn div.focus {
	width: 730px;
	background-image: url(../img/layout2/focusmiddle_wide.gif);
}

div.doublecolumn div.focusbottom {
	background-image: url(../img/layout2/focusbottom_wide.gif);
	width: 750px;
}

/**********************************************/
/* LIST TABLE                                 */
/**********************************************/

table.list tr td, table.List tr td {
	border-bottom: 1px solid #bfbfbb;
}

table.list tr.listheader td, tr.ListHeader td, tr.ListHeader th {
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	text-align: left;
}

table.list tr.RowA td, tr.RowA td {
	background-color: #ffffff;
}

table.list tr.RowB td, tr.RowB td {
	background-color: #F7F7F1;
}

/**********************************************/
/* EVENT NOTIFICATION                         */
/**********************************************/

div.eventnotification {
	margin-top: 10px;
	padding: 7px;
	background-color: #526641;
	color: #ffffff;
}

div.eventnotification a {
	color: #ffff66;
}

div.eventnotification img {
	vertical-align: middle;
}

/**********************************************/
/* LIST MORE                                  */
/**********************************************/

div.listmore {
	margin-bottom: 25px;
}

div.listmore img {
	vertical-align: middle;
}

div.listmore a {
	font-weight: bold;
}

/**********************************************/
/* USER                                       */
/**********************************************/

#usertop {
	width: 900px;
	height: 63px;
	margin: auto;
	margin-bottom: 10px;
	background-image: url(/images/forum/topback.gif);
}

#userlogo {
	float: left;
	width: 428px;
	overflow: hidden;
	text-align: center;
	margin-left: 7px;
	margin-top: 24px;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
}

#userlogo a {
	text-decoration: none;
	color: #555555;
}

#usermenu {
	border-left: 1px solid #C6C6C6;
	width: 445px;
	float: right;
	text-align: center;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#usermenu a {
	margin-left: 5px;
	margin-right: 5px;
}

/**********************************************/
/* RATING                                     */
/**********************************************/

.ratingStar {
	background-image: url(/images/star.gif);
	width: 11px;
	height: 10px;
	cursor: hand;
}

.fadedRatingStar {
	background-image: url(/images/star_fade.gif);
	width: 11px;
	height: 10px;
	cursor: hand;
}

/**********************************************/
/* BETA                                       */
/**********************************************/

.beta {
	color: #777;
	background-color: #ddf;
	padding: 4px 8px;
	font-size: 14px;
	position: relative;
	float: right;
	font-weight: bold;
	font-family: Arial, helvetica, Sans-Serif;
}

.beta a
{
	color: #777;
	text-decoration: none;
}

.beta a:hover
{
	text-decoration: underline;
}