﻿/* Product Column Layout */

#col_left {
	margin:0;
	padding:0;
	width: 275px;
	margin-left: 3px;
	float: left;
}
#col_right {
	margin:0;
	padding:0;
	float: right;
	width: 545px;
}


/* Suggestions */

#col_side #suggest_header, #col_side #related_header {
	font-size: 14px;
	line-height: 24px;
	width: 155px;
}
#suggest {
	border: #333333 solid;
	border-width: 0px 1px 1px 1px;
	background-color: #333333;
	padding-left: 8px;
	padding-bottom: 10px;
}
#suggest img {
	width: 140px;
}
#suggest a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
/*	line-height: 26px; */
	line-height: 12px;
	margin-top: 12px;
	margin-bottom: 2px;
	display:inline-block;
	letter-spacing: .01em;
}
#suggest a:hover {
	text-decoration: underline;	
}
.suggest_price {
	font-weight: bold;
	color: #FFCC66;
}

/* Product Information */

#title {
	padding: 0;
	background-position: top left;
	height: 66px;
	width: 830px;
	margin: 10px 3px 15px 3px;
	background-image: url(frame/fade_bk.png);
	background-repeat: repeat-x;
	float: left;
}
#product_icon {
	width: 57px;
	text-align:center;
	display: inline-block;
	float: left;
}

#title h1 {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 62px;
	font-size: 31px;
	margin-left: 6px;
	color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 660px;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	/*letter-spacing: -0.05em;*/
}
#title a {
	margin-right: 5px;
}
#brand_icon {
	float: right;
	display: inline-block;
}

#para {
	margin-bottom: 20px;
	color: #333333;
	font-size: 12px;	
}
#bullets {
	color: #000000;
	font-size: 9px;
}

#bullets ul {
	list-style-image: url(frame/bullet.png);
}

/* Picture */
#pic {
	border: 1px #999999 solid;
	background-color: #FFFFFF;
	display:inline-block;
	
}

#pic_image {
	border-bottom: 1px #999999 dotted;
	margin-bottom: 4px;
}

#pic_label {
	height: 0;
	margin: 0;
	z-index: 1;
}
#pic_label img {
	height: 100px;
	position: relative;
	top: 0px;
	left: 177px;
	border: 0px
}

/* Social Share */

#fb_prod_like_2 {
	margin-left: 3px;
	margin-top: 2px;
	display: inline-block;
}

.twitter-share-button {
	margin-left: 3px;
	margin-top: 5px;
	display: inline-block;
	margin-right: 60px;
}



/* Wide Picture - Type 4 Auto */

#wide_pic {
	width: 275px;
	background: #FFFFFF;
	border: 1px #999999 solid;
}

#wide_pic_image {
	margin:auto;
	display:block;
}

/* Colours */


#colours, #tags, #sizes, #styles, #models, #finder {
	border: 1px #999999 solid;
	background-color: #FFFFFF;
}

#col_header {
	width: 62px;
	background-color: #FFFFFF;
	color: black;
}

.col_list {
	padding-bottom: 22px;
}
.col_list li {
	list-style-type: none;
	clear:left;
	margin-left: -32px;
}
.col_list li span {
	width: 80px;
	display: inline-block;
	float: left;
	padding-left: 6px;
	padding-top: 2px;
	height: 22px;
	text-transform: lowercase;
	text-align:left;
	font-size: 9px;
	letter-spacing: -0.07em;
	background-position: top;
	background-image: url(frame/colour_bk.png);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

/* Model */

#model_header {
	width: 55px;
	background-color: #FFFFFF;
	color: black;
}
#models {
	margin: 0;
	padding: 5px;
	font-size: 9px;
	height: 20px;
	display: table-cell;
	width: 265px;
}
#models ul {
	margin-left: -35px;
	display: inline-block;
	list-style-type: none;
}

#models ul li {
	color: #808080;
	font-size: 12px;
	font-weight: bold;
}


/* Style */

#style_header {
	width: 95px;
	background-color: #FFFFFF;
	color: black;
}
#styles {
	margin: 0;
	padding: 5px;
	font-size: 9px;
	height: 20px;
	display: table-cell;
	width: 265px;
}
#styles ul {
	margin-left: -36px;
	display: inline-block;
	list-style-image: url(images/arrow.gif);
	list-style-position: inside;
}
#styles a {
	color: #6699FF;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
#styles a:hover {
	text-decoration:underline;
}

/* Find */

#find_header {
	width: 165px;
	background-color: #FFFFFF;
	color: black;
}
#new {
	margin-left: 10px;
}
#finder {
	margin: 0;
	padding: 5px;
	font-size: 9px;
	height: 20px;
	display: table-cell;
	width: 265px;
}
#finder ul {
	margin-left: -36px;
	display: inline-block;
	list-style-image: url(images/arrow.gif);
	list-style-position: inside;
}
#finder a {
	color: #6699FF;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
#finder a:hover {
	text-decoration:underline;
}


/* Sizes */

#size_header {
	width: 102px;
	background-color: #FFFFFF;
	color: black;
}
#sizes {
	margin: 0;
	padding: 0;
	font-size: 9px;
	height: 0px;
	display: table-cell;
	width: 275px;
}
#sizes ul {
	margin-left: -35px;
	display: inline-block;
}
#sizes ul li {
	list-style-type: none;
	float: left;
	display:inline-block;
	width: 42px;
	text-align:center;
}
#sizes ul span {
	font-size: 9px;
	letter-spacing: -0.12em;
	color: #000000;
}
#sizes ul img {
	clear:left;
	float: none;
}

/*mens sizes*/

.m7{
	height: 74px;
}
.m8{
	height: 76px;
}
.m9{
	height: 78px;
}
.m10{
	height: 80px;
}
.m11 {
	height: 82px;
}
.m12{
	height: 84px;
}
.m13 {
	height: 86px;
}

/*unisex sizes*/

.u3{
	height: 66px;
}
.u4{
	height: 68px;
}
.u5{
	height: 70px;
}
.u6{
	height: 72px;
}
.u7{
	height: 74px;
}
.u8{
	height: 76px;
}
.u9{
	height: 78px;
}
.u10{
	height: 80px;
}
.u11 {
	height: 82px;
}
.u12{
	height: 84px;
}
.u13 {
	height: 86px;
}


/*womens sizes*/

.w3 {
	height: 74px;
}
.w4 {
	height: 76px;
}
.w5 {
	height: 78px;
}
.w6 {
	height: 80px;
}
.w7 {
	height: 82px;
}
.w8 {
	height: 84px;
}


/*kids sizes*/

.k8 {
	height: 62px;
}
.k9 {
	height: 64px;
}
.k10 {
	height: 66px;
}
.k11 {
	height: 68px;
}
.k12 {
	height: 70px;
}
.k13 {
	height: 72px;
}
.k1 {
	height: 74px;
}
.k2 {
	height: 76px;
}
.k3 {
	height: 78px;
}
.k4 {
	height: 80px;
}


/*baby sizes*/

.b0 {
	height: 34px;
}
.b1 {
	height: 36px;
}
.b2 {
	height: 40px;
}
.b3 {
	height: 42px;
}
.b4 {
	height: 44px;
}


/* Tags */

#tags {
	margin: 0;
	padding: 0;
	font-size: 9px;
	padding-bottom: 6px;
	height: 0px;
	display: table-cell;
	padding-left: 5px;
}
#tags_header {
	width: 42px;
	background-color: #FFFFFF;
	color: black;
}
#tags ul {
	margin-left: -45px;
	margin-top: 0px;
	list-style-type: none;
	white-space: nowrap;
}
#tags ul li {
	display: block;
	float: left;
	background-color: #EEEEEE;
	margin: 6px 0px 0px 6px;
	padding: 0px 2px 0px 2px;
	text-transform: lowercase;
	font-size: 9px;
	color: #808080;
}




/* Pricing Table */

#prices {
	width: 535px;
	margin-left: 3px;
}
.price_table {
  border-collapse: collapse;
  border: 2px solid #000000;
  font: normal 80%/140% verdana, arial, helvetica, sans-serif;
  background: #FFFFFF;
  color: #000000;
}
caption {
	padding: 0 .4em .4em;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
td, th {
 	border-bottom: 1px #999999 solid; 
 	padding: .3em;
}
thead th, tfoot th {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;

}
tbody td a {
  background: transparent;
  text-decoration: none;
}
tbody td a:hover {
  background: transparent;
}
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
	background-color: #000000;
	color: #FFFFCC
}
.col_total {
	font-weight: bold;
	font-size: 12px;
	padding-top: 8px;
}
.col_go {
	background-position: 6px 9px;
	margin: 0;
	padding: 0;
	background-image: url(frame/go.png);
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-top: 14px;
	padding-right: 4px;
}
.col_go a {
	display:inline-block;
}

.col_go img {
	border:	0;
}

.col_go a:hover img {
	visibility:hidden;
}
.top {
	/*background-color: #FFFF00;*/
	background-color: #CCFF66;

}
.odd {
	background-color: #DDDDDD;
}
.even {
	background-color: #F3F3F3;
}
 
 
/* Pricing Table 2 */

#col_promo {
	/*width: 200px; */
}
#col_best_price {
	/*width: 110px;*/
}

.col_price {
	border-right-width: 0px;
}
.col_price .del_price {
	background: #FFFFFF;
	color: #000000;
	padding-right: 12px;
	line-height: 18px;
	display: block;
	border: 1px #999999 solid;
	font-family: System, helvetica, arial, verdana,  sans-serif;
	font-size: 16.1px;
	letter-spacing: -0.01em;
	font-weight: bold;
	text-align: right;
	width: 88px;
}
 
.col_price span {
	background-color: #FFFFFF;
	background: #666666;
	font-weight: normal;
	font-size: 9px;
	clear: left;
	display: block;
	color: #333333;
	line-height: 15px;
	letter-spacing: -.09em;
	color: #FFCC66;
	padding-left: 2px;
}

.col_go {
	padding-top: 8px;
}
.section_logo {
	/*float: right; */
	margin-left: 10px;
}

.price_table p {
	margin: 0;
	padding: 0;
	line-height: 12px;
	letter-spacing: -0.02em;
}

.price_table .logo {
	padding-top: 5px;
	display: block;
}

/* Go Button */

.col_click {
	display: table-cell;
	background-position: 100px 11px;
	margin: 0;
	padding: 0;
	background-image: url(frame/go.png);
	background-repeat: no-repeat;
	padding-top: 8px;
}

.col_click a {
	display: inline-block;
	width: 178px;
}
.merchant {
	padding: 0;
	border: 1px #999999 solid; 
}

.col_click a:hover .merchant {
	border: 1px #000000 solid; 
}

.go {
	padding-left: 6px;
	display: inline-block;
}
.col_click a:hover .go {
	visibility:hidden;
}

/* Blog Review */

#blog_review {
	border: 1px #999999 solid; 
	display: inline-block;
	height: auto;
	width: 522px;
	margin-right: 10px;
	background-color: #FFFFFF;
	padding: 4px;
	color: #000000;
	float: right;
}

#blog_review h2 {
	color: #CC9900;
	margin: 0;
	font-size: 16px;
}

#blog_review p {
	font-size: 11px;
}

#more {
	background: url(images/arrow.gif) left no-repeat;
	padding-left: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #6699ff;
	font-size: 12px;

}



