/*
// File: style.css
// Description: Major Cascading Stylesheet, commonly in use by: http://theboxerring.com
// Author: Ronnie Depp 
		
		My eMailbox: 	mr.salman.ahmad@gmail.com 
		Twitter: 		@RonnyDepp
		Personal Blog: 	http://ronnydepp.blogspot.com 
		Personal Site: 	http://ronniedepp.co.cc 
		Tech Blog: 		http://techbytes-from-ronnie.blogspot.com 
		Voice: 			+92 313 407 0856 (my cell phone number)
		Snail Mail: 	43, block K, Model Town Co-operative Society, Lahore, 54700, Punjab, Pakistan.
		
// Dated: Monday, July 04, 2010. (last modification date)
// PLEASE RETAIN THE ABOVE & FOLLOWING MENTIONED ATTRIBUTION(S) | If you want to use this file for your own implementations, please retain the commented attribution and ask me before the use of this code via my emailbox: mr.salman.ahmad@gmail.com
*/

/*
---------------------------------------------
© Copyright www.theboxerring.com 2010.

Christa Cook
The Boxer Ring - www.TheBoxerRing.com
P.O. Box 128
Edwardsville, IL 62025
Phone:  (+1) 618-960-6316
Email:  theboxerring@earthlink.net
---------------------------------------------
*/

body, html {margin: 0; padding: 0; background-color: #000000; background-image: url(../images/bg.jpg); background-position: top center; height:100%;}
div {font-size: 13px; font-family: "Segoe", "Segoe UI", Arial, Helvetica, sans-serif; color: #939292; text-align: left; line-height: 20px;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
hr {background-color: #333334; color: #333333; height: 3px; border: none;}

a:link {color: #ffffff; text-decoration:underline;}
a:visited {color: #ffffff; text-decoration:underline;}
a:hover {color: #666666; text-decoration:none;}
a:active {color: #666666; text-decoration:none;}

.navi ul {margin: auto; padding: 0; list-style: none; height: 20px; position: relative;}
.navi li {margin: auto; padding: 0 8px 0 8px; display: inline;  height: 20px; border-left: 1px #333333 solid; color: #666666; text-align: center; font-style: italic; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif}
.navi a {color: #cccccc; text-decoration: none; font-weight: normal;}
.navi a:hover {color: #666666;}

.cartnavi {margin: 45px 0 0 350px; padding: 0; width: 630px; height: 20px; position: absolute; z-index: 10; /*border:1px solid*/}
.cartnavi ul {margin: 0px; padding: 0; list-style: none; position: relative;}
.cartnavi li {margin: auto; padding: 0 8px 0 8px; display: inline;  border-left: 1px #333333 solid; color: #666666; text-align: center; font-style: italic; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif}
.cartnavi a {color: #666666; text-decoration: none; font-weight: normal;}
.cartnavi a:hover {color: #ffffff;}

.whiteitalic {font-size: 23px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #ffffff;}
.whiteitalic2 {font-size: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #ffffff;}
.whiteitalic3 {font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #ffffff; line-height: 40px;}
.whitestraight {font-size: 30px; color: #ffffff; font-family: "Segoe", "Segoe UI", Arial, Helvetica, sans-serif;  }
.whitestraight2 {font-size: 20px; color: #ffffff; font-family: "Segoe", "Segoe UI", Arial, Helvetica, sans-serif;  }
.whitesmall {color: #ffffff; font-weight: bold;}

.buttonbig {margin: auto; padding: 25px 0 0 0; width: 140px; height: 35px; float: left; background-image: url(../images/bgbuttonbig.png); background-position: center 15px; background-repeat: no-repeat; text-align: center; font-size: 16px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.buttonbig a {font-size: 16px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; font-weight: normal;}
.buttonbig a:hover {color: #666666;}

.buttonbig2 {margin: auto; padding: 25px 10px 0 0; width: 140px; height: 35px; float: left; background-image: url(../images/bgbuttonbig.png); background-position: center 15px; background-repeat: no-repeat; text-align: center; font-size: 16px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.buttonbig2 a {font-size: 16px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; font-weight: normal;}
.buttonbig2 a:hover {color: #666666;}

.buttonsmall {margin: 0 12px 0 0; padding: 18px 0 0 0; width: 99px; height: 35px; float: left; background-image: url(../images/bgbuttonsmall.png); background-position: center 15px; background-repeat: no-repeat; text-align: center; font-size: 14px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.buttonsmall a {font-size: 14px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; font-weight: normal;}
.buttonsmall a:hover {font-weight: bold;}

.buttonsmallnofloat {margin: 0 12px 0 0; padding: 18px 0 0 0; height: 35px; background-image: url(../images/bgbuttonsmall.png); background-position: center 15px; background-repeat: no-repeat; text-align: center; font-size: 14px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.buttonsmallnofloat a {font-size: 14px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; font-weight: normal;}
.buttonsmallnofloat a:hover {font-weight: bold;}

.clear {margin: auto; padding: 0; width: 100%; clear: both;}

#wrapper {margin: auto; padding: 0; }
.container {margin: auto; padding: 0 0 25px 0; width: 990px; clear: both;}

#header {margin: auto; padding: 0; background-image: url(../images/bgheadersub.jpg); background-repeat: repeat-x; background-position: top center;}
#headerhome {margin: auto; padding: 0; background-image: url(../images/bgheader.jpg); background-repeat: repeat-x; background-position: top center;}

#logo {margin: auto; padding: 0; float: left; width: 350px; height: 126px; position: absolute; z-index: 50}
#nav {margin: auto; padding: 0; width: 676px; height: 43px; float: right;}
#nav_inside {margin: auto; padding: 0 0 0 0; }

#flashwrapper {margin: auto; padding: 0 0 20px 0;}
#flashhome {margin: auto; padding: 0; width: 990px; height: 342px; clear: both;;}
#flashleft {margin: 0; padding: 0; float: left; width: 500px; height: 300px; position: relative; *margin: -25px 0 0 0}
#flashleftinner {margin: auto; padding: 100px 0 0 0; text-align: center; height: 250px;}
#flashright {margin: auto; padding: 0; float: right; width: 475px; height: 342px; *margin: -25px 0 0 0}
#buttonwrapper {margin: auto; padding: 0; width: 300px;}
#buttonleft, .buttonleft {margin: auto; padding: 0; float: left; width: 140px}
#buttonright, .buttonright {margin: auto; padding: 0; float: right; width: 140px}

#flash {margin: auto; padding: 0; width: 990px; height: 90px; clear: both;}

.maincontent {margin: auto; padding: 0; background-image: url(../images/bgmaincontent.png); background-repeat: no-repeat; background-position: top center; width: 990px; height: 400px; }
.leftcontent {margin: auto; padding: 53px 0 0 50px; float: left; width: 580px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 22px;}
.rightcontent {margin: auto; padding: 35px 0 0 0; float: right; width: 300px; }

.col {margin: auto; padding: 30px 0 20px 50px; float: left; width: 275px; height: 450px;}
.colsmall {margin: auto; padding: 10px; float: left; width: 175px; min-height: 85px;}
.colsmall2 {margin: auto; padding: 10px; float: left; width: 210px; height: 110px; border-bottom: 1px #333333 solid; border-left: 1px #333333 solid; text-align: center;}
.colsmall3 {margin: auto; padding: 10px; float: left; width: 210px; height: 110px; border-bottom: 1px #333333 solid; text-align: center; }

.adspecial {margin: auto; padding: 5px 5px 8px 5px; border: 1px #ffffff dotted; background-color: #1f1f1f; text-align: center; color: #ffffff; font-size: 18px; }

.maincontent_empty {margin: auto; padding: 0; width: 990px;}
.maincontent_empty_sub {margin: auto; padding: 0 0 20px 10px; width: 975px;}
.genleft {margin: auto; padding: 0 0 20px 25px; float: left; width: 485px; line-height: 20px;}
.genright {margin: auto; padding: 0 0 20px 0; float: right; width: 445px; }

.businesscards {margin: auto; padding: 0; text-align: center;}
.businesscards img {margin: 3px; padding: 0;}

.ratestable {width: 100%; padding: 4px; text-align: left;}
.col1 {border-bottom: 1px #333333 solid; text-align: left; width: 180px;}
.col2 {border-bottom: 1px #333333 solid; text-align: left; width: 150px;}
.col3 {border-bottom: 1px #333333 solid; text-align: left; }


#home_left {margin: auto; padding: 10px 0 0 0; float: left; width: 573px;}
#home_left_subleft {margin: auto; padding: 10px 5px 0 0; float: left; width: 195px;}
#home_left_subright {margin: auto; padding: 0; float: left; width: 373px;}
#home_right {margin: auto; padding: 0; float: right; width: 302px;}
#home_right_blog_top {margin: auto; padding: 0; width: 302px; height: 22px; background-image:url(/images/blog_con_top.png); background-repeat: no-repeat;}
#home_right_blog_middle {margin: auto; padding: 0; width: 302px; min-height: 365px; background-image:url(/images/blog_con_middle.png); background-repeat: no-repeat;}
#home_right_blog_snip {margin: auto; padding: 0 25px 10px 25px;}
#home_right_blog_bottom {margin: auto; padding: 0; width: 302px; height: 24px; background-image:url(/images/blog_con_bottom.png); background-repeat: no-repeat;}

#sub_top {margin: auto; padding: 0; width: 897px; height: 25px; background-image:url(/images/subbg_top.png); background-repeat: no-repeat;}
#sub_middle {margin: auto; padding: 0; width: 897px; min-height: 500px; background-image:url(/images/subbg_middle.png); background-repeat: repeat-y;}
#sub_inside {margin: auto; padding: 20px 25px 20px 25px;}
#sub_bottom {margin: auto; padding: 0; width: 897px; height: 40px; background-image:url(/images/subbg_bottom.png); background-repeat: no-repeat;}

#sub_inside_flash {margin: auto; padding: 0 25px 20px 25px;}

#sub_left {margin: auto; padding: 20px 0 0 0; width: 410px; min-height: 500px; float: left;}
#sub_right {margin: auto; padding: 20px 0 0 0; width: 410px; min-height: 500px; float: right;}

#contact_wrapper {margin: auto; padding: 0; border-top: 1px solid #e0e0e0;}
#sub_left_contact {margin: auto; padding: 20px 0 0 50px; min-height: 200px; width: 310px; float: left; border-right: 1px solid #e0e0e0;}
#sub_right_contact {margin: auto; padding: 20px 25px 0 0; width: 430px; min-height: 200px; float: right;}
.contactdropcol {margin: auto; padding: 0; width: 205px; float: left;}
.contactdropcolother {margin: auto; padding: 0 0 0 25px; width: 180px; float: left;}
.contactdropmenu {width: 200px;}

#calendar_wrapper {margin: auto; padding: 0; width: 800px; height: 500px;}

#quote_captcha_left {margin: auto; padding: 0; float: left; width: 130px;}
#quote_captcha_right {margin: auto; padding: 18px 0 0 0; float: left; width: 100px;}

#footerwrapper {margin: auto; padding: 0; padding-top: 30px; clear: both; background-image: url(../images/bgfooter.jpg); background-repeat: repeat-x; background-position: top center; min-height: 200px;}
#footer {margin: auto; padding: 10px 0 0 0; width: 990px; text-align: center; font-size: 11px; color: #666666; line-height: 15px;}
#footer a {color: #cccccc;}
#footer a:hover {color: #666666;}
#tag {margin: auto; padding: 0; background-color: #000000; height: 75px; /*clear: both;*/}
#taginner {margin: auto; padding: 7px 0 0 0; text-align: center; /*width: 990px;*/ height: 50px; line-height: 13px; font-size: 7.90pt; color: #666666; background-image: url(../images/tag_bg.png); background-repeat: no-repeat; background-position: top center;}
#taginner a, #taginner a:link, #taginner a:visited {color: #777777; font-weight: 580; font-size: 8pt; text-decoration:none; border-bottom:1px dashed #777777; }
#taginner a:hover, #taginner a:active {color: #666666; font-weight: lighter; font-size: 8pt; text-decoration:none; border-bottom: none; }

#auto_top {margin: auto; padding: 0; width: 649px; height: 25px; background-image:url(/images/subbg_top.png); background-repeat: no-repeat;}
#auto_middle {margin: auto; padding: 0; width: 649px; min-height: 500px; background-image:url(/images/subbg_middle.png); background-repeat: repeat-y;}
#auto_inside {margin: auto; padding: 20px 25px 20px 25px;}
#auto_bottom {margin: auto; padding: 0; width: 649px; height: 40px; background-image:url(/images/subbg_bottom.png); background-repeat: no-repeat;}

.error {color: #CC0000; font-size: 18px; font-weight: bold;}
.fauxh {font-size: 18px; font-weight: bold;}
.input {border: #a1a1a1 solid 1px; background-color: #ffffff; height: 17px;}
.inputtext {border: #a1a1a1 solid 1px; background-color: #ffffff; height: 45px; width: 263px;}
.inputlabel {color: #0b5e5d; font-weight: bold; font-style: italic;}
.formsubmit {border: #a1a1a1 solid 1px; background-color: #2e8e8d; height: 25px; width: 55px; color: #ffffff;}
.imgborder {border: 1px #2e8e8d solid;}

.backissuetable {margin: auto; padding: 3px; align: left; width: 100%;}


/*BUBBLE TOOLTIP*/
#bubble_tooltip{width: 148px; position:absolute; display: none;}
#bubble_tooltip .bubble_top{background-image: url(../images/bubble_top.png); background-repeat: no-repeat; height:13px;	}
#bubble_tooltip .bubble_middle{background-image: url(../images/bubble_middle.png); background-repeat: repeat-y; background-position: bottom left; padding: 0 10px 0 10px;}
#bubble_tooltip .bubble_middle span{position: relative; text-align: center; font-family: "Segoe", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; line-height: 15px;}
#bubble_tooltip .bubble_bottom{background-image: url(../images/bubble_bottom.png); background-repeat: no-repeat; background-repeat: no-repeat; height: 28px; position: relative; }

/* vimeo simulation nav menu */
#menu_home {margin: 0px; padding: 12px 0 0 0; line-height: 20px; list-style: none; color: #cccccc; display: inline-block; float: left; z-index: 1000; position: relative; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
#menu_home a {color: #cccccc; text-decoration: none;}
#menu_home > li {padding: 0 10px 0 10px; float: left; position: relative; border-left: dotted 1px #666666;}
#menu_home > li a:hover {text-decoration: underline;}
/*sub-menus*/
#menu_home ul {margin: 0px; padding: 0; display: block; display: inline; font-weight: normal;}
#menu_home li ul {margin: 0px; padding: 0; position: absolute; width: 135px; display: none; background-image: url(../images/dot.png); *left: 8px; top: 19px;}
#menu_home li:hover ul { display: block;}
#menu_home li ul li {margin: 0px; padding: 8px 0 8px 5px; display: block; border-top: dotted 1px #666666; list-style-type: none;}
#menu_home li ul li:first-child {border-top: none; }
#menu_home li ul li a { display: block; color: #cccccc; }
#menu_home li ul li a:hover { color: #ffffff; }
/*main submenu */
#menu_home #main { margin: 0px; padding-top: 20px; color: #ffffff; z-index: 999; position: relative;}
/*corners*/
#menu_home .corner_inset_left { position: absolute; top: 0px; left: -12px;}
#menu_home .corner_inset_right { position: absolute; top: 0px; left: 135px;}
#menu_home .last { background: transparent none repeat scroll 0% 0%; margin: -10px 0 0 0; padding: 0px; border: none; position: relative; border: none; height: 0px;}
#menu_home .corner_left {margin: 0; position: absolute;}
#menu_home .corner_right {margin: 0 0 0 117px; position: absolute;}
#menu_home .middle {margin: 0 0 0 18px; position: absolute; height: 12px; width: 99px;}
		
.tophov a {margin: 0 0 0 -4px; padding: 0 0 0 3px;}
.tophov a:hover {padding: 0 0 0 3px;}
.drop a:hover {padding: 0 5px 0 10px; width: 115px; }
/* end menu */


/*shopping cart styles*/

#newfeacontainer {margin: auto; padding: 0; width: 922px; height: 165px;}
#new {margin: 7px 0 0 0; padding: 0; width: 489px;  position: absolute; z-index: 100}
#featured {margin: 15px 0 0 500px; padding: 0; width: 422px; position: absolute; z-index: 10}

#newicon {margin: 95px 0 0 175px; padding: 0; width: 69px; height: 57px; position: absolute; z-index: 999;}

.catcontainer {margin: auto; padding: 0; height: 35px; width: 830px;}
.catnav {margin: auto; padding: 0 0 10px 0; float: left;}
.catnav ul {margin: auto; padding: 0; list-style: none; }
.catnav ul li {margin: auto; display: inline; padding: 0 8px 0 3px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-right: 1px #5f94c8 solid;}
.catnav a {color: #344d9e; text-transform: uppercase; }

#catnavright {margin: 118px 0 0 600px; padding: 0 0 10px 0; width: 250px; float: right; text-align: right; position: absolute;}
#catnavright a {color: #660066;}
#catnavright ul {margin: auto; padding: 0; list-style: none;}
#catnavright ul li {margin: auto; display: inline; padding: 0 5px 0 5px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-right: 1px #5f94c8 solid;}

.yellow input{margin: 0 0 5px 0; padding: 3px; background-color: #FC3; border: 1px #009 solid;}
.clear {margin: auto; padding: 0; clear: both;}

/*category display*/
.floatboxes {margin: 4px; padding: 0 2px 5px 2px;  float: left; width: 210px; height: 260px; background-color: #1e1e1e; border: 6px #333333 solid}
.floatboxesimg {margin: auto; padding: 0 0 5px 0;  height: 185px; text-align: center;}
.floatboxestitle {margin: -5px 0 0 0; padding: 0; position: relative; text-align: center; width: 100%; height: 15px; font-size: 13px;}
.floatboxestitle a {color: #ffffff; }
.cat_title {margin: auto; padding: 0 0 5px 5px; font-size: 15px; color:#ffffff; text-transform: uppercase;}

.producttotal {font-size: 18px; font-weight: bold;}

.navigation1 li a, .navigation1 li a:visited {
	font-size: 14px;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #999999 /*#555555 ~ nav-menu.color */;
	display: block;
}
.navigation1 li a:hover {
	color: #ffffff /*#910202 ~ nav-menu-hover.color */;
	padding-left: 12px;
	background-image: url(../images/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#copyright {line-height:18pt;}/**/
#copyright a, #copyright a:link, #copyright a:visited {color:#888888; text-decoration: underline;}
#copyright a:hover, #copyright a:active {text-decoration: none;}

/****************************************************/
/*			flash_magazine							*/

#flash_magazine{
	background-color:#333333;
	width:968px;
	margin:0px;
	margin-top:30px;
	padding:10px;
	overflow:visible;
	/* border:1px solid #ffffff;*/
}

/* ****************************************** */
/*        Override Quick-Shopping-Cart Styles        */
legend {
	padding: 0;
	padding:0 3px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
}
/* END OF STYLE SHEET */