/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
}

/************************ Clear Elements to Support IE6 ************************/

.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
}

.icon{
	vertical-align:middle;
	padding:0 0px;
}

.icon24{
	vertical-align:middle;
	padding:0 10px 0 0;
}


/************************ Structural Elelemts *********************/

#container {
	width:100%;
	height:auto;
	margin: 0px auto;
	padding:0;
	background:url(images/body-bg.jpg) repeat; 
	
	}
	
#web-body{
	width:1270px;
	height: auto;
	margin: 0px auto;
	padding:0; 
	}


/****************************** header ***********************************/

.header {
	width:1270px;
	height:193px;
	margin:0px 0 0 0;
	padding: 0px 0px;
	float:left;
}

.header .logo {
	width: 501px;
	height:143px;
	margin:0px 0 0 0;
	padding: 0px 0px;
	float:left;
}

.header .phone{
	width:428px;
	height:143px;
	margin:0px 0 0 0;
	padding: 0px 0px 0 341px;
	float:left;
}

.header .nav {
	width:769px;
	height:50px;
	margin:0px 0px;
	padding:0px 0 0 501px;
	float:left;
	background:url(images/nav-bg.png) no-repeat;
}

.header .nav ul {
	margin:10px 0 0 0;
	padding:0px 0 0 0;
	list-style:none;
	text-align:left;
}


.header .nav li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:0 0 0 0px;
	padding:0 20px;
	color:#fff;
	display:inline;
	text-decoration:none;
	font-weight:bold;
}

.header .nav li a, .header .nav li a:visited{
	font-size:24px;
	margin:0 0 0 0px;
	padding:0 0;
	color:#fff;
	display:inline;
	text-decoration:none;
	font-weight:bold;
}
.header .nav li a:hover{
	font-size:24px;
	margin:0 0 0 0px;
	padding:0 0;
	color:#870e0e;
	display:inline;
	text-decoration:none;
	font-weight:bold;
}



/****************************** content ***********************************/
.content {
	width:931px;
	height:auto;
	margin:0px 147px 0 148px;
	padding:20px;
    float:left;
    background:#404040;
	border: 3px solid #000;
}

.content-contact {
	width:931px;
	height:auto;
	margin:0px 147px 0 148px;
	padding:20px;
    float:left;
    background:#404040;
	border: 3px solid #000;
}

.content-contact .contact-left {
	width:580px;
	height:auto;
	margin:0;
	padding:0 20px 0 0;
    float:left;
}

.content-contact .contact-right {
	width:311px;
	height:auto;
	margin:0;
	padding:0 0 0 20px;
    float:left;
}
.content-home {
	width:971px;
	height:auto;
	margin:0px 147px 0 148px;
	padding:0px;
    float:left;
    background:#404040;
	border: 3px solid #000;
}

.content-shop {
	width:971px;
	height:auto;
	margin:0px 147px 0 148px;
	padding:0px;
    float:left;
    background:#404040;
	border: 3px solid #000;
}
.content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0 0 0 0px;
	padding:0 0 12px 0px;
	color:#fff;
	font-weight:bold;
	line-height:21px;
}

.content-shop h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0 0 0 20px;
	padding:20px 0 12px 0px;
	color:#fff;
	font-weight:bold;
	line-height:21px;
}

.content p, .content-shop p, .content-contact p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 0 0px;
	padding:0 0 12px 0px;
	color:#fff;
	font-weight:normal;
	line-height:21px;
}

.content ul  {
	margin:0 0 0 20px;
	padding:0 0 0px 0px;
}

.content ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 0 0px;
	padding:0 0 12px 0px;
	color:#fff;
	font-weight:normal;
	line-height:21px;
}

.content-shop .gender{
	font-size:18px;
	margin:0;
	padding:25px 113px 12px 113px;
    text-align:left;
	color:#fff;
	font-weight:bold;
}

.content a, .content a:visited, .content-contact a, .content-contact a:visited {
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

.content a:hover, .content-contact a:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.content-shop .gender a, .content-shop .gender a:visited {
	font-size:18px;
	margin:0;
	padding:0;
    text-align:left;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

.content-shop .gender a:hover {
	font-size:18px;
	margin:0;
	padding:0;
    text-align:left;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

.content-shop h2{
	font-size:18px;
	margin:0;
	padding:0px 113px;
    text-align:left;
	color:#fff;
	font-weight:normal;
}

.content-shop .view-all{
	font-size:25px;
	margin:0;
	padding:20px 113px 12px 262px;
    text-align:left;
	color:#fff;
	font-weight:normal;
}

.content-shop .view-all a, .content-shop .view-all a:visited{
	text-decoration:underline;
	color:#fff;
}

.content-shop .view-all a:hover{
	text-decoration:none;
	color:#ea1213;
}



.content-shop a, .content-shop a:visited {
	font-size:12px;
	margin:0;
	padding:0;
    text-align:left;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	line-height:1.2em;
}

.content-shop a:hover {
	font-size:12px;
	margin:0;
	padding:0;
    text-align:left;
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
	line-height:1.2em;
}

.content-shop ul {
	margin:0;
	padding:0 0 10px 0;
	color:#fff;
}
.content-shop ul li {
	font-size:16px;
	margin:0 40px 0 143px;
	padding:0px 0px;
	color:#333;
	font-weight:normal;
}

.content-shop ul li a, .content-shop ul li a:visited {
	font-size:12px;
	margin:0;
	padding:0;
    text-align:left;
	color:#ea1213;
	text-decoration:none;
	font-weight:normal;
	line-height:1.2em;
}

.content-shop ul li a:hover {
	font-size:12px;
	margin:0;
	padding:0;
    text-align:left;
	color:#ea1213;
	text-decoration:underline;
	font-weight:normal;
	line-height:1.2em;
}

.content-shop .product-holder{
	width: 971px;
	height:auto;
	margin: 0 0; 
	padding: 0; 
	float:left;
}
.content-shop .product-holder .pod{
	width: 190px;
	height:auto;
	margin: 0 0px; 
	padding: 20px 26px 20px 26px; 
	float:left;
}

.content-shop .product-holder .pod .info{
	width: 190px;
	height:auto;
	margin: 0 0px; 
	padding: 10px 0 ; 
	float:left;
}

.content-shop .product-holder .pod .info .product-name{
	font-size:14px;
	margin:0;
	padding:0;
    text-align:left;
	color:#7b8489;
	font-weight:normal;
	line-height:1.2em;
}

.content-shop .product-holder .pod .info .cost{
	font-size:12px;
	margin:0;
	padding:0;
    text-align:left;
	color:#fff;
	font-weight:normal;
	line-height:1.2em;
}


.content-shop  .product-holder .pod ul{
	margin:0 0 0 40px;
	padding:0;
	list-style:none;
}
.content-shop .product-holder .pod ul li {
	font-size:18px;
	margin:0;
	padding:0 0 20px 0;
	color:#fff;
	font-weight:bold;
}

.content-shop  .product-holder .pod ul li a, .content-shop .product-holder .pod ul li a:visited  {
	font-size:18px;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

.content-shop .product-holder .pod ul li a:hover{
	font-size:18px;
	margin:0;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	color:#870e0e;
}

.content-shop  .product-page{
	width: 747px;
	height:auto;
	margin: 0 112px; 
	padding: 0; 
	float:left;
}

.content-shop  .product-page .left{
	width: 300px;
	height:auto;
	margin: 0 0; 
	padding: 0 73px 0 0; 
	float:left;
}

.content-shop  .product-page .left .product-photo{
	width: 300px;
	height:400px;
	margin: 0 0; 
	padding: 0; 
	float:left;
}

.content-shop  .product-page .left .original-photo{
	width: 300px;
	height:auto;
	margin: 20px 0 0 0; 
	padding: 0; 
	float:left;
}

.content-shop .product-page .left .original-photo p{
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	text-align:center;
}


.content-shop  .product-page .right{
	width: 373px;
	height:auto;
	margin: 0 0; 
	padding: 0; 
	float:left;
}

.content-shop  .product-page .right h1{
	font-size:20px;
	margin:0;
	padding:0 0 0 0;
    text-align:left;
	color:#fff;
	font-weight:bold;
}

.content-shop  .product-page .right h2{
	font-size:18px;
	margin:0;
	padding:12px 0;
    text-align:left;
	color:#fff;
	font-weight:normal;
}

.content-shop  .product-page .right p{
	font-size:14px;
	margin:0;
	padding:12px 0 0 0;
    text-align:left;
	color:#fff;
	font-weight:normal;
	line-height:1.2em;
}

.content-shop  .product-page .right .style{
	font-size:14px;
	margin:0;
	padding:12px 0 0 0;
    text-align:left;
	color:#fff;
	font-weight:bold;
	line-height:1.2em;
}

.content-shop  .product-page .right .description{
	font-size:14px;
	margin:0;
	padding:12px 0 0 0;
    text-align:left;
	color:#999;
	font-weight:normal;
	line-height:1.2em;
}

.content-shop .product-page .right .buy-now{
	width:373px;
	height:auto;
	margin:0;
	padding:0;
    text-align:left;
}

.content-shop  .product-page .right ul {
	margin:10px 0 ;
	padding:0 0 10px 0;
	color:#fff;
}

.content-shop  .product-page .right ul li {
	font-size:12px;
	margin:0px 0px 0 40px;
	padding:0px 0px 0 0px;
	color:#fff;
	font-weight:normal;
}

.colors{
	width:350px;
	height:auto;
	margin:20px auto;
}

.colors .color-blocks{
	width:100px;
	height:117px;
	padding:0px 8px 0 8px;
	margin:0;
}

.colors .color-names{
	font-size:12px;
	margin:0;
	padding:0;
    text-align:center;
	color:#999;
	font-weight:normal;
}






/****************************** footer ***********************************/
.footer {
	width:1270px;
	height:294px;
	margin:5px 0 100px 0;
	padding:0px 0 0 0;
	background:url(images/footer-bg.png) no-repeat;
	float:left;

}

.footer .box {
	width:1270px;
	height:194px;
	margin:0px auto;
	padding:0px 0 0 0;
	float:left;

}

.footer .box .box-left {
	width:500px;
	height:194px;
	margin:0px auto;
	padding:0px 0 0 0;
	float:left;

}

.footer .box .box-right {
	width:562px;
	height:140px;
	margin:0px auto;
	padding:27px 178px 27px 30px;
	float:left;

}

.footer .box .box-right p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:0 0 0 0px;
	padding:0 0 23px 0px;
	color:#999;
	font-weight:bold;

}

.footer .box .box-right p a, .footer .box .box-right p a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:0 0 0 0px;
	padding:0 0 0px 0px;
	color:#999;
	font-weight:bold;
	text-decoration:none;

}

.footer .box .box-right p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:0 0 0 0px;
	padding:0 0 0px 0px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;

}

.footer .box .box-right p.smaller {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	margin:0 0 0 0px;
	padding:0 0 20px 0px;
	color:#999;
	font-weight:bold;

}

.footer .box .box-right p.smaller a, .footer .box .box-right p.smaller a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	margin:0 0 0 0px;
	padding:0 0 0px 0px;
	color:#999;
	font-weight:bold;
	text-decoration:none;

}

.footer .box .box-right p.smaller a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	margin:0 0 0 0px;
	padding:0 0 0px 0px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;

}


.footer .copy {
	width:1270px;
	height:100px;
	margin:0px auto;
	padding:0px 0 0 0;
	float:left;

}


.footer .copy ul {
	margin:15px 0 0 0;
	padding:0px 0 0 0;
	list-style:none;
	text-align:center;
}


.footer .copy li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 0 0px;
	padding:0 5px;
	color:#fff;
	display:inline;
	text-decoration:none;
	font-weight:normal;
}

.footer .copy li a, .footer .copy li a:visited{
	font-size:12px;
	margin:0 0 0 0px;
	padding:0 0;
	color:#ec801c;
	display:inline;
	text-decoration:underline;
	font-weight:normal;
}
.footer .copy li a:hover{
	font-size:12px;
	margin:0 0 0 0px;
	padding:0 0;
	color:#ec801c;
	display:inline;
	text-decoration:none;
	font-weight:normal;
}

.red {
	color: red;
}