@charset "utf-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg2.jpg);
	background-repeat: repeat-x;
	background-color: #dedede;
}

#logo{
	background-image: url(images/logo2.jpg);
	background-repeat: no-repeat;
}

#space{
	height:5px;
}

.marquee {
	position:relative;
    overflow:hidden;
    width:1000px;
    height:100px;
    border:solid black 0px;
	margin:auto;
}

img{
border:0;
}

.bubblewrap{
list-style-type:none;
margin-top:10px;
margin-left:20px;
margin-bottom:20px;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 40px; /* width of each image.*/
height: 40px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
 
#container{
	position:relative;
	width:1000px;
	margin:auto;
}

#header{
	position:relative;
	margin:15px 0px 15px 0px;
}

#banner{
	position:relative;
	background-image: url(images/bannerbg.png);
	background-repeat: no-repeat;
}

#bannerimg{
	position:relative;
	background-image: url(images/cramaco2.png);
	height:250px;
	width:430px;
	background-repeat: no-repeat;
}

#bannertext{
	position:absolute;
	width:520px;
	background-repeat: no-repeat;
	top:20px;
	left:450px;
}

.bannercontent{
	font-family: Verdana, Geneva, sans-serif;
	text-indent:20px;
	font-size: 12px;
	color: #FFF;
}

.welcome{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	text-indent:0px;
}

.info{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-indent:0px;
	color: #CCC;
	text-decoration:underline;
	text-align:left;
}

#promotions{
	position:relative;
	margin:20px 0px 10px 0px;
	text-align:center;
}

#contenthome{
	position:relative;
	margin: 8px 0px 15px 0px;
}

#homefeat{
	position:absolute;
	top:0px;
	left:260px;
	width:730px;
	height:375px;
	background-color: #666;
	padding-bottom:10px;
}

.subtitle{
	position:relative;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	padding: 7px 0px 0px 20px;
}

.featured{
	position:relative;
	margin:auto;
	margin:10px 10px 0px 10px;
}

.featimg{
	background-color: #fff;
}

.featdesc{
	background-color: #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 5px 5px 5px 10px;
	vertical-align:top;
	border:dotted 1px #333;
}

.featdescheader{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FC0;
	font-style: italic;
	font-weight: bold;
	line-height: 1px;
}

#smallpromo{
	position:absolute;
	width:250px;
	top:0px;
	right:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F1DA4;
}

#chat{
	position:absolute;
	width:250px;
	top:105px;
	right:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F1DA4;
	background-color: #00F;
}

#homelocation{
	position:relative;
	width:250px;
	margin:0;
	background-color: #999;
	height:385px;
	
z-index:50;
}

.content{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0px 5px 0px 15px;
}

#copyright{
	position:relative;
	margin:auto;
	width:858px;
	height:45px;
	background-image: url(images/copyright.jpg);
	background-repeat: no-repeat;
}

.copyright{
	position:absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	top:24px;
	left: 280px;
}

#sitemap{
clear:both;
	position:relative;
	margin:auto;
	background-color: #ccc;
	margin-bottom:10px;
}

.sitemapheader{
	padding-left:15px;
	padding-top:20px;
	padding-bottom:15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
}

.sitemapcontent{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #CCC;
	text-decoration:none;
	padding-bottom:10px;
}

.sitemapcontent a{
	padding-left:25px;
	padding-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration:none;
}

.sitemapcontent a:hover{
	padding-left:30px;
	padding-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration:none;
}

.line{
	background-image: url(images/line.png);
	background-repeat: repeat-y;
}

#certificate{
	position:absolute;
	top:30px;
	right:30px;
	width:200px;
}

.header{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.content2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
}

#brandthumb{
	position:relative;
	width:1000px;
}

#brandlist{
	position:relative;
	width:1000px;
	background-color: #015498;
	margin: 20px 0px;
	background-image: url(images/prodlist.jpg);
	background-repeat: repeat-x;
}

.productlist{
	position:relative;
	width:800px;
	padding:20px 100px 20px 100px;
	border-bottom:2px solid #ffffff;
}

.brandimg{
	border:solid 1px;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

.prodtext{
	background-color: #666666;
	border-top:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
}

.prodtext ul{
	list-style-type:none;
padding:0px;
margin-left:20px;
	}

.prodtext li a{
	background-image:url(images/list-1.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
	margin:0px;
	text-decoration:none;
	color:#CCCCCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.prodtext li a:hover{
	background-image:url(images/list-2.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
	margin:0px;
	text-decoration:none;
	color:#ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.backtotop{
	background-color: #666666;
	border-top:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	padding-bottom:7px;
	padding-right:7px;
}

.backtotop a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	padding-bottom:7px;
	text-align:right;
}

.backtotop a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#ffffff;
	padding-bottom:7px;
	text-align:right;
}

/* --------- PROMOTIONS ---------- */

#promotionItems{
	position:relative;
	width:1000px;
}

.promo{
	position:relative;
	width:220px;
	float:left;
}

.itemSpace{
	width:40px;
	height:5px;
	float:left;
	}
	
.promoList{
	width:220px;
	height:150px;
	background-image: url(images/promo_bg.png);	
	float:left;
	margin:0px 0px 20px 0px;
}

.itemName{
position:relative;
	margin:0;
	padding:5px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#ffffff;
	text-align:center;
}

.itemImg{
position:relative;
	margin:0;
	padding:3px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#ffffff;
	text-align:center;
}

.itemDesc{
position:relative;
	margin:0;
	padding-left:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:left;
	word-spacing:-0.1em;
	z-index:2;
}

.itemPrice{
position:absolute;
top:80px;
right:10px;
	margin:0;
	padding:15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	word-spacing:-0.1em;
	background-color: #FF9900;
	border-radius:50px;
	text-align:center;
	border:1px solid #CCCCCC;
	font-weight:bold;
	z-index:1;
}

/* --------- CONTACT US ---------- */

.contactheader{
	background-color: #3366CC;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
}

.contactinfo{
font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333333;
	padding:10px;
}

.contactus{
font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333333;
	padding:5px 0px;
}
#content a:hover {
	color: #4f4f4f;
}
.elcos a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#CCCCCC;
	padding-bottom:7px;
	text-align:right;
}

.elcos a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#ffffff;
	padding-bottom:7px;
	text-align:right;
}