/* 
--------------------------------
Screen styles for Love My Patio
http//www.lovemypatio.com
Author: nGen Works
http://www.ngenworks.com
--------------------------------
*/

/* global */
/* ----------------------------------------------------------------- */

body {font: 11px/16px Arial, Helvetica, sans-serif;color: #000;margin: 0px;padding: 0px;text-align: center; }
	
td { font: 11px/16px Arial, Helvetica, sans-serif; }
	
#container {position:relative; width: 760px; margin: auto; margin-top: 50px; margin-bottom:25px; text-align: left;}
	
#wrapper { margin: 10px 0 10px 0; background:#fff; border:1px solid #ccc;  }

#begin  {font-size:13px;background-color:#f3f3f3;margin:5px 0px 23px 10px;padding:3px;text-align:center;
}

#header {height: 233px;margin: 0; padding: 0; background:#fff;}
	
#header_left {/*position: relative;*/
	margin: 0;padding: 0;float: left;width: 575px;*width:575px;height: 233px;font-family: georgia, "times new roman", times, serif;
	border-bottom:0px solid #ccc; 
	background: transparent url(images/InitialSet/loading.gif) no-repeat 0 0;
	}
	
#header_right {margin: 0;padding: 0;float: left;text-align: left; background:#fff; width:182px;  border:0px solid #ccc;}
#header_right #nav dt, #header_right #account_info dt {padding-left:15px;}
	
#search {font-size: 9px;color: #999;margin: 0;padding: 0 10px;}
	
#content {margin: 0px 0;padding: 0;/*background: transparent url(images/InitialSet/bg_content2.gif) repeat-y 11px 0; */	}
	
body.home #content {/*background: transparent url(images/InitialSet/bg_content.gif) repeat-y 11px 0;*/	}
	
#content_left {width: 565px;margin: 0 0 0 0px;padding: 0;float: left;	}
	
/* hide from ie5 mac \*/
	
* html #content_left { width: 560px; }

/* end hack */

/* type */
/* ----------------------------------------------------------------- */

h1 {font: bold 18px georgia, "times new roman", times, serif; color: #699;padding: 10px 0px 0px 0px; }
	
h2 {font: bold 24px georgia, "times new roman", times, serif;color: #FF6600;padding: 0 0px; margin:20px 0 0 0;}
	
h3 {font: bold 16px georgia, "times new roman", times, serif;color: #699;padding: 0 0px;}
	h3 a:link, h3 a:visited {color: #699}
	h3 a:hover, h3 a:active {color: #666;}
	
h4 {font: bold 14px georgia, "times new roman", times, serif;color: #666;padding: 0 0px;}
	
input, select {font-size:11px; }

.input, .select { border:1px solid #ccc; padding:2px; color:#000;}

#content_right h2 {margin: 10px 0;padding: 0 10px;font: bold 17px/18px georgia, "times new roman", times, serif;color: #900;}
	
#content_left h2 {margin: 10px 0;padding: 0 10px;font: bold 15px/18px georgia, "times new roman", times, serif;color: #699;}
	
#content_left p {margin: 10px 0;padding: 0 10px;}
	
a:link {color: #666;text-decoration: none;border-bottom: 1px solid #666;line-height: 20px;}

a:visited  {color: #666;text-decoration: none;border-bottom: 1px solid #666;line-height: 20px;}
	
a:hover {color: #FF6600;text-decoration: none;border-bottom: 1px solid #FF6600;}
	
a:active  {color: #666;text-decoration: none;border-bottom: 1px solid #666;line-height: 20px;}
	
p { margin: 10px 0; padding: 0; }

#header_right p { color: #999; }

#content_right p { padding: 0 10px; }
	
.pcenter, .pcenter2 {margin: 0px 0px 0px 0px;padding: 0;text-align: center;}
	
.pcenter2 { font-size: 11px; color: #999; border-top: 0px solid #ccc;}

.newproduct {font-size: 11px;color: #999;border: 1px solid #ccc;width: 95px;margin-top: 15px;padding: 3px;text-align: center;}
.related {font-size: 11px;color: #999;border-left: 1px solid #ccc;width: 95px;margin-top: 10px;margin-right: 3px;padding-left: 3px;text-align: center;float:left;}
	.related img {text-decoration:none;}
	
	

#callout_left {margin: 0;padding: 0;float: left;width: 275px;text-align: left;border-right:1px solid #EBEBEB;}

#callout_left a:link img.floatright, 
#callout_left a:visited floatright, 
#callout_left a:hover floatright, 
#callout_left a:active floatright  {border: 1px solid #999;}
	
/*#callout_center { not needed in 2 column StoreFront layout.  Enable for 3 column and change width of #callout_right and #callout_left to 185px
	padding: 0;margin: 0;width: 185px;text-align: left;float: left;border-left:1px solid #EBEBEB;border-right:1px solid #EBEBEB;}*/

#callout_right {margin-right: 3px;padding: 0;float: right;width: 275px;text-align: left;}

#callout_right a:link img.floatright, 
#callout_right a:visited floatright, 
#callout_right a:hover floatright, 
#callout_right a:active floatright  {border: 1px solid #999;}

#content_right {margin: 0 0px 0 0;padding: 0;float: right;width: 182px; *width:182px;border-top: 1px solid #ccc;border-left:0px solid #ccc;}



/* nav + account info */
/* ----------------------------------------------------------------- */

#homelink { margin: 10px 0 5px 0; padding: 0 0 0 10px; }

#nav dl, #account_info dl { margin: 0; padding: 0; }

/* hide from ie5mac \

* html #nav {position: absolute;width:150px;top: 0px;right: 65px;left:-2px;}
*/	
/* end hack */

#nav dt, #account_info dt {font-family: georgia, "times new roman", times, serif;font-weight:bold;margin: 0;padding: 0px 0 8px 0px;font-size: 16px;color: #699;}
	#nav dt {*padding-top:8px;}
	#account_info dt {*margin-top:0px;*padding-top:18px;}
#nav dd, #account_info dd { margin: 0; padding: 0px; }

#nav ul, #account_info ul {margin: 0 0 0 0px;  padding: 0;	list-style: none;text-align: left;}

#nav ul a, #account_info ul a {display:block; text-decoration:none; border-bottom-color:#efefef; border-top:0px;padding:3px 5px 3px 15px}
#nav ul a:hover, #account_info ul a:hover {color:#fff; background:#699;}

	
#nav li, #account_info li {margin: 0;padding: 0px;list-style: none; text-align: left;/*background: transparent url(images/InitialSet/bullet_nav.gif) no-repeat 0 6px;*/	line-height: 14px; }
	


/* call-outs */
/* ----------------------------------------------------------------- */

dl.product_callout {margin: 0px;padding: 0px 10px;}

dl.product_callout dt {font: bold 14px georgia, "times new roman", times, serif;margin: 10px 0px 10px 0px;padding: 0px;padding-top:10px;color: #699;}
	
dl.product_callout dd {margin: 0px 0px 10px 0px;padding: 0px;}
	
dl.product_callout ul {margin: 0px;padding: 0px;}
	
dl.product_callout li {font-size:11px;margin: 0px;padding: 0px;list-style: none; text-align: left;padding-left: 5px;}
	
dl.product_callout dt a:link, 
dl.product_callout dt a:active, 
dl.product_callout dt a:visited {color: #699;text-decoration: none;border-width: 0;}
	
dl.product_callout dt a:hover {color: #666;text-decoration: none;border-width: 0;}
	
/* titles */
/* ----------------------------------------------------------------- */

#header_left h1 {position:relative;font-size:13px;width: 575px;height: 233px;margin: 0;padding: 0;}
	
#header_left h1 a {width: 150px;height: 75px;position: absolute;top: 140;left: 25;margin: 0;padding: 5;}
	
#header_left h1 a:link,
#header_left h1 a:visited,
#header_left h1 a:active,
#header_left h1 a:hover  {border-width: 0;}

#begin a:link,
#begin a:visited,
#begin a:active,
#begin a:hover  {border-width: 0;}

body.home #header_left h1 a {cursor: default;}
	
/* Misc. */
/* ----------------------------------------------------------------- */

img.floatright, img.imgright {float: right;margin: 10px 8px 5px 8px;}
	
div.special {margin: 0px ;padding: 0;border-top: 0px solid #ccc;/*border-bottom: 1px solid #ccc;*/background:#fff; width:172px;*width:165px;  border:0px solid #ccc;	}
div.special .wrapper { padding:5px 5px 5px 15px;}
	
div.clear { margin: 0; padding: 0; color: #fff; clear: both; }

div.clear p { margin: 0; padding: 0; color: #fff; }

div.product_listing {margin: 0px 0px 0px 0px;width:49%;*width:49%;float:left;text-align: center; }
	
	
div.product_listing_home {margin: 0px 0px 0px 0px;text-align: center;}
	
div.cat_listing {margin: 15px 0px 20px 0px;text-align: center; overflow:hidden;}
	
div.buttons_home { margin: 2px 0px 0px 0px; padding: 0 0 0px 0;}

div.buttons { margin: 2px 0px 0px 0px; padding: 0 0 0px 0;}


	
div.buttons a:link, div.buttons a:visited, div.buttons a:active, div.buttons a:hover, div.img a:link, div.img a:visited, div.img a:active, div.img a:hover, div.product_listing a:link, div.product_listing a:visited, div.product_listing a:active, div.product_listing a:hover, div.product_listing_home a:link, div.product_listing_home a:visited, div.product_listing_home a:active, div.product_listing_home a:hover, div.cat_listing a:link, div.cat_listing a:visited, div.cat_listing a:active, div.cat_listing a:hover, a:link.imglink, a:active.imglink, a:visited.imglink, a:hover.imglink, #logo a:link, #logo a:hover, #logo a:visited, #logoIE a:link, #logoIE a:hover, #logoIE a:visited  {	border: none; text-decoration: none; }

div.img { float: left; margin: 10px; width:250px; height:275px; } /*for product thumb on detail page*/
div.desc { margin: 10px; } /*for product description on detail page*/

#content_left table { margin: 0 0 0 0px; }

div.pad { margin: 0; padding: 0 10px; }

form { margin: 0; padding: 0; }

#header_left a:link, #header_left a:visited, #header_left a:hover, #header_left a:active {	text-decoration: none;}

.noBottomBorder { border:none; }

/***********************************************/
/********** checkout process styles ************/
/***********************************************/
#checkoutContainer {  }
#checkoutContainerInner { padding:8px; } 
#checkoutFormat, #checkoutFormat table tr td{color:#333333; font-size:12px;}
#checkoutFormat table tr td h3 {padding:4px; margin:0;}
#checkoutFormat label {font-size:13px;}
	.inputFormat{border:1px solid #999; margin-bottom:1px; padding:0; font-size:12px; padding:1px;}
		#billingTable select, #billingTable input{border:1px solid #999; margin-bottom:1px; padding:1px;}
	.txtShipEstimate{height:15px;}
	.checkoutSelect select{border:1px solid #999; margin-bottom:1px; padding:0;}
		#ctBtnsBottom{text-align:right; margin:0px 0px;}
   .btnContinuePos{width:156px;float:right;}
   .why {margin:0px 25px; padding:3px; width:395px; border:1px dashed #666666; background-color:#EFEFEF;}


#checkoutFormat a:link, #checkoutFormat a:hover, #checkoutFormat a:visited, #checkoutFormat a:active    { text-decoration:none; border:none;}

/* Updates - New Homepage -------*/ 

.clearer{clear:left; line-height:0px; height:0px; font-size:0px;}
.clearerB{clear:both; line-height:0px; height:0px; font-size:0px;}
.clearerR{clear:right; line-height:0px; height:0px; font-size:0px;}
body {background:#f1f1f1;}

html, body {height: 100%; margin: 0; padding: 0;}

#body {height:100%; position: relative; z-index:2;background: url('bg.jpg')  repeat-x top;}


  #navBar{position: absolute; top:0px; left:0px;*left:0px; padding:0px; z-index: 50; width:100%; border-bottom:1px solid #ccc; border-left:0; border-right:0; border-top:0; background:#fff;}
  .navBarInner {margin:0px auto; padding:0px;  width:758px;} 
  #wrapLogo {position:absolute; top:-20px; *top:-19px; left:-33px; *left:-32px; width:152px; height:115px; z-index: 51; }
	  #logo {}
	  #logoIE {}
  
  
	#header {height: 233px;margin: 0;padding: 0; padding-top:2px;background:#fff;}
	
	#header_left {/*position: relative;*/margin: 0;	padding: 0;	margin-top:-2px;float: left;width: 575px;height: 233px;	overflow:hidden;font-family: georgia, "times new roman", times, serif;	/* background: transparent url(images/InitialSet/loading.gif) no-repeat 0 0;*/
		border-right:0px solid #ccc; 
		/*background: transparent url(images/InitialSet/bg_header.jpg) no-repeat 0 0;*/	}
	
	#mainContent { width:575px; *width:575px;float:left; background:#fff; border-right:1px solid #ccc; }
		#mainBody {}
		.mainBodyInner { margin:12px; }
	#columnRt { width:182px;*width:182px; float:right; background:#fff; }
	#columnRt .wrapper { margin:0px 0px 8px 0px;}
  
  	.product_listing .liProdInner {margin:10px; border:1px solid #EBEBEB; }
	.product_listing_home .liProdInner {margin:10px; border:1px solid #EBEBEB;}
	.liProdThumb {float:left;width:120px; text-align:center;}
	.liProdTitle {float:left; width:290px; *width:280px; text-align:left;}
	.liProdBrief {text-align:left;}
	.liProdPrice {float:right;width:100px;font-size:13px; text-align:right;}

	
	.catThumb {background:#f3f3f3;}
		.thmbLink {border:4px solid #669999;}
		.thmbLink:link, .thmbLink:visited {border:4px solid #669999;}
		.thmbLink:hover, .thmbLink:active {border:4px solid #FF6600;}
	.catDesc {text-align:left;padding:4px;}
	.liCatInner {margin:5px; width:125px; float:left;}
	
	#footer {margin: 0px 0px 0px 0px ;padding: 10px 0px;text-align: center;font-size: 11px;color: #999;width:550px; xborder-top:1px solid #ccc;}
	.footerInner { margin-left:0px;margin-right:10px;}