/* ---------------------------------------------
Screen Stylesheet for http://www.colormall.com
Updated: 03/14/09 - greybearddesign.com
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height: 101%; /* forces scroll on short length pages */
}
body { 
height:100%;
font:62.5%/1.3 Arial,Tahoma,Geneva,Helvetica,sans-serif;
background: #3d3b2b url('../images/site-graphics/pageBG_tile_repeat.jpg');
color:#333;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px; color: #fff;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#bodywrap {
	width: 100%;
	background: transparent url('../images/site-graphics/colorChecker.png') no-repeat;
}
#wrap {
width: 945px;
margin:0 auto;
padding: 0 20px;
background:#545341;

}
#masthead {
height: 125px;
position: relative;
}
#logoblock {
width: 210px;
height: 80px;
float:left;
border-bottom: 1px solid #3d3b2b;
background: transparent url('../images/site-graphics/logo_colormall.gif') 0 30px no-repeat;
}
#righthead {
width:735px;
height: 80px;
float:right;
border-bottom: 1px solid #3d3b2b;
background: transparent url('../images/site-graphics/header_shadow.gif') no-repeat;
}
#righthead img {
	margin: 15px 0 0 25px;
}
#top-menu-1 {
	width:945px;
	height: 40px;
	border-top: 1px solid #757365;
}
#leftcol { 
	width: 190px;
	float: left;
	border-top: 1px solid #3d3b2b;
}
#account-box {
	border-top: 1px solid #757365;
}
#search-box {
	height: 90px;	
	border-top: 1px solid #757365;
	border-bottom: 1px solid #3d3b2b;
}
#search-box a {
	font-size: 10px;
	color: #a2a190;
	margin: 10px 0 0px 20px;
	line-height: 28px;
}
#shopping-cart {
	min-height: 90px;	
	border-top: 1px solid #757365;
	border-bottom: 1px solid #3d3b2b;
}
#shopping-cart p {
	font-size: 11px;
	color: #fff;
	margin: 0 0 5px 3px;
	padding: 0;
}
#shopping-cart p a{
	font-size: 10px;
	color: #a2a190;
}
#shopping-cart p span{
	font-size: 10px;
	color: #a2a190;
}


.banner-box {
	padding-top:20px;
}
.banner-box img {
	margin-bottom:10px;
}


#contents {
width: 735px;
margin: 0;
float: right;
}
#flash {
	width:713px;
	border: 1px solid #757365;
	padding: 5px;
}
#footer {
clear:both;
height: 90px;
width: 945px;
padding: 0 20px;
margin: 5px auto;
background: #333326;
}


/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline; font-size: 12px; color:#A2A190;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/* the drop-down section of this menu is located in the top-menu.css file */

#top-menu-1 ul li.call-us {
	width: 210px;
	height: 30px;
	background: transparent url('../images/site-graphics/callTollFree.gif') no-repeat;
}


/*********** Left Navigation ***********/
.left-menu {
	border-top: 1px solid #757365;

}
.left-menu ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
.left-menu li {
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/site-graphics/dots_repeat.gif') bottom repeat-x;
}
.left-menu a, .left-menu a:link, .left-menu a:active, .left-menu a:visited {
	margin: 0;
	padding: 0;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}
.left-menu a:hover {
	text-decoration:underline;
}
.left-menu li.noborder1 {
	background-image:none;
	border-bottom: 1px solid #3D3B2B;
}

/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	color: #b5b4ae;
    border-left: 1px solid #b5b4ae;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	color: #b5b4ae;
	font-size: 12px;
	padding: 0 15px;
	margin: 0;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #b5b3ae;
}
#footer ul li.noborder1 {
	border-left: 0;
}
#footer ul.topfoot {
	width: 760px;

}
#footer ul.topfoot li a {
	text-transform:lowercase;
}

#footer ul.middlefoot {
	width: 930px;

}
#footer ul.bottomfoot {
	width: 870px;

}
#footer ul.bottomfoot li {
	color: #817f75;
}
#footer ul.bottomfoot li a {
	text-decoration:underline;
	color: #817f75;
}
#footer ul.bottomfoot li a:hover {
	text-decoration:none;
}

#footer a.siteby:link, #footer a.siteby:visited {
	padding: 0;
}

	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}

/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 20px 0 0 0;
	padding: 0;
	width: 200px;
	height: 45px;
	display: block;
}

.divider {
	width: 740px;
	height: 10px;
	margin: 0 13px 0 8px;
	border-top: 1px solid #bbdabb;
}

.login-info {
	margin-bottom: 5px;
	color: #fff;
	font-size:11px;
}

.logout-info {
	padding: 5px 0 10px;
	color: #fff;
	font-size:11px;
	border-bottom:1px solid #3D3B2B;
}
.logout-info span {
	font-size: 10px;
	color: #A2A190;
	margin: 8px 0 5px 2px;
}
.logout-info a {
	font-size: 10px;
	color: #A2A190;

}
.colormall-points {
	margin-top: 10px;
}
.static-list {
	margin: 5px 45px;
}
.static-list li {
	padding-left: 5px;
}