/*------------------------------------------------------------------
[Screen Stylesheet]

Project:		On Tap - Meluba
Version:		1.0
Last change:	10/11/08 [initial coding, am]
Assigned to:	Adam Martin (am)
Primary use:	Common
Target: Screen
(C) 2008 On Tap Group
-------------------------------------------------------------------*/

.col1-layout .col-main {
    width: 785px;
}

.col2-set .col-2 {
    display: block;
}

.cms-terms-and-conditions h2 {
    color: #25B2EE;
}

#faqswrapper {
    float: left;
    width: 600px;
}

#questionlinks {
    border-top: 1px dashed #B3B3B3;
    border-bottom: 1px dashed #B3B3B3;
    padding: 20px 0;
    margin-bottom: 20px;
}

    #questionlinks li {
        font-size: 1.4em;
        margin-bottom: .4em;
    }
    
        #questionlinks li a {
            color: #25B2EE;
            font-weight: bold;
        }
        
#questions {
    font-size: 1.3em;
}

    #questions span {
        color: #25B2EE;
        font-weight: bold;
    }
    
    #questions li {
        color: #646466;
        line-height: 1.3em;
        margin-bottom: 14px;
    }
    
.cms-help-product-info li#helpproductinfo a,
.cms-help-bulk-orders li#helpbulkorders a,
.cms-help-printing-techniques li#helpprintingtechniques a,
.cms-help-digital-print li#helpdigitalprint a,
.cms-help-flock-print li#helpflockprint a,
.cms-help-flex-print li#helpflexprint a,
.cms-help-sparkle-print li#helpsparkleprint a,
.cms-help-uploading li#helpuploading a,
.cms-help-embroidery li#helpembroidery a,
.cms-help-sizes li#helpsizes a,
.cms-help-prices li#helpprices a,
.cms-help-placing-order li#helpplacingorder a,
.cms-help-payment li#helppayment a,
.cms-help-delivery li#helpdelivery a,
.cms-help-my-account li#helpmyaccount a,
.cms-help-returns li#helpreturns a,
.cms-help-privacy li#helpprivacy a,
.cms-help-legal li#helplegal a {
    color: #25B2EE;
}

h4 {
    margin-bottom: 5px;
    font-weight: normal;
}

.col-left .block .block-content h5 {
    margin-bottom: 5px;
    font-weight: bold;
	color: #25B2EE;
}

#helpnav li a:hover {
    color: #25B2EE;
}

.paginationstyle{ /*Style for demo pagination divs*/
    width: 100%;
    text-align: center;
    padding: 2px 0;
    margin: 10px 0;
}

    .paginationstyle a{ /*Pagination links style*/
        padding: 0 5px;
        text-decoration: none;
        color: #929294;
        font-size: 1.em;
    }
    
    .paginationstyle a:hover, .paginationstyle a.selected{
        color: #00B3F1;
    }
    
    
#helpnav {
    float: left;
    width: 170px;
    margin-right: 10px;
}

    #helpnav h3 {
        background:#929294;
        color:#FFFFFF;
        font-family:Verdana, Arial, Helvetica, Sans-Serif;
        font-size:12px;
        padding:3px;
    }
    
    #helpnav ul li {
        border-bottom:1px solid #B3B3B3;
        font-size: 12px;
        list-style-type:none;
        padding:4px 0;
    }
    
    #helpnav ul ul {
        margin-left: 2em;
    }
    
    #helpnav ul ul li,
    #helpnav ul li.noborder {
        border-bottom: none;
    }
    
        #helpnav ul li a {
            color: #646466;
            text-decoration: none;
        }



/*-----------------------------------
// CANVAS DEFINITION
//---------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
    color: #646466;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 100%;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

html>body {
	font-size: 10px;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.clear {
	clear: both;
	height: 0;
}

img {
	border: none;
}

img#product-designer {
    margin-top: 10px;
}

a {
	color: #646466;
	text-decoration: underline;
}

.product-view .short-description {
    font-size: 1.3em;
    line-height: 1.3em;
    padding-top: 10px;
}

.description .std {
    font-size: 1.3em;
    line-height: 1.3em;
}

ul.tier-prices {
    font-size: 1.3em;
    line-height: 1.3em;
}

a:active {
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

button.button {
   font-weight:bold;
   color:#FFFFFF;
   background-color:#25B2EE;
   border-style:none;
	text-decoration: none;
}

button.pinkcolor {
	background-color:#ee3d97;
}

div.block-cart button.button {
   font-weight:bold;
   background-color:#EE3D97;
   border-style:none;
	text-decoration: none;
}

button.button span {
	color: #ffffff;
}
.pager .pages {
    font-size: 1.3em;
}

.pager .limiter {
    font-size: 1.3em;
}
    .pager .limiter label {
        font-size: 1em;
    }

table {
    font-size: 1.2em;
}

    table.data-table thead {
        background: #25B2EE;
    }
    
    table.data-table td,
    table.data-table th {
        border: 1px solid #B3B3B3;
    }
    
address {
    font-size: 13px;
    margin-bottom: 10px;
}

li address {
    margin-left: 8px;
}

.sidebar .block-progress dt,
.sidebar .block-progress dd {
    font-size: 13px;
}

.sidebar .block-progress dd {
    margin-bottom: 5px;
    padding: 3px;
}

.messages li li {
    font-size: 1.3em;
    margin: 5px 0 3px;
}

/*-----------------------------------
// TYPOGRAPHY DEFINITION
//---------------------------------*/

h2 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 2.2em;
	padding-bottom: 0.5em;
	padding-top: 5px;
}

.page-title {
	border-bottom: 0px solid #000;
}

	.page-title h2 {
		padding-bottom: 0;	
	}
	
	h2.accountarea {
		color: #25B2EE;
		padding-top: 0;
		margin-top: -7px;
	}

h3 {
	color: #646466;
    margin-bottom: 4px;
}

p {
    color: #646466;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: -0.3em;
	margin-bottom: 1em;
}

p.required {
	font-size: 1.3em;
}

label {
	font-size: 1.3em;
}

.validation-advice {
	font-size: 1.3em;
}

/*-----------------------------------
// LAYOUT DEFINITION
//---------------------------------*/

.page {
	margin-top: 30px;
	width: 797px;
}

	.header {
		border: none;
		padding: 0;
		width: auto;
	}
	
		.header #logo {
			float: left;
			height: 29px;
			width: 144px;
		}
	
		ul#quicklinks {
			text-align: right;
		}

			ul#quicklinks li {
				display: inline;
				font-size: 1.3em;
				font-weight: bold;
			}
	
			ul#quicklinks li.first {
			}
	
			ul#quicklinks li.last {
			}
	
				ul#quicklinks li a {
					color: #929294;
					text-decoration: none;
					padding: 0 25px 10px 0;
				}
				
				ul#quicklinks li#myaccount a {
					background: url('../images/icon1.gif') no-repeat 95% 0;
				}
			
				ul#quicklinks li#emailupdates a {
					background: url('../images/icon2.gif') no-repeat 95% 0;
				}
			
				ul#quicklinks li#viewbasket a {
					background: url('../images/icon3.gif') no-repeat 90% 0;
				}

		ul#topnav {
			background: #929294;
			clear: both;
			margin-bottom: 13px;
            border-top: 10px solid #fff;
			min-height: 32px;
            display: block;
            width: 100%;
		}
		
			ul#topnav li {
				display: inline;
			}
			
				ul#topnav li a:hover {
					background: #25B2EE;
				}
			
				ul#topnav li a {
					background: #929294;
					border-right: 1px solid #fff;
					color: #fff;
					display: block;
					float: left;
					font-family: Verdana, Arial, Helvetica, Sans-Serif;
					font-size: 1.3em;
					min-height: 16px;
					padding: 8px;
					text-decoration: none;
					width: auto;
				}
				
				ul#topnav li.last a {
					border-right: none;
				}
				
	.col-left {
		border: none;
		float: left;
		padding: 0;
		width: 136px;
		z-index: 0;
	}
	
	.sidebar .block {
		border: none;
		margin: 0;
	}
	
	.sidebar .block .block-title {
		border: none;
		padding: 0;
	}
	
	.sidebar ul li {
		border-bottom: 1px solid #B3B3B3;
		list-style-type: none;
		padding: 4px 0;
	}
	
		.sidebar ul li ul {
			display: none;
		}
		
		.sidebar ul li.active ul {
			display: block;
		}
	
		.sidebar ul li a {
			color: #646466;
			font-size:	1.2em;
			text-decoration: none;
		}
        
        .sidebar ul li.active a {
            color: #25B2EE;
        }
		
		.sidebar ul li.current span {
			color: #25B2EE;
			font-size: 1.2em;
		}
		
			.sidebar ul li.active li a {
				color: #646466;
			}
			
			.sidebar ul li.active li.active a {
				color: #25B2EE;
			}
				
				.sidebar ul li ul {
					margin: 3px 0 0 1em;
				}		
					
					.sidebar ul li ul li {
						border: none;
						padding: 1px 0;
					}
	
		.col-left #sidecart {
			border: 1px solid #B3B3B3;
			margin-top: 20px;
			padding: 5px 3px;
		}
		
			.col-left #sidecart h3 {
				background: transparent url(../images/icon3.gif) no-repeat scroll 100% 0;
				color: #646466;
				font-family: Verdana, Arial, Helvetica, Sans-Serif;
				font-size: 12px;
				font-weight: bold;
				margin-top: 6px;
				min-height: 23px;
			}
			
			.sidebar .block .actions {
				text-align: center;
				margin-bottom: 5px;
			}
			
		.col-left #product-designer {
			margin-bottom:15px;
			margin-top:30px;
		}
	
	.col2-left-layout .col-main {
		border:none;
		float: left;
		margin-left: 36px;
		padding: 0;
		width: 625px;
	}
	
		.col2-left-layout .col-main .category-title {
			display: none;
		}
		
		.col2-left-layout .col-main .category-image {
			border: 1px solid #B3B3B3;
		}
				
	.footer {
		border: none;
		clear: both;
		color: #646466; 
		font-size: 1.1em;
		padding: 0;
		width: 100%;
		margin-top: 1em;
	}
	
		.footer ul {
			margin-bottom: 1em;
			width: 100%;
		}
			
			.footer ul li {
				display: inline;
			}
				
				.footer ul li a {
					text-decoration: none;
					color: #646466;
				}
					
		.footer p {
			line-height: 1.2em;
			margin-bottom: 0.2em;
			text-align: left;
            font-size: 13px;
		}
				
/*-----------------------------------
// HOMEPAGE
//---------------------------------*/

.cms-home ul#topnav li#topnavhome a,
.cms-products ul#topnav li#topnavproducts a,
.cms-designer ul#topnav li#topnavproductdesigner a,
.customer-account-index li#topnavaccount a,
.customer-account-edit li#topnavaccount a,
.customer-address-index li#topnavaccount a,
.sales-order-history li#topnavaccount a,
.wishlist-index-index li#topnavaccount a,
.sales-order-view li#topnavaccount a,
.customer-address-form li#topnavaccount a,
.cms-about-us li#topnavaboutus a,
.cms-contact-us li#topnavcontact a,
.cms-latest-news li#topnavnews a,
.cms-help li#topnavhelp a {
	background: #25B2EE;
}

.page-head {
    margin-bottom: 10px;
}

	.cms-home .page .main .col-main {
		border: none;
		margin: 0;
		padding: 0;
		width: auto;	
	}
	
		.cms-home .page .main .col-main img#banner {
			border: 1px solid #B3B3B3;
			margin-bottom: 13px;
		}
		
		.cms-home .page .main .col-main #row1 {
			width: 100%;
            margin-top: 10px;
		}
			
			.cms-home .page .main .col-main #row1 img {
				float: left;
				margin-right: 8px;
			}
			
			.cms-home .page .main .col-main #sidenav {
				border: none;
				float: right;
			}
				
				.cms-home .page .main .col-main #sidenav h3 {
					background: #929294;
					color: #FFF;
					font-family: Verdana, Arial, Helvetica, Sans-Serif;
					font-size: 1em;
					padding: 3px 20px 3px 3px;
				}
				
				.cms-home .page .main .col-main #sidenav ul {
					margin-top: 1em;
				}
				
					.cms-home .page .main .col-main #sidenav ul li {
						font-size: 1.1em;
						font-weight: bold;
						line-height: 12px;
						list-style-type: none;
						padding-bottom: 0.2em;
					}
					
						.cms-home .page .main .col-main #sidenav ul li a {
							color: #9d9d9e;
							text-decoration: none;
						}
						
						.cms-home .page .main .col-main #sidenav ul li ul {
							display: none;
						}
						
		
		.cms-home .page .main .col-main #row2 {
			clear: both;
			padding-top: 50px;
		}
		
			.cms-home .page .main .col-main #row2 #col1,
			.cms-home .page .main .col-main #row2 #col2 {
				float: left;
				width: 300px;
			}
			
			.cms-home .page .main .col-main #row2 #col1 {
				padding-right: 20px;
			}
			
				.cms-home .page .main .col-main #row2 #col2 img {
					padding: 23px 0 0 0;
				}
				
			.cms-home .page .main .col-main #row2 #col3 {
				float:left;
				padding-left:20px;
				width:100px;
			}
			
				.cms-home .page .main .col-main #row2 #col3 img {
					margin-bottom: 20px;
				}
				
		.cms-home .page .main .col-main #row2 h2 {
			font-family: Verdana, Arial, Helvetica, Sans-Serif;
			font-size: 2.6em;
			padding-bottom: 0.5em;
			padding-top: 20px;
		}
		
		.cms-home .page .main .col-main #row2 h2#title-news {
			background: url('../images/news-icon.gif') no-repeat 70%;
		}
		
		.cms-home .page .main .col-main #row2 h3 {
			color: #646466;
			font-size: 1.8em;
			padding-bottom: 1em;
		}
		
		.cms-home .page .main .col-main #row2 #col2 h3 {
			margin-top: -1px;
		}
		
		.cms-home .page .main .col-main #row2 p {
			color: #646466;
			font-size: 1.3em;
			line-height: 15px;
			padding-bottom: 1em;
		}
		
/*-----------------------------------
// CATEGORY PAGES
//---------------------------------*/

.catalog-category-view ul#topnav li#topnavproducts a,
.catalog-product-view ul#topnav li#topnavproducts a {
	background: #25B2EE;
}

	.catalog-category-view .sidebar h3,
	.sidebar .block .block-title h2 {
		background:#929294 none repeat scroll 0 0;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		padding:3px;
		padding-left: 8px;
	}
	
	.sidebar .block-currency {
		margin-top: 10px;
	}
		
		.sidebar .block-content {
			border-left: 1px solid #B3B3B3;
			border-right: 1px solid #B3B3B3;
			border-bottom: 1px solid #B3B3B3;
			margin-bottom: 10px;
		}
		
		.sidebar #recentlyadded .product-image {
			border:1px solid #B3B3B3;
			float:left;
			padding:5px;
			margin-right: 3px;
			margin-bottom: 3px;
			width: 41px;
		}
		
		#recentlyadded {
			margin-left: 2px;
			margin-top: 3px;
		}
		
		

	.catalog-category-view .main table {
		border-collapse: separate;
		border-spacing: 0 7px;
		font-size: 1.3em;
		width: auto;
	}
	
		.catalog-category-view table.products-grid tr.even {
			background-color: #FFF;
		}
	
		.catalog-category-view table.products-grid td {
			border-bottom: none;
			border-left: 1px solid #B3B3B3;
			border-right: 1px solid #B3B3B3;
			border-top: 1px solid #B3B3B3;
			border-bottom: 1px solid #B3B3B3;
            empty-cells: hide;
			padding: 0;
			text-align: center;
			width: 141px;
		}
		
			.catalog-category-view table.products-grid td a.product-text {
				background: #fff none repeat scroll 0 0;
				color:	#646466;
				display: block;
				font-weight: normal;
				padding: 3px;
				text-decoration: none;
			}
			
				.catalog-category-view table.products-grid td .price-box {
					color: #ED3D96;
                    background: #fff;
					
                    margin-top: 5px;
                    margin-bottom: 3px;
				}
				
				.productname {
				    background: #fff;
                    color: #646466;
					height: 40px;
                    line-height: 1.1em;
				}
			
			.catalog-category-view table.products-grid td a img {
				background: none;
				border: none;
				padding: 0;
			}
		
		.catalog-category-view table.products-grid td.spacer {
			background: transparent;
			border: none;
			width: 20px;
		}
		
		.catalog-category-view table.products-grid td.empty {
			border: none;
		}

/*-----------------------------------
// DESIGNER PAGE
//---------------------------------*/

.cms-designer .col-main {
	border: none;
}

#designercart {
	width: 160px; 
	float: left;
	margin-right: 5px;
}

	#designercart .block-title {
		
	}
		
		#designercart .block-title h2,
		#designercart .block-content h3 {
			background: #929294;
			color: #fff;
			font-family: Verdana, Arial, Helvetica, Sans-Serif;
			font-size: 12px;
			padding: 3px;
			padding-bottom: 4px;
		}
	
	#designercart .block-content {
		border-bottom: 1px solid #B3B3B3;
		border-left: 1px solid #B3B3B3;
		border-right: 1px solid #B3B3B3;
		margin-bottom: 10px;
		padding: 3px;
	}
		
		#designercart .product-image {
			border: 1px solid #B3B3B3;
			float: left;
			margin-bottom: 3px;
			margin-right: 3px;
			padding: 5px;
			width: 41px;
		}
		
		#designercart .block-content .actions {
			text-align: center;
			margin-bottom: 5px;
		}

/********************** Tabs */
.tabs                   { margin-bottom:15px; border-bottom:1px solid #666; background:#eee; }
.tabs li                { float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; }
.tabs li.first          { border-left:0; }
.tabs li.last           { border-right:0; }
.tabs a                 { display:block; padding:6px 15px; color:#444; text-decoration: none; }
.tabs a:hover           { background-color:#929294; text-decoration:none; color:#fff; }
.tabs li.active a,
.tabs li.active a:hover { background-color:#929294; font-weight:bold; color: #fff; }

.col-main .product-view .tabs { margin-bottom:15px; border-bottom:1px solid #666; background:#eee; width:785px; }

.padder {
	border-bottom: 1px solid #666;
    color: #929294;
	margin-bottom: 5px;
	padding-bottom: 10px;
	width: 632px;
}

.col-main .product-view .padder {
	border-bottom: 1px solid #666;
    color: #929294;
	margin-bottom: 5px;
	padding-bottom: 10px;
	width: 785px;
}


    
    .padder h3 {
        font-size: 13px;
    }
		
/*-----------------------------------
// ONE PAGE CHECKOUT
//---------------------------------*/

.checkout-onepage-index .col-main,
.ontap-meluba-checkout-onepage-index .col-main {
	width: 540px;
}

/*-----------------------------------
// Product Detil Page
//---------------------------------*/

.tire-price-div { margin: 30px 0pt 10pt 0; width: 70%; float: left; }
.price-div		{ color:#FD56A4; margin-bottom: 15px; font-size:1.5em; font-weight:bold; }