/* CSS Document */
/* 	Last updated on FEB 11, 2007
	Created & Updated by RA
*/

/* ============================================================================
									BODY
============================================================================ */

body
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	SCROLLBAR-FACE-COLOR: #EEEBE6;
	SCROLLBAR-HIGHLIGHT-COLOR: #F2F2F2;
	SCROLLBAR-SHADOW-COLOR: #E0E0E0;
	SCROLLBAR-3DLIGHT-COLOR: #F2F2F2;
	SCROLLBAR-ARROW-COLOR: #4458A1;
	SCROLLBAR-TRACK-COLOR: #E0E0E0;
	SCROLLBAR-DARKSHADOW-COLOR: #999999;
	background-color: #FFFFFF;
	
}

/* ============================================================================
									LINKS DEFAULTS
============================================================================ */

a
{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:hover
{
	color: #000000;
	text-decoration: none;
}
.sublink 
{
	COLOR: #FFFFFF;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.sublink a
{
	COLOR: #FFFFFF;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}
.sublink a:hover
{
	COLOR: #000000;
}

.copyright a
{
	COLOR: #5596cc;
	text-decoration:none;
}
.copyright a:hover
{
	COLOR: #666666;
	text-decoration:none;
}


.back-main a
{
	COLOR: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.back-main a:hover
{
	COLOR: #FF6600;
}


.product 
{
	COLOR: #B2181E;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-decoration: underline;
	
}


.form1 a
{
	COLOR: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-decoration: underline;
}
.form1 a:hover
{
	COLOR: #FF0000;
}
.myaccount-edit a
{
	COLOR: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.myaccount-edit a:hover
{
	COLOR: #C51A20;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/* ============================================================================
									MENU LINKS
============================================================================ */


/* ============================================================================
									SUBMENU LINKS
============================================================================ */


/* ============================================================================
									BACKGROUND IMAGES
============================================================================ */
.background-image-curve {
	background-image: url(../odd-socks-images/image-pic-curve.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #E51B24;
}
.background-cart {
	background-image: url(../odd-socks-images/cart-bg.jpg);
	background-color: #1F4D8B;
	height: 74px;
}
.background-cart-bottom {
	background-image: url(../odd-socks-images/image-pic-curve-2.jpg);
	background-repeat: no-repeat;
	height: 37px;
	background-attachment: scroll;
	background-position: left top;
}
.background-image-curve-1 {
	background-image: url(../odd-socks-images/background-navigation.jpg);
	background-repeat: no-repeat;
	background-color: #E51B24;
	height: 28px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.background-navigation {
	background-color: #C51A20;
}
.background-content-color {
	background-color: #E4E4E4;
}
.background-scroll-img {
	background-image: url(../odd-socks-images/news-scroll-bg.jpg);
	background-repeat: repeat-y;
	height: 22px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	line-height: 22px;
}
.background-scroll{
	
	
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	line-height: 22px;
}
/* ============================================================================
									HEADING TEXT
============================================================================ */

.heading1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #52A7F1;
	text-decoration: none;
	font-weight: bold;
	
}
.heading2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #EE313F;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	text-align:left;
}
.heading3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B2181E;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;	
}
.heading4 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #B2181E;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
}
.heading5 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #52A7F1;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	text-align:left;
}

.heading6 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5596cc;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
}


/* ============================================================================
									CONTENT TEXT
============================================================================ */
.paragaraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #929292;
	line-height: 14px;
}
.header-banner-color {
	background-color: #E51B24;
}
.header-banner-color-1 {

	background-color: #99081D;
}
.paragraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #929292;
	line-height: 15px;
}
/* ============================================================================
									FORM ELEMENTS
============================================================================ */
.txt_input
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	border: none;
	background-attachment: scroll;
	background-image: url(../odd-socks-images/input-box.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
}

/* ============================================================================
									FOOTER TEXT
============================================================================ */
.footer-txt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.top-navigation-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
}
.background-funk-up {
	background-image: url(../odd-socks-images/funks-up-bg.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #F4F4F4;
	display: block;
}
.background-product-color {
	background-color: #F4F4F4;
}
.content-color-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6ECFFF;
	text-decoration: underline;
	line-height: 16px;
}
.content-color-blue-rose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF628C;
	text-decoration: underline;
	line-height: 16px;
}
.content-color-blue-green {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #66CC00;
	text-decoration: underline;
	line-height: 16px;
}
.content-color-blue-grey {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	text-decoration: underline;
	line-height: 16px;
}
.content-price-color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	font-weight: bold;
}
.content-pack-color {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
	font-weight: normal;
}
.paragraph1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}
.form-txt {
	font-family: Tahoma;
	font-size: 12px;
	color: #F5232C;
	font-weight: bold;
	line-height: 30px;
}

.background-form {
	background-image: url(../odd-socks-images/form-bg.gif);
	display: block;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}
.form-input-txt {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 34px;
}
.products-color-blue {
	height: 89px;
	width: 89px;
	background-image: url(../odd-socks-images/products-color-blue.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.products-color-pink {

	height: 89px;
	width: 89px;
	background-image: url(../odd-socks-images/products-color-pink.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.products-color-green {


	height: 89px;
	width: 89px;
	background-image: url(../odd-socks-images/products-color-green.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.products-color-grey {


	height: 89px;
	width: 89px;
	background-image: url(../odd-socks-images/products-color-grey.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.detailed-color-blue {

	height: 246px;
	width: 326px;
	background-image: url(../odd-socks-images/bg-product-detiled-blue.gif);
	background-repeat: no-repeat;
}
.detailed-color-pink {

	height: 240px;
	width: 230px;
	background-image: url(../odd-socks-images/detailed-color-pink.gif);
	background-repeat: no-repeat;
}
.detailed-color-green {

	height: 240px;
	width: 230px;
	background-image: url(../odd-socks-images/detailed-color-green.gif);
	background-repeat: no-repeat;
}
.detailed-color-grey {

	height: 240px;
	width: 230px;
	background-image: url(../odd-socks-images/detailed-color-grey.gif);
	background-repeat: no-repeat;
}
.paging a {
	COLOR: #6ECFFF;
	text-decoration: none;
}
.paging a:hover {COLOR: #000000;
	text-decoration: none;
}

.paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#000000;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
}
.txtbox {
	font-family: Arial, Helvetica, sans-serif, GarageGothic-Bold;
	color: #000000;
	text-decoration: none;
	clear: none;
	float: none;
	font-size:11px;
	border: 1px solid #000000;
	background-position: center center;
 }
.input-field {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
}
.thumbnail-color-blue {


	height: 73px;
	width: 73px;
	background-image: url(../odd-socks-images/thumbnail-color-blue.gif);
	background-repeat: no-repeat;
}
.thumbnail-color-pink {


	height: 73px;
	width: 73px;
	background-image: url(../odd-socks-images/thumbnail-color-pink.gif);
	background-repeat: no-repeat;
}
.thumbnail-color-green {


	height: 73px;
	width: 73px;
	background-image: url(../odd-socks-images/thumbnail-color-green.gif);
	background-repeat: no-repeat;
}
.thumbnail-color-grey {


	height: 73px;
	width: 73px;
	background-image: url(../odd-socks-images/thumbnail-color-grey.gif);
	background-repeat: no-repeat;
}
.txt_listbox
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	border-top:2px solid #cccccc;
	border-top-style:inset;
	border-left:2px solid #666666;
	border-left-style:groove;
	border-bottom:1px solid #cccccc;
	border-bottom-style:groove;
	border-right:1px solid #cccccc;
	border-right-style:groove;
	text-align: left;
	background-color:#F9F9F9;
	width:124px;
}
.bottom-img {
	background-image: url(../odd-socks-images/bottom-img.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.background-header {
	background-image: url(../odd-socks-images/uni-oddsocks-header.jpg);
	background-repeat: no-repeat;
	width: 554px;
	height: 123px;
}