/* ********** Global layout css ********** */
body            { margin: 0px; padding: 0px; background: url('../images/bg.png') #EAEAEA; }
:focus          { -moz-outline-style: none; }
a img           { border: none; }
#container      { width: 900px; margin: 0px auto; padding: 0px; background: url('../images/body-bg.png') no-repeat center bottom; }
#header         { margin: 0px; text-align: center; background: url('../images/header-bg.png') no-repeat center center; }
#header img     { margin: 10px; border: 0px; }
#menu           { clear: both; margin: 0px; margin-bottom: 20px; text-align: center; }
#menu a         { font-size: 0.8em; text-transform: capitalize; color: #000000; text-decoration: none; font-family: arial; }
#menu a:hover   { color: #3EAFD4; }
#menu a.active  { color: #3EAFD4; }
#main-body      { clear: both; width: 680px; float: left; margin: 0px; padding: 0px; }
#sidebar        { width: 210px; float: right; margin: 0px; padding: 0px; }
#footer         { clear: both; margin: 0px; padding-top: 80px; text-align: center; color: #FFFFFF; font-family: arial; font-size: 0.8em; }
#footer a       { color: #FFFFFF; text-decoration: none; text-transform: capitalize; }
#footer a:hover { text-decoration: underline; }

/* ********** Repeated layout css ********** */
.left           { float: left; }
.right          { float: right; }
.clear          { clear: both; }

/* ********** Headings layout css ********** */
h1        { font-size: 1em; margin: 0px; padding: 0px; width: auto; }
h2        { font-size: 17px; margin-left: 15px; font-family: arial; text-transform: uppercase; background: url('../images/david-cameron-conservative-facts-tree.png') no-repeat left top; padding: 5px; padding-left: 40px; color: #3EAFD4; letter-spacing: 0.2em; z-index:3;position:relative;}
.see-more { font-size: 17px; margin-right: 15px; font-family: arial; text-transform: uppercase; padding: 5px; background-color: #3EAFD4; color: #FFFFFF; letter-spacing: 0.2em; float: right; text-decoration: none; font-weight: bold; }

/* ********** Speachbox layout css ********** */
.speach-box          { width: 640px; margin: 0px auto; padding: 0px; }
.speach-box .top     { background: url('../images/speach-box-top.png') no-repeat center bottom; height: 21px; }
.speach-box p        { margin: 0px; padding: 0px 20px; background: #99CC66; font-family: arial; font-size: 2em; font-weight: bold; text-transform: uppercase; color: #FFFFFF; line-height: 1em; }  /* 2.7 */
.speach-box p a      { text-decoration: none; color: #FFFFFF; }
.speach-box p a:hover{ color: #3EAFD4; }
.speach-box p span   { text-decoration: none; color: #FFFFFF; text-align: center; }
.speach-box .bottom  { background: url('../images/speach-box-bottom.png') no-repeat center top; height: 62px; }

/* ********** box layout css ********** */
#main-body .box                        { width: 641px; margin: 0px auto; padding: 0px; padding-bottom: 20px; background: url('../images/box-bottom.png') no-repeat center bottom; margin-bottom: 20px; }
#main-body .nospace                    { padding-bottom: 20px; }
#main-body .box p                      { clear: both; margin: 0px; padding: 5px 20px; font-family: arial; font-size: 0.9em; }
#main-body .box p a                    { color: #000000; text-decoration: none; font-family: arial; }
#main-body .nospace p                  { padding: 10px 20px 0px 20px; }
#main-body .nospace p a                { width: 480px; float: right; }
#main-body .nospace p a.right          { width: auto; float: right; padding-left: 5px; }
#main-body .box .first                 { background: url('../images/box-top.png') no-repeat center top; padding-top: 20px; }
#main-body .box p span.number          { font-size: 15px; font-weight: bold; float: left; width: 40px; color: #3EAFD4; }
#main-body .info p                     { font-size: 0.7em; color: #808080; }
#main-body .fact                       { background-color: white; margin-bottom: 0px; }
#main-body .fact p                     { font-size: 2em; font-weight: bold; text-transform: uppercase; color: #; line-height: 1em; }
#main-body .fact p a                   { float: none; width: auto; }
#main-body .box form p span.label      { font-size: 15px; font-weight: bold; float: left; width: 100px; color: #3EAFD4; text-transform: uppercase; }
#main-body .box form p input.field     { width: 490px; border: 2px solid #3EAFD4; color: #3EAFD4; }
#main-body .box form p textarea.field  { width: 490px; height: 200px; border: 2px solid #3EAFD4; color: #3EAFD4; }
#main-body .box form p input.button    { text-transform: capitalize; }
#main-body .box p.error                { text-align: center; color: red; padding: 20px 0px; text-transform: uppercase; }
#main-body .box p.success              { text-align: center; color: green; padding: 20px 0px; text-transform: uppercase; }
#main-body .nospace p span.vote        { float: right; width: auto; width: 73px; text-align: center; height: 25px; }
#main-body .nospace p span.vote a      { float: left; width: auto; }

a.add-to-shirt img                     { width: 328px; margin: 0px auto; position: relative; top: -5px; left: 50px; }
.add-to-mug 					 { width: 328px; margin: 0px auto; position: relative; top: -5px; left: 100px; }

/* ********** Share on blog layout css ********** */
#hide-share-on-my-blog                                     { height: 0px; }
#hide-share-on-my-blog img                                 { height: 100px; border: 0px; position: relative; top: -70px; }
#moveMe1{float:left;position:absolute;z-index:1;margin-top:-68px;}
#main-body .share-blog .first                              { padding: 0px; }
#main-body .share-blog .first p .instructions              { font-size:1.9em; font-weight: bold; color: #3EAFD4; }
#main-body .share-blog .first p #show-share-blog-advanced  { margin: 0px; padding: 0px; width: auto; float: none; }
#main-body .share-blog .first p #advanced-output           { text-align: right; display: none; }
#main-body .share-blog .first p #advanced-output input     { width: 300px; }
#main-body .share-blog .first p textarea                   { width: 100%; height: 50px; }
#main-body .share-blog .first p .info                      { float:left; width: 100%; margin: 0px; text-align: center; color: #3EAFD4; font-style: italic; }

/* ********** box with no border layout css ********** */
#main-body .no-box                     { width: 641px; margin: 0px auto; padding: 0px; padding-bottom: 20px; margin-bottom: 100px; }
#main-body .no-box p                   { clear: both; margin: 0px; padding: 5px 20px; font-family: arial; font-size: 0.9em; }

/* ********** page numbers ********** */
#main-body .page_numbers               { margin: 0px; margin-top: -15px; margin-bottom: 20px; text-aling: right; float: right; background: url('../images/david-cameron-conservative-facts-tree.png') no-repeat left top; padding: 5px; padding-left: 40px; }
#main-body .page_numbers a             { padding: 2px; color: #000000; text-decoration: none; font-family: arial; }
#main-body .page_numbers .first        { font-size: 17px; text-transform: uppercase; color: #3EAFD4; letter-spacing: 0.2em; }
#main-body .page_numbers .last         { font-size: 17px; text-transform: uppercase; color: #3EAFD4; letter-spacing: 0.2em; }
#main-body .page_numbers a.selected    { color: #3EAFD4; }

/* ********** sidebar layout css ********** */
#sidebar form                   { width: 170px; margin: 0px auto; text-align: center; }
#sidebar form .field            { width: 170px; margin: 0px auto; border: 2px solid #3EAFD4; color: #3EAFD4; }
#sidebar form .button           { margin: 0px auto; margin-top: 10px; text-transform: capitalize; }
#sidebar .box                   { width: 170px; margin: 10px auto; background: #FFFFFF; border: 2px solid #3EAFD4; }
#sidebar .box p                 { margin: 10px; }
#sidebar .box a img             { width: 120px; margin:25px auto; }
#sidebar p.success              { color: green; text-align: center; text-transform: upeercase; font-family: arial; }
#sidebar #sidebar-padding       { height: 100px; width: 170px; margin: 0px auto; }
#sidebar .share-box             { text-align: center; margin: 10px 0px; margin-bottom: 30px; }

.product-box{background: url('../images/box-top.png') no-repeat center top; padding-top: 20px;font-family:Arial, Helvetica, sans-serif;font-size:small;padding:20px;}
.product-row{margin-bottom:10px;width:100%;display:block;overflow:auto;}
.product-row img{float:left;width:300px;margin-right:10px;}
.product-row .product-cart{float:left;width:190px;background-color:green;}
.product-row .product-text{float:left;width:275px;margin:8px;}
.product-row .product-price{float:left;margin:5px;font-size:20px;color:#06C;}
.product-row .product-buy{float:left;margin:5px;font-size:20px;color:#06C;}