/* 

rgbstore - CSS File

*/


#s3slider {
   width: 697px; /* important to be same as image width */
   height: 160px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 697px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 16px/30px Arial, Helvetica, sans-serif;
   padding-top: 0px;   
   padding-right: 13px;   
   padding-bottom: 14px; 
   padding-left: 13px;
   width: 697px;
   background-color: #666;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 




/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
	background-image:url(../images/pattern.gif);
	background-repeat:repeat-x;
	background-color:#0051a0;
	line-height:18px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both; height:1px;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:10px 0px 6px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Verdana, Tahoma, Arial;	font-weight:normal; color:#000ccc;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a {color:#0000cc;text-decoration:underline;}
a:hover{color:#deab39;}
a img{border:none}
.imgleft{float:left; padding-right:12px;}
.imgright{float:right; padding-left:12px;}
.imgcenter{margin:5px auto; display:block;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:11px;
	line-height:18px;
	margin-bottom:20px;
	color:#4c4c4c;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#4c4c4c;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote_top.png);
	background-repeat:no-repeat;
}


/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#container{width:100%; background-image:url(../images/bgglow.jpg); background-repeat:no-repeat; background-position:center top; min-height:82%;}
#centercolumn{width:960px; margin:0px auto;}
#wrapper{position:relative; top:121px; left:0px; width:960px; margin:0px auto;}
/*** END OF CONTAINER ***/


/*** HEADER ***/
#topmenu{position:absolute; top:0px; width:960px;height:45px;}
/* menu2 */
#menu2{padding:10px 0px 0px 0px; float:left;  width:730px;}
#menu2 ul{list-style-type:none; margin:0px; padding:0px;}
#menu2 ul li{list-style-type:none; margin:0px; padding:0px 20px; display:inline; font-family:Arial; font-size:14px; border-left:solid 1px #fff;}
#menu2 ul li#home{border:none;}
#menu2 ul li a, #menu2 ul li a:visited{color:#fff; text-decoration:none;}
#menu2 ul li a:hover{color:#fad30d;}

/* cart */
#cart{padding:10px 20px 0px 0px; float:right; width:170px; color:#fff;margin-left: 20px;}
#cart a {font-size:12px;color:#fff;text-decoration: none;}
#cart a:hover {font-size:12px;color: #fad30d;text-decoration: none;}

/* top */
#top{position:absolute; top:45px; width:960px;padding:0px 0px 0px 20px; height:65px;}
#logo{padding:0px 0px 0px 0px;width:660px; float:left;}
#topsearch{width:260px; float:left; padding:38px 0px 0px 20px}
#topsearch fieldset{border:0px;}
.bg_input{background-image:url(../images/bg_search.gif); background-repeat:no-repeat; width:185px; height:26px; float:left;}
.inputbox{background:transparent; border:0px; width:165px; padding:5px 10px 5px 10px; line-height:normal; color:#ffffff;}
.but{float:left;}

/*** END OF HEADER ***/

/*** SLIDE ***/
#slide {
padding:22px 22px;
width: 916px;
float: left;
}

/* outmost wrapper element */
#scrollable {
padding:0px 0px 0px 0px;
margin:0px auto;
width: 912px;
float: left;
position:relative;
}

/* container for the scrollable items */
.items {
width:840px;
height:160px;
display:block;
margin:0px auto;
}

.slide-items {
width: 840px;
padding:0px 5px;
float: left;
margin-left: 0px;
margin-right: 0px;
text-align:center;
background-image:url(../images/dotted2.gif); background-repeat:repeat-y; background-position:right;
}

.slide-items.noborder{background-image:none;}
/* single item */

/* next / prev buttons */
a.prev, a.next {
display:block;
width:20px;
height:70px;
background-repeat:no-repeat;	
margin:0px 0 0 0;
cursor:pointer;
position:absolute;
top:55px;
}

a.prev {
background:url(../images/slide-prev.gif);
background-repeat:no-repeat;
left:0;
}


a.next {
background:url(../images/slide-next.gif);
background-repeat:no-repeat;	
right:0;
}
/*** END SLIDE ***/

/*** CONTENT ***/
#header{position:absolute; top:0px; width:960px;}
#headerwrapper{position:relative; top:0px; width:960px;}
#content{background-image:url(../images/c_repeat.gif); background-repeat:repeat-y;}
#c_top{background-image:url(../images/c_top.gif); background-repeat:no-repeat; background-position:top;}
#c_bottom{background-image:url(../images/c_bottom.gif); background-repeat:no-repeat; background-position:bottom; min-height:480px;}
#maincontent{padding:22px 0px}
#maincontent2{padding-top: 10px;padding-right: 0px;padding-bottom: 22px;padding-left: 0px;}
#slider{height:180px;}
#main{background-image:url(../images/bg_glowcontent.gif); background-repeat:no-repeat; padding:40px 22px 0px 22px}
#main2{background-image:url(../images/bg_glowcontent2.gif); background-repeat:no-repeat; padding:0px 22px 0px 22px}
#mainleft{width:712px; float:right;}
#mainleft2{width:712px;text-align: center; }
.pad_content{padding:0px 0px 0px 15px ;}
.pad_content_inner{padding:10px 12px 0px 23px ;}
/* box product */
.prodbox{background-image:url(../images/box_m.gif); background-repeat:repeat-y; width:226px; float:left; margin:0px 9px 0px 0px}
.prodbox.nomargin{margin:0px 0px 9px 0px;}
.prodbox_c{background-image:url(../images/box_t.gif); background-repeat:no-repeat; background-position:top;}
.prodbox_b{background-image:url(../images/box_b.gif); background-repeat:no-repeat; background-position:bottom;}
.pad_box{padding-top: 15px;padding-right: 20px;padding-bottom: 5px;padding-left: 20px;}
.pad_box_title{padding:0px 0px;height: 50px;}
.pad_box_img{padding:0px 0px;height: 85px;}
.pad_box_descr{padding:0px 0px;height: 100px;}
.pad_box_detail{padding:0px 0px;height: 26px;}
.prod_title{font-size:16px; line-height:18px; border-bottom:solid 1px #dedede; padding-bottom:6px;}
.prod_title_home{font-size:12px; line-height:18px; border-bottom:solid 1px #dedede; padding-bottom:6px;}
.price{color:#ca900e; font-size:16px;}
.price2{color:#ca900e; font-size:12px;}
#side{width:204px; float:left;}
#side2{width:100px; float:left;}
.padbox_side{padding:10px 15px 30px 15px}
.sidebox{background-image:url(../images/sidebox_m.gif); background-repeat:repeat-y; width:204px; margin:0px 0px 10px 0px; position:relative;}
.sidebox2{margin:0px 0px 10px 0px;}
.sidebox_t{background-image:url(../images/sidebox_t.gif); background-repeat:no-repeat; background-position:top; width:204px;}
.sidebox_b{background-image:url(../images/sidebox_b.gif); background-repeat:no-repeat; background-position:bottom; width:204px;}
.sidebox h2{background-image:url(../images/title_side.gif); background-repeat:no-repeat; height:34px; color:#a97606; text-align:center; font-size:18px; margin:0px; padding:8px 0px 0px 0px}
.sidebox ul{list-style-type:none; padding:0px; margin:0px;}




#menu{
    list-style: none;
    padding: 0 0 0 0;
    width: 170px;
}
#menu li{list-style-type:none; padding:0px 0px 0px 20px; margin:0px; border-bottom:solid 1px #dedede; line-height:28px; background-position:left center}
#menu ul {
    list-style: none;
    padding: 0 0 0 0;
    display: none;
}
#menu ul li{list-style-type:none; padding:0px 0px 0px 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; border-bottom:solid 1px #dedede; background-image:url(../images/arrow.gif); background-repeat:no-repeat; line-height:28px; background-position:left center}
#menu a {
    text-decoration: none;
}
#menu a:hover {
    text-decoration: underline;
    color:#000000;
}




.sidebox ul li{list-style-type:none; padding:0px 0px 0px 20px; margin:0px; border-bottom:solid 1px #dedede;line-height:28px; background-position:left center}
.sidebox ul li a, .sidebox ul li a:visited{text-decoration:none; color:#707070 }
.sidebox ul li a:hover{color: #0000ff;text-decoration:underline}




.strip{position:absolute; top:0; right:0;}
.icon{vertical-align:middle; padding-right:4px}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{padding:10px 0px 20px 0px; color:#ffffff; text-align:right;}
#footer a, #footer a:visited{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footleft{float:left;}
/*** END OF FOOTER ***/