body{
	padding:0;
	margin:0;
	background: black url(../images/bg.jpg) no-repeat center top;
}




#header{
	height: 124px;
	position:relative;
	width: 909px;
	margin:0 auto;
	z-index: 1;
	top: 25px;
	background: url(../images/bg_banner.jpg) no-repeat;
}

/**********language************/

#lang{
	position:absolute;
	top: 9px;
	left: 785px;
	z-index: 1;
}

#lang ul {
    margin:0;
    padding:0;
    list-style:none;
}

#lang li{
	float:left;
	margin:0;
	padding:0;	
}


#eng{
	width: 55px;
	height: 24px;
    background: url(../images/lang_en.jpg) left top;
    padding:0;
	position: relative;
	left: 0px;
	display: block;
}

#fr{
	width: 54px;
	height: 24px;
    background: url(../images/lang_fr.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#lang a:hover{
	background-position: left bottom;
}


#lang a{
	text-indent:-9000px;
}

#lang .selected{
	background-position: left bottom;
}

/**********navigation************/

#nav{
	position: relative;
	width: 909px;
	margin:0 auto;
	left: 1px;
	z-index: 0;
	clear: left;
}



#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li{
	float:left;
	margin:0;
	padding:0;	
}

#home{
	width: 95px;
	height: 55px;
    background: url(../images/nav_home.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#about{
	width: 122px;
	height: 55px;
    background: url(../images/nav_about.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#brands{
	width: 112px;
	height: 55px;
    background: url(../images/nav_brands.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#categories{
	width: 136px;
	height: 55px;
    background: url(../images/nav_categories.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#press{
	width: 156px;
	height: 55px;
    background: url(../images/nav_press.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#stores{
	width: 146px;
	height: 55px;
    background: url(../images/nav_stores.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#contact{
	width: 141px;
	height: 55px;
    background: url(../images/nav_contact.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}


#nav a:hover{
	background-position: left bottom;
}


#nav a{
	text-indent:-9000px;
}

#nav .selected{
	background-position: left bottom;
}

/**********frame******************/

#frame_header{
	position: relative;
	width: 909px;
	margin:0 auto;
	background-image: url(../images/frame_header.jpg);
	z-index: 0;
	height: 22px;
	clear: left;
	left: 1px;
}

#frame_middle{
	height: auto;
	position:relative;
	width: 909px;
	margin:0 auto;
	z-index: 0;
	background: url(../images/frame_middle.jpg) repeat-y;
	left: 1px;
	top: -12px;
}

#frame_footer{
	height: 49px;
	position:relative;
	width: 909px;
	margin:0 auto;
	z-index: 1;
	background: url(../images/frame_footer.jpg) no-repeat;
	left: 1px;
	top: -12px;
}

#frame_footer_noad{
	height: 49px;
	position:relative;
	width: 909px;
	margin:0 auto;
	z-index: 1;
	background: url(../images/frame_footer.jpg) no-repeat;
	left: 1px;
	top: -12px;
}

#copyright{
	border-top:20px solid #993366;
	opacity:0.5;
	border-color: black;
	height: 50px;
}

#copyrighttext{
	height: 50px;
	color: silver;
	position: relative;
	top: 63px;
	font: 10px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-align: right;
	right: 13px;
}

#copyrighttext a{
	color: silver;
	text-decoration: none;
}

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

/**********content****************/

#slideshow2 {
	position: relative;
	left: 80px;
	z-index: 6;
	top: 0;
	width: 720px;
}


#imagebox {
	position: relative;
	left: 185px;
	z-index: 6;
	width: 720px;
}

/**********advertise***************/

#advertise {
	position: relative;
	width: 713px;
	height: 153px;
	left: 185px;
	background: url(../images/bg_advertise.jpg) repeat-x left top;
	top: -12px;
}

#advertisehome {
	position: relative;
	width: 713px;
	height: 153px;
	left: 185px;
	background: url(../images/bg_advertise.jpg) repeat-x left top;
	top: 0;
}

#findoutbutton{
	position: relative;
	z-index: 3;
	top: -110px;
	left: -88px;
}

#button{
	width: 118px;
	height: 28px;
    background: url(../images/button_find.jpg) left top;
    padding:0;
	position: relative;
	display: block;
	top: 110px;
	left: 88px;
}

#findoutbutton a:hover{
	background-position: left bottom;
}

#findoutbutton a{
	text-indent:-9000px;
}

#findoutbutton .selected{
	background-position: left bottom;
}


#buttons{
	position:absolute;
	left: 13px;
	z-index: 3;
	top: 9px;	
}

#cure{
	width: 118px;
	height: 28px;
    background: url(../images/button_find.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 110px;
	left: 88px;
}

#new{
	width: 118px;
	height: 28px;
    background: url(../images/button_find.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 110px;
	left: 348px;
}

#press2{
	width: 118px;
	height: 28px;
    background: url(../images/button_find.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 110px;
	left: 570px;
}

#buttons a:hover{
	background-position: left bottom;
}

#buttons a{
	text-indent:-9000px;
}

#buttons .selected{
	background-position: left bottom;
}

/**********logos******************/


#logos{
	position:absolute;
	left: 13px;
	z-index: 3;
	top: 9px;
}

#ricardo{
	width: 170px;
	height: 56px;
    background: url(../images/logo_ricardo.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
}

#viarail{
	width: 170px;
	height: 69px;
    background: url(../images/logo_viarail.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 56px;
}

#it{
	width: 170px;
	height: 71px;
    background: url(../images/logo_it.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 125px;
}

#mapleleaf{
	width: 170px;
	height: 45px;
    background: url(../images/logo_mapleleaf.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 196px;
}

#overland{
	width: 170px;
	height: 62px;
    background: url(../images/logo_overland.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 241px;
}

#calpak{
	width: 170px;
	height: 64px;
    background: url(../images/logo_calpak.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 303px;
}

#rosetti{
	width: 170px;
	height: 42px;
    background: url(../images/logo_rosetti.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 375px;
}

#kgb{
	width: 170px;
	height: 37px;
    background: url(../images/logo_kgb.jpg) left top;
    padding:0;
	position: absolute;
	display: block;
	top: 419px;
}

#logos a:hover{
	background-position: right top;
}

#logos a{
	text-indent:-9000px;
}

#logos .selected{
	background-position: right top;
}

/**********Groups******************/

#textset{
	position: relative;
	left: 0;
	top: 10px;
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	height: 100px;
	width: 600px;
	text-align: justify;
	display: inline;
}

#textset p{
	left: 51px;
	position: relative;
	width: 600px;
}

#textset a{
	color: #0099FF;
}

#textset a:hover{
	color: #333333;
	font-weight: bold;
}

#spacer{
	position: relative;
	left: 51px;
	top: 20px;
	height: 30;
	width: 600px;
}

#spacer2{
	position: relative;
	left: 10px;
	top: 0px;
	height: 300px;
	width: 650px;
}

#spacer3{
	position: relative;
	left: 10px;
	top: 0px;
	height: 100px;
	width: 650px;
}

/* My Comment */

#groupset{
	position: relative;
	left: 8px;
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	height: 200px;
	width: 672px;
	text-transform: uppercase;
}

#groupset a{
	color: #0099FF;
}

#groupset a:hover{
	color: #333333;
	font-weight: bold;
}



#groupbox{
	position: absolute;
	width: 165px;
}

#groupbox2{
	position: absolute;
	width: 165px;
	left: 165px;
}

#groupbox3{
	position: absolute;
	width: 165px;
	left: 330px;
}

#groupbox4{
	position: absolute;
	width: 165px;
	left: 495px;
}

#presstext{
	position: relative;
	left: 0;
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	height: 100px;
	width: 600px;
	text-align: justify;
	display: inline;
}

#presstext p{
	left: 51px;
	position: relative;
	width: 600px;
}


#pressset{
	position: relative;
	left: 18px;
	height: 150px;
	width: 672px;
	text-transform: uppercase;
	top: 16px;
}


#pressbox{
	position: absolute;
	width: 130px;
	height: 150px;
}

#pressbox2{
	position: absolute;
	width: 130px;
	left: 130px;
}

#pressbox3{
	position: absolute;
	width: 130px;
	left: 260px;
}

#pressbox4{
	position: absolute;
	width: 130px;
	left: 390px;
}

#pressbox5{
	position: absolute;
	width: 130px;
	left: 520px;
}

  .ib-fix li { display:-moz-inline-box; -moz-box-orient:vertical;
               display:inline-block; vertical-align:top; word-wrap:break-word; }
  * html .ib-fix li { display:inline; }
  * + html .ib-fix li { display:inline; }
  .ib-fix li > * { display:table; table-layout:fixed; overflow:hidden; }
  
  * html .demo-ul li { width:130px; }   /* for IE 6 */
.demo-ul li > * { width:130px; }      /* for all other browser */

/**********Items******************/

#productnew{
	position: relative;
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	width: 600px;
	z-index: 2;
	top: -20px;
	left: 20px;
}

#productfull{
	position: relative;
	left: 205px;
	top: 39px;
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	width: 600px;
	z-index: 2;
	padding-bottom: 55px;
}

#productset{
	position: relative;
	left: 10px;
	top: 0;
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	height: 200px;
	width: 650px;
	text-transform: uppercase;
	padding-top: 20px;
}

#productset a{
	color: #0099FF;
}

#productset a:hover{
	color: black;
}

#producttext{
	position: relative;
	left: 260px;
	top: 38px;
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	height: 207px;
	width: 631px;
	text-align: justify;
}

#producttext a{
	color: #993366;
}

#productset a:hover{
	color: #333333;
	font-weight: bold;
}

#productbox1{
	position: absolute;
	width: 125px;
	vertical-align:text-top;
}

#productbox2{
	position: absolute;
	width: 125px;
	vertical-align:text-top;
	left: 125px;
}

#productbox3{
	position: absolute;
	width: 125px;
	vertical-align:text-top;
	left: 250px;
}

#productbox4{
	position: absolute;
	width: 125px;
	vertical-align:text-top;
	left: 375px;
}

#productbox5{
	position: absolute;
	width: 125px;
	vertical-align:text-top;
	left: 500px;
}

#logospot {
	position: absolute;
	left: 527px;
	width: 150px;
	top: -22px;
}

#logospot p{
	text-align: right;
	color: black;
}

#logospot a{
	color: black;
}

#logospot a:hover{
	color: #0099FF;
}

.babyblue{
	color: #0099FF;
	font-weight: bold;
	text-transform: uppercase;
}

.babybluelrg{
	color: #0099FF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

#productimage{
	position: absolute;
	z-index: 3;
}

img{
	text-decoration: none;
	border-style: none;
}

a {
	text-decoration: none;
	border-style: none;
}

#productdesc{
	position: relative;
	left: 230px;
	width: 370px;
	z-index: 2;
	top: 0;
}

#productdesc p{
	width: 350px;
}

#productdesc a{
	color: #0099FF;
}

#productdesc a:hover{
	color: gray;
}

/* My Comment */

.boldblue{
	color: #0099FF;
	font: bold 14px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.boldblack{
	color: black;
	font: bold 14px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
}


.boldpurplecross{
	color: #993366;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-decoration: line-through;
}

.boldwhite{
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#looks{
	position: relative;
	top: 25px;
	left: 10px;
	width: 300px;
	z-index: 3;
}

#productpics {
	position: absolute;
	top: 314px;
	left: 215px;
}

.item {

}

.item img {
}