body 	{
	background-color: #ffffff;
	background-image: url(imgs/vert_grad_tile.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	padding:0px;
	margin:0px;
}

 /* The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	width: 460px;
  margin: 0px;
  margin-left: 30px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	text-align: center;
  font-size: 0.9em;
	font-weight: bold;
	color: white; 
	background-color: #6b6b6b;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #6b8f8f;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
	color: black;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #6b8f8f;
}



p, pre{
	padding: 5px 10px;
	margin:0px;
}
	
a 	{
	color: #466483;
	text-decoration: none;
	outline: none;
}

a:visited {color:#466483;}

a:hover 	{
	color: #CC0033;
}

a:active { color:#000000;}

h1 	{
	padding-left: 10px;
	font-size:24px;
	font-weight: bolder;
	margin:0px;
	margin-bottom: 5px;
	text-align: left;
}

h2 	{
	color: #9d1162;
	font-size:18px;
	font-weight: bold;
	padding-left: 10px;
	margin:0px;
	text-align: left;
}

h3 	{
	color: #000000;
	font-size:14px;
	font-weight: bolder;
	padding-left: 10px;
	padding-bottom: 5px;
	margin:0px;
}
	
h4 	{
	font-size: 7px;
	text-transform:uppercase;
	margin-top: 10px;
	text-align: center;
}

h5 	{
	color: #466483;
	font-size:10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin:0px;
}

form {
	margin-left: 15px;
	margin-right: 10px;
	}

.collapse	{
	padding: 0px;
	margin-left: 1px;
	_padding-left: 3px;
}

.signupcollapse	{
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	_padding-left: 3px;
}

.collapsecomment	{
	padding: 0px;
	margin-left: 11px;
	_padding-left: 5px;
}

.date {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	color: #9a6784;
	text-align: right;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
}

.read_more {
	font-weight: bolder;
	text-align: center;
}

.clear {
	clear: both;
	border: 0;
	margin: 0;
	padding: 0;
	height: 0;
}

.cart {
	color: #918070;
	font-weight: bolder;
}

.shopmore {
	font-size: .7em;
	font-weight: bolder;
	text-align: left;
	color: #a64233;
}

.shipping_copy {
	background-image: url(imgs/shipcopy.jpg);
	background-color: repeat-x;
	padding-left: 5px;
}

.checkout {
	background-image: url(imgs/checkout.jpg);
	background-color: repeat-y;
	padding-left: 5px;
}

.comments {
	background-image: url(imgs/shopcomments.jpg);
	background-color: repeat-y;
	padding-left: 5px;
}

.pay{
	margin-left: 1em;
}

.pagination {
	color: #ff0000;
	font-weight: bold;
}

.premium {
	color: #9d1162;
	font-size:14px;
	font-weight: bold;
	padding-left: 10px;
	margin:0px;
	text-align: left;
}

.ch {
	color: #ff0000;
	font-size:10px;
	font-weight: bold;
	margin-right: 10px;
	text-align: right;
}

/* -----------------style for the shopping cart table-----------------------------------*/

table.shop {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin-left: .7em;
	}

th {
	padding: 0 0.5em;
	text-align: center;
	color: #9d1162;
	}

tr.shop td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

td.shop {
	border-bottom: 1px solid #CCC;
	padding: 0px;
	}

td.width {
	width: 190px;
	}

td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}

/* -----------------content to center the remainder of the layout--------------------- */

#content {
	width: 826px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

/* ----------banners for logo and navigation - when it comes-------------- */

#top_top_banner {
	background: url(imgs/admin_top_banner.jpg);
	background-repeat: no-repeat;
	width: 826px;
	height: 110px;
	padding: 0px;
}

#top_nav_banner {
	padding: 0px;
	margin: 0px;
	background-image: url(imgs/prod_sub_nav_banner.jpg);
	background-repeat: no-repeat;
	width: 826px;
	height: 54px;
}

#links {
	color: #000000;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	padding-top: 19px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}

#links a{
	color: #000000;
	}

#links a:hover{
	color: #ffffff;
	text-decoration: underline;
  background: #d03601;
	}
	
	
/*--------------Text section----------------------------------------------------*/

#date {
	float: right;
	width: 60px;
	height: 60px;
	text-align: center;
	font-weight: bolder;
	font-size: 1.3em;
	font-family: Georgia, times new roman, serif;
	margin-right: 10px;
	_margin-right: 5px;
	color: #a37690;
	background-image: url(imgs/date.jpg);
	background-repeat: no-repeat;
	}
	
#date span {
	font-size: 1.8em;
	font-weight: bolder;
	color: #ffffff;
}

#bytefx h2 {
	color: #1C4267;

	font-size:13px;
}

#bytefx2 h2 {
	color: #1C4267;

	font-size:13px;
}

#bytefx3 h2 {
	color: #1C4267;

	font-size:13px;
}

#bytefx4 h2 {
	color: #1C4267;

	font-size:13px;
}

#alerts_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/Alerts-header.jpg);
}

#google_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/googleadsheader.jpg);
}

#googleads {
	width: 200px;
	margin-left: 20px;
}

#alerts3d {
	margin-left: 1px;
	width: 240px;
	background-image: url(imgs/Alerts-background.jpg);
}

#alerts_footer {
	margin-left: 1px;
	width: 240px;
	height: 13px;
	background-image: url(imgs/Alerts-footer.jpg);
	background-repeat: no-repeat;
}

#addtocartheader {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/addtocartheader.jpg);
}

#addtocart {
	margin-left: 1px;
	width: 240px;
	background-image: url(imgs/addtocartback.jpg);
}

#addtocartfooter {
	margin-left: 1px;
	width: 240px;
	height: 12px;
	background-image: url(imgs/addtocartfooter.jpg);
	background-repeat: no-repeat;
}

#mycartheader {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/mycartheader.jpg);
}

#mycart {
	margin-left: 1px;
	width: 240px;
	background-image: url(imgs/mycartback.jpg);
}

#mycartfooter {
	margin-left: 1px;
	width: 240px;
	height: 12px;
	background-image: url(imgs/mycartfooter.jpg);
	background-repeat: no-repeat;
}

#mostpop_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/mostpopularheader.jpg);
}

#reviews3_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/3reviewsheader.jpg);
}

#comments3_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/3commentsheader.jpg);
}

#postcomments_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/postcommentheader.jpg);
}

#postreview_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/postreviewheader.jpg);
}

#login_header {
	margin-left: 1px;
	margin-top: 64px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/loginheader.jpg);
}

#forgotpass_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/forgotpassheader.jpg);
}

#sign-up_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/signupheader.jpg);
}

#changepass_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/changepassheader.jpg);
}

#yourprofile_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/yourprofileheader.jpg);
}

#contacttips_header {
	margin-left: 1px;
	width: 240px;
	height: 43px;
	background-image: url(imgs/contacttipsheader.jpg);
}

#alerts3d {
	margin-left: 1px;
	width: 240px;
	background-image: url(imgs/Alerts-background.jpg);
}

#alerts_footer {
	margin-left: 1px;
	width: 240px;
	height: 13px;
	background-image: url(imgs/Alerts-footer.jpg);
	background-repeat: no-repeat;
}

#text_clear_back 	{
	background-image: url(imgs/back_clear_tile.gif);
	background-repeat: repeat-y;
	width: 826px;
	margin-top: 0px;
  padding-top: 10px;
  padding-left: 10px;
}

#text_clear 	{
	width: 510px;
	margin-left: 0px;
	text-align: left;
}

#text_clear_float	{
	width: 240px;
	text-align: left;
	margin-right: 30px;
	float: right;
}

#cart_clear_float	{
	width: 240px;
	text-align: left;
	margin-right: 30px;
	margin-top: -130px;
	float: right;
}

#text_clear_float_content	{
	width: 240px;
	border: 2px dashed #D6DDE4;
	background-color: #EAEEF1;
}


/*---------------SHOPPING SECTION---------------*/

#paymentus	{
	width: 212px;
	height: 550px;
	margin-left: 12px;
	background-image: url(imgs/paymentus.jpg);
}

#showcartpaymentus	{
	width: 212px;
	height: 550px;
	background-image: url(imgs/paymentus.jpg);
}


#shopping_cartheader	{
	width: 562px;
	height: 51px;
	margin-left: 20px;
	text-align: left;
	background-image: url(imgs/shopbagheader.jpg);
}

#shopping_cart	{
	width: 562px;
	margin-left: 20px;
	text-align: left;
	background-image: url(imgs/shopbagback.jpg);
}

#shopping_cartfooter	{
	width: 562px;
	height: 13px;
	margin-left: 20px;
	text-align: left;
	background-image: url(imgs/shopbagfooter.jpg);
	background-repeat: no-repeat;
}

#shop_float	{
	width: 213px;
	text-align: left;
	margin-right: 25px;
	_margin-right: 12px;
	float: right;
}

#shopsomehead	{
	width: 213px;
	height: 37px;
	background-image: url(imgs/shopsomeheader.jpg);
}

#constructhead	{
	width: 213px;
	height: 37px;
	background-image: url(imgs/shopconstructhead.jpg);
}

#shopsome	{
	width: 213px;
	background-image: url(imgs/shopsomeback.jpg);
	background-repeat: repeat-y;
}

#shopsomefoot	{
	width: 213px;
	height: 9px;
	background-image: url(imgs/shopsomefooter.jpg);
	background-repeat: no-repeat;
}

#shop_header{
	margin-left: 8px;
	_margin-left: 6px;
	width:516px;
	height: 41px;
	background-image: url(imgs/shopmainpanelheader.jpg);
	background-repeat: no-repeat;
}

#shop_body{
	margin-left: 8px;
	_margin-left: 6px;
	width:516px;
	background-image: url(imgs/shopmainpanelback.jpg);
	background-repeat: repeat-y;
}

#shop_body_content{
	margin-left: 8px;
	width:506px;
}

#shop_footer{
	margin-left: 8px;
	_margin-left: 6px;
	width:516px;
	height: 16px;
	background-image: url(imgs/shopmainpanelfooter.jpg);
	background-repeat: no-repeat;
}


#alerts {
	margin-left: 10px;
	width: 510px;
	border: 2px dashed #2EACAC;
	background-color: #D1ECEC;
}

/*--------------GENERAL STUFF----------*/

#form {
	margin-left: 10px;
	width: 510px;
	border: 2px dashed #E9CADC;
	background-color: #F4E5EE;
}

#photo_upload {
	margin-left: 10px;
	width: 510px;
	border: 2px dashed #F0DCE7;
	background-color: #FAF3F7;
	}
	
#photo_upload:hover {
	margin-left: 10px;
	width: 510px;
	border: 2px dashed #FAF3F7;
	background-color: #F0DCE7;
	color: red;
	}
	
#order_work {
	margin-left: 10px;
	width: 510px;
	border: 2px dashed #e4ce9a;
	background-color: #f1ebdb;
	}
	
#order_work:hover {
	margin-left: 10px;
	width: 510px;
	border: 2px dashed #f1ebdb;
	background-color: #e4ce9a;
	color: red;
	}


#shop_float_content {
	width: 230px;
	text-align: left;
	border: 2px dashed #d6dde4;
	background-color: #eaeef1;
	}
	
#shop_float_content:hover {
	width: 230px;
	text-align: left;
	border: 2px dashed #eaeef1;
	background-color: #d6dde4;
	color: red;
	}


#main_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/mainpanelheader.jpg);
	background-repeat: no-repeat;
}

#main_letter_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/mainletterheader.jpg);
	background-repeat: no-repeat;
}

#main_sign_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/signupmainheader.jpg);
	background-repeat: no-repeat;
}

#main_article_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/mainarticleheader.jpg);
	background-repeat: no-repeat;
}

#contact_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/contactheader.jpg);
	background-repeat: no-repeat;
}

#say_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/haveyoursaymainheader.jpg);
	background-repeat: no-repeat;
}

#maincomments_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/maincommentsheader.jpg);
	background-repeat: no-repeat;
}


#mainreviews_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 41px;
	background-image: url(imgs/mainreviewsheader.jpg);
	background-repeat: no-repeat;
}

#main_premium_header{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 37px;
	background-image: url(imgs/mainpremiumheader.jpg);
	background-repeat: no-repeat;
}

#main_premium_back{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	background-image: url(imgs/mainpremiumback.jpg);
}

#main_premium_footer{
	margin-left: 8px;
	_margin-left: 6px;
	width: 516px;
	height: 52px;
	background-image: url(imgs/mainpremiumfooter.jpg);
	background-repeat: no-repeat;
}

#main_body{
	margin-left: 8px;
	_margin-left: 6px;
	width:516px;
	background-image: url(imgs/shopmainpanelback.jpg);
	background-repeat: repeat-y;
}

#main_body_content{
	margin-left: 5px;
	width:498px;
	_width:499px;
}

#main_article_content{
	margin-left: 5px;
	width:498px;
	_width:499px;
}

#main_article_content h1{
	color: #9d1162;
	font-family: Georgia, Times New Roman, serif;
	text-align:center;
}

#main_article_content h2{
	color: #9d1162;
	font-family: Georgia, Times New Roman, serif;
	text-align:left;
}

#main_article_content h3{
	font-family:Georgia, Times New Roman, Times, serif;
	color: #9d1162;
}

#main_article_content li{
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
}

#main_article_content greeting{
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main_article_content p{
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#main_body_content h1{
	font-size:24px;
	color: #9d1162;
	font-family: Georgia, Times New Roman, serif;
	text-align:center;
}

#main_body_content h2{
	font-size:14px;
	color: #9d1162;
	font-family: Georgia, Times New Roman, serif;
	text-align:center;
}

#main_body_content h3{
	font-size:14px;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #9d1162;
	text-align:center;
}

#main_footer{
	margin-left: 8px;
	_margin-left: 6px;
	width:516px;
	height: 16px;
	background-image: url(imgs/shopmainpanelfooter.jpg);
	background-repeat: no-repeat;
}
	

/*---------------------------------image boxes----------------------------*/

.ques_head {
  width: 500px;
  height: 39px;
  background-image: url(imgs/questionhead.jpg);
  margin-left: 10px;
 }

.ques_head p {
  padding-left: 370px;
  padding-top: 20px;
  font-size: .8em;
  font-weight: bold;
  color: white;
  }
  
.qna_body {
  width: 500px;
  background-image: url(imgs/qna_body.jpg);
  background-repeat: repeat-y;
  margin-left: 10px;
  }

.ques_logo {
  background-image: url(imgs/Q_logo.jpg);
  width: 63px;
  height: 63px;
  float: right;
  margin-right: 20px;
  margin-left: 5px;
  }

.qna_text {
  margin-left: 20px;
  margin-right: 20px;
  }
  
.qna_foot{
  width: 500px;
  height: 21px;
  margin-left: 10px;
  background-image: url(imgs/qna_foot.jpg);  
  }

.ans_head {
  width: 500px;
  height: 39px;
  background-image: url(imgs/answerhead.jpg);
  margin-left: 10px;
 }

.ans_head p {
  padding-left: 370px;
  padding-top: 20px;
  font-size: .8em;
  font-weight: bold;
  color: white;
  }

.ans_logo {
  background-image: url(imgs/A_logo.jpg);
  width: 56px;
  height: 58px;
  float: right;
  margin-right: 20px;
  margin-left: 10px;
  } 

#pic_right {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	_margin-right: 5px;
	margin-top: 10px;
	padding: 0px;
}

#pic_left {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float: left;
	padding: 0px;
}

#pic_right2 {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	_margin-right: 5px;
	padding: 0px;
}

#product_pic_right {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	_margin-right: 5px;
	padding: 0px;
}
	
#product_pic_left {
	width: 300px;
	margin-right: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float: left;
	padding: 0px;
}

#greet_pic {
	width: 80px;
	height: 80px;
	float: left;
	margin: 0px;
	margin-right: 5px;
	margin-left: 10px;
	_margin-left: 5px;
	padding: 0px;
}

#comment_photo {
	width: 60px;
	height: 60px;
	float: left;
	margin-top: 5px;
	_margin_top: 10px;
	margin-right: 5px;
	margin-left: 10px;
	_margin-left: 5px;
	padding: 0px;
	border: 1px solid #000000;
}

#premium_photo {
	width: 60px;
	height: 60px;
	float: left;
	margin-top: 5px;
	_margin_top: 10px;
	margin-right: 5px;
	margin-left: 110px;
	_margin-left: 105px;
	padding: 0px;
}

/* -----------footer--------------------------- */

#footer {
	clear: both;
	background-image: url(imgs/footer.jpg);
	margin-top: 0;
	width: 826px;
	height:145px;
	font-size: .7em;
	text-align: center;
	font-weight: bold;
  }

#footer p {
  padding-top: 30px;
  }