/* CSS Document */

body{
margin:0;
padding:0;
background-image:url('https://imagehost.vendio.com/a/32010999/view/bkgrndptrn.gif');
background-repeat:repeat-x;
background-color:#000000;
font-family:arial, helvetica, sans-serif;
}
body ul{
list-style:none;
}
#wrapper{
margin-left:auto;
margin-right:auto;
padding:0;
}

#header{
	width:1024px;
	height:143px;
	padding:0;
	margin:0px auto;	
	position:relative;
	text-align:left;
}
#header ul{
color:#ffffff;
float:right;
list-style:none;
top:25px;
position:absolute;
text-align:right;
right:33px;
margin:0;
padding:0;
}




#search_box{
	padding:0;
	margin:0;
	text-align:left;
	width:268px;
       float:right;
position:absolute;
right:10px;
top:113px;

	
}

#search_box label{
	color:#ffffff;
	font-family:arial, helvetica, sans-serif;
	font-size:16px;
        font-weight:bold;
position:relative;
float:left;
margin-top:3px;
padding:0;

}
#display_search_box{
	padding:0;
	margin:0;
}
#display_search_box form{
	padding:0;
	margin:0;
}
#display_search_box table td{
	vertical-align:middle;
}
#display_search_box input{
	margin:0;
	padding:0px;
	vertical-align:middle;
	width:160px;
	border-style:none;
border-color:#ffffff;
border-width:1px;
	font-size:18px;
height:24px;
position:relative;
top:-3px;
}

#display_search_box img{
	margin:0;
	padding:0;
}


#main{
	padding:0;
	margin:0;	
	text-align:left;
	width:1024px;
margin-left:auto;
margin-right:auto;

	
	
	
}


#top{
width:223px;
height:10px;
background-color:#8d8d8f;
float:left;
margin:0;
padding:0;
margin-top:51px;
top:54px;
}
#leftNav {
	margin:0;
	padding:0px;
float:left;
	height:auto;
	width:235px;
	padding-top:0px;
position:relative;
right:-6px;
}

#leftNav a{
text-decoration:none;
color:#000000;
font-size:15px;
}

#leftNav a:link {
text-decoration:none;
color:#000000;
font-size:15px;
}

#leftNav a:visited{
color:#000000;
font-size:15px;
}

#leftNav a:hover{
font-size:16px;
color:#ffffff;
}






#nav{
height:auto;
background-color:#8d8d8f;
margin:0;
padding:0;
width:235px;
margin-top:61px;
top:44px;
}


#first_nav{
margin:0;
padding:0;
margin-left:10px;
}
#second_nav{
margin:0;
padding:0;
margin-left:10px;
}
#third_nav{
margin:0;
padding:0;
margin-left:10px;
}
#bottom{
width:223px;
margin:0;
padding:0;
height:10px;
background-color:#8d8d8f;
float:left;

}
#newsletterTop{
background-color:#1d1d1d;
width:213px;
height:20px;
float:left;
padding:0;
position:relative;
top:30px;
margin:0px;
}
#newsletter{
	background-color:#1d1d1d;
	width:234px;
	height:127px;
	position:relative;
margin:0;
top:30px;
float:left;
padding:0;
}

#newsletter h2{
	font-family:arial, helvetica, sans-serif;
margin:13px 0 0 10px;
padding:0;

top:-88px;
left:13px;
	color:#998b88;
font-size:22px;
}
#search2{
margin:10px 0 0 10px;
padding:0;

top:-76px;
left:12px;
}
#newsletterBottom{
background-color:#1d1d1d;
width:213px;
height:20px;
margin:0;
float:left;
position:relative;

margin:0;
padding:0;
top:30px;
}
#content{
position:relative;
float:right;
right:26px;
width:750px;
}
#content_top{
background-color:#ffffff;
width:743px;
height:53px;
float:left;
color:#8d8d8f;
margin:0px;
padding:0px;
font-weight: bold;
}
li#content_top ul{
list-style:none;
left:300px;
padding:0;
margin:16px 0 0 38px;

}
#content_top li{
display:inline;
margin-left:33px;
position:relative;
left:-54px;
width:auto;
height:44px;
}
#content_top a{
text-decoration:none;
color:#000000;
}
#content_top a:hover{
color:#8d8d8f;
text-decoration:line-through;
}
#content_top a:visited{
color:#000000;
}
#content_area{
background-color:#ffffff;
width:757px;
height:auto;
margin:0;
padding:0;
float:left;
position:relative;
margin-left:-7px;
left:0px;
top:-7px;
min-height: 850px;
}

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

#content_area a:hover{
text-decoration:underline;
}
#shopbybrand{
	width:700px;
	height:198px;

	margin:14px -17px 0px;
	padding:0;
	float:right;
}

#carousel_container {
height:172px;
width:767px;
position:relative;
background-image:url('https://imagehost.vendio.com/a/32010999/view/shell3.png');
background-repeat:repeat-x;
top:-25px;
left:-78px;
float:left;
}


#carousel_inner {
float:left; /* important for inline positioning */
width:589px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
margin-top:12px;
position:relative;
right:-33px;

}
#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 10px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:200px;  /* fixed width, important */
/* just styling bellow*/
padding-left:0px;
height:70px;
margin-top:30px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:141px; 
width:34px; 
padding-left: 10px;
padding-right: 10px;
background: none; 
margin-top:-20px;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
margin-top:65px;
}

#footer{

	height:126px;
	width:100%;
	margin-top:73px;
	padding:0;
float:left;
}
#footer ul{
	font-family:arial, helvetica, sans-serif;
	color:#666a71;
	font-size:10pt;
	padding:35px 20px 20px;
	width:100%;
	text-align:center;
}
#footer li{
	display:inline;
	padding:15px;
	margin:12px;
}
#footer a{
	color:#666a71;
	text-decoration: none;
	}
#footer a:visited{
	color:#666a71;
	text-decoration: none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer p{

	width:100%;
	font-family:arial, helvetica, sans-serif;
	color:#666a71;
	font-size:10pt;
	text-align:center;
	margin-left:auto;
	padding:0px;
	bottom:30px;
	
}

.clear {
font-size: 0px;
clear: both;
}



#leftNav table.milonictable tr td .nav_hover {
font-size:14px;
color:#998b88;
}
#leftNav table.milonictable tr td .nav_hover  a:visited{
color:#000000;
}
#wrapper #header #search_box #display_search_box form table tbody tr td img{
margin-top:-6px;
padding:0;
position:relative;
z-index:100;
}

#ccssl{
background-color:#8d8d8f;
margin:-16px 0 0;
padding:0;
}

/*Begin Home Page Flash Banner CSS
----------------------------------------------------------------------------------------------------*/
#oasis { height:382px; width: 705px; float: left;margin-left:25px;}
#mainMod { height:382px; background-color:#EAEAEA; position:relative; }
#mod_A { height:152px; background-color:#EAEAEA; width:312px; margin-left:0px; }
#mod_B { height:152px; background-color:#EAEAEA; position:relative; width:312px; margin-left:0px; text-align:left; }

.carousel-mainMod { height:382px; overflow:hidden; }
.carousel-mod_B { height:152px; overflow:hidden; width:312px; }
ul.carousel-mainMod-nav { position:absolute; bottom:8px; z-index:99;  }
ul.carousel-mainMod-nav li { float:left; margin-right:0px; }
.carousel-mainMod ul{margin:0;padding:0;}

.wrapper { position:relative; }
#sectionlinks {
	z-index:100;
	position:absolute;
	bottom:0;
	right:0;
	margin:8px;
	padding:0;

}
#sectionlinks li {
	float:left;
	display:inline;

}
#sectionlinks li a {
	color:#333333;
	text-align:center;
	line-height:32px;
	text-decoration:none;
	display:inline;
	margin-left:8px;
	float:left;
	width:32px;
	height:32px;
	background-color:#cccccc;
	font-size:12px;
	border:1px solid #dddddd;
}
#sectionlinks li a.selected { background-color:#1d1d1d; color:#ffffff; font-weight:bold; border:1px solid #FFFFFF; }
#sectionlinks li a.off { background:#cccccc; }

/*End Home Page Flash Banner CSS
----------------------------------------------------------------------------------------------------*/
.colors_lines_light{
border:none;
}
.product_code_title{
color:#000000;
}

.product_code{
color:#000000;
}

#body #wrapper #main #content #content_area form table{
background-color:#ffffff;

}

#body #wrapper #main #content #content_area form table tbody tr .colors_lines_light tbody tr td table tbody tr .smalltext  tbody tr td table tr .smalltext table tbody tr td{
border:none;
}#wrapper #main #content #content_area table tbody tr td table{
float:left;
width:100%;
}

#main #content #content_area table tbody tr td table{
float:left;
width:96%;
margin-left:12px;
}

#display_cart_summary a:link{
text-decoration:none;
color:#ffffff;
}
#display_cart_summary a:visited{
text-decoration:none;
color:#d9d9d9;
}
#display_cart_summary a:hover{
text-decoration:line-through;
}