@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, #flashcontent, img, ul, li{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:center;
	color: #666666;
	font-size: 62.5%;
	background-position: center top;
	background-repeat: repeat-y;
}
body.size{
	background-color: #fff;
	background-image: none;
}
html { 
      height: 100%; margin-bottom: 1px; 
       overflow-y: scroll; 
	   }

#wrapper {
	text-align: left;
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 15px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFD9E8;
	border-bottom-color: #FFD9E8;
	border-left-color: #FFD9E8;
	background-color: #FFFFFF;
}
div .cartHeader{
	height: 20px;
	font-size: 1.2em;
	text-align:right;
	color: #FFFFFF;
	padding-top: 5px;
}
#headerWrapper1{
	width: 100%;
	height: 150px;
	background-image: url(../images/backBod.jpg);
	background-repeat: repeat-x;

}
#headerWrapper{
	width: 970px;
	height: 150px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../images/backHeadOrange.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header {
	height: 80px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#navbar{
	height: 30px;
	background-color: #017EC1;
}
#container{

}

#side-a {
	float: left;
	width: 490px;
	padding-bottom: 15px;
}
#side-nav {
	float: left;
	width: 170px;
}

#side-thumbs {
	width: 785px;
	margin-bottom: 15px;
	float: right;
}
#side-press {
	width: 550px;
	float: left;
	margin-left: 15px;
}
#side-size{
	width: 400px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 15px;
	border: 2px solid #FFFFFF;
}

#side-b {
	float: right;
	width: 200px;
}

#content {
	float: left;
	width: 250px;
	margin-left: 15px;
}
#content2 {
	float: left;
	width: 755px;
}

#footer {
	clear: both;
	background-color: #017EC1;
	height: 30px;
}
#Flash{
	height: 280px;
	margin-bottom: 15px;
	width: 490px;
}

/* Text */

p {
	font-size: 1.2em;
	margin-bottom: 0.6em;
	line-height: 1.5em;
	color: #333333;
}
#footer p, #footer a{
	font-size: 0.9ems;
	color: #FFFFFF;
	line-height: 15px;
	padding-top: 6px;
	padding-left: 15px;
	
}
#footer a{
	font-size: 0.9ems;
	color: #FFFFFF;
	line-height: 15px;
	padding-top: 6px;
	padding-left: 0;
	text-decoration: underline;
}
#footer a:hover, div .cartHeader a:hover{
	text-decoration: none;
	}
h1 {
	color: #007EC1;
	font-size: 2.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0.5em;
}
h2 {
	color: #EF008C;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0.4em;
}

h3{
	color: #F99E4F;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0.4em;
}
h5 {
	color: #007EC1;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.4em;
}
#side-nav h4 {

	margin-bottom: 0;
}
div .cartHeader a{
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
   text-decoration:none
}

#side-nav h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
	padding: 10px;
	background-color: #EF008C;
	margin-bottom: 15px;
}
#side-b .boxBlue h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
	background-image: url(../images/backK4Blue2.gif);
	padding: 10px;
}
#side-a .boxBlue h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
	padding: 10px;
}
#side-b .boxPink h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
	background-image: url(../images/backK4Pink2.gif);
	padding: 10px;
	}
	#side-b .boxBlue h5, #side-a .boxBlue h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #017EC1;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#side-b .boxPink h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #EF008C;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
	
#side-b .boxBlue p, #side-b .boxPink p{
	font-size: 1em;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
}
#side-b .boxBlue a{
	font-size: 1.1em;
	font-weight: bold;
	color: #007EC1;

}
#side-b .boxPink a{
	font-size: 1.1em;
	font-weight: bold;
	color: #ED008C;
}	
/* Boxes */

#side-b .boxPink  {
	margin-bottom: 15px;
	background-color: #FBC4E3;
	padding-bottom: 10px;
	background-image: url(../images/backPinkBox2.gif);
	background-repeat: no-repeat;
	background-position: left top;
  	
}
#wrapper .boxPink2  {
float: left;
	width: 470px;
	margin-bottom: 15px;
	background-color: #FCD6EC;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;  	
}
#wrapper .boxPink2  h1{
	color: #AC0D6C;
}
#wrapper .boxPink2  a{
	color: #AC0D6C;
	font-weight: bold;
}
#wrapper .boxBlue2  {
	float:left;
	margin-left: 15px;
	width: 445px;
	margin-bottom: 15px;
	background-color: #C7E3F1;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
}
#wrapper .boxBlue2  h2{
	color: #3092C0

}
#wrapper .boxBlue2  a{
	color: #007EC1;
	font-weight: bold;
}
#side-b .boxBlue {
	margin-bottom: 15px;
	background-color: #CDE6F3;
	padding-bottom: 10px;
	background-image: url(../images/backBlueBox2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#side-a .boxBlue {
	margin-bottom: 15px;
	background-color: #CDE6F3;
	padding: 10px;

}
#side-a .boxPink{
	margin-bottom: 15px;
	background-color: #FCD1EA;
	padding: 10px;

}
/* Lists */

#content ul {
	list-style-type: none;

}
#content li {
	margin-bottom: 10px;

}
/* Various */
#side-b .boxBlue img{
	font-size: 1em;
	float: left;
	border: 1px solid #F9C5DE;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#side-b .boxPink img{
	font-size: 1em;
	float: left;
	border: 1px solid #ABD1E9;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#side-nav img {
margin-bottom: 10px

}
/* Table - Thumbs */

table {
	width: 785px;
	border-collapse: collapse;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A8E0FF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 5px;
	
}
table td {
	padding: 0
}

table td.thumb {
	text-align: center;
	vertical-align: middle;
}
table td.thumb img{
	text-align: center;
	vertical-align: middle;
    border: 1px solid #F9C5DE;
}
table td.logo {
	text-align: center;
	vertical-align: middle;
}
table td.text {
	text-align: left;
	vertical-align: middle;
	padding: 0 25px 0 25px;
}

table td.text p{
	font-size: 1em;	
}
table td.text h2{
	color: #007EC1;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.1em;
	font-weight: bold;
}
table td.text h3{
	color: #EF008C;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.1em;
	font-weight: bold;
}
table td.text h4{
	color: #EF008C;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.1em;
	font-weight: bold;
	text-decoration: line-through;
}
table td.text h5{
	color: #CC0000;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.1em;
	font-weight: bold;
}
#side-thumbs td.text h2 a{
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.4em;
	text-decoration: none;
	color: #007EC1;
}
#side-thumbs td.text h2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.4em;
	text-decoration: underline;
	color: #007EC1;
}

/* Table - Enlarge */

.largetable {
	width: 780px;
	border: none;
	border-collapse: collapse;
	
}
.largetable td {
	padding: 0
}

.largetable td.large {
	text-align: left;
	vertical-align: top;
}
.largetable td.large img{
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
}
.largetable td.large img.noline{
	text-align: center;
	vertical-align: middle;
	border: none;
	margin-bottom: 5px;
}

.largetable td.logo {
	text-align: center;
	vertical-align: middle;
}
.largetable td.text {
	text-align: left;
	vertical-align: top;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

.largetable td.text p{
	font-size: 1em;
}
.largetable td.text a{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.largetable td.text h2{
	color: #007EC1;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.4em;
	font-weight: normal;
}
.largetable td.text h3{
	color: #EF008C;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.1em;
	font-weight: bold;
}

.largetable li {
	float: left;
	list-style: none;
	width: 45px;
	font-size: 8.5px;
	color: #000000;
	margin-top: 7px;
	margin-left: 8px;
	margin-bottom: 5px;
}
.largetable td.large li p{
	text-align: center;
	font-size: 8.5px;
}

.largetable li img{
	border: none;
	display: block;
}
.largetable select{
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.largetable a, #container a, #side-size a{
	font-weight: bold;
	color: #EF008C;
	font-size: 1em;
	text-decoration: underline;
	
}

.largetable a:hover, #container a:hover, #side-size a:hover{
   text-decoration:none
}
.button {
	background-color: #EF008C;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #FFAADB;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*--Pagination--*/

#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	padding-top:3px;
	font-weight:normal;
	padding-bottom: 3px;
	letter-spacing: 1px;
	margin-top: 10px;
}

#tnt_pagination a:link, #tnt_pagination a:visited, #tnt_pagination .nolink{
	padding-top:1px;
	padding-bottom:1px;
	border:1px solid #72B7DC;
	margin-left:5px;
	text-decoration:none;
	background-color:#9CCDE7;
	color:#007EC1;
	width:22px;
	font-weight:normal;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1.2em;
}
#tnt_pagination a:link.large {
	font-size:150%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #fff;
	border: none
}

#tnt_pagination a:hover {
	background-color:#F9C5DE;
	border:1px solid #ED008C;
	color:#EF008C;
}

#tnt_pagination .disabled_tnt_pagination {
	padding-top:1px;
	padding-bottom:1px;
	margin-left:5px;
	border:1px solid #EBEBEB;
	margin-left:0px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1.2em;
}

#tnt_pagination .active_tnt_link {
	padding-top:1px;
	padding-bottom:1px;
	margin-left:5px;
	text-decoration:none;
	color:#EF008C;
	cursor:default;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #EDA5C7;
	font-size: 1.2em;
	background-color: #F7D6E6;
	font-weight: bold;
}

/* Top Drop Menu ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

#nav, #nav ul {padding:0; margin:0 auto; list-style:none; background:#fff;}
#nav {position:relative; z-index:50;}
#nav ul {display:none;}

#nav li {
	float:left;
	position:relative;
}
#nav li a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	white-space:nowrap;
	font-weight: bold;
}
#nav li a:hover {
	white-space:nowrap;
	font-weight: bold;
	background-color: #ED008C;
	color: #EF008C;
}
#nav li b {
	display:block;
	cursor:pointer;
	height:30px;
	line-height:30px;
	float:left;
	background:url(list-back.gif) center top;
	font-weight:bold;
	color:#FFFFFF;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 0px;
}
#nav li.first b {
	background-position:left top;
}
#nav li.last b {padding-right:30px; }
#nav li a b.clicked {
	color:#FF80C9;
}
#nav li a b#currentpage {
	color:#FBC4E3;
}

#nav li ul {
	position:absolute;
	left:0;
	top:30px;
	height:auto;
	float:left;
	padding:0px;
	background-color: #ED008C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#nav li ul.w1 {
	width:210px;
}
#nav li ul.w2 {
	width:200px;
}
#nav li ul.w3 {
	width:250px;
}
#nav li ul.w4 {
	width:230px;
}
#nav li ul.w5 {
	width:230px;
}

#nav li ul li {
	float:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#nav li ul li a {
	display:block;
	height:24px;
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}
#nav li ul li a:hover {
	color:#fff;
	background-color: #017EC1;
}


/*--Left Menu Thumbs --*/
#side-nav ul {
	list-style: none;
	border: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#side-nav  li {
	font-size: 95%;
	vertical-align: bottom;
	list-style: none;

}
#side-nav  li a {
	display: block;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	background-color: #017EC1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	
}

#side-nav  a:hover, #side-nav  #current {
	color: #FFFFFF;
	background-color: #EF008C;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;

/*--Various--*/

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
}
#wrapper #container .clearFloat {
  clear: both;
  display: block;
}
#breadCrumb {
	height: 18px; /* This is our background color */
	color: #EF008C; /*This is our color on the text which isn't a link. We want' they to be light grey */
	margin-bottom: 10px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#breadCrumb li {
    float: left;
    display: inline;
    margin-right: 4px;
}
#breadCrumb a {
	color: #EF008C;
	font-weight: bold; /* And bold */
	background: url(../images/breadcrumb.gif) top right no-repeat;
	padding-right: 14px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
	text-decoration: none;
	text-transform: none;
}
#breadCrumb a.blue {
	color: #017EC1;
	background:url(../images/breadcrumb.gif) bottom right no-repeat;

}
#breadCrumb a.blue:hover{
	color: #EF008C;
	background:url(../images/breadcrumb.gif) top right no-repeat;

}
#breadCrumb a:hover {
	color: #007EC1;
	background:url(../images/breadcrumb.gif) bottom right no-repeat;
 }

/*--Cart Table--*/

table.carttable {
	border-collapse: collapse;
	width: 750px;
	margin-bottom: 10px;
	font-size: 1.2em;
	margin-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED008C;
}
table.carttable td {
	padding: 4px;
	line-height:1.5em;
	color: #000000;
	margin: 0em;
	vertical-align: middle;
}
table.carttable td.price {
	padding: 4px;
	vertical-align: top;
	line-height:1.5em;
	color: #BD1828;
	margin: 0em;
	text-align: left;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ED008C;
}
table.carttable td.shipping {
	padding: 4px;
	vertical-align: top;
	line-height:1.5em;
	color: #BD1828;
	margin: 0em;
	text-align: right;
	font-weight: bold;

}
table.carttable td.priceTotal {
	padding: 4px;
	vertical-align: top;
	line-height:1.5em;
	color: #BD1828;
	margin: 0em;
	text-align: left;
	font-weight: bold;
	font-size: 1.4em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ED008C;
}
table.carttable th {
	background-color: #ED008C;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
table.carttable caption {
	color: #6C6ABD;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
table.carttable tr.altrow {
	color: #000000;
	text-align: right;
}
table.carttable tr.line {
	background-image: url(../images/backRow.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED008C;
}
table.carttable td.thumb {
	padding-left: 0px;
	text-align: left;

}

table td.thumb img{
	text-align: left;
	border: 1px solid #F9C5DE;
	margin-bottom: 10px;
	vertical-align: middle;
}
table.carttable img {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
table.carttable tr.line td {
	padding: 4px;

   
}
.carttable tr.altrow td{
	vertical-align: middle;

}
.carttable tr.altrow td.grey{
	background-color: #B2B2B2;
	color: #000000;
}
#checkout {
	text-align: right;
	width: 750px;
	margin-bottom: 15px;
	padding-top: 8px;
}

/*--Size Table--*/

table.sizetable {
	border-collapse: collapse;
	width: 350px;
	margin-bottom: 10px;
	font-size: 1em;
	margin-top: 5px;

}
table.sizetable td {
	line-height:1.5em;
	color: #000000;
	margin: 0em;
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
}
table.sizetable tr{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED008C;
}
table.sizetable tr.blue{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007EC1;
}
table.sizetable th {
	background-color: #ED008C;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
table.sizetable th.men {
	background-color: #007EC1;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
#side-size img.rght{
	float: right
}
.clear {
	clear: left;
	height: 1px;
}
.clear2{
	clear: both;
	height: 10px;
}
/*--Show hide case studies--*/
.show {
	TEXT-ALIGN: right;
	DISPLAY: block;
	COLOR: #c00;
	CURSOR: pointer;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.hidden IMG {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 10px
}
P.jfy {
	TEXT-ALIGN: justify
}