/*-------------------------------------------------------------------------
|| 	|| V-Tech.com -- Master StyleSheet ||
||	By MC2Design | http://www.mc2design.com
||
-------------------------------------------------------------------------*/
@import "reset.css";
@import "form.css";

html {
	height:100%;
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#9F9D9E url(../graphics/layout/sidewalls.gif) repeat-y top center;
}
body {
	margin:0 auto;
	text-align:center;
	background:#fff url(../graphics/layout/header.jpg) no-repeat top center;
	height:100%;
	width:1024px;
	font:1em/1.3em arial, helvetica, sans-serif;
    color: #222;
}
#wrap {
	position:relative;
	margin:0 auto;
	min-height:100%;
	width:950px;
	text-align:left;

}
* html #wrap {
	height: 100%;
}


/* HEADER
------------------------------------------------*/
#header {
	margin:0 10px 0 0;
	width:100%;
	height:208px;
}
	#header h1 {float:left;text-indent:-9000em;line-height:0;height:0;}
	#header em {float:left;display:block;text-indent:-9000em;line-height:0;height:0;}
	#topnav {
		float:right;
		font-size:15px; /*Constant font size in IE */
		line-height:1.2em;
		margin:0 0 0 0;
		width:615px;
		text-align:center;
	}

	#topnav li {
		float:left;
		width:auto;
		display:block;
	}
	#topnav li a {
		display:block;
		padding:5px 15px 3px 10px;
		text-decoration:none;
		font-weight:bold;
		background:url(../graphics/layout/topnav_pipe.gif) no-repeat top right;
		color:#001E2F;
		cursor:pointer;
	}
	#topnav li a:hover {
		color:#0273b2;
		
	}
	#topnav li a:active {
		color:#0273b2;
		background:url(../graphics/layout/topnavhover.gif) no-repeat top center;
	}
	
/* CONTROLS
------------------------------------------------*/
#controls {
	clear:both;
	float:left;
	width:100%;
}
	#search {
		float:left;
		background:url(../graphics/layout/search/legend.gif) no-repeat 6px 0;
		width:500px;
		margin:0 0 0 38px;
	}
		#search legend {
			text-indent:-9000em;
		}
		#search .field {
			float:left;
			background:url(../graphics/layout/search/field.gif) no-repeat 0 0;
			width:400px;
			margin:7px 0 0 0;
			padding:12px 10px 12px 13px; /* CHECK SAFARI  + Fix  IE 6 text input*/
			font-size:1.5em;
			border-style:none;
			color:#555;
		}
		#search .submit {
			float:left;
			background:url(../graphics/layout/search/submit.gif) no-repeat 0 0;
			width:64px;
			margin:12px 0 0 0;
			height:41px;
			border-style:none;
			font:italic bold .9em helvetica, arial;
			color:#0273b2;
			cursor:pointer;
		}
	
	#cart {
		float:right;
		width:280px;
		margin:20px 0 15px 0;
		padding:10px 0;
		font-size:.8em;
		background:url(../graphics/layout/cart/hr.gif) no-repeat bottom left;
	}
		#cart ul {
		
		}
		#cart li {
			display:inline;
			padding: 0 10px 0 0;
			border-right:1px solid #f5f5f5;
            font-size: .9em;
		}
		.end {border-right:0px;padding:0;}
		#cart li a {
			text-decoration:none;
		}
		#cart p {
			color:#555;
		}
		#cart span {
			color:#7dc9f3;
		}
	
#order-contents .cart-total {
    font-size: 1.5em;
}

/* CONTENT
------------------------------------------------*/

#contentwrap {
	clear:both;
	float:left;
	width:100%;
	margin:12px 0 50px 0;
}
	#sidebar {
		float:left;
		margin:51px 30px 0 40px !important;
		margin:51px 30px 0 20px; /* IE 6 */
		width:166px;
		background-color:#fff;
        font-size: .85em;
	}
		#sidebar h3 {
			padding:0 3px 10px 3px;
			font-size:.95em;
			color:#aaa;
		}
		#sidebar select {
			width:75%;margin:0 8px 10px 8px;
		}
		#sidebar ul {
			margin:0 8px 10px 8px;
		}
		#sidebar li a	{
			text-decoration:none;
		}
		.hr {
			border:0;margin:5px auto;height:2px;
			background:url(../graphics/layout/sidebarhr.gif) no-repeat bottom left;
		}
	#content {
		float:left;
		width:675px;
	}
		#content h2 {
			background:url(../graphics/layout/contenth2backy.gif) no-repeat bottom left;
			color:#0273b2;
			font:normal 2em/.8em helvetica, arial;
			letter-spacing:0.02em;
            margin: 1em 0;
            padding: 10px 0 !important;
		}
        
		#content {
			font-size:.84em;
			color: #333;
		}
        #content p {
            margin: 1em 0;
			/* wtf?
              margin: 35px 0; */
			line-height:1.3em;
        }
        #product_display_table p {
            margin: 1em 0;
        }
		
		/* ITEM RELATED
		------------------------*/
		div.item {
			float:left;
			margin:0 28px 30px 0;
			width:197px;
            height: 245px;
            overflow: hidden;
			/*font-size:.84em;*/
		}
		div.item a {
			display:block;
			width:100%;
			height:100%;
			text-decoration:none;
		}
		div.item img {
            display: block;
            height: 195px;
            width: 195px;
			clear:both;
			border:1px solid #d2d2d2;
			line-height:8em;
		}
		.desc {
			float:left;
			width:100%;
			color:#333;
		}
		.model {
			clear:both;
			float:left;
			color:#777;
            width: 70%;
            font-size: .9em;
            line-height: 1.1;
            padding-top: 2px;
		}
		.price {
			float:right;
			font-weight:bold;
			color:#0273b2;
            width: 25%;
		}
	
/*SUBCONTENT
------------------------------------------------*/

#subcontent {
	float:left;
	width:100%;
}
	#ad {
		margin:15px auto;
		padding:5px;
		width:720px;
		height:60px;
		text-align:center;
		
	}
	
/*FOOTER
------------------------------------------------*/
#footer {
	position:relative;
	clear: both;
	width:1024px;
	height: 86px;
	margin: -86px auto 0 auto;
	background:#000 url(../graphics/layout/footbacky.gif) repeat-x 0 0;
	overflow:hidden;
	text-align:center;
}
* html #footer {
	margin-top: -86px;
}
	#footer ul {
		margin:26px auto 0 auto;
	}
	#footer li {
		display:inline;
		border-right:1px solid #0f0f0f;
		width:auto;margin:0;
		padding:0 .5em ;
		border-left: 1px solid black;
	}
	li.leadin  {border-left: 0; }
	#footer li a {
		color:#aaa;
		text-decoration:none;
		font-size:.9em;
	}
	#footer p {
		color:#333;
		font-size:.8em;
	}
	


	
/* MISC
------------------------------------------------*/
a {color:#0273b2;}
a:hover {color:#0273b2;}
a:active {color:#0273b2;}

strong {font-weight:bold;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {display:block;margin:0 auto;text-align:center;}
.hide {display:none;}
hr {display:none;}	


/** CART ***/

    #gorgeously-green input[type=submit],
    table.cart input[type=submit],
    input.submit,
    a.submit {
        cursor: pointer;
    }

table.cart {
    width: 100%;
    border: 1px solid #BBC3B0;
    padding: 1px;
}
    table.cart th,
    table.cart td {
        padding: 5px;
    }
    table.cart thead th {
        background-color: #eee;
        font-weight: bold;
        text-align: center;
        color: #222;
        margin: 1px;
    }
    table.cart input,
    table.cart td {
        vertical-align: middle;
    }
    table.cart .cart-total {
        text-align: right;
        font-weight: bold;
        color: #222;
        /*border-top: 1px solid #eee;*/
    }
    table .charges {
        text-align: right;
        background-color: #aaa;
        font-style: italic;
    }
    table.cart tr.even,
    #checkout-customer-fields tr.even {
        background-color: #444;
    }
    
.checkout {
    text-align: right;
    margin: 1em 0;
}

/* Customer Account Pages */

fieldset.standard  {
    padding: 1em !important;
    border: none !important;
}

.customer-fields {
}
    .customer-fields td,
    fieldset.standard td {
        padding: 3px;
    }
    .customer-fields fieldset,
    fieldset.standard {
        border: 1px solid #BBC3B0;
    }
    .customer-fields fieldset legend,
    fieldset.standard legend {
        font-weight: bold;
        /*padding: 3px;
        margin: 0 .5em;*/
        font-size: 1.15em;
    }
    .customer-fields .billing-link {
        font-size: 1em !important;
    }
    .required,
    .label {
        font-weight: bold;
    }

/* Customer fields */

#checkout-customer-fields {
    border: 1px solid #BBC3B0;
    margin: 1em 0;
    border-collapse: separate;
    border-spacing: 3px;
    width: 100%;
}
    #checkout-customer-fields th {
        background-color: #CBD3BE;
        font-weight: bold;
        text-align: left;
        color: #444;
        margin: 1px;
        padding: 5px;
    }
.other-checkouts {
    margin: 1em 0;
}

/** Stuff **/

.error {
	color: #c00;
}

.warning {
	font-weight: normal;
}

.emphasized {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.big-error {
	color: #fff !important;
	background-color: #DF4729;
	padding: 10px;
	margin: 0;
}

.attention {
  border-top: 1px dashed #EDEF00;
  border-bottom: 1px dashed #EDEF00;
  background-color: #FFFFDF;
    padding: .45em;
    margin: .5em 0 .5em 0;
}


#content .attention h3,
#content .big-error h3 {
    border: none !important;
    font-weight: normal !important;
    color: #fff !important;
}

.error {
    color: #b00;
}

/** Cart page **/

table.cart {
    width: 100%;
    font-size: 1em;
    border-collapse: separate;
    border-spacing: 2px;
}
    table.cart th,
    table.cart td {
        padding: 5px;
    }
    #content table.cart thead th,
    #checkout-customer-fields thead th {
        background-color: #DCDCDC;
        font-weight: bold;
        text-align: center;
        color: #444;
        margin: 1px;
    }
    table.cart input,
    table.cart td,
    #checkout-customer-fields td {
        vertical-align: middle;
    }
    table.cart .cart-total {
        text-align: right;
        background-color: #CFCFCF;
        font-weight: bold;
        border-top: 1px solid #999;
    }
    table .charges {
        text-align: right;
        font-style: italic;
    }
    table.cart tr.even,
    #checkout-customer-fields tr.even {
        background-color: #FFF9CF;
    }
    table.cart tr.odd,
    #checkout-customer-fields tr.odd {
        background-color: #f9f9f9;
    }
    table.cart .price {
        float: none;
        color: #222;
        font-weight: normal;
    }

    
.checkout {
    text-align: right;
    margin: 1em 0;
}

/* Customer Account Pages */


    .customer-fields .billing-link {
        font-size: 1em !important;
    }
    .required,
    .label {
        font-weight: bold;
    }

.success {
	border: 1px solid #8FBF8F;
	background-color: #D1EFD1;
	color: #6B8F6B !important;
	padding: .5em;
	margin: .5em 0 .5em 0 !important;
}

fieldset.standard {
    padding: 1em;
}

#global-search {
    padding: 0;
    border: 0;
}

#global-search input {
    font-style: italic;
}

/** Product Page **/

#product_display_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}

p.submit {
    text-align: right;
}

/** Cart **/

.login table.wrap {
    border-collapse: separate;
    border-spacing: 10px;
}

.login fieldset {
    border: 1px solid #bbb;
}

/** Category Pages **/

.category-list-product-wrapper {
    margin: 1em 0;
    padding: 1em 0;
}

.category-list-product-wrapper span.paragraph {
    display: block;
    padding-left: 220px;
    margin: .5em 0;
}
    .category-list-product {
        border-bottom: 1px dashed #666;
        clear: left;
        padding: 1em 0;
    }
    .category-list-product .image {
        padding: 5px;
    }
    .category-list-product .image img {
        /*border: 2px solid black;*/
        float: left;
    }

.pagination {
    clear: both;
    padding: 1em 0;
    height: 30px;
}

.pagination span.current,
.pagination .dots,
.pagination .page a {
    display: block;
    float: left;
    padding: 3px;
    background-color: #FFF9CF;
    margin: 2px;
    text-decoration: none;
}

.pagination a:hover {
    background-color: #CFCFCF;
}

.pagination span.current {
    color: black;
    font-weight: bold;
    background-color: transparent;
}

.pagination .dots {
    background-color: transparent;
}

#content h3,
fieldset.standard legend {
    font-size: 1.25em;
    font-weight: normal;
    color: #0273B2;
    border-bottom: 1px solid #FEF29C;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

fieldset.standard {
    padding: 0 !important;
    margin: 1em 0 !important;
}

fieldset.standard table {
    margin: 1em;
}

.alignleft {float:left;padding:1em;}
.alignright {float:right;padding:1em;}

#sidebar .active {font-weight:bold;}