body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/bodybg.gif) repeat-x top;
}

img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.container
{
	width: 776px;
	margin: auto;
}

/* header */

.header
{
	width: 776px;
	height: 137px;
	background: url(../images/header.jpg);
	text-align: center;
	font-size: 0px;
}

.headerbrands h1
{
	margin: 0px;
	margin-top: 38px;
	
	width: 350px;
	height: 52px;
	float: right;
	/* IE dbl margin bug */
	display: inline;
	
	font: normal 8px "Arial";
	color: #000;
	text-align: left;
}

.logo, .domen, .domen img
{
	position: relative;
	float: left;
	/* opera 2px margin bug (float) */
	padding: 0px;
	border: 0px;
}

.domen
{
	margin-top: 27px;
	margin-left: 25px;
	display: inline;
	/* ie bug */
	_margin-left: 23px;	
}


/* menu */

.menu
{
	position: relative;
	float: left;
	padding: 0px;
	border: 0px;
	
	margin: 0px;
	margin-top: 2px;
	margin-left: 70px;
	display: inline;
	overflow: hidden;
	
	
	width: 546px;
	height: 28px;
	text-align: left;
}


.menu a
{
	position: relative;
	float: left;
	margin: 0px;	

	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	
	height: 23px;
	_height: 28px;

	font: normal 14px "Verdana";
	font-weight: bold;
	text-decoration: none;
	
	background: url(../images/btnseparator.jpg) no-repeat;
	background-position: right;
	color: #6cebfe;
}

.menu a:hover
{
	color: #ff7b96;
}

/* menu */

/* header */




.content
{
	position: relative;
	float: left;
	width: 776px;
	background: url(../images/bg.jpg);
}


/* leftside */


.leftside
{
	position: relative;
	float: left;
	
	width: 183px;
	margin: auto;
	text-align: left;
}

.catalog
{
	position: relative;
	float: left;
	
	width: 183px;
	padding-bottom: 15px;
	background: url(../images/catalogbg.jpg);
}

.cataloghead
{
	width: 183px;
	height: 43px;
	background: url(../images/cataloghead.jpg) no-repeat;
}

.cataloghead h2, .newshead h2, .votinghead h2
{
	position: relative;
	float: left;
	
	margin: 0px;
	margin-top: 7px;
	margin-left: 10px;
	display: inline;
	width: 170px;
	
	font: normal 12px "Arial";
	font-weight: bold;
	text-align: left;
	text-transform: uppercase; 
	color: #fff;
}

.catalog a
{
	width: 169px;
	height: 17px;
	
	margin-left: 1px;
	display: block;
	padding-left: 12px;
	
	font: normal 12px "Arial";
	text-decoration: none;
	color: #fff;
	background: url(../images/catalogbullet.jpg) no-repeat;
	background-position: left;
}

.catalog a:hover
{
	color: #847ba6;
	color: #FFF;
	background-color: #89C9E4;
}


.newsblock
{
	width: 183px;
	font: normal 12px "Arial";
	color: #FFFFFF;
	text-align: center;
	background: url(../images/newsbg.jpg);
}

.newshead
{
	position: relative;
	float: left;
	
	width: 183px;
	height: 52px;
	
	background: url(../images/newshead.jpg);
}
/*
.newsblock h2
{
	position: relative;
	float: left;
	
	margin: 0px;
	width: 183px;
	height: 52px;
	
	font: normal 12px "Verdana";
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background: url(../images/newshead.jpg);
}
*/
.newsblocktext
{
	width: 165px;
	margin: auto;
	padding-bottom: 10px;
	text-align: justify;
}



.searchhead
{
	width: 183px;
	height: 16px;
	background: url(../images/searchhead.jpg);
	font-size: 0px;
}

.search
{
	position: relative;
	float: left;
	
	padding-top: 5px;
	padding-bottom: 20px;
	
	width: 183px;
	background: url(../images/searchbg.jpg);
}

.search h2
{
	margin: 5px;
	margin-left: 15px;
	/* ie dbl mrg */
	display: inline;
	
	position: relative;
	float: left;
	
	font: normal 14px "Verdana";
	font-weight: bold;
	color: #f8ec2f;	
}

.search input
{
	position: relative;
	float: left;
	
	margin-left: 15px;
	margin-right: 5px;
	display: inline;
	width: 110px;
}

.search a
{
	position: relative;	
	float: right;
	
	width: 36px;	
	height: 19px;
	margin-right: 10px;
	display: inline;
	
	font: bold 15px "Arial";
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;

	background: url(../images/btngo.jpg) no-repeat;
}

.search a:hover, .voting a:hover, .details a:hover, .purchase a:hover, .secmenu a:hover,
.votingtail a:hover
{
	color: #bbb;
}





.voting
{
	position: relative;
	float: left;

	width: 183px;
	background: url(../images/votingbg.jpg);	
	text-align: center;
	font-size: 0px;
}

.votinghead
{
	position: relative;
	float: left;
	
	width: 183px;
	height: 37px;

	background: url(../images/votinghead.jpg);	
}

.voting p
{
	width: 150px;
	padding: 0px;
	
	margin: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	
	font: normal 12px "Verdana";
	text-align: justify;
}

.voting input
{
	margin-right: 5px;
}

.votingtail
{
	position: relative;
	float: left;
	
	width: 183px;
	height: 41px;
	
	font-size: 0px;
	background: url(../images/votingtail.jpg);
}

.votingtail a
{
	position: relative;
	float: right;
	
	margin-top: 10px;
	margin-right: 44px;
	display: inline;
	width: 46px;
	
	font: normal 14px "Arial";
	font-weight: bold;
	color: #fff;
	text-align: center; 
	text-decoration: none;
	background: url(../images/btnvote.jpg);
}


/* leftside */


/* center */

.center
{
	position: relative;
	float: right;
	
	width: 593px;
}

.center p
{
    padding-left: 4px;
    padding-right: 4px;
}

.secmenu
{
	position: relative;
	float: right;
	
	margin: 0px;
	margin-bottom: 20px;
	display: inline;
	
	width: 593px;
	height: 30px;
	background: url(../images/cartbg.jpg);
}

.secmenu .fx_1
{
	position: relative;
	float: left;
	
	margin: 0px;
	width: 415px;
	height: 30px;
	
	font: bold 14px "Arial";
	color: #91258e;
	text-decoration: none;
	text-align: center;
}

.secmenu a
{
	text-decoration: none;
	color: #91258e;
	line-height: 30px;
	padding: 2px;
	cursor: default;
}

.secmenu a:hover
{
    color: #FFF;
    background-color: #91258E;
}

.cart
{
	position: relative;
	float: right;
	
	margin-right: 5px;
	display:inline;
	
	width: 165px;
	font: bold 10px "Arial";
	color: #fff;
	text-decoration: none;
	text-align: left;
}

.cart h2
{
    position: relative;
    float: left;
	margin: 0px;
	width: 75px;
	height: 30px;

	font: bold 11px "Arial";
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
}

.cart p
{
    position: relative;
    float: left;
	margin: 0px;
	width: 90px;
	padding: 0px;
}

.cart a
{
    position: relative;
    float: left;
	/*width: 75px;*/
	color: #e54e83;
	font: bold 11px "Verdana";
	font-style: italic;
}






.center h1
{
	position: relative;
	float: left;
	
	margin: 0px;
	margin-left: 35px;
	display: inline;
	
	width: 532px;
	height: 25px;
	background: url(../images/centerhead.jpg);
	
	font: bold 16px "Verdana";
	font-style: italic;
	text-align: left;
	color: #e54e83;
}

.item
{
	position: relative;
	float: right;
	
	margin-right: 30px;
	margin-bottom: 5px;
	display: inline;
	
	width: 529px;
	height: 108px;
	background: url(../images/itemholder.jpg) no-repeat;
}

.item h3
{	
	position: relative;
	float: left;
	
	margin: 2px;
	margin-top: 3px;
	padding : 4px;
	display: inline;
	
	width: 250px;
	
	font: 12px "Verdana";
	text-align: left;
	color: #fff;
	letter-spacing: -1px;
	background-color: #C0D53A;
	
	text-shadow: 2px 2px 3px #000;
}

.itemimg
{
	position: relative;
	float: right;
	
	margin: 2px;	
	width: 150px;
	height: 90px;
	
	margin-top: 5px;
	display: table;
}

.itemimg a
{
    display: table-cell;
    vertical-align: middle;
}

.description
{
	position: relative;
	float: left;
	
	width: 195px;
	height: 65px;
	
	margin: 10px;
	display: inline;
	
	text-align: left;
}


.price
{
	position: relative;
	float: right;
	
	margin-top: 5px;
	margin-right: 5px;
	display:inline;
	
	width: 103px;

	font: bold 14px "Arial";
	text-align: right;
	color: #FFF;
	
}

.price h4
{
	position: relative;
	float: left;

	margin: 0px;
	width: 43px;
	height: 20px;
	
	font: normal 14px "Arial";
	font-weight: bold;
	text-align: left;
	color: #ffdf00;
}

.details
{
	position: absolute;
	bottom: 10px;
	left: 210px;
		
	width: 150px;
	text-align: center;
	
}

.details a
{
	position: relative;
	float: left;
		
	margin: 0px;
	margin-left: 15px;
	width: 60px;
	
	font: bold 11px "Arial";
	text-align: center;
	text-decoration: none;
	color: #ed1b26;
}






.descriptionlarge
{
	position: relative;
	float: right;
	
	margin-right: 25px;
	display:inline;
	
	width: 542px;
	height: 222px;
	background: url(../images/detailsholder.jpg);
}

.descriptionlarge h2
{
	position: relative;
	float: left;
	
	margin: 0px;	
	margin-top: 5px;
	margin-left: 5px;
	display: inline;	
	
	width: 320px;
	height: 20px;
	font: normal 12px "Arial";
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}

.detailsbigimg
{
	position: relative;
	float: right;
	
	margin: 5px;
	display: inline;
	
	width: 200px;
	height: 210px;
}

.info
{
	position: relative;
	float: right;

	margin-right: 10px;
	margin-top: 10px;
	display: inline;
	
	width: 300px;
	height: 140px;
	
	font: normal 12px "Arial";
	text-align: left;
}




.itemprice
{
	position: relative;
	float: left;
	
	margin-top: 12px;
	margin-left: 20px;
	display: inline;
	
	width: 190px;	
	font: bold 24px "Arial";
	text-align: center;
	color: #fff;
}

.itemprice h4
{
	position: relative;
	float: left;

	margin: 0px;
	margin-top: 9px;
	margin-right: 10px;
	display: inline;	
	
	font: bold 14px "Arial";
	text-align: left;
	text-transform: uppercase;
	color: #5c407a;
}




.purchase
{
	position: relative;
	float: right;
	
	margin-top: 19px;
	display: inline;
	
	width: 120px;
}

.purchase a
{
	width: 90px;
	font: bold 14px "Arial";
	text-decoration: none;
	color: #00b0d9;
}


.characteristic, .characteristichead, .characteristictail
{
	position: relative;
	float: right;
	
	margin-right: 25px;
	display: inline;
	
	width: 542px;

	font: normal 12px "Arial";
	text-align: justify;
	background: url(../images/caracteristicbg.jpg);
}


.characteristichead, .characteristictail
{
	height: 7px;	
	background: url(../images/caracteristichead.jpg);
	font-size: 0px;
}

.characteristictail
{
	height: 2px;
	margin-bottom: 10px;
	background: url(../images/caracteristictail.jpg);

}

.characteristic p
{	
	margin: 10px;
}

.characteristic h3
{
	margin: 5px;
	margin-left: 10px;
	
	font: bold 14px "Arial";
	text-align: left;
	color: #ed1b26;	
}




.shoppingcart, .shoppingcarthead, .shoppingcarttail
{
	position: relative;
	float: right;

	margin-right: 25px;
	display: inline;

	width: 542px;
	background: url(../images/shoppingcartbg.jpg);	
}

.shoppingcarthead
{
	height: 39px;
	background: url(../images/shoppingcarthead.jpg);	
	font-size: 0px;
}

.shoppingcarttail
{
	height: 4px;
	margin-bottom: 10px;
	background: url(../images/shoppingcarttail.jpg);
	font-size: 0px;	
}

.shoppingcarthead h2
{
	margin: 0px;
	margin-top: 7px;
	font: bold 12px "Arial";
	text-align: center;
	text-transform: uppercase;
	color: #fff;	
}

.shoppingcart table
{
	width: 500px;
	margin: auto;
	background-color:#FFFFFF;
	
	font: normal 10px "Arial";
	text-align: left;
	color: #000000;	
}

.shoppingcart th
{
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	background-color: #bed63a;
	font-weight: bold;
	color: #fff;	
}


.shoppingcart td
{
	padding-left: 5px;
	padding-right: 5px;
	background-color: #aedde3;	
}

.shoppingcart td.head
{
	background-color: #BED63A;
	color: #FFF;
}

.light td
{
	background-color: #fff;	
}

.shoppingcart input
{
	width: 40px;
}

.total
{
	width: 500px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	
	font: bold 12px "Arial";
	font-style: italic;
	text-align: right;
	text-transform:uppercase;
	color: #ec008b;	
}

.submitord
{
	width: 500px;
	margin: auto;
	margin-bottom: 10px;
	text-align: left;
}

.submitord input
{
	width: 120px;
	margin-right: 15px;
}



/* center */



/* footer */

.footer
{
	position: relative;
	float: left;
	display: inline;
	
	width: 776px;
	height: 86px;
	
	background: url(../images/footer.jpg);	
	color: #FFFFFF;	
	font-size: 0px;
}

.visa, .dummy
{
	position: relative;
	float: right;
	
	width: 100px;
	height: 57px;
	text-align: left;
}

.dummy
{
	float: left;	
}

.visa img
{
	margin: 10px;
	margin-left: 5px;
}

.footermenu
{
	margin-top: 10px;
	font-size: 12px;
}

.footermenu a
{
	margin-left: 5px;
	margin-right: 5px;
	display: inline;
	
	font: normal 12px "Arial";
	text-decoration: none;
	color: #FFFFFF;
}

.footermenu a:hover
{
	color: #aedee2;
}

.copyright
{
	font: normal 10px "Arial";
}

/* footer */

.textual { position: relative; float: right; margin-right: 20px; display: inline;width: 542px;
	text-align: justify; clear:both; padding-bottom:12px; font:normal 13px verdana, arial, times;}
.textual h3 { font:bold 14px/20px verdana, arial, sans-serif; color:#2E3191; padding:6px 0 2px 0; }
.textual em { font:italic 14px/18px verdana, arial, sans-serif; color:#2E3191; padding:6px 0 2px 0; }
.textual p { padding:5px 0;}
.textual ul { padding:5px 0; list-style:none; }
.textual ul li 
{
    padding-left:12px; 
    list-style: disc;
    /*background:url(../images/star.jpg) no-repeat left 4px;*/
}
.textual a { color:#2E3191; }

/* ---------- generic view details ----------- */
.details_hold
{
	position:relative;
	margin-left:25px;
	padding:4px;
	font:normal .8em arial, helvetica;
	text-align:left;
}
.details_hold strong
{
	position:relative;
	display:block;
	float:left;
	width:150px;
	font:bold .9em arial, helvetica;
}
.tx_det_head
{
	margin:12px 12px;
	font:bold .8em arial, helvetica;
	color:#353535;
}
/* ---------- end of : generic view details ----------- */

/* ----- forms stuff --------- */
input, select, textarea {
}

input[type="file"]:hover {
	cursor: pointer;
}

input[type="checkbox"] {
	border: none;
	width: 15px !important;
}

.details_hold input, .details_hold select, .details_hold textarea
{
	width:300px;
	margin-bottom:2px;
}
.details_light, .details_dark 
{
	position:relative;
	margin-top:4px;
	margin-bottom:4px;
	padding:4px;
}
.details_light
{
	background:#F7F8FA;
}
.details_dark 
{
	background:#FFF1E4;
}
.det_b_head
{
	font:bold 1em arial, helvetica;
	color:#0060B3;
	margin-bottom:6px;
}

/*-------------*/

.details_hold input[type="submit"] {
	width:100px;
}

.details_hold input[type="submit"]:hover {
	width:100px;
}
/* ----- end of : forms stuff --------- */

.messagegreen, .messagered, .messageyellow
{
	position: relative;
	float: left;
	
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 2%;
	display: inline;
	
	width: 96%;
	left: 2%;
	
	display: block;
	
	
	border: 2px;
	border-style: solid;
	
	border-color: #96B277;	
	background-color: #f6fff6;
	
	text-align: left;
}

.messagered
{
	border-color: #DC0000;	
	background-color: #fff6f6;
}

.messageyellow
{
	border-color: #DCdc00;	
	background-color: #fffff6;
}


.messagegreen h5, .messagegreen em, .messagegreen p,
.messagered h5, .messagered em, .messagered p,
.messageyellow h5, .messageyellow em, .messageyellow p
{
	position: relative;
	float: left;
	
	margin: 0px;
	margin-left: 2%;
	display: inline;
	
	width: 96%;	
	padding: 0px;
	
	font: normal 10px "Arial";
}

.messagegreen em,
.messagered em,
.messageyellow em
{
	margin-bottom: 10px;
	font: normal 14px "Times New Roman";
}

.messagegreen h5,
.messagered h5,
.messageyellow h5
{
	margin-top: 10px;
	font: Bold 20px "Times New Roman";
}

.messagegreen p,
.messagered p,
.messageyellow p
{
	padding-bottom: 10px;
}

.adminmenu
{
	position: relative;
	float: left;
	
	margin-bottom: 5px;
	margin-top: 5px;
	
	width: 96%;
	left: 2%;
	margin-right: 2%;
	display: inline;
	
	text-align: left;
}

.adminmenu ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.adminmenu li
{
	display: inline;
}

.minimenu
{
	position: relative;
	float: right;
	
	margin-right: 20px;
	margin-top: 6px;
	display: inline;	
}

.minimenu img
{
	margin-left: 10px;
	margin-right: 5px;
}

.minimenu a
{
	color: #727070;
}

.minimenu a:hover
{
	text-decoration: underline;
}

.rssicon
{
	position: absolute;
	
	top: 10px;
	right: 10px;
}

.invoice
{
	position: relative;
	float: left;
	
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 2%;
	display: inline;
	
	width: 96%;
	left: 2%;
	
	display: block;
	
	
	border: 2px;
	border-style: solid;
	
	border-color: #96B277;	
	background-color: #f6fff6;
	
	text-align: left;
}

.invoice
{
	border-color: #aaa;	
	background-color: #f5f5f5;
}

.invgreen
{
	border-color: #96B277;	
	background-color: #f6fff6;
}

.invred
{
	border-color: #DC0000;	
	background-color: #fff6f6;
}

.invyellow
{
	border-color: #DCdc00;	
	background-color: #fffff6;
}

.invorange
{
	border-color: #FFB700;	
	background-color: #FFF3D7;
}
.invblue
{
	border-color: #5274BD;	
	background-color: #EDF3FF;
}
.invoice h2,.invoice h3,.invoice h4, .invoice h5, .invoice em, .invoice p
{
	position: relative;
	float: left;
	
	margin: 0px;
	margin-left: 2%;
	display: inline;
	
	width: 96%;	
	padding: 0px;
	
	font: normal 10px "Arial";
}
.invoice h2,
.invoice h3,
.invoice h4,
.invoice h5
{
	margin-top: 10px;
	font: Bold 20px "Times New Roman";
}
.invoice h2,
.invoice h3,
.invoice h4,
.invoice h5
{
	margin-bottom: 15px;
}
.halfblock
{
	position: relative;
	float: left;
	
	width: 47%;
	margin-left: 2%;
	display: inline;
}
.invoice p
{
	width: 90%;
	margin-left: 5%;
}
.invoice p strong
{
	font: bold 11px "Times New Roman";
}
.invoice table
{
	width: 96%;
	margin-left: 2%;
	border: 0px;
	border-collapse: collapse;
	margin-bottom: 25px;

	font: normal 12px "Times New Roman";	
}
.invoice td,
.invoice th
{
	border: 0px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: right;
}
.invoice tr
{
	background-color:#fcfcfc;
}
.invoice tr.invoicetabledarkrow
{
	background-color:#eaeaea;
}
.invoice th
{
	font: bold 12px "Times New Roman";	
	text-align: left;	
	border: solid 1px;
	border-color: #fff;
	background-color:#ddd;
}
.invoice td span
{
	position: relative;
	float: left;
}
.totals
{
	position: relative;
	float: right;
	
	width: 40%;
	margin-right: 5%;
}
.totals span
{
	position: relative;
	float: left;
	
	width: 100%;
}
.totals strong
{
	position: relative;
	float: left;
	
	width: 50%;
	margin-right: 10px;
	text-align: right;
}

















