/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Trolley Mate									-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			July 25, 2008									-
-																				-
---------------------------------------------------------------------------------- */


/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
			margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0; padding:0; background: #FFF url(../images/topbg.jpg) repeat-x top center;
			color: #838484; font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;	
			letter-spacing: .05pt; line-height: 16pt; font-weight: normal; text-align:center;
		}



/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto; margin-right: auto; padding: 0;
			width: 1000px; text-align: left; 
		}

	

/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalNav {
			clear:both;	margin: 32px 0 0 0; padding:0; height: 60px; width: 1000px;
		}



/* ------------------------------------------------------------
		CURRENT STYLES
------------------------------------------------------------ */

		#currentStyles {
			float: left; display:inline; margin: 53px 0 0 0; padding:0; 
			width: 235px; height: 350px; background: url(../images/side_bg1.jpg) no-repeat top left;
		}

		#currentStyles .all_button {
			margin: 0 0 0 43px; padding:0;
		}

		#currentStyles ul {
			font-size: 11px; font-weight: bold; list-style:none; font-size: 12px;
			width: 165px; margin: 55px 0 13px 43px; padding:0; text-indent: 4px;
			}

		#currentStyles li a {
			border-bottom:1px solid #4dbaff;
			margin:0px; padding: 3px 0 3px 0;
			color: #FFF; text-decoration: none;
			width: 100%; display:block;
			}
		
		#currentStyles li a:hover {
			margin:0px; color:#FFF; text-decoration: underline;
			}	

		html>body #currentStyles li a {
			width: auto;
			}


/* ------------------------------------------------------------
		MAIN HOME FLASH
------------------------------------------------------------ */

		#frontSplash {
			float: left; display:inline; 
			margin: 53px 0 0 0; padding:0; 
			width: 765px; height: 520px;
		}



/* ------------------------------------------------------------
		MAIN CONTAINER
------------------------------------------------------------ */

		#globalContainer {
			float: left; display:inline; 
			margin: 0; padding: 80px 0 30px 0; width: 765px;
		}

/* ------------------------------------------------------------
		MAIN CONTAINER BACKGROUND IMAGES
------------------------------------------------------------ */

		#about #globalContainer {
			background: url(../images/background/about.jpg) no-repeat top left;
		}

		#uses #globalContainer {
			background: url(../images/background/uses.jpg) no-repeat top left;
		}

		#styles #globalContainer {
			background: url(../images/background/styles.jpg) no-repeat top left;
		}

		#product_list #globalContainer {
			background: url(../images/background/styles.jpg) no-repeat top left;
		}

		#locations #globalContainer {
			background: url(../images/background/where.jpg) no-repeat top left;
		}

		#new #globalContainer {
			background: url(../images/background/new.jpg) no-repeat top left;
		}

		#links #globalContainer {
			background: url(../images/background/links.jpg) no-repeat top left;
		}

		#contact #globalContainer {
			background: url(../images/background/contact.jpg) no-repeat top left;
		}

		#shopping_cart #globalContainer {
			background: url(../images/background/cart.jpg) no-repeat top left;
		}

		#feedback #globalContainer {
			background: url(../images/background/feedback.jpg) no-repeat top left;
		}

		#sitemap #globalContainer {
			background: url(../images/background/sitemap.jpg) no-repeat top left;
		}

		#privacy #globalContainer {
			background: url(../images/background/privacy.jpg) no-repeat top left;
		}
		
		#product_view #globalContainer {
			background: url(../images/background/product_view.jpg) no-repeat top left;
		}		
		

/* ------------------------------------------------------------
		MAIN CONTAINER CONTENT STYLES
------------------------------------------------------------ */


		#globalContainer p {
				color: #494949; line-height: 16px; text-align: left;
				font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; 
				padding: 7px 0 7px 50px; margin:0; width: 450px;
		}


		#globalContainer p.testimonial {
				color: #494949; line-height: 16px; text-align: left;
				font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
				padding: 15px 15px 15px 35px; margin:5px 0 5px 50px; width: 660px; max-width: 610px;
				background: url(../images/bubble.gif) no-repeat 13px 19px;
		}


		#globalContainer p.testimonialAlt {
				color: #494949; line-height: 16px; text-align: left;
				font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
				padding: 15px 15px 15px 35px; margin:5px 0 5px 50px; width: 660px; max-width: 610px;
				background: #fff8ed url(../images/bubble.gif) no-repeat 13px 19px;
		}


		#globalContainer span {
				color: #000; font-weight: bold;
				font-family:Tahoma, Arial, Helvetica, sans-serif;	
				font-size: 12px; padding: 0; margin:0;
		}


		#globalContainer span.productprice {
				color: #eb8007; font-weight: bold; font-size: 12px; 
				padding: 0; margin: 0;
			}	


		#globalContainer img.side {
				float: right; margin: 10px 30px 0 0; padding: 0;
		}


		#globalContainer img.locationMap {
				float: left; margin: 5px 0 0 190px; padding: 0;
		}

		#globalContainer ul {	
				line-height: 15px; list-style:none;
				margin: 0; padding: 5px 0 5px 50px; 
		}
	
		#globalContainer li {
				font-weight:normal;	font-size: 12px; color: #494949; text-decoration: none;
				margin:0; padding: 0 0 0 1.0em;
				background: url(../images/bullet.jpg) no-repeat 0px 5px;
		}
			

		#globalContainer a {
				font-weight:normal;	font-size: 12px;
				color: #878787; text-decoration: underline;
				}

		#globalContainer a:hover {
				font-weight:normal; margin:0px;
				color: #2e8cc9; text-decoration: none;
				}	


		#globalContainer div.break {
				clear:both; margin: 0; height: 10px;
		}	


		#globalContainer dl, dt, dd {
				margin: 0; padding: 0;
			}
		
		#globalContainer dl {
				color: #494949; font-size: 12px; 
				font-family:Arial, Helvetica, sans-serif;
				letter-spacing: .1pt; line-height: 16px; font-weight: normal;
				width: 500px;  margin: 15px 0 15px 50px; padding: 0;
				clear: both; float: left; display:inline;
			}
		
		#globalContainer dt {
				float: left; width: 150px;
				padding: 3px 0 3px 0;
				font-weight: bold;
			}
		
		#globalContainer dd {
				float: left; width: 350px;
				padding: 3px 0 3px 0;
			}
			


		#usesContainer {
				float: left; margin: 0; padding: 0; width: 749px; height: 203px;
		}


/* ------------------------------------------------------------
		MAIN TABLES LAYOUT
------------------------------------------------------------ */


		#globalContainer table {
				 margin: 5px 0 5px 50px; padding: 0; float:left; display:inline;
				 clear: both; border: none; text-align:left;
		}


		#globalContainer th {
				 color: #000000; font-size: 12px; font-weight: bold;
				 margin: 0; padding: 5px 0 5px 0;
		}


		#globalContainer td {
				 color: #494949; font-size: 11px; font-weight: normal;
				 background: #FFF url(../images/cell.gif) repeat-x bottom left;
				 margin: 0; padding: 8px 0 8px 0;
				 border-top: 1px solid #d6d6d6;
		}



/* ------------------------------------------------------------
		CART ITEMS & SHOPPING CART LAYOUT
------------------------------------------------------------ */


		#cartRow {
				 margin: 18px 0 0 50px; padding: 0; float:left; display:inline;
				 clear: both; border: none; text-align:left; width: 660px;
		}


		#cartItem {
				 margin: 0; padding: 0; width: 220px; height: 155px;
				 float:left; display:inline; position: relative; 
				 background: url(../images/cart_item.png) no-repeat top left;
		}


		#cartItem span.title {
				color: #494949; font-weight: bold; font-size: 12px;
				font-family:Tahoma, Arial, Helvetica, sans-serif;	
				position: absolute; bottom: 15px; left: 16px; 				
		}


		#cartItem .details {
				position: absolute; bottom: 50px; right: 25px; z-index:10;		
		}


		#cartItem .mainpic {
				width: 200px; height: 100px;
				position: absolute; top: 13px; left: 5px; z-index:1;		
		}


/* ---------------------------------------------------------- */


		#cartContents {
				margin: 0; padding: 0; float:left; display:inline;
				clear: both; border: none; text-align:left; width: 660px;
			}


		#cartContents .innerBtns {
				margin: 0; padding: 0; width: 37; height: 37px;
			}


		#cartContents input.qty {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif;
				width: 35px; padding: 1px; margin: 0 0 0 3px; color:#494949; border: 1px solid #c7c8ca;
				background: #FFF url("../images/cell.gif") repeat-x top center;
		}


/* -----------------MY CART PRODUCT OPTIONS-------------------- */



		#productOptions {
				margin: 5px 0 15px 50px; padding: 0; 
				height: 60px; width: 660px; float: left; display:inline;
				background: #FFF url("../images/add_bottom.jpg") repeat-x bottom center;	
				border: 1px solid #c9ecbd;		
			}	
	
	
		#productOptions .addCartButton { 
				margin: 10px 0 0 50px; padding: 0; width: 144; height: 36px;
		}
	
	
		#productOptions select.sizeSelect {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; 
				float:left; display:inline;	width: 160px; padding: 1px; margin: 20px 10px 0 10px; 
				color:#494949; border: 1px solid #c7c8ca; background: #FFF url("../images/cell.gif") repeat-x top center;		
		}	
	
	
		#productOptions input.quantityMain {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; 
				float:left; display:inline;	width: 35px; padding: 1px; margin: 20px 10px 0 10px; 
				color:#494949; border: 1px solid #c7c8ca; background: #FFF url("../images/cell.gif") repeat-x top center;		
		}
	
	
		#productOptions span {
				color: #000000; font-size: 12px; font-weight: bold;
				float:left; margin: 16px 0 0 10px; padding:0; 
			}	


/* -----------------PRODUCT IMAGE LARGE-------------------- */



		#productImage {
				float: right; display:inline;
				width: 250px; height: 215px; margin: 0 50px 0 0; padding: 0;
				background: #FFF url("../images/product_bg.jpg") no-repeat top center;	
			}	
			
		#productThumb {
				width: 207px; height: 156px; 
				margin: 30px 0 0 22px; padding: 0;
				position: relative; overflow:hidden;
			}			
			
		#productThumb img {
				position: absolute; top:0px; left: 0px;
			}	


/* ------------------------------------------------------------
		MAIN FORMS LAYOUT
------------------------------------------------------------ */


		#globalContainer form {
				 float:left; clear:none;
		}

		#globalContainer fieldset {
				 margin: 5px 30px 5px 20px; padding: 15px 0 15px 0;
				 background-color: #f5f4f4; border: none;
		}

		#main label { 
				color: #878787;	font-size: 12px; font-family:Arial, Helvetica, sans-serif; letter-spacing: .1pt; font-weight: bold;
				width: 150px; margin: 0 0 15px 0; padding: 0; cursor: pointer;
				float: left; text-align: right; clear: both;
		}


		#main span.mandatory {
				font-size: 116.667%;
				color: #d50000;
		}


		#main input {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				float: left; width: 220px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#878787; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}


		#main input.small {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				float: left; width: 90px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#878787; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}


		#main input.pricesmall {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				float: left; width: 100px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#878787; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}


		#main select {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				float: left; width: 220px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#878787; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}	

		#main textarea {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				float: left; width: 220px; height: 80px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#878787; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}
			


		#main input.tick {
				float: left; width: 16px; height:16px; clear:both; display: inline; 
				padding: 2px; margin: 0; border: none;			
		}	


		#main span.required {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
				float: left; width: 60px; padding: 3px; margin: 0 0 2px 5px; color:#d50000;
		}


		#main .button { 
				margin: 0 0 10px 20px; padding: 0;
				width: 81px; height: 25px; border: none;
		}
	


		#main .buttonSearch { 
				margin: 0 0 10px 20px; padding: 0;
				width: 79px; height: 25px; border: none;
		}



		#main .verify  { 
			margin: 0 0 10px 15px;	width: 80px; height: 24px; border: none; cursor: default;			
		}






/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				margin: 0; padding: 0; float:left; clear:both; width: 1000px; height: 39px; background-color: #FFF;
				color: #838484;	font-size: 11px; letter-spacing: .1pt; line-height: 18px; font-weight: normal;
				}


		#footer p.copy {
				font-weight:normal;	font-size: 11px; text-align:left;
				margin: 10px 0 0 20px; padding: 0; float:left; display:inline; width: 180px;
				}
				
		#footer p.copylinks {
				font-weight:normal;	font-size: 11px; text-align:right;
				margin: 10px 20px 0 0; padding: 0; float:right; display:inline; width: 660px;
				}				
				

		#footer a {
				font-weight:bold; font-size: 11px; color: #b2b2b2; text-decoration: none;
				}
					
		#footer a:hover {
				font-weight:bold; color:#838484; text-decoration: none;
				}